.menu-button-rometheme{
    transition: all 0.5;
    background-color: #00cea6;
    padding: 10px;
    display: flex;
    align-items: center;
    border: none;
}

.rkit-offcanvas-icon {
    color: black;
    fill: black;
}

li.submenu-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

div.header {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

div.mobile-header {
    display: none;
}

nav.off-canvas {
    display: none;
}

div.menu-offcanvas {
    display: none;
}

.rkit-offcanvas-close {
    position: relative;
    float: right;
    z-index: 9999;
    display: flex;
    align-items: center;
    border: none;
    background: transparent;
    color: black;
    fill: black;
}

.rkit-offcanvas-close:hover {
    background: transparent;
    color: black;
    fill: black;
}

a.menu-button {
    text-decoration: none;
    border-bottom: none;
}

.dropdown-content {
    opacity: 0;
    margin-top: 20px;
    animation: fade_in 1s;
}

.offcanvas-navmenu-rometheme {
    width: 100%;
    position: fixed;
    display: flex;
    top: 0;
    height: 100%;
    z-index: 999;
    visibility: hidden;
}

.overlay-rometheme {
    background-color: rgba(0, 0, 0, 0.328);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 998;
    transition: all 0.7s ease-in-out;
    /* opacity: 0; */
}

.menu-offcanvas-rometheme {
    z-index: 9999;
    background-color: white;
    width: 75%;
    height: 100vh;
    transition: all 0.7s ease-in-out;
    /* opacity: 0; */
}

.rkit-btn-container{
    display: flex;
}

.rkit-offcanvas-header {
    width: 100%;
}


.rkit-offcanvas.offcanvas-show .offcanvas-navmenu-rometheme {
    visibility: visible;
}

.rkit-offcanvas.left .offcanvas-navmenu-rometheme {
    left: 0;
}

.rkit-offcanvas.right .offcanvas-navmenu-rometheme {
    right: 0;
    justify-content: end;
}

.rkit-offcanvas.left .menu-offcanvas-rometheme , .rkit-offcanvas.left .overlay-rometheme {
    transform: translateX(-100%);
}

.rkit-offcanvas.right .menu-offcanvas-rometheme , .rkit-offcanvas.right .overlay-rometheme {
    transform: translateX(100%);
}

.rkit-offcanvas.offcanvas-show.right .menu-offcanvas-rometheme,
.rkit-offcanvas.offcanvas-show.left .menu-offcanvas-rometheme,
.rkit-offcanvas.offcanvas-show.right .overlay-rometheme,
.rkit-offcanvas.offcanvas-show.left .overlay-rometheme {
    transform: translateX(0);
    /* opacity: 1;   */
}

.menu-horizontal {
    display: flex;
    flex-direction: row;
}

.menu-vertical {
    display: flex;
    flex-direction: column;
}

a.submenu-item-text {
    width: 100%;
    display: inline-block;
    border-bottom: none;
    height: 100%;
}

.expand-content{
    overflow: hidden;
    height: auto;
}
.rkit-headerinfo {
    display: flex;
    flex-wrap: wrap;
  }

  .rkit-list-headerinfo {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .rkit-hamburger-tablet,
.rkit-hamburger-mobile {
  display: none;
}

.rkit-btn-hamburger {
  display: flex;
}

.rkit-btn-hamburger {
  background: #00cea6;
  color: black;
}

.rkit-navmenu {
  background: rgb(244, 244, 244);
}

.rkit-nav-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: black;
  z-index: 1;
  position: relative;
}

.rkit-menu-item:hover {
  background-color: gray;
  color: black;
}

.rkit-submenu-item {
  background-color: white;
  color: #000;
}

.rkit-submenu-item:hover {
  background-color: rgb(169, 169, 169);
  color: black;
}

.rkit-menu-item .rkit-nav-link  {
  padding: 12px 24px;
}

.rkit-submenu-icon {
  display: inline-block;
  color: currentColor;
  fill: currentColor;
}

.rkit-submenu-item .rkit-submenu-icon {
  transform: rotate(-90deg);
}

.rkit-navmenu-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /* transition: all 1s; */
}

.rkit-menu-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.rkit-menu-container li {
  position: relative;
  /* transition: all 1s; */
  cursor: pointer;
}

.rkit-navmenu-dropdown {
  position: absolute;
  width: max-content;
  max-height: 0px;
  transition: all 0.5s;
  /* transform: scaleY(0); */
  transform-origin: top;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
}

.rkit-submenu-item .rkit-navmenu-dropdown {
  left: 100%;
  top: 0;
}

.rkit-dropdown-hover:hover > .rkit-navmenu-dropdown {
  /* transform: scaleY(1); */
  max-height: var(--height);
  opacity: 1;
  animation: slideDown 0.5s;
  visibility: visible;
}

.rkit-dropdown-click.rkit-dropdown-show > .rkit-navmenu-dropdown {
  /* transform: scaleY(1); */
  max-height: var(--height);
  opacity: 1;
  animation: slideDown 0.5s;
  visibility: visible;
}

.rkit-icon-close,
.rkit-icon-open {
  transition: all 0.5s;
  display: block;
  position: relative;
}

.rkit-hamburger .rkit-icon-close {
  opacity: 0;
  transform: rotate(90deg);
  position: absolute;
}

.rkit-hamburger-show .rkit-icon-open {
  opacity: 0;
  transform: rotate(90deg);
  position: absolute;
}

.rkit-hamburger-show .rkit-icon-close {
  opacity: 1;
  transform: rotate(0deg);
  position: relative;
}

.rkit-responsive-tablet.rkit-menu-show,
.rkit-responsive-mobile.rkit-menu-show {
  /* height: fit-content;     */
  transform: scaleY(1);
  opacity: 1;
  max-height: var(--height);
  transition: all 0.5s;
}

.pointer-underline,
.pointer-overline,
.pointer-doubleline,
.pointer-framed,
.pointer-bg
{
  position: relative;
  --pointer-width:2px;
  --pointer-color : #00cea6;
}

.pointer-underline::after,
.pointer-overline::after,
.pointer-doubleline::after,
.pointer-framed::after,
.pointer-framed::before,
.pointer-bg::after {
  border-radius: inherit;
}

.pointer-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 0;
  transform: translateX(-50%);
  left: 50%;
  transition: all 0.5s;
  border-bottom-width: var(--pointer-width) ;
  border-bottom-color: var(--pointer-color);
  border-bottom-style: solid;
}

.pointer-overline::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 0;
  transform: translateX(-50%);
  left: 50%;
  transition: all 0.5s;
  border-top-width: var(--pointer-width) ;
  border-top-color: var(--pointer-color);
  border-top-style: solid;
}


.pointer-doubleline::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 0;
  transform: translateX(-50%);
  left: 50%;
  transition: all 0.5s;
  border-top-width: var(--pointer-width) ;
  border-top-color: var(--pointer-color);
  border-top-style: solid;
  border-bottom-width: var(--pointer-width) ;
  border-bottom-color: var(--pointer-color);
  border-bottom-style: solid;
}

.pointer-underline:hover::after,
.pointer-overline:hover::after,
.pointer-doubleline:hover::after
{
  width: 100%;
}

.pointer-framed:before {
  content: "";
  position: absolute;
  border-top-width: var(--pointer-width);
  border-bottom-width: 0px;
  border-left-width: var(--pointer-width);
  border-right-width: var(--pointer-width);
  border-color: var(--pointer-color);
  border-style: solid;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  opacity: 0;
  transition: height 0.3s , width 0.2s 0.3s , opacity 0.1s 0.5s;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.pointer-framed::after {
  content : "";
  position : absolute;
  border-bottom-width : var(--pointer-width);
  border-top-width : 0px;
  border-left-width : var(--pointer-width);
  border-right-width : var(--pointer-width);
  border-color : var(--pointer-color);
  border-style : solid;
  width : 0;
  height :0;
  left : 50%;
  transform : translateX(-50%);
  bottom : 0;
  opacity: 0;
  transition : height 0.3s , width 0.2s 0.3s , opacity 0.1s 0.5s;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.pointer-framed:hover::after, .pointer-framed:hover::before {
  width : 100%;
  height : 50%;
  opacity : 1;
  transition : width 0.2s , height 0.3s 0.2s;
}

.pointer-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 50%;
  background: var(--pointer-color);
  transform: translateX(-50%);
  transition: height 0.5s;
}

.pointer-bg:hover::after {
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .rkit-hamburger-tablet {
    display: flex;
  }

  .rkit-responsive-tablet {
    position: absolute;
    /* height: 0; */
    max-height: 0px;
    overflow: hidden;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    z-index: 999;
    margin-top: var(--menu-distance);
  }

  .rkit-responsive-tablet .pointer-underline::after,
  .rkit-responsive-tablet .pointer-overline::after,
  .rkit-responsive-tablet .pointer-doubleline::after,
  .rkit-responsive-tablet .pointer-framed::after,
  .rkit-responsive-tablet .pointer-framed::before,
  .rkit-responsive-tablet .pointer-bg::after{
    content: none;
  }

  .rkit-responsive-tablet .rkit-menu-container {
    flex-direction: column;
  }

  .rkit-responsive-tablet .rkit-navmenu-dropdown {
    position: static;
    width: 100%;
  }

  .rkit-responsive-tablet .rkit-submenu-item .rkit-submenu-icon {
    transform: rotate(0deg);
  }
}

@media screen and (max-width: 767px) {
  .rkit-hamburger-mobile {
    display: flex;
  }

  .rkit-responsive-mobile {
    position: absolute;
    /* height: 0; */
    max-height: 0px;
    overflow: hidden;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    z-index: 999;
    margin-top: var(--menu-distance);
  }

  .rkit-responsive-mobile .rkit-menu-container {
    flex-direction: column;
  }

  .rkit-responsive-mobile .rkit-navmenu-dropdown {
    position: static;
    width: 100%;
  }

  .rkit-responsive-mobile .rkit-submenu-item .rkit-submenu-icon {
    transform: rotate(0deg);
  }

  .rkit-responsive-mobile .pointer-underline::after,
  .rkit-responsive-mobile .pointer-overline::after,
  .rkit-responsive-mobile .pointer-doubleline::after,
  .rkit-responsive-mobile .pointer-framed::after,
  .rkit-responsive-mobile .pointer-framed::before,
  .rkit-responsive-mobile .pointer-bg::after

  {
    content: none;
  }

}

@keyframes slideDown {
  from {
    transform: translateY(-0.5rem);
  }
  to {
    transform: translateY(0rem);
  }
}
.rkit-search .rkit-search-button {
    background-color: #00cea6;
    padding: 18px;
    display: flex !important;
    align-items: center;
    border: none;
    gap: 0.5rem;
}

.rkit-search .rkit-search-button:hover {
    background-color: #009678;
}

.rkit-search .rkit-search-input {
    outline: none;
    width: 100%;
    border: none;
    border-radius: 0px;
    background: #f1f1f1;
}

.rkit-search .rkit-search-input:focus {
    outline: none;
}

.rkit-search {
    /* overflow: hidden; */
    display: flex;
    flex-direction: row;
}

.rkit-search-icon {
    font-size: 20px;
}   .rkit-image {
    display: flex;
    flex-direction: column;
}

.rkit-image .site-caption {
    width: 100%;
}.rkit-post-grid-body {
    padding: 20px 30px 30px 30px;
    z-index: 2;
    position: relative;
    width: 100%;
}

.rkit-post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.rkit-image-link {
    display: block;
    width: 100%;
}

.rkit-post-grid-card {
    background-color: #e9e9e9;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.rkit-w-50 {
    width: 50%;
}

.rkit-image-container {
    position: relative;
}

.rkit-post-grid-img {
    transition: all 0.5s;
    object-fit: cover;
    object-position: center;
    width: 100% !important  ;
    height: 100% !important;
}

.rkit-post-grid-card:hover .rkit-post-grid-img {
    transform: scale(1.1);
}

.rkit-metadata,
.rkit-metadata a {
    color: gray;
}

.rkit-metadata {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

}

.rkit-float-metawrapper-date {
    position: absolute;
    bottom: -10px;
    right: 10px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3rem;
    background-color: #00cea6;
}

.rkit-float-metawrapper-date>span {
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 1;

}

.rkit-float-metawrapper-date>span>strong {
    font-size: large;
}

.rkit-floating-category {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    font-size: 12px;
    z-index: 2;
    gap: 0.5rem;
}


.rkit-post-block-card .rkit-floating-category-btn {
    background-color: #535353;
    padding-inline: 15px;
    border-radius: 0;
    color: #ffffff;
    border: none;
}

.rkit-post-block-card .rkit-floating-category-btn:hover {
    background-color: #00cea6;
    color: black;
}

.rkit-post-block-card .rkit-readmore-btn {
    background-color: #535353;
    border-radius: 0;
    padding: 16px 32px 16px 32px;
    text-align: center;
    font-size: 15px;
    color: white;
    transition: all 0.5s;
    border: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rkit-post-block-card .rkit-readmore-btn:hover {
    background-color: #00cea6;
    color: black;
}

.rkit-readmore-div {
    display: flex;
}

.rkit-metadata-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}


.rkit-post-grid .rkit-post-grid-body.rkit-post-grid-highlight-border::before {
    content: "";
    display: block;
    height: 50%;
    width: 2px;
    background: #ff712b;
    position: absolute;
    z-index: 999;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}

.rkit-post-grid-title-container {
    margin : 10px 0px 10px 0px;
}

.rkit-post-grid-title{
    font-size: 20px;
    font-weight: 700;
    color :black;
}

.rkit-post-grid-paragraph {
    margin: 0px 0px 30px 0px;
}

@media only screen and (max-width:1024px) {
    .rkit-post-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:767px) {
    .rkit-post-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .rkit-post-grid-card {
        flex-direction: column !important;
    }

    .rkit-w-50 {
        width: 100%;
    }
}
.rkit-post-block-body {
    padding: 20px 30px 30px 30px;
    z-index: 2;
    position: relative;
    width: 100%;
}

.rkit-post-block {
    display: flex;
    flex-direction: column;
}

.rkit-image-link {
    display: block;
    width: 100%;
}

.rkit-post-block-card {
    background-color: #e9e9e9;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.rkit-w-50 {
    width: 50%;
}

.rkit-post-block .rkit-image-container {
    position: relative;
    width: 100%;
}

.rkit-post-block-img {
    transition: all 0.5s;
    object-fit: cover;
    object-position: center;
    width: 100% !important  ;
    height: 100% !important;
}

.rkit-post-block-card:hover .rkit-post-block-img {
    transform: scale(1.1);
}

.rkit-metadata,
.rkit-metadata a {
    color: gray;
}

.rkit-metadata {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

}

.rkit-float-metawrapper-date {
    position: absolute;
    bottom: -10px;
    right: 10px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3rem;
    background-color: #00cea6;
}

.rkit-float-metawrapper-date>span {
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 1;

}

.rkit-float-metawrapper-date>span>strong {
    font-size: large;
}

.rkit-floating-category {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    font-size: 12px;
    z-index: 2;
    gap: 0.5rem;
}


.rkit-post-grid-card .rkit-floating-category-btn {
    background-color: #535353;
    padding-inline: 15px;
    border-radius: 0;
    color: #ffffff;
    border: none;
}

.rkit-post-grid-card .rkit-floating-category-btn:hover {
    background-color: #00cea6;
    color: black;
}

.rkit-post-grid-card .rkit-readmore-btn {
    background-color: #535353;
    border-radius: 0;
    padding: 16px 32px 16px 32px;
    text-align: center;
    font-size: 15px;
    color: white;
    transition: all 0.5s;
    border: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rkit-post-grid-card .rkit-readmore-btn:hover {
    background-color: #00cea6;
    color: black;
}

.rkit-readmore-div {
    display: flex;
}

.rkit-metadata-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}


.rkit-post-block .rkit-post-block-body.rkit-post-block-highlight-border::before {
    content: "";
    display: block;
    height: 50%;
    width: 2px;
    background: #ff712b;
    position: absolute;
    z-index: 999;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
}

.rkit-post-block-title-container {
    margin : 10px 0px 10px 0px;
}

.rkit-post-block-title{
    font-size: 20px;
    font-weight: 700;
    color :black;
}

.rkit-post-block-paragraph {
    margin: 0px 0px 30px 0px;
}

@media only screen and (max-width:1024px) {
    .rkit-post-block {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:767px) {
    .rkit-post-block {
        grid-template-columns: repeat(1, 1fr);
    }

    .rkit-post-block-card {
        flex-direction: column !important;
    }

    .rkit-w-50 {
        width: 100%;
    }
}
.rkit-cta {
    overflow: hidden;
    position: relative;
}

.rkit-cta-container-classic {
    display: flex;
}

.rkit-cta-container-cover {
    display: block;
}

.rkit-cta-img__wrapper {
    background-size: cover;
    background-position: 50%;
    min-width: 50%;
    position: relative;
    overflow: hidden;
}

.rkit-cta-img__image {
    transition: all 1.5s;
    object-fit: cover;
    object-position: center;
    display: block;
    background-size: cover;
    background-position: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.rkit-cta-container-cover .rkit-cta-img__wrapper {
    min-height: 350px;
}

.rkit-cta-container-classic .rkit-cta-img__wrapper {
    min-height: 350px;
}


.rkit-cta-container-cover .rkit-cta-content__wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.rkit-cta-description {
    margin-bottom: 1rem;
}

.rkit-cta-container-classic .rkit-cta-content__wrapper {
    min-height: 350px;
}

.rkit-cta-ribbon {
    position: absolute;
    z-index: 1;
    top: 0;
    left: auto;
    right: 0;
    transform: rotate(90deg);
    width: 150px;
    overflow: hidden;
    height: 150px;
}

.rkit-cta-ribbon.rkit-cta-ribbon__left {
    transform: rotate(0);
    left: 0;
    right: auto;
}

.rkit-cta-ribbon.rkit-cta-ribbon__right {
    transform: rotate(90deg);
    left: auto;
    right: 0;
}

.rkit-cta-ribbon__inner {
    text-align: center;
    left: 0;
    width: 200%;
    transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    margin-top: 35px;
    font-size: 13px;
    background: #00cea6;
    color: #000;
    line-height: 2;
    font-weight: 700;
}

.rkit-cta-content__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding : 30px;
}

.rkit-cta-container-classic .rkit-cta-content__wrapper {
    background-color: white;
}

.rkit-cta .rkit-cta-title {
    transition: all 0.5s;
}

.rkit-cta-img__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.5s;
}

.rkit-cta:hover .rkit-cta-img__overlay {
    background-color: rgba(0, 0, 0, 0.25);
}

.rkit-cta:hover .zoom-in {
    transform: scale(1.2);
}

.zoom-out {
    transform: scale(1.2);
}

.rkit-cta:hover .zoom-out {
    transform: scale(1);
}

.rkit-cta-icon__graphic_element {
    font-size: 70px;
}

.rkit-cta-img__image.move-left {
    transform: scale(1.2) translateX(8%);
}

.rkit-cta-img__image.move-right {
    transform: scale(1.2) translateX(-8%);
}

.rkit-cta-img__image.move-up {
    transform: scale(1.2) translateY(8%);
}

.rkit-cta-img__image.move-down {
    transform: scale(1.2) translateY(-8%);
}

.rkit-cta:hover .rkit-cta-img__image.move-left,
.rkit-cta:hover .rkit-cta-img__image.move-right,
.rkit-cta:hover .rkit-cta-img__image.move-up,
.rkit-cta:hover .rkit-cta-img__image.move-down {
    transform: scale(1.2) translateX(0%);
}

.rkit-cta__graphic_element {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.rkit-cta__graphic_element:has(.rkit-cta-icon__graphic_element) {
    aspect-ratio: 1/1;
}

.rkit-cta-text {
    display: flex;
    flex-direction: column;
}

.rkit-cta a.rkit-cta-button {
    background-color: #535353;
    border-radius: 5px;
    padding: 16px 32px 16px 32px;
    text-align: center;
    font-size: 15px;
    color: white;
    transition: all 0.5s;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.rkit-cta-button.fullwidth {
    width: 100%;
}

.rkit-cta a.rkit-cta-button:hover {
    background-color: #00cea6;
    color: #535353;
}.rkit-blockquote{
    display: flex;
    position: relative;
}

.blockquote-top{
    flex-direction: column;
}

.rkit-quote-icon{
    font-size: 4rem;
    margin : 0px 0px 20px 0px;
}

.blockquote-top .rkit-quote-icon{
    display: flex;
    align-items: center;
}

.blockquote-inline .rkit-quote-icon {
    float: left;
    line-height: 1em;
    width: 1em;
    height: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 .5em 0 0;
}

.blockquote-inline , .blockquote-absolute {
    flex-direction: column;
}

.rkit-quote-author {
    font-weight: 700;
}

.blockquote-absolute .rkit-quote-icon {
    position: absolute;
    z-index: -1;
    left : 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}.rkit-social-media__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.54rem;
  }

  .rkit-social-media__list .rkit-social-share__link {
    width: fit-content;
    border: none;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1;
    border-radius: 0;
    padding: 10px;
  }

  .rkit-social-share.fullwidth .rkit-social-share__link {
    width: 100%;
    justify-content: center;
  }

  .facebook {
    --color: #1877f2; /* Facebook Blue */
  }

  .twitter {
    --color: #000000; /* X (Twitter) Black */
  }

  .pinterest {
    --color: #e60023; /* Pinterest Red */
  }

  .linkedin {
    --color: #0a66c2; /* LinkedIn Blue */
  }

  .quora {
    --color: #b92b27; /* Quora Red */
  }

  .reddit {
    --color: #ff4500; /* Reddit Orange */
  }

  .telegram {
    --color: #26a5e4; /* Telegram Blue */
  }

  .viber {
    --color: #665cac; /* Viber Purple */
  }

  .whatsapp {
    --color: #25d366; /* WhatsApp Green */
  }

  .line {
    --color: #00b900; /* LINE Green */
  }

  .facebook:hover {
    --color: #145dbf; /* Facebook Darker Blue */
  }

  .twitter:hover {
    --color: #1c1c1c; /* X (Twitter) Darker Black */
  }

  .pinterest:hover {
    --color: #b8001b; /* Pinterest Darker Red */
  }

  .linkedin:hover {
    --color: #004182; /* LinkedIn Darker Blue */
  }

  .quora:hover {
    --color: #8a211d; /* Quora Darker Red */
  }

  .reddit:hover {
    --color: #cc3700; /* Reddit Darker Orange */
  }

  .telegram:hover {
    --color: #007ba7; /* Telegram Darker Blue */
  }

  .viber:hover {
    --color: #514483; /* Viber Darker Purple */
  }

  .whatsapp:hover {
    --color: #1ebe5c; /* WhatsApp Darker Green */
  }

  .line:hover {
    --color: #009900; /* LINE Darker Green */
  }

  .rkit-social-share.flat .rkit-social-share__link {
    background-color: var(--color);
    color: white;
    fill: white;
  }

  .rkit-social-share.flat .rkit-social-share__link:hover {
    color: white;
    fill: white;
  }

  .rkit-social-share.outline .rkit-social-share__link,
  .rkit-social-share.framed .rkit-social-share__link {
    border-width: 2px;
    border-style: solid;
    border-color: var(--color);
    color: var(--color);
    fill: var(--color);
    background: transparent;
  }

  .rkit-social-share.framed .rkit-social-share__link:hover {
    background: transparent;
    color: var(--color);
    fill: var(--color);
  }

  .rkit-social-share.outline .rkit-social-share__link:hover {
    background-color: var(--color);
    color: white;
    fill: white;
  }

  .rkit-social-share.flat-on-hover .rkit-social-share__link {
    background: transparent;
    color: var(--color);
    fill: var(--color);
  }

  .rkit-social-share.flat-on-hover .rkit-social-share__link:hover {
    background-color: var(--color);
    color: white;
    fill: white;
  }

  .rkit-social-share.pointer .rkit-social-share__link,
  .rkit-social-share.pointer .rkit-social-share__link:hover,
  .rkit-social-share.pointer-on-hover .rkit-social-share__link,
  .rkit-social-share.pointer-on-hover .rkit-social-share__link:hover {
    --pointer-width: 3px;
    position: relative;
    background: transparent;
    color: var(--color);
    fill: var(--color);
  }

  .rkit-social-share.pointer .rkit-social-share__link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: var(--pointer-width);
    background-color: var(--color);
    transform: translateY(50%);
  }

  .rkit-social-share.pointer-on-hover .rkit-social-share__link::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    width: 0%;
    height: var(--pointer-width);
    background-color: var(--color);
    transition: width 0.5s;
    transform: translateX(-50%);
  }

  .rkit-social-share.pointer-on-hover .rkit-social-share__link:hover::after {
    width: 100%;
  }
  .rkit-team-card {
    background-color: white;
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
}

.pointer {
    --pointer-size : 5px;
}

.rkit-team-card.pointer::before {
    content: "";
    height: var(--pointer-size);
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: blue;
    position: absolute;
}

.rkit-team-card.pointer::after {
    content: "";
    position: absolute;
    width: 0%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: var(--pointer-size);
    transition: width 0.5s ease;
    background: #00cea6;
}

.rkit-team-card:hover.pointer::after {
    width: 100%;
}

.rkit-team__detail {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    transition: all 0.5s;
}

.rkit-team__detail h4 {
    margin-bottom: 0;
    margin-top: 0;
}

.rkit-team__img {
    display: flex;
    transition: all 1s;
    overflow: hidden;
}

.rkit-team__img img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    transition: transform 0.5s;
}


.rkit-team__img.move-left img {
    transform: scale(1.2) translateX(8%);
}

.rkit-team__img.move-right img {
    transform: scale(1.2) translateX(-8%);
}

.rkit-team__img.move-up img {
    transform: scale(1.2) translateY(8%);
}

.rkit-team__img.move-down img {
    transform: scale(1.2) translateY(-8%);
}

.rkit-team-card:hover .rkit-team__img.move-left img,
.rkit-team-card:hover .rkit-team__img.move-right img,
.rkit-team-card:hover .rkit-team__img.move-up img,
.rkit-team-card:hover .rkit-team__img.move-down img {
    transform: scale(1.2) translateX(0%);
}

.rkit-team-card:hover .rkit-team__img.zoom-in img {
    transform: scale(1.2);
}

.rkit-team__img.zoom-out img {
    transform: scale(1.2);
}

.rkit-team-card:hover .rkit-team__img.zoom-out img {
    transform: scale(1);
}

.rkit-team__role {
    color: gray;
    font-size: 15px;
    margin-bottom: 0.5rem;
}

.rkit-team__description {
    margin-bottom: 0.5rem;
}

.rkit-team__overlay {
    overflow: hidden;
}

.rkit-team__overlay .rkit-team-card {
    position: relative;
}

.rkit-team__overlay .rkit-team__detail {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateY(100%);
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.rkit-team__overlay:hover .rkit-team__detail {
    visibility: visible;
    transform: translateY(0%);
    opacity: 1;
}

.rkit-team__overlay:hover .rkit-team__img {
    filter: blur(5px);
}


.rkit-team__social {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.rkit-team__social_item {
    padding: 20px;
    aspect-ratio: 1/1;
    /* width: 35px; */
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color);
    transition: all 0.5s;
}

.rkit-team__social_icon {
    color: var(--icon-color);
    fill: var(--icon-color);
}

.rkit-team__social_on_hover_top .rkit-team-card,
.rkit-team__social_on_hover_left .rkit-team-card,
.rkit-team__social_on_hover_right .rkit-team-card,
.rkit-team__social_on_hover_bottom .rkit-team-card {
    position: relative;
    overflow: hidden;
}

.rkit-team__social_on_hover_top .rkit-team__social,
.rkit-team__social_on_hover_left .rkit-team__social,
.rkit-team__social_on_hover_right .rkit-team__social,
.rkit-team__social_on_hover_bottom .rkit-team__social {
    position: absolute;
    display: flex;
    opacity: 0;
    transition: all 0.5s;
}

.rkit-team__social_on_hover_top .rkit-team__social ,
.rkit-team__social_on_hover_bottom .rkit-team__social {
    flex-direction: row;
}

.rkit-team__social_on_hover_left .rkit-team__social,
.rkit-team__social_on_hover_right .rkit-team__social {
    flex-direction: column;
    top: 0;
    bottom: 0;
    align-items: center;
}

.rkit-team__social_on_hover_top .rkit-team__social,
.rkit-team__social_on_hover_bottom .rkit-team__social {
    flex-direction: row;
    left: 0;
    right: 0;
    justify-content: center;

}

.rkit-team__social_on_hover_left .rkit-team__social {
    left: -50px;
}

.rkit-team__social_on_hover_left:hover .rkit-team__social {
    left: 0;
    opacity: 1;
}

.rkit-team__social_on_hover_right .rkit-team__social {
    right: -50px;
}

.rkit-team__social_on_hover_right:hover .rkit-team__social {
    right: 0;
    opacity: 1;
}

.rkit-team__social_on_hover_top .rkit-team__social {
    top: -50px;
}

.rkit-team__social_on_hover_top:hover .rkit-team__social {
    top: 0;
    opacity: 1;
}

.rkit-team__social_on_hover_bottom .rkit-team__social {
    bottom: -50px;
}

.rkit-team__social_on_hover_bottom:hover .rkit-team__social {
    bottom: 0;
    opacity: 1;
}


.rkit-team__centered .rkit-team-card{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rkit-team__centered .rkit-team__img {
    border-radius: 50%;
    overflow: hidden;
    width: 50%;
    min-width: 180px;

}

.rkit-team__centered .rkit-team__img img {
    aspect-ratio: 1/1;
}

.rkit-team__centered .rkit-team__detail {
    text-align: center;
    justify-content: center;
    align-items: center;
}


.facebook {
    --color: #1877F2; /* Facebook Blue */
    --icon-color : #ffffff;
}

.twitter {
    --color: #000000; /* X (Twitter) Black */
    --icon-color : #ffffff;
}

.pinterest {
    --color: #E60023; /* Pinterest Red */
    --icon-color : #ffffff;
}

.linkedin {
    --color: #0A66C2; /* LinkedIn Blue */
    --icon-color : #ffffff;
}

.quora {
    --color: #B92B27; /* Quora Red */
    --icon-color : #ffffff;
}

.reddit {
    --color: #FF4500; /* Reddit Orange */
    --icon-color : #ffffff;
}

.telegram {
    --color: #26A5E4; /* Telegram Blue */
    --icon-color : #ffffff;
}

.viber {
    --color: #665CAC; /* Viber Purple */
    --icon-color : #ffffff;
}

.whatsapp {
    --color: #25D366; /* WhatsApp Green */
    --icon-color : #ffffff;
}

.line {
    --color: #00B900; /* LINE Green */
    --icon-color : #ffffff;
}

.facebook:hover {
    --color: #145DBF; /* Facebook Darker Blue */
    --icon-color : #ffffff;
}

.twitter:hover {
    --color: #1C1C1C; /* X (Twitter) Darker Black */
    --icon-color : #ffffff;
}

.pinterest:hover {
    --color: #B8001B; /* Pinterest Darker Red */
    --icon-color : #ffffff;
}

.linkedin:hover {
    --color: #004182; /* LinkedIn Darker Blue */
    --icon-color : #ffffff;
}

.quora:hover {
    --color: #8A211D; /* Quora Darker Red */
    --icon-color : #ffffff;
}

.reddit:hover {
    --color: #CC3700; /* Reddit Darker Orange */
    --icon-color : #ffffff;
}

.telegram:hover {
    --color: #007BA7; /* Telegram Darker Blue */
    --icon-color : #ffffff;
}

.viber:hover {
    --color: #514483; /* Viber Darker Purple */
    --icon-color : #ffffff;
}

.whatsapp:hover {
    --color: #1EBE5C; /* WhatsApp Darker Green */
    --icon-color : #ffffff;
}

.line:hover {
    --color: #009900; /* LINE Darker Green */
    --icon-color : #ffffff;
}

.tiktok {
    --color : #000000;
    --icon-color : #ffffff;
}

.tiktok:hover {
    --color : #1C1C1C;
    --icon-color : #ffffff;
}

.github {
    --color : #333333;
    --icon-color : #ffffff;
}

.github:hover {
    --color : #000000;
    --icon-color : #ffffff;
}

.youtube {
    --color : #ff0000;
    --icon-color : #ffffff;
}

.youtube:hover {
    --color : #CD201F;
    --icon-color : #ffffff;
}

.instagram {
    --color : #E1306C;
    --icon-color : #ffffff;
}

.instagram:hover {
    --color : #c13584;
    --icon-color : #ffffff;
}

.dribbble {
    --color :  #ea4c89;
    --icon-color : #ffffff;
}

.dribbble:hover {
    --color : #ca2e6a;
    --icon-color : #ffffff;
}

.behance {
    --color : #1769ff;
    --icon-color :#ffffff;
}

.behance:hover {
    --color:#153bbb;
    --icon-color : #ffffff;
}
.rkit-text-marquee {
    overflow: hidden;
  }

  .rkit-marquee-container {
    overflow: hidden;
    /*   white-space: nowrap; */
    width: 100%;
    display: flex;
    flex-direction: row;
    --gap: 5rem;
    --speed: 20;
    /*   gap: var(--gap); */
  }

  .rkit-marquee {
    animation: marquee calc(100s / var(--speed)) infinite linear;
  }

  .rkit-marquee-container:hover .pause-hover {
    animation-play-state: paused;
  }

  .rkit-marquee-content {
    display: inline-flex;
    align-items: center;
  }

  .rkit-marquee-item {
    text-wrap: nowrap;
    padding-right: var(--gap);
  }

  .rkit-marquee-item-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }

  .rkit-running-text__text {
    background: black;
    font-size: 3rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .rkit-running-text__icon {
    font-size: 3rem;
    width: 3rem;
    color: black;
    fill: black;
  }

  @keyframes marquee {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-100%);
    }
  }
  @keyframes blink-caret {
    to {
      opacity: 0;
    }
  }

  .rkit-animated-heading p {
    position: relative;
    /* Menentukan posisi relatif untuk memposisikan pseudo-elemen */
  }

  .rkit-animated-heading {
    position: relative;
  }

  .text-writing {
    display: inline-block;
  }

  .text-writing::after {
    content: "|";
    display: inline-block;
    vertical-align: top;
    animation: blink-caret 600ms infinite alternate;
  }

  .rkit-animated-heading p {
    margin-bottom: 0;
  }

  @keyframes typing-cursor {
    from,
    to {
      border-color: transparent;
    }

    50% {
      border-color: #000000;
    }
  }

  .text-flipping {
    transition: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    display: inline-block;
  }

  .flip-out {
    transform: perspective(400px) rotateX(90deg);
    animation-name: flipOut;
    transform-origin: bottom;
    opacity: 0;
  }

  .flip-in {
    transform: perspective(400px) rotateX(0deg);
    animation-name: flipIn;
    transform-origin: bottom;
    opacity: 1;
  }

  @keyframes flipOut {
    0% {
      transform: perspective(400px) rotateX(0deg);
      transform-origin: bottom;
      opacity: 1;
    }

    40% {
      transform: perspective(400px) rotateX(-20deg);
      transform-origin: bottom;
    }

    100% {
      transform: perspective(400px) rotateX(90deg);
      transform-origin: bottom;
      opacity: 0;
    }
  }

  @keyframes flipIn {
    0% {
      transform: perspective(400px) rotateX(-90deg);
      transform-origin: bottom;
      opacity: 0;
    }

    60% {
      transform: perspective(400px) rotateX(-20deg);
      transform-origin: bottom;
    }

    100% {
      transform: perspective(400px) rotateX(0deg);
      transform-origin: bottom;
      opacity: 1;
    }
  }

  .text-sliding_up,
  .text-sliding_down {
    overflow: hidden;
    transition: opacity 0.5s;
    display: inline-flex;
  }

  .text-sliding_down.slide-down_in {
    height: auto;
    animation: slideDown_In 0.5s;
  }

  .text-sliding_down.slide-down_out {
    height: auto;
    animation: slideDown_Out 0.5s;
  }

  .text-sliding_up.slide-up_in {
    height: auto;
    animation: slideUp_In 0.5s;
  }

  .text-sliding_up.slide-up_out {
    height: auto;
    animation: slideUp_Out 0.5s;
  }

  @keyframes slideUp_In {
    0% {
      transform: translateY(15px);
      opacity: 0;
    }

    60% {
      transform: translateY(-5px);
      opacity: 0.8;
    }

    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }

  @keyframes slideUp_Out {
    0% {
      transform: translateY(0px);
      opacity: 1;
    }

    100% {
      transform: translateY(-15px);
      opacity: 0;
    }
  }

  @keyframes slideDown_In {
    0% {
      transform: translateY(-15px);
      opacity: 0;
    }

    60% {
      transform: translateY(5px);
      opacity: 0.8;
    }

    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }

  @keyframes slideDown_Out {
    0% {
      transform: translateY(0px);
      opacity: 1;
    }

    100% {
      transform: translateY(15px);
      opacity: 0;
    }
  }

  @keyframes handdrawn {
    0% {
      stroke-dashoffset: 1500;
      opacity: 0;
    }

    100% {
      stroke-dashoffset: 0;
      opacity: 1;
    }
  }

  @keyframes opacity {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .rkit-animated-heading__text svg {
    fill: none;
    stroke: black;
    stroke-width: 12px;
    stroke-miterlimit: 10;
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    stroke-linecap: round;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 20px);
    opacity: 0;
    transform: translate(-50%, -50%);
    z-index: -1;
    height: calc(100% + 15px);
    overflow: visible;
  }

  .rkit-highlighted.in_front svg {
    z-index: 2 !important;
  }

  .highlighted_in svg {
    animation: handdrawn 1s forwards;
  }

  .highlighted_out svg {
    stroke-dashoffset: 0;
    animation: opacity 1s;
  }

  .rkit-highlighted {
    display: inline-flex;
  }

  .text-drop-in,
  .text-drop-out {
    overflow: hidden;
    display: inline-flex;
  }

  .text-drop-in.drop-in_out {
    animation: dropIn_Out 0.5s;
    opacity: 0;
  }

  .text-drop-in.drop-in_in {
    animation: dropIn_In 0.5s;
    opacity: 1;
  }

  @keyframes dropIn_Out {
    0% {
      transform: scale(1);
      opacity: 1;
    }

    100% {
      transform: scale(0.4);
      opacity: 0;
    }
  }

  @keyframes dropIn_In {
    0% {
      transform: scale(1.3);
      opacity: 0;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  .text-drop-out.drop-out_out {
    animation: dropOut_Out 0.5s;
    opacity: 0;
  }

  .text-drop-out.drop-out_in {
    animation: dropOut_In 0.5s;
    opacity: 1;
  }

  @keyframes dropOut_Out {
    0% {
      transform: scale(1);
      opacity: 1;
    }

    100% {
      transform: scale(1.3);
      opacity: 0;
    }
  }

  @keyframes dropOut_In {
    0% {
      transform: scale(0.4);
      opacity: 0;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }.rkit-swiper {
    position: relative;
    overflow: hidden;
  }

  .rkit-card {
    background-color: #fafafa;
    overflow: hidden;
  }

  .rkit-card-slider {
    padding : 0px 20px 0px 20px;
  }

  .rkit-cardslider-pagination {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding: 1rem;
    justify-content: center;
    align-items: center;
  }

  .rkit-swiper-button-prev {
    left: 0;
    top: 50%;
  }

  .rkit-swiper-button-next {
    right: 0;
    top: 50%;
  }

  .rkit-swiper-button-next,
  .rkit-swiper-button-prev {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-color: #00cea6;
    transform: translateY(-50%);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
    border-radius: 10px;
    --swiper-navigation-size: 44px;
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: 10px;
  }

  .card-image {
    width: 100%;
    max-width: 100%;
  }

  .rkit-card .card-image img {
    width: 100%;
    display: block;
  }

  .rkit-cardslider-bullet {
    width: 8px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #aaaaaa;
    transition: all 0.5s ease;
  }

  .rkit-cardslider-bullet-active {
    background-color: #161616;
  }

  .rkit-cardslider-bullet-clickable .rkit-cardslider-bullet {
    cursor: pointer;
  }

  .card-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }

  .card-body::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .card-title {
    margin: 0;

  }

  .card-title a {
    text-decoration: none;
    color: #161616;
  }

  .card-heading {
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
  }

  .rkit-swiper-button-prev.swiper-button-disabled,
  .rkit-swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
  }

  .rkit-card .card-button a {
    background-color: #00cea6;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    color: white;
    transition: all 0.5s;
    border-radius: 10   px;
  }

  .rkit-card .card-button {
    display: flex;
    justify-content: start;
  }

  .rkit-card .card-button a .button-icon {
    transition: color 0.5s;
  }

  .rkit-card.overlay {
    position: relative;
  }

  .rkit-card.overlay .card-body {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: all 0.5s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
  }



  .rkit-card.overlay .card-button {
    justify-content: center;
  }

  .rkit-card.overlay:hover .card-body {
    opacity: 1;
    transform: scaleY(1);
  }

  .rkit-card-slider .swiper-slide {
    overflow: unset;
  }

  .card-button.fullwidth a {
    width: 100%;
  }.rkit-accordion {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.rkit-accordion-header {
    padding: 10px;
    background-color: #ebebeb;
    color: #000000;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center ;
    transition: all 0.5s;
    position: relative;
}

.rkit-accordion-header:hover {
    z-index: 2;
}

.rkit-accordion-item.open .rkit-accordion__title{
    color: rgb(1, 57, 242);
}

.rkit-accordion-content {
    max-height: 0vmax;
    height: auto;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s;
}

.rkit-accordion__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 20px 0px 20px;
    transition: all 0.5s;
}

.rkit-accordion__title{
    width:100%;
    text-align: left;
    padding: 0px 0px 0px 20px;
    transition: all 0.5s;
}

.rkit-accordion__content{
    padding: 30px 30px 30px 30px;
    text-align: left;
}

.rkit-accordion-item.open .rkit-accordion-content {
    visibility: visible;
    max-height: 100vmax;
    transition: all 1.5s;
}


.rkit-accordion-item .rkit-accordion__icon .icon_open {
    display: none;
}

.rkit-accordion-item.open .rkit-accordion__icon .icon_close {
    display: none;
}

.rkit-accordion-item.open .rkit-accordion__icon .icon_open {
    display: block;
}.rkit-testimonial-card {
    width: 100%;
    height: auto;
    display: flex;
    border-radius: 10px;
  }

  .rkit-pagination-bullet {
    width: 8px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #aaaaaa;
    transition: all 0.5s ease;
  }

  .rkit-pagination-bullet-active {
    background-color: #161616;
  }

  .rkit-pagination-bullet-clickable .rkit-pagination-bullet {
    cursor: pointer;
  }

  .rkit-testimonial-wrapper.style_1 .rkit-testimonial-card {
    background-color: aliceblue;
  }

  .rkit-testimonial-wrapper.style_2 .rkit-testimonial-card {
    flex-direction: column;
  }

  .rkit-testimonial-wrapper.style_3 .rkit-testimonial-card {
    background-color: aliceblue;
    padding: 1rem;
    display: flex;
    flex-direction: row;
  }

  .rkit-testimonial-wrapper.style_4 .rkit-testimonial-card {
    flex-direction: column;
    background-color: aliceblue;
    padding: 1rem;
  }

  .rkit-testimonial-wrapper.style_5 .rkit-testimonial-card {
    /* height: 324px; */
    position: relative;
  }

  .testimonial_header {
    display: flex;
  }

  .testimonial_body {
    padding: 0.5rem;
  }

  .testimonial_quote {
    padding: 0px 0px 20px 0px;
  }

  .testimonial-client-img img {
    height: auto;
    object-fit: cover;
    display: flex;
  }

  .testimonial_quote_wrapper {
    display: flex;
  }

  .rkit-testimonial-carousel .testimonial-container {
    overflow: hidden;
  }

  .rkit-testimonial-wrapper.style_1 .testimonial-client-img {
    width: 100%;
  }

  .rkit-testimonial-wrapper.style_1 .testimonial-client-img img {
    width: 100%;
    aspect-ratio: 16/9;
  }

  .rkit-testimonial-wrapper.style_2 .testimonial-client-img img {
    width: 100px;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }

  .rkit-testimonial-wrapper.style_3 .testimonial-client-img img {
    width: 400px;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }

  .rkit-testimonial-wrapper.style_5 .testimonial-client-img img {
    width: 100%;
    height: 100%;
  }

  .rkit-testimonial-wrapper.style_2 .testimonial-client-img {
    display: flex;
    justify-content: center;
  }

  .rkit-testimonial-wrapper.style_5 .testimonial-client-img {
    width: 100%;
    height: 100%;
  }

  .rkit-testimonial-wrapper.style_1 .rkit-testimonial-card {
    flex-direction: column;
  }

  .rkit-testimonial-carousel .rkit-testimonial-pagination {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding-block: 0.5rem;
    justify-content: center;
    align-items: center;
    margin: 30px 0px 0px 0px;
  }

  .rkit-testimonial-wrapper.style_1 .testimonial_body {
    padding: 1.5rem;
  }

  .rkit-testimonial-wrapper.style_2 .testimonial_body {
    padding: 20px 20px 50px 20px;
    background-color: aliceblue;
  }

  .rkit-testimonial-wrapper.style_5 .testimonial_body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    color: white;
  }

  .rkit-testimonial-wrapper.style_5 .testimonial_header {
    width: 100%;
  }

  .rkit-testimonial-wrapper.style_2 .testimonial_header {
    flex-direction: column;
    margin-top: -50px;
  }

  .rkit-testimonial-wrapper.style_1 .testimonial_header {
    position: relative;
  }

  .rkit-testimonial-wrapper.style_1 .testimonial_quote_wrapper {
    position: absolute;
    margin: 0px 0px -25px 25px;
  }

  .rkit-testimonial-wrapper.style_1 .testimonial_quote {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(54, 133, 236);
    border-radius: 50%;
    color: white;
    padding: 1rem;
  }

  .rkit-testimonial-wrapper.style_3 .testimonial_header {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rkit-testimonial-wrapper.style_2 .testimonial_quote {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rkit-testimonial-wrapper.style_2 .testimonial_description {
    margin-bottom: 20px;
  }

  .rkit-testimonial-wrapper.style_4 .testimonial_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }

  .rkit-testimonial-wrapper.style_4 .testimonial-client-img img {
    border-radius: 50%;
    width: 60px;
    aspect-ratio: 1/1;
  }

  .testimonial-author {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
  }

  .rkit-testimonial-wrapper.style_4 .testimonial-author {
    margin-top: 0;
  }

  .testimonial-author span {
    font-weight: 400;
    font-size: 13px;
  }

  .testimonial-rating {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin: 0px 0px 0px 0px;
  }

  .rkit-testimonial-rate_icon {
    font-size: 13px;
    width: 13px;
    height: 13px;
  }

  .rated .rkit-testimonial-rate_icon {
    color: rgb(255, 196, 0);
    fill: rgb(255, 196, 0);
  }

  .unrated .rkit-testimonial-rate_icon {
    color: #7b7b7b;
    fill: #7b7b7b;
  }

  .rkit-testimonial-wrapper.style_2 .testimonial-author,
  .rkit-testimonial-wrapper.style_2 .testimonial-rating {
    text-align: center;
    justify-content: center;
  }

  .testimonial-prev-wrapper,
  .testimonial-next-wrapper {
    position: absolute;
    top: 50%;
    z-index: 2;
    cursor: pointer;
    transform: translateY(-50%);
  }

  .testimonial-prev-wrapper {
    left: 0;
  }

  .testimonial-next-wrapper {
    right: 0;
  }

  .rkit-testimonial-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 1rem;
    border-radius: 5px;
    transition: all 0.5s ease;
  }

  .rkit-testimonial-navigation.rkit-testimonial-button-next,
  .rkit-testimonial-navigation.rkit-testimonial-button-prev {
    background-color: #00cea6;
    background-image: none !important;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
  }

  .rkit-testimonial-navigation.rkit-testimonial-button-next::after,
  .rkit-testimonial-navigation.rkit-testimonial-button-prev::after {
    content: none !important;
  }

  .rkit-testimonial-navigation .navigation-icon {
    color: white;
  }
  .rkit-tab-nav {
    list-style: none;
    padding: 0;
}

.rkit-tab-container {
    display: flex;
}

.rkit-tab-container.horizontal{
    flex-direction: column;
}

.rkit-tab-container.vertical {
    flex-direction: row;
}

.rkit-tab-nav{
    display: flex;
    width: 100%;
}

.rkit-tab-container.horizontal .rkit-tab-nav {
    flex-direction: row;
}

.rkit-tab-container.vertical .rkit-tab-nav {
    flex-direction: column;
}

.rkit-tab-btn-item {
    width: 100%;
    background-color: gray;
    text-align: center;
    cursor: pointer;
    padding: 1rem;
    flex: auto;
}

.rkit-tab-btn-item.active {
    background-color: rgb(32, 32, 32);
    color: white;
}

.rkit-tab-content {
    display: none;
    margin: 20px 0px 0px 0px;
}

.rkit-tab-content.active{
    display: block;
}

.rkit-tab-content-container {
    flex : 1 ;
}
@property --progress {
    syntax: '<integer>';
    inherits: true;
    initial-value: 0;
  }

  @keyframes load {
    to {
      --progress: var(--value)
    }
  }

  .rkit-progress {
    --value: 17;
    --progress-color: #00cea6;
    --secondary-progress-color: #e3efff;
  }

  .progress-container{
    display: flex;
    width: 100%;
    flex-direction: column;
  }

  .rkit-progress-animation,
  .rkit-progress-animation::after {
    animation: load;
    animation-fill-mode: forwards;
    animation-duration: calc(var(--animation-duration) * 1ms);
    animation-timing-function: linear;
    animation-delay: 500ms;
  }



  .circular-progress {
    position: relative;
    width: 12rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: conic-gradient(var(--progress-color) calc(var(--progress) * 3.6deg), var(--secondary-progress-color) 0deg);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .circular-progress .progress-value {
    background-color: #d6d6d6;
    position: absolute;
    width: 85%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    flex-direction: column-reverse;
  }

  .percentage-label::after {
    counter-reset: percentage var(--progress);
    content: counter(percentage) '%';
  }

  .circular-progress .progress-value::before {
    content: var(--title);
  }


  .progress-bar {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: var(--secondary-progress-color);
    display: flex;
    border-radius: 50px;
  }

  .progress-bar .progress-value {
    height: 100%;
    width: calc(var(--progress) * 1%);
    background-color: var(--progress-color);
    position: relative;
    border-radius: 50px;
  }

  .progress-bar.percentage-label::after {
    display: inline-block;
    position: absolute;
    left: calc(var(--progress) * 1% - 2rem)
  }

  .half-circular-progress {
    position: relative;
    width: 12rem;
    aspect-ratio: 2/1;
    border-radius: 50% / 100% 100% 0 0;
    background: conic-gradient(from 0.75turn at 50% 100%, var(--progress-color) calc(var(--progress) * 3.6deg / 2), var(--secondary-progress-color) 0deg);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .half-circular-progress .progress-value {
    background-color: #d6d6d6;
    position: absolute;
    width: 75%;
    aspect-ratio: 2/1;
    border-radius: 50% / 100% 100% 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    flex-direction: column-reverse;
    bottom: 0;
  }

  .half-circular-progress .progress-value::before {
    content: var(--title);
  }

  .prefix-postfix {
    width: 12rem;
    display: flex;
    justify-content: space-between
  }

  .progress-title {
    padding-block: 0.5rem;
    display: block;
  }
  .counter-suffix {
    white-space: pre-wrap;
}

.rkit-counter .counter {
    display: flex;
    font-size: 69px;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
}

.rkit-counter {
    display: flex;
}

.rkit-counter .counter-container {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.rkit-countdown-widget {
    background-color: var(--section-background, transparent);
    color: var(--text-color, #000);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    font-family: 'Digital-7', sans-serif;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}

.rkit-countdown-widget .countdown-title {
    color: var(--title-color, #000);
    font-size: 2em;
    margin-bottom: 20px;
}

.countdown_contain {
    display: flex;
    flex-wrap: wrap;
}


.rkit-countdown-widget .countdown-section {
    background-color: var(--section-background, transparent);
    padding: 15px 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    text-align: center;
}

.rkit-countdown-widget  .countdown-section-row {
    background-color: var(--section-background, transparent);
    padding: 15px 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5px;
}

.rkit-countdown-widget .countdown-days,
.rkit-countdown-widget .countdown-hours,
.rkit-countdown-widget .countdown-minutes,
.rkit-countdown-widget .countdown-seconds {
    font-size: var(--font-size, 3em);
    color: #000;
    display: block;
}

.rkit-countdown-widget .countdown-label {
    font-size: 1em;
    color: #00CEA6;
    display: block;
    margin-top: 5px;
}

.hidden {
    display: none;
}

@media (max-width: 600px) {
    #countdown {
        flex-wrap: wrap;
        justify-content: center;
    }
}


.rkit-pricelist-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
    padding: 0px 0px 0px 0px ;
    align-items: center;
    justify-content: center;
    /* box-shadow: 0px 6px 10px 5px rgba(0, 0, 0, 0.20); */
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}

.icon-list-button{
    color : red;
}

.icon-list-button i:hover{
    color : rgb(255, 255, 255);
}


.rkit-pricelist-item {
    width: calc(50% - 10px); /* Agar item memiliki lebar yang sama dan muat di satu baris */
}


.rkit-pricelist-item {
    /* flex: 1 1 calc(100% - 20px); 3 items per row with 20px gap */
    flex: 1 1 auto;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    border-radius: 0px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    position: relative; /* Ensure positioning for ribbon */
}

.rkit-pricelist-item-inner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    /* overflow: hidden; */
}

.rkit-pricelist-item-inner-price {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.rkit-pricelist-item-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.rkit-pricelist-item-title {
    /* font-size: 1.5em; */
    color: #000000;
    font-size: 35px;
    font-weight: 800;
    font-style: normal;
    text-align: center;
    margin : 0px;
}

.rkit-pricelist-item-sub-heading{
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
}


.rkit-pricelist-item-footer{
    justify-content: center;
    text-align: center;
    color: #9e9d9d;
    font-size: 12px;
    padding : 16px 32px 16px 32px;
}

.rkit-pricelist-item-subheading {
    /* font-size: 1.5em; */
    color: #626665;
    font-size: 28px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.5px;
    word-spacing: 15px;
    text-align: center;
    margin-bottom: 8px;
    padding-bottom: 20px;
}

.rkit-pricelist-item-price {
    /* font-size: 1.5em;
    margin-bottom: 0px; */

    font-family: "Verdana", Sans-serif;
    font-size: 41px;
    letter-spacing: -1.1px;
    text-align: center;
    margin-bottom: 0px;
}


.rkit-pricelist-item-sale-price {
    font-family: "Verdana", Sans-serif;
    font-size: 24px;
    letter-spacing: -1.1px;
    text-align: center;
    margin-bottom: 0px;
    text-decoration: line-through;
    color: #818e8e;


}
.rkit-pricelist-item-currency {
    font-family: "Verdana", Sans-serif;
    font-size: 41px;
    letter-spacing: -1.1px;
    text-align: center;
    margin-bottom: 0px;
}

.rkit-pricelist-item-price-section-row {
    display: flex;
    align-items: center;
}

.price-container-row {
    display: flex;
    flex-direction: column;
}

.sale-price-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    margin-bottom: -30px;
}

.sale-price-container-inline {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin : 0;
    padding : 0px;
}

.price-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.rkit-pricelist-item-currency,
.rkit-pricelist-item-price {
    margin: 0;
    padding: 0 0px;
}



.rkit-pricelist-item-sub-title {
    color: #777;
    margin-bottom: 15px;
}
.rkit-pricelist-item-sub-title-center {
    margin-left: 5px;
    margin-top:30px
}

.rkit-pricelist-item-description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 20px;
    color: #000000;
    font-family: "Amiko", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 27px;
    letter-spacing: -0.1px;
    word-spacing: 2px;
    gap : 18px;
    padding: 16px 32px 16px 32px;
}

.rkit-pricelist-item-button .button-element-price {
    align-self: center;
    margin-top: auto;
    background-color:  #00cea6;
    color :  #ffffff;
    max-width: none;
    padding : 16px 32px 16px 32px;

    /* box-shadow: 0px 6px 10px 5px rgba(0, 0, 0, 0.20)  ; */
}

.rkit-pricelist-item-button.button-full-size .button-element-price {
    display: flex;
    justify-content: center;
    width :100%
}

.currency-option{
    display: flex;
    flex-direction: row;
}


.rkit-pricelist-item-description-icon{
    color: #56d4c4;
}

.rkit-pricelist-item-button-icon{
    color: #56d4c4;
}

.rkit-pricelist-item-title-section {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    padding : 16px 32px 16px 32px;
}
.rkit-pricelist-item-price-section {
    background-color: #00cea6;
    padding : 16px 32px 16px 32px;
    /* box-shadow: 0px 4px 20px 1px rgba(0, 0, 0, 0.20)   */
}



.no-icon-hidden {
    list-style-type: none;
}

.rkit-wrap {
    width: 100%;
    height: 188px;
    position: absolute;
    top: -8px;
    left: 0px;
    overflow: hidden;
}


.rkit-wrap .content {
    position: relative;
    color: #fff;
}

.rkit-wrap:before, .wrap:after {
    content: "";
    position: absolute;
}

.rkit-wrap:before {
    width: 40px;
    height: 8px;
    right: 100px;
    background: #4D6530;
    border-radius: 8px 8px 0px 0px;
}

.rkit-wrap:after {
    width: 8px;
    height: 40px;
    right: 0px;
    top: 100px;
    background: #4D6530;
    border-radius: 0px 8px 8px 0px;
}


.rkit-ribbon-right{
    width: 200px;
    height: 35px;
    line-height: 33px;
    position: absolute;
    top: 30px;
    right: -38px;
    z-index: 0;
    overflow: hidden;
    -webkit-transform: rotate(95deg);
    transform: rotate(42deg);
    background: #95a5a1;
    text-align: center;
}

/* left ribbon */

.rkit-ribbon-left{
    width: 200px;
    height: 35px;
    line-height: 33px;
    position: absolute;
    top: 30px;
    left: -38px;
    z-index: 0;
    overflow: hidden;
    transform: rotate(315deg);
    background: #95a5a1;
    text-align: center;
}



.rkit-pricelist-ribbon {
    position: absolute;
    z-index: 1;
    top: 0;
    left: auto;
    right: -10px;
    transform: rotate(90deg);
    width: 150px;
    overflow: hidden;
    height: 150px;
}

.rkit-pricelist-ribbon.rkit-pricelist-ribbon__left {
    transform: rotate(0);
    left: 0;
    right: auto;
}

.rkit-pricelist-ribbon.rkit-pricelist-ribbon__right {
    transform: rotate(90deg);
    left: auto;
    right: 0;
}

.rkit-pricelist-ribbon__inner {
    text-align: center;
    left: 0;
    width: 200%;
    transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
    margin-top: 35px;
    font-size: 13px;
    background: #00cea6;
    color: #000;
    line-height: 2;
    font-weight: 700;
  padding : 10px;
}

/* end ribbon */




.divider_desc:not(:last-child)
{
    display: flex;
    flex-direction: row;
    gap : 5px;
    border-bottom : 1px;
    border-bottom-style : solid;
    border-color :#726b6b;
}

.divider_desc.noline{
    border-width: 0px;
}


    .divider_desc:last-child{
        display: flex;
        flex-direction: row;
        gap : 5px;

        border-bottom: 0px;
        list-style: none;
    }

    @media (max-width: 1200px) {
        /* .rkit-pricelist-item {
            flex: 1 1 calc(33.333% - 20px);
        } */
        .rkit-pricelist-container {
            flex: 1 1 calc(33.333% - 20px);
        }
    }

    @media (max-width: 768px) {
        .rkit-pricelist-container {
            flex: 1 1 calc(50% - 20px);
        }
    }

    @media (max-width: 576px) {
        .rkit-pricelist-container {
            flex: 1 1 100%;
        }



    }
    .rkit-advanced-heading p {
        position: relative;
      }

      .rkit-advanced-heading {
        position: relative;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        font-size: inherit;
        font-weight: inherit;
      }

      .rkit-advanced-heading p {
        margin-bottom: 0;
      }

      .combined-text {
        border-radius: 5px;
        gap: 10px;
        justify-content: center;
      }

      .rkit-trp-text {
        font-weight: bold;
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .rkit-trp-text .headline_text {
        -webkit-background-clip: text;
        background-clip: text;
        background-color: #00cea6;
        /* background-image: linear-gradient(186deg, #fba2fb 0%, #00cbb9 100%); */
        z-index: 1;
      }

      .std-text {
        background-color: black;
      }

      .bg-headline {
        background-color: transparent;
        display: inline-flex;
      }

      .bg-std {
        background-color: transparent;
        display: inline-flex;
      }

      /* Style untuk semua heading */
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: Arial, sans-serif;
        margin: 0 0 10px 0;
        line-height: 1.4;
      }

      /* Style untuk h1 */
      h1.rkit-advanced-heading {
        font-size: 2.5rem;
        font-weight: bold;
      }

      /* Style untuk h2 */
      h2.rkit-advanced-heading {
        font-size: 2rem;
        font-weight: bold;
      }

      /* Style untuk h3 */
      h3.rkit-advanced-heading {
        font-size: 1.8rem;
        font-weight: normal;
      }

      /* Style untuk h4 */
      h4.rkit-advanced-heading {
        font-size: 1.6rem;
        font-weight: normal;
      }

      /* Style untuk h5 */
      h5.rkit-advanced-heading {
        font-size: 1.5rem;
        font-weight: lighter;
      }

      /* Style untuk h6 */
      h6.rkit-advanced-heading {
        font-size: 1rem;
        font-weight: lighter;
        text-transform: uppercase;
      }
      .con-wrap {
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        overflow: hidden;
      }

      .img-comp-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

      .img-comp-img {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

      .img-comp-container img {
        max-width: none !important;
      }

      .img-comp-img img {
        display: block;
      }

      .img-comp-slider {
        position: absolute;
        z-index: 9;
        cursor: ew-resize;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        border: none;
        box-shadow: 0 0 0 2px #ffffff;
      }

      /* ini testing */
      .img-comp-slider::before,
      .img-comp-slider::after {
        content: "";
        position: absolute;
        width: 1500px;
        height: 2px;
        background-color: white;
        left: 0;
        z-index: 1;
        transform: rotate(90deg);
      }

      .img-comp-slider::before {
        top: -752px;
        left: -730px;
      }

      .img-comp-slider::after {
        bottom: -752px;
        left: -730px;
      }

      /* vertical */
      .img-comp-slider.vertical::before,
      .img-comp-slider.vertical::after {
        content: "";
        position: absolute;
        width: 1800px;
        height: 2px;
        background-color: white;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
      }

      .img-comp-slider.vertical::before {
        left: -1800px;
      }

      .img-comp-slider.vertical::after {
        left: 40px;
      }

      /* ini tessting */
      .img-comp-slider i {
        font-size: 14px;
        color: #ffffff;
        padding: 2px;
      }

      .img-comp-slider.vertical {
        position: absolute;
        z-index: 9;
        cursor: ns-resize;
        width: 40px;
        height: 40px;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        transform: translatex(-50%, -50%);
        box-shadow: 0 0 0 2px #ffffff;
      }

      .img-comp-slider.vertical i {
        font-size: 14px;
        color: #ffffff;
        padding: 2px;
      }

      /* caption css style */
      /* caption left */
      .caption-bottom-left {
        position: absolute;
        bottom: 8px;
        left: 16px;
      }

      .caption-top-left {
        position: absolute;
        top: 8px;
        left: 16px;
      }

      .caption-center-left {
        position: absolute;
        top: 50%;
        left: 16px;
      }
      /* caption left */

      /* caption right */
      .caption-top-right {
        position: absolute;
        top: 8px;
        right: 16px;
      }

      .caption-bottom-right {
        position: absolute;
        bottom: 8px;
        right: 16px;
      }

      .caption-center-right {
        position: absolute;
        top: 50%;
        right: 16px;
      }
      /* caption right */

      /* filter image */
      .filter-blur img {
        filter: blur(5px);
      }

      .filter-greyscale img {
        filter: grayscale(100%);
      }

      .filter-contrast img {
        filter: contrast(150%);
      }

      .filter-brightness img {
        filter: brightness(120%);
      }
      @import url("rtmicon-regular.css");
@import url("rtmicon-thin.css");

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&amp;display=swap');

.elementor-panel .elementor-element .rkit-widget-icon {
    color: #00cea6;
}

.elementor-panel .elementor-element .rkit-widget-icon::after {
    content: 'RTM';
    position: absolute;
    top: 3px;
    right: 3px;
    color: white;
    font-size: 9px;
    font-weight: 400;
    padding: 1px 2px;
    line-height: 10px;
    display: inline-block;
    border-radius: 2px;
    font-family: "Open Sans", Roboto, Helvetica, Arial, sans-serif;
}

.elementor-panel .elementor-element:hover .rkit-widget-icon::after {
    color: #00cea6;
}

.elementor-panel .elementor-element:has(.rkit-widget-icon):hover .title {
    color: #00cea6;
}

.elementor-element .rtm-barchart-icons {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%2333e4c0" height="800px" width="800px" version="1.1" id="Capa_1" viewBox="0 0 282.772 282.772" xml:space="preserve"><g><path d="M61.472,143.036H23.881c-4.971,0-9,4.029-9,9v94.185c0,4.971,4.029,9,9,9h37.591c4.971,0,9-4.029,9-9v-94.185 C70.472,147.065,66.443,143.036,61.472,143.036z M52.472,237.22H32.881v-76.185h19.591V237.22z"/><path d="M132.238,93.194H94.648c-4.971,0-9,4.029-9,9V246.22c0,4.971,4.029,9,9,9h37.591c4.971,0,9-4.029,9-9V102.194 C141.238,97.224,137.209,93.194,132.238,93.194z M123.238,237.22h-19.591V111.194h19.591V237.22z"/><path d="M203.005,150.471h-37.591c-4.971,0-9,4.029-9,9v86.749c0,4.971,4.029,9,9,9h37.591c4.971,0,9-4.029,9-9v-86.749 C212.005,154.5,207.976,150.471,203.005,150.471z M194.005,237.22h-19.591v-68.749h19.591V237.22z"/><path d="M273.772,96.516H236.18c-4.971,0-9,4.029-9,9V246.22c0,4.971,4.029,9,9,9h37.591c4.971,0,9-4.029,9-9V105.516 C282.772,100.545,278.742,96.516,273.772,96.516z M264.772,237.22H245.18V114.516h19.591V237.22z"/><path d="M178.918,112.796c3.276,2.381,7.739,2.28,10.905-0.246l67.269-53.682l-0.298,8.847c-0.167,4.968,3.724,9.131,8.692,9.298 c0.104,0.003,0.206,0.005,0.309,0.005c4.831,0,8.826-3.833,8.99-8.697l1.061-31.466c0.083-2.491-0.869-4.905-2.631-6.667 c-1.762-1.763-4.184-2.719-6.667-2.631l-31.466,1.061c-4.968,0.167-8.859,4.331-8.692,9.298c0.167,4.967,4.314,8.85,9.298,8.692 l8.261-0.278l-59.993,47.876l-68.22-49.585c-2.988-2.172-7-2.298-10.117-0.317L4.176,108.734 c-4.196,2.665-5.437,8.227-2.772,12.422c1.715,2.7,4.628,4.176,7.605,4.176c1.65,0,3.321-0.454,4.817-1.404l96.276-61.15 L178.918,112.796z"/></g></svg>');
    font-size: 83px;
    background-size: cover;
    display: inline-flex;
    width: 30px;
    height: 30px;
}

.elementor-element .rtm-linechart-icons {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2333e4c0" class="bi bi-graph-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M0 0h1v15h15v1H0V0Zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07Z"/></svg>');
    font-size: 83px;
    background-size: cover;
    display: inline-flex;
    width: 30px;
    height: 30px;
}

.elementor-element .rtm-piechart-icons {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2333e4c0" class="bi bi-pie-chart-fill" viewBox="0 0 16 16"><path d="M15.985 8.5H8.207l-5.5 5.5a8 8 0 0 0 13.277-5.5zM2 13.292A8 8 0 0 1 7.5.015v7.778l-5.5 5.5zM8.5.015V7.5h7.485A8.001 8.001 0 0 0 8.5.015z"/></svg>');
    font-size: 83px;
    background-size: cover;
    display: inline-flex;
    width: 30px;
    height: 30px;
}

.elementor-element .rtm-progressbar-icons {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px" fill="%2333e4c0"><path d="M 2.8125 6 C 2.335938 6.089844 1.992188 6.511719 2 7 L 2 15 C 2 15.550781 2.449219 16 3 16 L 47 16 C 47.550781 16 48 15.550781 48 15 L 48 7 C 48 6.449219 47.550781 6 47 6 L 3 6 C 2.96875 6 2.9375 6 2.90625 6 C 2.875 6 2.84375 6 2.8125 6 Z M 12 8 L 46 8 L 46 14 L 12 14 Z M 2.8125 20 C 2.335938 20.089844 1.992188 20.511719 2 21 L 2 29 C 2 29.550781 2.449219 30 3 30 L 47 30 C 47.550781 30 48 29.550781 48 29 L 48 21 C 48 20.449219 47.550781 20 47 20 L 3 20 C 2.96875 20 2.9375 20 2.90625 20 C 2.875 20 2.84375 20 2.8125 20 Z M 36 22 L 46 22 L 46 28 L 36 28 Z M 2.8125 34 C 2.335938 34.089844 1.992188 34.511719 2 35 L 2 43 C 2 43.550781 2.449219 44 3 44 L 47 44 C 47.550781 44 48 43.550781 48 43 L 48 35 C 48 34.449219 47.550781 34 47 34 L 3 34 C 2.96875 34 2.9375 34 2.90625 34 C 2.875 34 2.84375 34 2.8125 34 Z M 24 36 L 46 36 L 46 42 L 24 42 Z"/></svg>');
    font-size: 83px;
    background-size: cover;
    display: inline-flex;
    width: 30px;
    height: 30px;
}

.posts-pagination {
    display: flex;
    flex-direction: row;
    gap: 0;
    margin-bottom: 0.5rem;
}

.posts-pagination .page-numbers {
    padding: 0.5rem;
    text-decoration: none;
    background-color: white;
}

.posts-pagination span.page-numbers {
    background-color: #00cea6;
}

.btn {
    font-weight: 600;
    padding: 12px 24px 12px 24px;
}

.btn.link {
    color: #00CEA6;
}


.btn-gradient-accent {
    --x: 0;
    background: linear-gradient(90deg, #000000 -14.64%, #00cea6 114.79%, #000000) var(--x, 0)/ 200%;
    color: white;
    transition: 0.5s;
    border: 1px solid #00CEA6;
}

.btn-gradient-accent:hover {
    --x: 90%;
    color: white;
    border: 1px solid #00CEA6;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
    box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
}

.btn-gradient-accent:disabled {
    color: #8f8f8f;
    opacity: 0.5;
}

a:focus {
    box-shadow: none;
    color: currentColor;
}

.accent-color {
    color: #00cea6;
}

.btn-accent {
    background-color: #00cea6;
}

.btn-accent:hover {
    background-color: #27d3b0;
}

.btn-accent:disabled {
    background-color: #2a9c85;
    border: none;
    outline: none;
}

.btn-outline-accent {
    background-color: transparent;
    border: 1px solid #00cea6;
    color: #00cea6;
}

.btn-outline-accent:focus {
    color: #00CEA6 !important;
}

.btn-accent:focus, .btn-gradient-accent:focus {
    color: white !important;
}

.link-accent:focus {
    color: #00CEA6 !important;
    border: none;
}

.btn-outline-accent:hover {
    --x: 90%;
    background: linear-gradient(90deg, #000000 -14.64%, #00cea6 114.79%, #000000) var(--x, 0)/ 200%;
    color: white;
    border: 1px solid #00CEA6;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
    box-shadow: 0px 2px 10px 0px rgba(0, 206, 165, 0.33);
}

.nav.nav-underline .nav-item .nav-link, .nav.nav-underline .nav-item .nav-link:focus {
    color: white;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

.nav.nav-underline .nav-item .nav-link.active {
    /* border-color: #00cea6; */
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-image-source: linear-gradient(90deg, #00CEA6 0%, #00000000 100%);
    border-image-slice: 1;
    text-shadow: 2px 3px 4px #00cea6;
}

.rtm-checked-icon {
    background-image: url('data:image/svg+xml,<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 507.2 507.2" xml:space="preserve"><circle style="fill:%2332BA7C;" cx="253.6" cy="253.6" r="253.6"/><path style="fill:%230AA06E;" d="M188.8,368l130.4,130.4c108-28.8,188-127.2,188-244.8c0-2.4,0-4.8,0-7.2L404.8,152L188.8,368z"/><g><path style="fill:%23FFFFFF;" d="M260,310.4c11.2,11.2,11.2,30.4,0,41.6l-23.2,23.2c-11.2,11.2-30.4,11.2-41.6,0L93.6,272.8c-11.2-11.2-11.2-30.4,0-41.6l23.2-23.2c11.2-11.2,30.4-11.2,41.6,0L260,310.4z"/><path style="fill:%23FFFFFF;" d="M348.8,133.6c11.2-11.2,30.4-11.2,41.6,0l23.2,23.2c11.2,11.2,11.2,30.4,0,41.6l-176,175.2c-11.2,11.2-30.4,11.2-41.6,0l-23.2-23.2c-11.2-11.2-11.2-30.4,0-41.6L348.8,133.6z"/></g></svg>');
    font-size: 75px;
    background-size: cover;
    display: inline-flex;
    width: 20px;
    height: 20px;
}

.rtm-invalid-icon {
    background-image: url('data:image/svg+xml,<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 507.2 507.2" xml:space="preserve"><circle style="fill:%23F15249;" cx="253.6" cy="253.6" r="253.6"/><path style="fill:%23AD0E0E;" d="M147.2,368L284,504.8c115.2-13.6,206.4-104,220.8-219.2L367.2,148L147.2,368z"/><path style="fill:%23FFFFFF;" d="M373.6,309.6c11.2,11.2,11.2,30.4,0,41.6l-22.4,22.4c-11.2,11.2-30.4,11.2-41.6,0l-176-176c-11.2-11.2-11.2-30.4,0-41.6l23.2-23.2c11.2-11.2,30.4-11.2,41.6,0L373.6,309.6z"/><path style="fill:%23D6D6D6;" d="M280.8,216L216,280.8l93.6,92.8c11.2,11.2,30.4,11.2,41.6,0l23.2-23.2c11.2-11.2,11.2-30.4,0-41.6L280.8,216z"/><path style="fill:%23FFFFFF;" d="M309.6,133.6c11.2-11.2,30.4-11.2,41.6,0l23.2,23.2c11.2,11.2,11.2,30.4,0,41.6L197.6,373.6c-11.2,11.2-30.4,11.2-41.6,0l-22.4-22.4c-11.2-11.2-11.2-30.4,0-41.6L309.6,133.6z"/></svg>');
    font-size: 75px;
    background-size: cover;
    display: inline-flex;
    width: 20px;
    height: 20px;
}

.rtm-text-font {
    font-family: "Bricolage Grotesque", sans-serif;
}

.glass-effect {
    background: rgba(165, 165, 165, 0.24);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(11.9px);
    -webkit-backdrop-filter: blur(11.9px);
    border: 1px solid rgba(255, 255, 255, 0.26);
}

.spacer-2 {
    height: 2rem;
}

.header-sticky {
    position: sticky;
    top: 63px;
}

.rtm-container {
    max-width: 1840px;
}

.rtm-version {
    background-color: #00cea6;
    font-size: 10px;
    color: #000;
    padding-block: 2px;
    padding-inline: 10px;
    border-radius: 5px;
}

.rtm-bg-gradient-1 {
    background-color: hsla(228, 0%, 3%, 1);
    background-image:
        radial-gradient(at 100% 0%, hsla(240, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 20% 44%, hsla(168, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 0% 0%, hsla(168, 100%, 40%, 0.38) 0px, transparent 50%),
        radial-gradient(at 73% 69%, hsla(168, 100%, 40%, 0.33) 0px, transparent 50%),
        radial-gradient(at 56% 62%, hsla(168, 100%, 40%, 0) 0px, transparent 50%);
}

.rtm-bg-gradient-2 {
    background-color: hsla(228, 0%, 3%, 1);
    background-image:
        radial-gradient(at 100% 0%, hsla(240, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 11% 75%, hsla(120, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 0% 0%, hsla(278, 69%, 69%, 0.38) 0px, transparent 50%),
        radial-gradient(at 73% 69%, hsla(283, 83%, 42%, 0.33) 0px, transparent 50%),
        radial-gradient(at 54% 70%, hsla(168, 100%, 40%, 0.46) 0px, transparent 50%);
}

.rtm-bg-gradient-3 {
    background-color: hsla(55, 0%, 3%, 1);
    background-image:
        radial-gradient(at 22% 12%, hsla(168, 100%, 40%, 0.3) 0px, transparent 50%),
        radial-gradient(at 8% 40%, hsla(66, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 95% 43%, hsla(168, 100%, 40%, 0.2) 0px, transparent 50%),
        radial-gradient(at 80% 94%, hsla(59, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 90% 60%, hsla(327, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 91% 33%, hsla(289, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 44% 41%, hsla(210, 0%, 3%, 1) 0px, transparent 50%)
}

.rtm-bg-gradient-4 {
    background-color: hsla(55, 0%, 3%, 1);
    background-image:
        radial-gradient(at 14% 8%, hsla(168, 100%, 40%, 0.31) 0px, transparent 50%),
        radial-gradient(at 0% 21%, hsla(283, 100%, 49%, 0.23) 0px, transparent 50%),
        radial-gradient(at 100% 79%, hsla(168, 100%, 40%, 0.2) 0px, transparent 50%),
        radial-gradient(at 91% 33%, hsla(289, 0%, 3%, 1) 0px, transparent 50%),
        radial-gradient(at 0% 100%, hsla(0, 5%, 71%, 0.3) 0px, transparent 50%);
}

.rtm-divider {
    background: linear-gradient(90deg, #00CEA6 0%, transparent 100%);
    height: 5px;
    width: 100%;
    position: relative;
}

.bg-gradient-1 {
    background: linear-gradient(180deg, #1C1C1C9e 0%, #00000052 100%);
}

.bg-gradient-2 {
    background: linear-gradient(207.14deg, #00CEA6 10.63%, #006854 86.52%);
}

.heading-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
}

.list {
    list-style-image: url('data:image/svg+xml,<svg id="e12XcAwiGCj1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 300 300" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" project-id="36deb9b552474c9d88b99fda01d9310d" export-id="8584b845d1c34625a9856454e565c3d5" cached="false"><ellipse rx="125" ry="125" transform="matrix(1.200001 0 0 1.200001 150 150)" fill="%2300cea6" stroke-width="0"/></svg>');
    row-gap: 1rem;
}

.rtm-social-container {
    display: flex;
    flex-direction: row;
}

.social-item {
    background-color: #1c1c1c;
    color: #c1c1c1;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.5rem;
}

.social-link {
    color: #8f8f8f;
}

.social-link:hover, .social-link:hover .social-item {
    color: #00CEA6;
}

.rtm-border {
    border-width: 1px;
    border-style: solid;
    border-color: #414141;
}

.rtm-border-bottom {
    border-bottom: 1px solid #414141;
}

.social-item:hover {
    color: #00CEA6;
}

form select.form-select, form .form-control {
    background-color: #0c0c0c;
    border: 1px solid #414141;
    color: white;
}

form .form-control:focus {
    background: #0c0c0c;
    color: white;
}

form select.form-select:focus, form select.form-select:hover {
    color: white;
}

form select.form-select:disabled, .form-control:disabled {
    background-image: none;
    background-color: transparent;
    text-shadow: none;
    border: 1px solid #414141;
}

#header-dashboard {
    z-index: 99;
}

#header-dashboard .nav-link {
    color: white;
    font-weight: 300;
}

a {
    text-decoration: none;
}

input[type=text].form-control, select.form-select {
    border: 1px solid #414141;
    max-width: none;
}

input[type=text].form-control:focus, select.form-select:focus {
    border-color: #00cea6;
    outline: none;
    box-shadow: none;
}

table.rtm-table {
    width: 100%;
    border-collapse: separate;
    color: #d9d9d9;
    -webkit-border-vertical-spacing: 15px;
    -webkit-border-horizontal-spacing: 0px;
}


table.rtm-table tr {
    border-color: #414141;
    /* background-color: #0c0c0c; */
    background: #14141454;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(13.1px);
    -webkit-backdrop-filter: blur(13.1px);
}

.rtm-table td {
    padding: 20px;
    border-style: solid;
}

.rtm-table.table-themebuilder td {
    border-width: 1px;
    padding: 10px;
}

.rtm-table.table-themebuilder thead tr {
    background: transparent;
}

.rtm-table.table-themebuilder thead td {
    border-width: 0px;
}

.rtm-table.table-system td[scope="row"] {
    width: 15rem;
}

.rtm-table.table-system td {
    border-width: 1px;
    border-left-width: 0;
    padding: 10px 20px;
}

.rtm-table.rtm-table.table-system td.icon-status {
    background-color: #414141;
    font-size: 1.5rem;
    width: 4rem;
}


.valid-color {
    color: #86ff83;
}

.invalid-color {
    color: #FF3535 !important;
}

.rtm-table td:first-child {
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rtm-table.table-system td:first-child {
    border-width: 1px;
    border-radius: 10px 0px 0px 10px;
    position: relative;
}

.rtm-table td:last-child {
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sub-nav .nav-item {
    margin: 0;
}

.sub-nav .nav-item .nav-link {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom-width: 0px;
    color: #ffffff;
    background-color: transparent;
}

.sub-nav .nav-item .nav-link.active {
    font-weight: 600;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom-width: 2px;
    border-image-source: linear-gradient(90deg, #00CEA6 0%, #00000000 100%);
    border-image-slice: 1;
    /* text-shadow: 2px 3px 4px #00cea6; */
}

.themebuilder-pagination .page-numbers {
    padding: 0.5rem;
    color: white;
    border-radius: 5px;
    width: 2.5rem;
    display: inline-flex;
    justify-content: center;
}

.themebuilder-pagination a.page-numbers:focus {
    box-shadow: none;
}

.themebuilder-pagination .page-numbers.current {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom-width: 2px;
    border-image-source: linear-gradient(90deg, #00CEA6 0%, #00000000 100%);
    border-image-slice: 1;
    text-shadow: 2px 3px 4px #00cea6;
    border-style: solid;
}


.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px;
}

.switch .switch-input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(99.32deg, rgb(205, 205, 205) -21.2%, #000000 88.36%);
    -webkit-transition: .4s;
    transition: .4s;
    border-width: 1px;
    border-style: solid;
    border-color: #414141;
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-shadow: 12px 0px 12px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 12px 0px 12px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 12px 0px 12px 0px rgba(0, 0, 0, 0.75);
}

.switch-input:checked+.slider {
    background: linear-gradient(99.32deg, #000000 -21.2%, #00CEA6 69.36%);
}

/* .switch-input:checked+.slider:before {
    background-color: #00cea6;
} */

.switch-input:focus+.slider {
    box-shadow: 0 0 1px #00cea6;
}

.switch-input:checked+.slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    -webkit-box-shadow: -8px 0px 8px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -8px 0px 8px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -8px 0px 8px 0px rgba(0, 0, 0, 0.75);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
    display: flex;
    align-items: center;
}

.slider.round:before {
    border-radius: 50%;
}

.modal {
    background-color: #0000009e;
    backdrop-filter: blur(3px);
}

.modal .modal-content {
    background: rgb(36, 36, 36);
    background: linear-gradient(166deg, rgba(36, 36, 36, 1) 0%, rgba(21, 21, 21, 1) 25%, rgba(0, 0, 0, 1) 100%);
    color: white;
}

.btn.del-condition {
    color: #727272;
}


.page-numbers {
    padding: 10px;
    text-decoration: none;
    color: #414141;
    width: 2.5rem;
    text-align: center;
}


.page-numbers:focus {
    box-shadow: none;
}

.entries-pagination {
    display: flex;
    align-items: center;
}

.entries-pagination .current {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom-width: 2px;
    border-image-source: linear-gradient(90deg, #00CEA6 0%, #00000000 100%);
    border-image-slice: 1;
    /* text-shadow: 2px 3px 4px #00cea6; */
    border-style: solid;
}

.link-accent {
    color: #00CEA6;
}

.link-accent:hover {
    color: #006854;
}

.yt-container {
    position: relative
}

.yt-container .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #00000097;
    opacity: 0;
    transform: scaleY(0);
    transition: all 0.5s;
    transform-origin: bottom;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yt-container:hover .overlay {
    opacity: 1;
    transform: scaleY(1);
}

.yt-container a {
    font-size: 3rem;
    color: #00CEA6;
}

.yt-container a:hover {
    color: #006854;
}
/* ../scss/public/template-kit-export-public.scss */
.template-kit-preview {
    background: #e9e9e9;
    color: rgba(0, 0, 0, 0.75);
    font: 1em/1.67 Arial, Sans-serif;
    margin: 0;
    padding: 0.5em;
  }
  @media (min-width: 800px) {
    .template-kit-preview {
      padding: 1em 2em;
    }
  }
  .template-kit-preview__title {
    font-size: 2em;
  }
  .template-kit-preview__grid {
    transition: all 0.5s ease-in-out;
    column-gap: 30px;
    column-fill: initial;
  }
  @media (min-width: 400px) {
    .template-kit-preview__grid {
      column-count: 2;
    }
  }
  @media (min-width: 800px) {
    .template-kit-preview__grid {
      column-count: 4;
    }
  }
  .template-kit-preview__template {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    min-height: 100px;
  }
  .template-kit-preview__screenshot {
    padding: 0;
    margin: 0;
    line-height: 0;
  }
  .template-kit-preview__name {
    text-decoration: none;
    text-align: center;
    padding: 10px;
  }
  /*# sourceMappingURL=template-kit-export-public.css.map */
  .rform-label-input {
    color: gray;
    display: inline-flex;
    align-items: center;
    width: 20%;
}

.rform-input , .rform-select , .rform-input-tel {
    background-color: rgb(219, 219, 234);
    width: 100%;
    border-radius: 6px;
}

.rform-input:focus, .rform-input-number:focus , .rform-input-tel:focus {
    outline: none;
}

.rform-error {
    display: none;
}

.rform-control {
    display: flex;
}

.rform-label-top {
    flex-direction: column;
}

.rform-label-top .rform-label-input{
    width: 100%;
}

.rform-label-left {
    flex-direction: row;
}

.rform-help-text {
    font-family: "IBM Plex Sans", Sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #96989F;
}

.rform-control:has(.rform-input[aria-invalid="true"]) + .rform-error {
    display: block !important;
}
.rform-control:has(.rform-select[aria-invalid="true"]) + .rform-error {
    display: block !important;
}

.require-login {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: white;
    border-radius: 5px;
    border-left: solid 10px #ff0000;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
    animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}



.success-submit {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: white;
    border-radius: 5px;
    border-left: solid 10px #4CAF50;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
    animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}

.success-body,
.require-msg-body {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: inherit;
    padding-inline-start: 1.5rem;
}

.success-body h5,
.require-msg-body h5 {
    font-weight: bold !important;
    margin-bottom : 0px !important;
}

.close-msg {
    background-color: transparent !important;
    color: gray !important;
    border: none !important;
    padding-inline-end: 20px !important;
}

.close-msg:hover {
    color: black !important;
    background-color: transparent !important;
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
#loading {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 3px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
  }

  .loading {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: var(--button--color-background);
    border-radius: var(--button--border-radius);
  }

  @keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }

  @-webkit-keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  .rform-button-container{
    display: flex;
    width: 100%;
}

.rform-button-submit{
    position: relative;
    transition: all 1s;
}

.rform-btn-fullwidth{
    width: 100% !important;
}
.rform-select-div {
    position: relative;
    cursor: pointer;
}

.rform-select-container{
    width: 100%;
}

.rform-select-div::after {
    content: '\25BC';
    display: inline-flex;
    position: absolute;
    right: 0;
    padding-inline: 0.5rem;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    bottom: 0;
    top: 0;
    /* transition: all 0.5s; */
}

.rform-select {
    cursor: pointer;
}

.rform-options-container {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.rform-options-container ul {
    list-style: none;
    padding-inline: 0px;
    overflow: hidden;
    border: 1px solid rgb(108, 108, 108);
}

.rform-options-container ul li {
    overflow: hidden;
    background-color: white;
}

.rform-option {
    padding: 0.3rem;
}

.rform-option:hover {
    background-color: rgb(94, 94, 249);
    color: white;
}

.rotate::after {
    transform: rotate(-180deg);
}
/* Style radio button rform-radiobtn-container */
.rform-radiobtn-container {
    display: flex;
    align-items: center;
    font-size: 16px;
    flex-direction: row;
    gap: 0.375rem;
  }

  .rform-radio-button{
      display: flex;
      flex-direction: row;
  }

  /* Hide default radio button */
  .rform-radiobtn-container input {
    opacity: 0;
    cursor: pointer;
    width: 0;
  }

  /* Style custom radio button */
  .rform-radio-checkmark {
    position: relative;
    display: inline-flex;
    aspect-ratio: 1/1;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    justify-content: center;
    align-items: center;

  }

  /* On mouse-over, add a grey background color */
  .rform-radiobtn-container:hover input ~ .rform-radio-checkmark {
    background-color: #ccc;
  }

  /* When radio button is checked, add a blue background */
  .rform-radiobtn-container input:checked ~ .rform-radio-checkmark {
    background-color: #2196F3;
  }

  /* Create a small dot to indicate the selection */
  .rform-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the dot when radio button is checked */
  .rform-radiobtn-container input:checked ~ .rform-radio-checkmark:after {
    display: block;
  }

  /* Style the dot */
  .rform-radiobtn-container .rform-radio-checkmark:after {
    width: 10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: white;
  }
  /* Style radio button rform-checkboxbtn-container */
.rform-checkboxbtn-container {
    display: flex;
    align-items: center;
    font-size: 16px;
    flex-direction: row;
    gap: 0.375rem;
  }

  .rform-checkbox-button{
      display: flex;
      flex-direction: row;
  }

  /* Hide default radio button */
  .rform-checkboxbtn-container input {
    opacity: 0;
    cursor: pointer;
    width: 0;
  }

  /* Style custom radio button */
  .rform-checkbox-checkmark {
    position: relative;
    display: inline-flex;
    aspect-ratio: 1/1;
    width: 20px;
    background-color: #eee;
    justify-content: center;
    align-items: center;

  }

  /* On mouse-over, add a grey background color */
  .rform-checkboxbtn-container:hover input ~ .rform-checkbox-checkmark {
    background-color: #ccc;
  }

  /* When radio button is checked, add a blue background */
  .rform-checkboxbtn-container input:checked ~ .rform-checkbox-checkmark {
    background-color: #2196F3;
  }

  /* Create a small dot to indicate the selection */
  .rform-checkbox-checkmark:after {
    content: "\2713";
    position: absolute;
    display: none;
    font-weight: bolder;
  }

  /* Show the dot when radio button is checked */
  .rform-checkboxbtn-container input:checked ~ .rform-checkbox-checkmark:after {
    display: block;
  }

  .iti {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .iti * {
    box-sizing: border-box;
  }
  .iti__hide {
    display: none;
  }
  .iti__v-hide {
    visibility: hidden;
  }
  .iti input,
  .iti input[type=text],
  .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
  }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
  }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
  }
  [dir=rtl] .iti__arrow {
    margin-right: 6px;
    margin-left: 0;
  }
  .iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
  }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
  }
  @media (max-width: 500px) {
    .iti__country-list {
      white-space: normal;
    }
  }
  .iti__flag-box {
    display: inline-block;
    width: 20px;
  }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
  }
  .iti__country {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    outline: none;
  }
  .iti__dial-code {
    color: #999;
  }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px;
  }
  [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: 6px;
  }
  .iti--allow-dropdown input,
  .iti--allow-dropdown input[type=text],
  .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
  .iti--separate-dial-code input[type=text],
  .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
  }
  [dir=rtl] .iti--allow-dropdown input,
  [dir=rtl] .iti--allow-dropdown input[type=text],
  [dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
  [dir=rtl] .iti--separate-dial-code input[type=text],
  [dir=rtl] .iti--separate-dial-code input[type=tel] {
    padding-right: 52px;
    padding-left: 6px;
    margin-right: 0;
  }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
  }
  [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto;
  }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
  }
  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
  }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
  }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 6px;
  }
  [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
  }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
  }
  .iti--container:hover {
    cursor: pointer;
  }

  .iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
  }
  .iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
  }
  .iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
  }

  .iti__flag {
    width: 20px;
  }
  .iti__flag.iti__be {
    width: 18px;
  }
  .iti__flag.iti__ch {
    width: 15px;
  }
  .iti__flag.iti__mc {
    width: 19px;
  }
  .iti__flag.iti__ne {
    width: 18px;
  }
  .iti__flag.iti__np {
    width: 13px;
  }
  .iti__flag.iti__va {
    width: 15px;
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5762px 15px;
    }
  }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
  }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
  }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
  }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
  }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
  }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
  }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
  }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
  }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
  }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
  }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
  }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
  }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
  }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
  }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
  }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
  }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
  }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
  }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
  }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
  }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
  }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
  }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
  }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
  }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
  }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
  }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
  }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
  }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
  }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
  }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
  }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
  }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
  }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
  }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
  }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
  }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
  }
  .iti__flag.iti__bz {
    height: 12px;
    background-position: -812px 0px;
  }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
  }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
  }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
  }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
  }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
  }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
  }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
  }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
  }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
  }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
  }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
  }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
  }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
  }
  .iti__flag.iti__cq {
    height: 12px;
    background-position: -1115px 0px;
  }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1137px 0px;
  }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1159px 0px;
  }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1181px 0px;
  }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1203px 0px;
  }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1225px 0px;
  }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1247px 0px;
  }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1269px 0px;
  }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1291px 0px;
  }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1313px 0px;
  }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1335px 0px;
  }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1357px 0px;
  }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1379px 0px;
  }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1401px 0px;
  }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1423px 0px;
  }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1445px 0px;
  }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1467px 0px;
  }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1489px 0px;
  }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1511px 0px;
  }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1533px 0px;
  }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1555px 0px;
  }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1577px 0px;
  }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1599px 0px;
  }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1621px 0px;
  }
  .iti__flag.iti__ez {
    height: 14px;
    background-position: -1643px 0px;
  }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1665px 0px;
  }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1687px 0px;
  }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1709px 0px;
  }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1731px 0px;
  }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1753px 0px;
  }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1775px 0px;
  }
  .iti__flag.iti__fx {
    height: 14px;
    background-position: -1797px 0px;
  }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1819px 0px;
  }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1841px 0px;
  }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1863px 0px;
  }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1885px 0px;
  }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1907px 0px;
  }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1929px 0px;
  }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1951px 0px;
  }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1973px 0px;
  }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1995px 0px;
  }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -2017px 0px;
  }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -2039px 0px;
  }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -2061px 0px;
  }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2083px 0px;
  }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2105px 0px;
  }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2127px 0px;
  }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2149px 0px;
  }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2171px 0px;
  }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2193px 0px;
  }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2215px 0px;
  }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2237px 0px;
  }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2259px 0px;
  }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2281px 0px;
  }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2303px 0px;
  }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2325px 0px;
  }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2347px 0px;
  }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2369px 0px;
  }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2391px 0px;
  }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2413px 0px;
  }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2435px 0px;
  }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2457px 0px;
  }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2479px 0px;
  }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2501px 0px;
  }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2523px 0px;
  }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2545px 0px;
  }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2567px 0px;
  }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2589px 0px;
  }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2611px 0px;
  }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2633px 0px;
  }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2655px 0px;
  }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2677px 0px;
  }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2699px 0px;
  }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2721px 0px;
  }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2743px 0px;
  }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2765px 0px;
  }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2787px 0px;
  }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2809px 0px;
  }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2831px 0px;
  }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2853px 0px;
  }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2875px 0px;
  }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2897px 0px;
  }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2919px 0px;
  }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2941px 0px;
  }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2963px 0px;
  }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2985px 0px;
  }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -3007px 0px;
  }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -3029px 0px;
  }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -3051px 0px;
  }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3073px 0px;
  }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3095px 0px;
  }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3117px 0px;
  }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3139px 0px;
  }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3161px 0px;
  }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3183px 0px;
  }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3205px 0px;
  }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3226px 0px;
  }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3248px 0px;
  }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3270px 0px;
  }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3292px 0px;
  }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3314px 0px;
  }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3336px 0px;
  }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3358px 0px;
  }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3380px 0px;
  }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3402px 0px;
  }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3424px 0px;
  }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3446px 0px;
  }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3468px 0px;
  }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3490px 0px;
  }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3512px 0px;
  }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3534px 0px;
  }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3556px 0px;
  }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3578px 0px;
  }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3600px 0px;
  }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3622px 0px;
  }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3644px 0px;
  }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3666px 0px;
  }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3688px 0px;
  }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3710px 0px;
  }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3732px 0px;
  }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3752px 0px;
  }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3774px 0px;
  }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3796px 0px;
  }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3818px 0px;
  }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3840px 0px;
  }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3862px 0px;
  }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3877px 0px;
  }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3899px 0px;
  }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3921px 0px;
  }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3943px 0px;
  }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3965px 0px;
  }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3987px 0px;
  }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -4009px 0px;
  }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -4031px 0px;
  }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -4053px 0px;
  }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4075px 0px;
  }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4097px 0px;
  }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4119px 0px;
  }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4141px 0px;
  }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4163px 0px;
  }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4185px 0px;
  }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4207px 0px;
  }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4229px 0px;
  }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4251px 0px;
  }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4273px 0px;
  }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4295px 0px;
  }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4317px 0px;
  }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4339px 0px;
  }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4361px 0px;
  }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4383px 0px;
  }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4405px 0px;
  }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4427px 0px;
  }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4449px 0px;
  }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4471px 0px;
  }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4493px 0px;
  }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4515px 0px;
  }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4537px 0px;
  }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4559px 0px;
  }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4581px 0px;
  }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4603px 0px;
  }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4625px 0px;
  }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4647px 0px;
  }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4669px 0px;
  }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4691px 0px;
  }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4713px 0px;
  }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4735px 0px;
  }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4757px 0px;
  }
  .iti__flag.iti__su {
    height: 10px;
    background-position: -4779px 0px;
  }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4801px 0px;
  }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4823px 0px;
  }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4845px 0px;
  }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4867px 0px;
  }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4889px 0px;
  }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4911px 0px;
  }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4933px 0px;
  }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4955px 0px;
  }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4977px 0px;
  }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4999px 0px;
  }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -5021px 0px;
  }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -5043px 0px;
  }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -5065px 0px;
  }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -5087px 0px;
  }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5109px 0px;
  }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5131px 0px;
  }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5153px 0px;
  }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5175px 0px;
  }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5197px 0px;
  }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5219px 0px;
  }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5241px 0px;
  }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5263px 0px;
  }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5285px 0px;
  }
  .iti__flag.iti__uk {
    height: 10px;
    background-position: -5307px 0px;
  }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5329px 0px;
  }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5351px 0px;
  }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5373px 0px;
  }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5395px 0px;
  }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5417px 0px;
  }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5439px 0px;
  }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5456px 0px;
  }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5478px 0px;
  }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5500px 0px;
  }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5522px 0px;
  }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5544px 0px;
  }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5566px 0px;
  }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5588px 0px;
  }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5610px 0px;
  }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5632px 0px;
  }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5654px 0px;
  }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5676px 0px;
  }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5698px 0px;
  }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5720px 0px;
  }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5742px 0px;
  }

  .iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../img/flagsc4ca.png?1");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url("../img/flags%402xc4ca.png?1");
    }
  }

  .iti__flag.iti__np {
    background-color: transparent;
  }
  html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-block-start:.5rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-start:0;margin-block-end:.9rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:#c36}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:#c36;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid #c36;padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:#c36;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-block-end:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843)}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.0705882353)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.1019607843)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
  .iti {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .iti * {
    box-sizing: border-box;
  }
  .iti__hide {
    display: none;
  }
  .iti__v-hide {
    visibility: hidden;
  }
  .iti input,
  .iti input[type=text],
  .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
  }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
  }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
  }
  [dir=rtl] .iti__arrow {
    margin-right: 6px;
    margin-left: 0;
  }
  .iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
  }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
  }
  @media (max-width: 500px) {
    .iti__country-list {
      white-space: normal;
    }
  }
  .iti__flag-box {
    display: inline-block;
    width: 20px;
  }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
  }
  .iti__country {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    outline: none;
  }
  .iti__dial-code {
    color: #999;
  }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px;
  }
  [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: 6px;
  }
  .iti--allow-dropdown input,
  .iti--allow-dropdown input[type=text],
  .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
  .iti--separate-dial-code input[type=text],
  .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
  }
  [dir=rtl] .iti--allow-dropdown input,
  [dir=rtl] .iti--allow-dropdown input[type=text],
  [dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
  [dir=rtl] .iti--separate-dial-code input[type=text],
  [dir=rtl] .iti--separate-dial-code input[type=tel] {
    padding-right: 52px;
    padding-left: 6px;
    margin-right: 0;
  }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
  }
  [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto;
  }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
  }
  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
  }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
  }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 6px;
  }
  [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
  }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
  }
  .iti--container:hover {
    cursor: pointer;
  }

  .iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
  }
  .iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
  }
  .iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
  }

  .iti__flag {
    width: 20px;
  }
  .iti__flag.iti__be {
    width: 18px;
  }
  .iti__flag.iti__ch {
    width: 15px;
  }
  .iti__flag.iti__mc {
    width: 19px;
  }
  .iti__flag.iti__ne {
    width: 18px;
  }
  .iti__flag.iti__np {
    width: 13px;
  }
  .iti__flag.iti__va {
    width: 15px;
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5762px 15px;
    }
  }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
  }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
  }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
  }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
  }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
  }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
  }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
  }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
  }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
  }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
  }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
  }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
  }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
  }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
  }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
  }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
  }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
  }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
  }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
  }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
  }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
  }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
  }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
  }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
  }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
  }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
  }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
  }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
  }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
  }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
  }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
  }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
  }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
  }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
  }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
  }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
  }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
  }
  .iti__flag.iti__bz {
    height: 12px;
    background-position: -812px 0px;
  }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
  }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
  }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
  }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
  }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
  }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
  }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
  }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
  }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
  }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
  }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
  }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
  }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
  }
  .iti__flag.iti__cq {
    height: 12px;
    background-position: -1115px 0px;
  }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1137px 0px;
  }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1159px 0px;
  }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1181px 0px;
  }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1203px 0px;
  }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1225px 0px;
  }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1247px 0px;
  }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1269px 0px;
  }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1291px 0px;
  }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1313px 0px;
  }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1335px 0px;
  }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1357px 0px;
  }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1379px 0px;
  }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1401px 0px;
  }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1423px 0px;
  }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1445px 0px;
  }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1467px 0px;
  }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1489px 0px;
  }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1511px 0px;
  }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1533px 0px;
  }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1555px 0px;
  }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1577px 0px;
  }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1599px 0px;
  }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1621px 0px;
  }
  .iti__flag.iti__ez {
    height: 14px;
    background-position: -1643px 0px;
  }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1665px 0px;
  }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1687px 0px;
  }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1709px 0px;
  }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1731px 0px;
  }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1753px 0px;
  }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1775px 0px;
  }
  .iti__flag.iti__fx {
    height: 14px;
    background-position: -1797px 0px;
  }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1819px 0px;
  }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1841px 0px;
  }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1863px 0px;
  }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1885px 0px;
  }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1907px 0px;
  }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1929px 0px;
  }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1951px 0px;
  }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1973px 0px;
  }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1995px 0px;
  }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -2017px 0px;
  }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -2039px 0px;
  }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -2061px 0px;
  }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2083px 0px;
  }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2105px 0px;
  }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2127px 0px;
  }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2149px 0px;
  }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2171px 0px;
  }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2193px 0px;
  }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2215px 0px;
  }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2237px 0px;
  }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2259px 0px;
  }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2281px 0px;
  }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2303px 0px;
  }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2325px 0px;
  }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2347px 0px;
  }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2369px 0px;
  }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2391px 0px;
  }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2413px 0px;
  }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2435px 0px;
  }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2457px 0px;
  }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2479px 0px;
  }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2501px 0px;
  }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2523px 0px;
  }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2545px 0px;
  }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2567px 0px;
  }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2589px 0px;
  }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2611px 0px;
  }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2633px 0px;
  }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2655px 0px;
  }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2677px 0px;
  }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2699px 0px;
  }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2721px 0px;
  }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2743px 0px;
  }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2765px 0px;
  }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2787px 0px;
  }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2809px 0px;
  }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2831px 0px;
  }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2853px 0px;
  }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2875px 0px;
  }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2897px 0px;
  }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2919px 0px;
  }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2941px 0px;
  }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2963px 0px;
  }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2985px 0px;
  }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -3007px 0px;
  }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -3029px 0px;
  }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -3051px 0px;
  }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3073px 0px;
  }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3095px 0px;
  }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3117px 0px;
  }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3139px 0px;
  }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3161px 0px;
  }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3183px 0px;
  }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3205px 0px;
  }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3226px 0px;
  }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3248px 0px;
  }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3270px 0px;
  }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3292px 0px;
  }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3314px 0px;
  }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3336px 0px;
  }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3358px 0px;
  }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3380px 0px;
  }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3402px 0px;
  }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3424px 0px;
  }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3446px 0px;
  }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3468px 0px;
  }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3490px 0px;
  }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3512px 0px;
  }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3534px 0px;
  }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3556px 0px;
  }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3578px 0px;
  }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3600px 0px;
  }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3622px 0px;
  }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3644px 0px;
  }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3666px 0px;
  }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3688px 0px;
  }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3710px 0px;
  }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3732px 0px;
  }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3752px 0px;
  }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3774px 0px;
  }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3796px 0px;
  }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3818px 0px;
  }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3840px 0px;
  }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3862px 0px;
  }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3877px 0px;
  }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3899px 0px;
  }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3921px 0px;
  }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3943px 0px;
  }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3965px 0px;
  }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3987px 0px;
  }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -4009px 0px;
  }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -4031px 0px;
  }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -4053px 0px;
  }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4075px 0px;
  }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4097px 0px;
  }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4119px 0px;
  }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4141px 0px;
  }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4163px 0px;
  }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4185px 0px;
  }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4207px 0px;
  }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4229px 0px;
  }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4251px 0px;
  }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4273px 0px;
  }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4295px 0px;
  }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4317px 0px;
  }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4339px 0px;
  }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4361px 0px;
  }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4383px 0px;
  }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4405px 0px;
  }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4427px 0px;
  }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4449px 0px;
  }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4471px 0px;
  }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4493px 0px;
  }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4515px 0px;
  }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4537px 0px;
  }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4559px 0px;
  }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4581px 0px;
  }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4603px 0px;
  }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4625px 0px;
  }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4647px 0px;
  }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4669px 0px;
  }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4691px 0px;
  }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4713px 0px;
  }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4735px 0px;
  }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4757px 0px;
  }
  .iti__flag.iti__su {
    height: 10px;
    background-position: -4779px 0px;
  }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4801px 0px;
  }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4823px 0px;
  }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4845px 0px;
  }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4867px 0px;
  }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4889px 0px;
  }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4911px 0px;
  }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4933px 0px;
  }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4955px 0px;
  }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4977px 0px;
  }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4999px 0px;
  }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -5021px 0px;
  }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -5043px 0px;
  }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -5065px 0px;
  }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -5087px 0px;
  }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5109px 0px;
  }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5131px 0px;
  }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5153px 0px;
  }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5175px 0px;
  }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5197px 0px;
  }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5219px 0px;
  }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5241px 0px;
  }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5263px 0px;
  }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5285px 0px;
  }
  .iti__flag.iti__uk {
    height: 10px;
    background-position: -5307px 0px;
  }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5329px 0px;
  }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5351px 0px;
  }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5373px 0px;
  }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5395px 0px;
  }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5417px 0px;
  }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5439px 0px;
  }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5456px 0px;
  }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5478px 0px;
  }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5500px 0px;
  }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5522px 0px;
  }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5544px 0px;
  }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5566px 0px;
  }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5588px 0px;
  }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5610px 0px;
  }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5632px 0px;
  }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5654px 0px;
  }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5676px 0px;
  }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5698px 0px;
  }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5720px 0px;
  }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5742px 0px;
  }

  .iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../img/flagsc4ca.png?1");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url("../img/flags%402xc4ca.png?1");
    }
  }

  .iti__flag.iti__np {
    background-color: transparent;
  }