/* custom scrollbar */

/* Works on Chrome, Edge, and Safari */

body::-webkit-scrollbar, .easy-popup-overflow::-webkit-scrollbar, body .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width:var(--vii-scroll-bar-width);
  height:5px;
}

body::-webkit-scrollbar-track, .easy-popup-overflow::-webkit-scrollbar-track, body .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background:var(--vii-color-gray);
}

body::-webkit-scrollbar-thumb, .easy-popup-overflow::-webkit-scrollbar-thumb, body .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color:var(--vii-color-primary);
}

.logo-grid-center {
  & .flex-grid-logo {
    justify-content:center;
  }
}

/* custom easy popup */

body .easy-popup-master {
  top:var(--vii-admin-bar-height);
  height:calc(100% - var(--vii-admin-bar-height))
}

/* custom fancybox */

body .fancybox__container {
  --fancybox-bg:rgba(0,0,0,.95)

}

body .fancybox__container .fancybox__content:has(iframe) {
  width:80vw !important;
}

@media (max-width: 767px) {
  body .fancybox__container .fancybox__content:has(iframe) {
    width:95vw !important;
  }
}

/***************************************
* Base variables
****************************************/

:root {
  /* these variables will be updated by updateCSSVariables() */
  --vii-scroll-bar-width:8px;
  --vii-address-bar-height:0px;
  --vii-100vw:calc(100vw - var(--vii-scroll-bar-width));
  --vii-100vh:calc(100vh - var(--vii-address-bar-height));
  /* Transition */
  --vii-transition:all .3s ease;
  --vii-transition-slow:all .6s ease;
}

/*********************************************
 * Column Padding
**********************************************/

/* Column spacing, revert to VC spacing for screen smaller 1024px */

.main_content .vc_column_container > .vc_column-inner {
  padding-top:0 !important;
}

@media only screen and (min-width:1025px) {
  .main_content .vc_row {
    margin-left:calc(var(--vii-spacing-gap-vc-column) * -1);
    margin-right:calc(var(--vii-spacing-gap-vc-column) * -1);
  }

  .main_content .vc_column_container > .vc_column-inner {
    padding-left:var(--vii-spacing-gap-vc-column);
    padding-right:var(--vii-spacing-gap-vc-column);
  }

  .main_content .vc_row.vc_row-no-padding .vc_column-inner {
    padding-left:0;
    padding-right:0;
  }
}

/*********************************************
 * Sticky column inside full-width row
**********************************************/

.vc_row[data-vc-full-width]:has(.vii-sticky-vc) {
  overflow:visible;
}

/*********************************************
 * Row container
**********************************************/

.vii-row-container {
  padding-left:0px !important;
  padding-right:0px !important;
}

@media only screen and (min-width:1025px) {
  /*.vii-row-container > .vc_row {padding-right:var(--vii-spacing-gap-container); padding-left:var(--vii-spacing-gap-container);}*/
}

/*********************************************
 * Row reverse columns on mobile
**********************************************/

@media only screen and (max-width:767px) {
  .vc_row.vii-reverse-col-mobile {
    display:flex;
    flex-direction:column-reverse;
  }
}

/*********************************************
 * Row background style
**********************************************/

.vii-row-bg-style {
  position:relative;
  overflow:visible !important;
  &.row-style-move-top {
    --spacing-move:0px
  }
  &.row-style-move-top {
    overflow:visible !important;
  }
  &.row-style-move-top {
    & > .row-gradient {
      top:var(--spacing-move);
    }
    & > .row-gradient {
      z-index:-1;
    }
  }
  & > * {
    position:relative;
  }
  & > * {
    z-index:10;
  }
  .row-gradient {
    z-index:0;
  }
  /* style 1 */
  &.vii-bg-style-1 {
    min-height:500px;
  }
  @media (max-width: 767px) {
    &.vii-bg-style-1 {
      min-height:350px;
    }
  }
  &.vii-bg-style-1 {
    &:has(.vii-speakers) > .row-gradient i {
      top:-15%;
    }
  }
  /* style 2 */
  &.vii-bg-style-2 {
    min-height:600px;
  }
  @media (max-width: 767px) {
    &.vii-bg-style-2 {
      min-height:400px;
    }
  }
  &.vii-bg-style-2 {
    @media (max-width: 767px) {
      & > .row-gradient {
        overflow-x:clip;
      }
    }
    & > .row-gradient {
      @media (max-width: 767px) {
        & > img {
          transform-origin:top;
        }
      }
      @media (max-width: 767px) {
        & > img {
          --tw-scale-x:1.5;
          --tw-scale-y:1.5;
          transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
      }
    }
  }
  /* style 3 */
  &.vii-bg-style-3 {
    & .row-gradient i {
      opacity:0.5;
    }
    @media (max-width: 767px) {
      & .row-gradient i {
        opacity:0.8;
      }
    }
    & .row-gradient i:before {
      --tw-content:'';
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      position:absolute;
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      top:0px;
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      right:0px;
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      width:89.4%;
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      border-radius:50%;
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      --tw-bg-opacity:1;
      background-color:rgb(11 213 232 / var(--tw-bg-opacity, 1));
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      opacity:0.8;
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      --tw-blur:blur(120px);
      filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    @media (max-width: 1024px) {
      & .row-gradient i {
        opacity:0.6;
      }
    }
    @media (max-width: 1024px) {
      & .row-gradient i::before {
        content:var(--tw-content);
        --tw-blur:blur(50px);
        filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
    }
    @media (max-width: 767px) {
      & .row-gradient i::before {
        content:var(--tw-content);
        --tw-blur:blur(40);
        filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
    }
    & .row-gradient i:after {
      --tw-content:'';
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      bottom:0px;
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      left:0px;
    }
    & .row-gradient i::before {
      content:var(--tw-content);
      width:89.4%;
    }
    & .row-gradient i::after {
      content:var(--tw-content);
      position:absolute;
    }
    & .row-gradient i::after {
      content:var(--tw-content);
      border-radius:50%;
    }
    & .row-gradient i::after {
      content:var(--tw-content);
      --tw-bg-opacity:1;
      background-color:rgb(11 213 232 / var(--tw-bg-opacity, 1));
    }
    & .row-gradient i::after {
      content:var(--tw-content);
      opacity:0.8;
    }
    & .row-gradient i::after {
      content:var(--tw-content);
      --tw-blur:blur(120px);
      filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    @media (max-width: 1024px) {
      & .row-gradient i {
        opacity:0.6;
      }
    }
    @media (max-width: 1024px) {
      & .row-gradient i::after {
        content:var(--tw-content);
        --tw-blur:blur(50px);
        filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
    }
    @media (max-width: 767px) {
      & .row-gradient i::after {
        content:var(--tw-content);
        --tw-blur:blur(40);
        filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      }
    }
    & .row-gradient i.dot-left {
      --tw-translate-x:-91.4%;
      transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    & .row-gradient i.dot-left {
      --tw-translate-y:-53.7%;
      transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    & .row-gradient i.dot-left::before {
      content:var(--tw-content);
      aspect-ratio:312/300;
    }
    & .row-gradient i.dot-left::after {
      content:var(--tw-content);
      aspect-ratio:312/300;
    }
    & .row-gradient i.dot-right {
      --tw-translate-x:85.3%;
      transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    & .row-gradient i.dot-right::before {
      content:var(--tw-content);
      aspect-ratio:354/300;
    }
    & .row-gradient i.dot-right::after {
      content:var(--tw-content);
      aspect-ratio:354/300;
    }
  }
  /* style 4 */
  &.vii-bg-style-4 {
    & > .row-gradient > img {
      -o-object-position:top;
         object-position:top;
    }
  }
  /* style 5 */
  &.vii-bg-style-4, &.vii-bg-style-5, &.vii-bg-style-6, &.vii-bg-style-7, &.vii-bg-style-8 {
    min-height:600px;
  }
  @media (max-width: 768px) {
    &.vii-bg-style-4, &.vii-bg-style-5, &.vii-bg-style-6, &.vii-bg-style-7, &.vii-bg-style-8 {
      min-height:450px;
    }
  }
  @media (max-width: 767px) {
    &.vii-bg-style-4, &.vii-bg-style-5, &.vii-bg-style-6, &.vii-bg-style-7, &.vii-bg-style-8 {
      min-height:400px;
    }
  }
}

/*********************************************
 * Vertical separator between columns
**********************************************/

@media (min-width: 1281px) {
  .vc_row.has-vertical-sep {
    display:flex;
    --vii-spacing-gap-vc-column:40px;
  }

  .vc_row.has-vertical-sep > .wpb_column {
    padding-top:20px;
    position:relative;
  }

  .vc_row.has-vertical-sep > .wpb_column:not(:last-child):before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:calc(var(--vii-spacing-default) - 20px);
    border-right:1px solid var(--vii-color-body-text);
  }
}

/*********************************************
 * Empty spacing
**********************************************/

.vc_empty_space {
  --vii-spacing-desktop:0px;
  --vii-spacing-tablet:0px;
  --vii-spacing-mobile:0px;
  height:var(--vii-spacing-desktop);
}

@media only screen and (max-width:1024px) {
  .vc_empty_space {
    height:var(--vii-spacing-tablet);
  }
}

@media only screen and (max-width:480px) {
  .vc_empty_space {
    height:var(--vii-spacing-mobile);
  }
}

/***************************************
* Body text & Permalink
****************************************/

html:not(.wp-toolbar) body {
  --tw-bg-opacity:1;
  background-color:rgb(40 45 70 / var(--tw-bg-opacity, 1));
  font-family:Montserrat, sans-serif;
  font-size:var(--vii-size-19);
  font-weight:400;
  line-height:1.6;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.container {
  max-width:calc(var(--vii-container) + 2 * var(--vii-spacing-gap-container)) !important;
}

a, button {
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Force dark text */

.text-force-dark {
  --tw-text-opacity:1;
  color:rgb(22 29 55 / var(--tw-text-opacity, 1));
  --vii-color-heading:var(--vii-color-dark-blue);
  --vii-color-permalink:var(--vii-color-dark-blue);
  --vii-color-permalink-highlight:var(--vii-color-blue);
}

/* Permalink */

.mceContentBody a:not([class*="btn_"]),
.wpb_text_column a:not([class*="btn_"]) {
  font-weight:400;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line:underline;
}

.mceContentBody a:not([class*="btn_"]):hover,
.mceContentBody a:not([class*="btn_"]):focus,
.mceContentBody a:not([class*="btn_"]):active,
.wpb_text_column a:not([class*="btn_"]):hover,
.wpb_text_column a:not([class*="btn_"]):focus,
.wpb_text_column a:not([class*="btn_"]):active {
  --tw-text-opacity:1;
  color:rgb(0 234 189 / var(--tw-text-opacity, 1));
  outline-width:0px;
}

/* Size */

.txt_size_16 {
  font-size:var(--vii-size-16) !important;
}

.txt_size_18 {
  font-size:var(--vii-size-18) !important;
}

.txt_size_22 {
  font-size:var(--vii-size-22) !important;
}

.txt_size_26 {
  font-size:var(--vii-size-26) !important;
}

.txt_size_30 {
  font-size:var(--vii-size-30) !important;
}

.txt_size_40 {
  font-size:var(--vii-size-40) !important;
  letter-spacing:-0.01em;
}

.txt_size_42 {
  font-size:var(--vii-size-42) !important;
  letter-spacing:-0.01em;
}

.txt_size_48 {
  font-size:var(--vii-size-48) !important;
  letter-spacing:-0.01em;
  line-height:1.2;
}

/* empty content */

.vii-empty-content-before:before,
.vii-empty-content-after:after {
  --tw-content:'';
}

/***************************************
* Headings
****************************************/

.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6,
.main_content h1, .main_content h2, .main_content h3, .main_content h4, .main_content h5, .main_content h6,
.mceContentBody .heading_1, .mceContentBody .heading_2, .mceContentBody .heading_3, .mceContentBody .heading_4, .mceContentBody .heading_5, .mceContentBody .heading_6,
.main_content .heading_1, .main_content .heading_2, .main_content .heading_3, .main_content .heading_4, .main_content .heading_5, .main_content .heading_6,
.mceContentBody .heading_30, .main_content .heading_30 {
  color:var(--vii-color-heading);
  margin-bottom:var(--vii-spacing-heading);
  font-family:var(--vii-font-heading), sans-serif;
  line-height:1.04;
  font-weight:700;
}

.mceContentBody h1, .mceContentBody .heading_1, .main_content h1, .main_content .heading_1 {
  font-weight:500;
  font-size:var(--vii-size-108);
}

.mceContentBody h2, .mceContentBody .heading_2, .main_content h2, .main_content .heading_2 {
  letter-spacing:-0.01em;
  font-size:var(--vii-size-55);
}

.mceContentBody h3, .mceContentBody .heading_3, .main_content h3, .main_content .heading_3 {
  font-size:var(--vii-size-35);
}

.mceContentBody h4, .mceContentBody .heading_4, .main_content h4, .main_content .heading_4 {
  letter-spacing:-0.01em;
  font-size:var(--vii-size-28);
}

.mceContentBody h5, .mceContentBody .heading_5, .main_content h5, .main_content .heading_5 {
  line-height:1;
  letter-spacing:-0.01em;
  font-size:var(--vii-size-24);
}

.mceContentBody h6, .mceContentBody .heading_6, .main_content h6, .main_content .heading_6 {
  font-size:var(--vii-size-20);
}

.mceContentBody .heading_30, .main_content .heading_30 {
  font-size:30px;
}

/* override classes display block to respect line height */

h1 [class*="heading_"],
h2 [class*="heading_"],
h3 [class*="heading_"],
h4 [class*="heading_"],
h5 [class*="heading_"],
h6 [class*="heading_"] {
  display:block;
}

.main_content .heading_with_medium {
  font-weight:500;
}

.main_content .heading_with_regular {
  font-weight:400;
}

.main_content .heading_with_semibold {
  font-weight:600;
}

/* table horizontal line */

table[class*="horizontal_line"] {
}

table[class*="horizontal_line"] tr td {
  width:auto !important;
  border:1px dashed #ccc;
}

.main_content table[class*="horizontal_line"] tr {
  border-top:1px solid var(--vii-color-dark-blue) !important;
  border-left:none !important;
  border-right:none !important;
  background:unset !important;
  display:flex;
  justify-content:center;
  justify-content:space-between;
}

.main_content table[class*="horizontal_line"] tr:last-child {
  border-bottom:1px solid var(--vii-color-dark-blue) !important;
}

.main_content table[class*="horizontal_line"] tr td {
  vertical-align:middle;
  min-height:80px;
  /* clear style from default table */
  padding:10px 20px 10px 0;
  border:none !important;
  display:flex;
  align-items:center;
}

@media (max-width: 480px) {
  .main_content table[class*="horizontal_line"] tr td:last-child {
    min-width:105px;
    justify-content:flex-end;
  }

  .main_content table[class*="horizontal_line"] tr td .btn_primary_small {
    width:105px;
  }
}

.mceContentBody table[class*="horizontal_line"] tr td:first-child,
.main_content table[class*="horizontal_line"] tr td:first-child {
  color:var(--vii-color-heading);
  margin-bottom:var(--vii-spacing-heading);
  font-family:var(--vii-font-heading), sans-serif;
  line-height:1.04;
  font-weight:700;
  margin-bottom:0px;
  font-size:16px;
}

.mceContentBody table[class*="horizontal_line"] tr td:last-child,
.main_content table[class*="horizontal_line"] tr td:last-child {
  text-align:right;
  padding-right:0;
}

/* table horizontal line bottom */

.main_content table[class*="horizontal_line_bottom"] tr:first-child {
  border-top:none !important;
}

.main_content table[class*="horizontal_line_bottom"] tr:first-child td {
  padding-top:0;
}

.main_content table[class*="horizontal_line_bottom"] tr td {
  min-height:50px;
}

.mceContentBody table[class*="horizontal_line_bottom"] tr td:first-child,
.main_content table[class*="horizontal_line_bottom"] tr td:first-child {
  font-family:Montserrat, sans-serif;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-icon {
  position:relative;
  display:inline-block;
  padding-left:44px;
}

.text-icon::before {
  position:absolute;
  left:0px;
  top:0px;
  font-family:icomoon, fantasy;
  font-size:28px;
  content:var(--tw-content);
  line-height:1;
}

@media (max-width: 1023px) {
  .text-icon {
    padding-left:32px;
  }

  .text-icon::before {
    content:var(--tw-content);
    font-size:24px;
  }
}

@media (max-width: 480px) {
  .text-icon {
    padding-left:24px;
  }

  .text-icon::before {
    top:3px;
    content:var(--tw-content);
    font-size:18px;
  }
}

.txt_icon_calendar {
  position:relative;
  display:inline-block;
  padding-left:44px;
}

.txt_icon_calendar::before {
  position:absolute;
  left:0px;
  top:0px;
  font-family:icomoon, fantasy;
  font-size:28px;
  content:var(--tw-content);
  line-height:1;
}

@media (max-width: 1023px) {
  .txt_icon_calendar {
    padding-left:32px;
  }

  .txt_icon_calendar::before {
    content:var(--tw-content);
    font-size:24px;
  }
}

@media (max-width: 480px) {
  .txt_icon_calendar {
    padding-left:24px;
  }

  .txt_icon_calendar::before {
    top:3px;
    content:var(--tw-content);
    font-size:18px;
  }
}

.txt_icon_calendar::before {
  --tw-content:'\e933';
  content:var(--tw-content);
}

.txt_icon_address {
  position:relative;
  display:inline-block;
  padding-left:44px;
}

.txt_icon_address::before {
  position:absolute;
  left:0px;
  top:0px;
  font-family:icomoon, fantasy;
  font-size:28px;
  content:var(--tw-content);
  line-height:1;
}

@media (max-width: 1023px) {
  .txt_icon_address {
    padding-left:32px;
  }

  .txt_icon_address::before {
    content:var(--tw-content);
    font-size:24px;
  }
}

@media (max-width: 480px) {
  .txt_icon_address {
    padding-left:24px;
  }

  .txt_icon_address::before {
    top:3px;
    content:var(--tw-content);
    font-size:18px;
  }
}

.txt_icon_address::before {
  --tw-content:'\e90e';
  content:var(--tw-content);
}

@media (max-width: 1023px) {
  .txt_icon_address::before {
    content:var(--tw-content);
    top:2px;
  }
}

.txt_icon_time {
  position:relative;
  display:inline-block;
  padding-left:44px;
}

.txt_icon_time::before {
  position:absolute;
  left:0px;
  top:0px;
  font-family:icomoon, fantasy;
  font-size:28px;
  content:var(--tw-content);
  line-height:1;
}

@media (max-width: 1023px) {
  .txt_icon_time {
    padding-left:32px;
  }

  .txt_icon_time::before {
    content:var(--tw-content);
    font-size:24px;
  }
}

@media (max-width: 480px) {
  .txt_icon_time {
    padding-left:24px;
  }

  .txt_icon_time::before {
    top:3px;
    content:var(--tw-content);
    font-size:18px;
  }
}

.txt_icon_time::before {
  --tw-content:'\e91f';
  content:var(--tw-content);
}

/* primary */

.btn_primary, .btn_primary_small {
  display:flex;
  align-items:center;
  justify-content:center;
  transition-duration:.6s;
  position:relative;
  z-index:1;
  display:inline-flex;
  overflow:hidden;
  text-align:center;
  text-decoration-line:none;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family:Montserrat, sans-serif;
  font-size:var(--vii-size-19);
  font-weight:700;
  text-transform:uppercase;
  --tw-text-opacity:1;
  color:rgb(22 29 55 / var(--tw-text-opacity, 1));
  min-height:54px;
  min-width:250px;
  border-radius:3.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:1.8em;
  padding-right:1.8em;
}

.btn_primary:before, .btn_primary_small:before {
  --tw-content:'';
}

.btn_primary::before, .btn_primary_small::before {
  transition-duration:.6s;
  background:linear-gradient(to right, var(--vii-color-blue) 0%, #0bd5e8 100%);
  position:absolute;
  inset:0px;
  content:var(--tw-content);
  z-index:-1;
}

@media (max-width: 480px) {
  .btn_primary, .btn_primary_small {
    min-height:48px;
    min-width:150px;
    padding-left:1.2em;
    padding-right:1.2em;
    font-size:14px;
  }
}

.text-force-dark .btn_primary,.text-force-dark  .btn_primary_small {
  --tw-bg-opacity:1;
  background-color:rgb(22 29 55 / var(--tw-bg-opacity, 1));
}

.text-force-dark .btn_primary:hover,.text-force-dark .btn_primary:focus,.text-force-dark  .btn_primary_small:hover,.text-force-dark  .btn_primary_small:focus {
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn_primary:hover:before,.btn_primary:focus:before, .btn_primary_small:hover:before, .btn_primary_small:focus:before {
  opacity:0;
}

/* border */

.btn_primary_border, .btn_primary_border_small {
  display:flex;
  align-items:center;
  justify-content:center;
  transition-duration:.6s;
  position:relative;
  z-index:1;
  display:inline-flex;
  overflow:hidden;
  text-align:center;
  text-decoration-line:none;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-family:Montserrat, sans-serif;
  font-size:var(--vii-size-19);
  font-weight:700;
  text-transform:uppercase;
  --tw-text-opacity:1;
  color:rgb(22 29 55 / var(--tw-text-opacity, 1));
  min-height:54px;
  min-width:250px;
  border-radius:3.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:1.8em;
  padding-right:1.8em;
}

.btn_primary_border:before, .btn_primary_border_small:before {
  --tw-content:'';
}

.btn_primary_border::before, .btn_primary_border_small::before {
  transition-duration:.6s;
  background:linear-gradient(to right, var(--vii-color-blue) 0%, #0bd5e8 100%);
  position:absolute;
  inset:0px;
  content:var(--tw-content);
  z-index:-1;
}

@media (max-width: 480px) {
  .btn_primary_border, .btn_primary_border_small {
    min-height:48px;
    min-width:150px;
    padding-left:1.2em;
    padding-right:1.2em;
    font-size:14px;
  }
}

.text-force-dark .btn_primary_border,.text-force-dark  .btn_primary_border_small {
  --tw-bg-opacity:1;
  background-color:rgb(22 29 55 / var(--tw-bg-opacity, 1));
}

.text-force-dark .btn_primary_border:hover,.text-force-dark .btn_primary_border:focus,.text-force-dark  .btn_primary_border_small:hover,.text-force-dark  .btn_primary_border_small:focus {
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn_primary_border:hover:before,.btn_primary_border:focus:before, .btn_primary_border_small:hover:before, .btn_primary_border_small:focus:before {
  opacity:0;
}

.btn_primary_border, .btn_primary_border_small {
  border-width:1px;
  border-style:solid;
  --tw-border-opacity:1;
  border-color:rgb(0 234 189 / var(--tw-border-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn_primary_border::before, .btn_primary_border_small::before {
  content:var(--tw-content);
  opacity:0;
}

.btn_primary_border, .btn_primary_border_small {
  background:rgba(0, 0, 0, 0);
}

.btn_primary_border:hover,.btn_primary_border:focus, .btn_primary_border_small:hover, .btn_primary_border_small:focus {
  --tw-text-opacity:1;
  color:rgb(22 29 55 / var(--tw-text-opacity, 1));
}

.btn_primary_border:hover:before,.btn_primary_border:focus:before, .btn_primary_border_small:hover:before, .btn_primary_border_small:focus:before {
  opacity:1;
}

/* small */

.btn_primary_border_small, .btn_primary_small {
  min-height:43px;
  font-size:14px;
}

/**
 * Desktop menu custom style
 */

/**
 * Common menu
 * apply for both desktop & mobile
 */

.vii-menu-row:has(.vii-header-cta-buttons.has-2-buttons) .vii-menu-col.left {
  width:310px;
}

.vii-menu-row:has(.vii-header-cta-buttons.has-1-buttons) .vii-menu-col.left {
  width:145px;
}

.vii-menu-col.right:not(:has(.vii-header-cta-buttons)) {
  width:108px;
}

/**
 * Desktop menu frame style (control submenu visibility, position), less changes needed here
 * Only apply for large screen
 */

@media (min-width: 1281px) {
  /****************************
     * All Menus
    ****************************/

  ul.desktop-menu,.desktop-menu ul {
    margin:0;
    list-style:none;
  }

  ul.desktop-menu > li,.desktop-menu ul > li {
    padding:0;
  }

  .desktop-menu ul {
  }

  .desktop-menu ul > li {
    position:relative;
  }

  .desktop-menu ul > li > :where(a, span) {
    display:inline-block;
    font-size:var(--vii-size-14);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.1em;
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration-line:none;
    &:hover, &:focus {
      --tw-text-opacity:1;
      color:rgb(0 234 189 / var(--tw-text-opacity, 1));
    }
    &:hover, &:focus {
      text-decoration-line:none;
    }
  }

  .desktop-menu ul > li[class*="current"] > :where(a, span) {
    --tw-text-opacity:1;
    color:rgb(0 234 189 / var(--tw-text-opacity, 1));
    text-decoration-line:none;
  }

  /* all menus > has child */

  .desktop-menu ul > li[class*="has-child"] > :where(a,span) {
    position:relative;
    padding-right:16px;
  }

  /* arrow */

  .desktop-menu ul > li[class*="has-child"] > :where(a,span):after {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0px;
    display:inline-block;
    font-family:icomoon, fantasy;
    font-size:0.8em;
    transition-property:transform;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:300ms;
    content:"\e931";
  }

  /* hover > arrow up side down */

  .desktop-menu ul > li[class*="has-child"]:where(.active,:hover) > :where(a,span):after {
    --tw-translate-y:-50%;
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  /****************************
     * All sub Menus
    ****************************/

  /* hide submenu when not hover */

  .desktop-menu li:not(:hover) > ul.sub-menu {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  /* all sub menus */

  .desktop-menu ul.sub-menu {
    min-width:225px;
    transition-duration:.25s;
    transition-property:all;
    transition-timing-function:ease;
    transition-delay:0s;
    position:absolute;
    top:100%;
    left:-20px;
    z-index:20;
    max-width:300px;
    border-radius:5px;
    --tw-bg-opacity:1;
    background-color:rgb(22 29 55 / var(--tw-bg-opacity, 1));
    --tw-shadow:0 0 10px 5px rgb(0 234 189 / 30%);
    --tw-shadow-colored:0 0 10px 5px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .desktop-menu ul.sub-menu > li {
  }

  .desktop-menu ul.sub-menu > li:not(:last-child) {
    border-bottom:1px solid rgba(0,234,189,.2);
  }

  .desktop-menu ul.sub-menu > li > :where(a, span) {
    display:block;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:20px;
    padding-right:20px;
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity, 1));
    &:hover, &:focus {
      --tw-text-opacity:1;
      color:rgb(0 234 189 / var(--tw-text-opacity, 1));
    }
    &:hover, &:focus {
      text-decoration-line:none;
    }
  }

  .desktop-menu ul.sub-menu > li[class*="current"] > :where(a, span) {
    --tw-text-opacity:1;
    color:rgb(0 234 189 / var(--tw-text-opacity, 1));
    text-decoration-line:none;
  }

  /* sub has child > submenu arrow */

  .desktop-menu ul.sub-menu > li[class*="has-child"] {
    & > :where(a,span) {
      padding-right:40px;
      &:after {
        right:20px;
      }
    }
    &:hover > :where(a,span):after {
      transform:translateY(-50%) rotate(-90deg);
    }
  }

  /* submenu animation (search submenuAnimationDelay to edit stagger time) */

  .desktop-menu ul > li[class*="has-child"]:hover > ul.sub-menu > li {
    /*animation:slide-fade-in .4s ease forwards;*/
    /*opacity:0;*/
  }

  @keyframes slide-fade-in {
    0% {
      transform:translate(-15px);
      opacity:0;
    }

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

  /****************************
     * LEVEL 1 - Main Menu
    ****************************/

  .desktop-menu ul.menu {
    display:flex;
    -moz-column-gap:72px;
         column-gap:72px;
  }

  @media (max-width: 1560px) {
    .desktop-menu ul.menu {
      -moz-column-gap:32px;
           column-gap:32px;
    }
  }

  .desktop-menu ul.menu {
    & > li {
    }
    & > li > :where(a, span) {
      display:flex;
      align-items:center;
      justify-content:center;
    }
    & > li > :where(a, span) {
      padding-top:12px;
      padding-bottom:12px;
    }
    & > li[class*="current"] > :where(a, span) {
      --tw-text-opacity:1;
      color:rgb(0 234 189 / var(--tw-text-opacity, 1));
    }
    & > li[class*="current"] > :where(a, span) {
      text-decoration-line:none;
    }
  }

  /* Last menu item */

  /*.desktop-menu ul.menu > li:last-child > ul.sub-menu > li > ul.sub-menu {*/

  /*    @apply left-auto right-full ml-0 mr-10;*/

  /*    !* menu left pointer *!*/

  /*    &:before {@apply right-auto left-full border-triangle-right;}*/

  /*    !* placeholder for pointer icon *!*/

  /*    &:after {@apply right-auto left-full;}*/

  /*}*/

  /****************************
     * LEVEL 2 - First sub menu
    ****************************/

  .desktop-menu ul.menu > li > ul.sub-menu {
    & > li {
    }
    & > li > :where(a, span) {
    }
    & > li[class*="current"] > :where(a, span) {
    }
    /* menu up pointer */
    &:before {
      width:0px;
      height:0px;
    }
    &:before {
      border-width:10px;
    }
    &:before {
      border-top-width:0px;
    }
    &:before {
      border-style:solid;
    }
    &:before {
      border-color:transparent;
    }
    &:before {
      --tw-border-opacity:1;
      border-bottom-color:rgb(22 29 55 / var(--tw-border-opacity, 1));
    }
    &:before {
      position:absolute;
    }
    &:before {
      bottom:100%;
    }
    &:before {
      left:20px;
    }
    &:before {
      border-width:7px;
    }
    &:before {
      --tw-content:'';
      content:var(--tw-content);
    }
    /* placeholder for pointer icon */
    &:after {
      position:absolute;
    }
    &:after {
      left:0px;
    }
    &:after {
      right:0px;
    }
    &:after {
      bottom:100%;
    }
    &:after {
      height:10px;
    }
    &:after {
      --tw-content:'';
      content:var(--tw-content);
    }
  }

  /****************************
     * LEVEL 3 - Second sub menu
    ****************************/

  .desktop-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu {
    left:100%;
    top:0px;
    margin-left:10px;
    margin-top:0px;
    min-width:0px;
    & > li {
    }
    & > li > :where(a, span) {
      white-space:nowrap;
    }
    & > li[class*="current"] > :where(a, span) {
    }
    /* menu left pointer */
    &:before {
      width:0px;
      height:0px;
    }
    &:before {
      border-width:10px;
    }
    &:before {
      border-left-width:0px;
    }
    &:before {
      border-style:solid;
    }
    &:before {
      border-color:transparent;
    }
    &:before {
      --tw-border-opacity:1;
      border-right-color:rgb(22 29 55 / var(--tw-border-opacity, 1));
    }
    &:before {
      position:absolute;
    }
    &:before {
      right:100%;
    }
    &:before {
      top:15px;
    }
    &:before {
      border-width:7px;
    }
    &:before {
      --tw-content:'';
      content:var(--tw-content);
    }
    /* placeholder for pointer icon */
    &:after {
      position:absolute;
    }
    &:after {
      top:0px;
    }
    &:after {
      bottom:0px;
    }
    &:after {
      right:100%;
    }
    &:after {
      width:10px;
    }
    &:after {
      --tw-content:'';
      content:var(--tw-content);
    }
  }
}

/****************************
 * Menu Desktop
/*****************************!*/

/*!* a11y *!*/

/*.desktop-menu ul.menu > li > :where(a,span):focus-visible {*/

/*    outline:2px solid var(--vii-color-primary); border-radius:3px; text-decoration:none;*/

/*    background:transparent; color:var(--vii-color-primary);*/

/*    transition:none;*/

/*}*/

/****************************
 * Menu
****************************/

@media (max-width: 1280px) {
  /* Common Menu */

  .mobile-menu ul > li:not(:last-child) {
    border-bottom-width:1px;
    border-style:solid;
    border-bottom-color:rgb(255 255 255 / 0.2);
    margin-bottom:10px;
    padding-bottom:10px;
  }

  .mobile-menu ul > li > :where(a, span) {
    position:relative;
    display:block;
    padding:5px 0;
    text-decoration:none;
    display:inline-block;
    font-size:var(--vii-size-14);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.1em;
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration-line:none;
    font-size:14px;
  }

  .mobile-menu ul > li[class*="current-"] > a {
    --tw-text-opacity:1;
    color:rgb(0 234 189 / var(--tw-text-opacity, 1));
    text-decoration-line:none;
  }

  .mobile-menu ul > li[class*="current-"] > a,
    .mobile-menu ul > li > a:hover, .mobile-menu ul > li > a:focus {
    --tw-text-opacity:1;
    color:rgb(0 234 189 / var(--tw-text-opacity, 1));
    text-decoration-line:none;
  }

  /* Common Sub Menu */

  .mobile-menu ul.sub-menu {
    width:100%;
    padding-left:15px;
    display:none;
  }

  .mobile-menu ul.sub-menu > li:first-child {
    border-top-width:1px;
    border-style:solid;
    border-bottom-color:rgb(255 255 255 / 0.2);
    margin-top:16px;
    padding-top:10px;
  }

  /* Menu level 1 */

  .mobile-menu ul.menu > li > a {
  }

  /****************************
     * Menu Has Child
    ****************************/

  .menu-item-has-children {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-between;
    position:relative;
  }

  .menu-item-has-children > a {
    order:1;
    max-width:calc(100% - 40px);
  }

  .menu-item-has-children > .menu-item-arrow {
    order:2;
    width:40px;
  }

  .menu-item-has-children > ul {
    order:3;
    width:100%;
  }

  /* Arrow button */

  .menu-item-arrow {
    text-align:right;
  }

  .menu-item-arrow__button {
    font-size:12px;
    padding:5px;
    margin-right:-5px;
    background:transparent;
    display:inline-block;
    font-size:var(--vii-size-14);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.1em;
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration-line:none;
  }

  .menu-item-arrow__button i {
    display:inline-block;
    transition:transform .3s ease;
  }

  .menu-item-arrow__button.active i {
    transform:rotate(180deg);
  }
}

/* NOTE: please update where you use the gradient in the comments below */

:root {
  --vii-admin-bar-height:0px;
}

/* Force hide admin bar on small screen */

@media (max-width: 768px) {
  html.has-admin-bar {
    margin-top:0px !important;
  }

  #wpadminbar {
    display:none !important;
  }
}

@media only screen and (min-width:783px) {
  html.has-admin-bar {
    --vii-admin-bar-height:32px;
  }
}

/* Admin bar can cause conflict with Woocommerce Selector (select-2 dropdown) */

/* Move a little bit, equal with wp-admin bar height */

body.admin-bar .select2-container--open .select2-dropdown {
  margin-top:-32px;
}

/*html:has(.site-banner) .vii-menu-row.main {*/

/*    opacity:0;*/

/*}*/

.site-banner {
  .site-banner-content, .site-calendar-button {
    opacity:0;
  }
}

[data-anim-mask-slide]:has([data-anim-gradient]) {
  opacity:0;
}

/*******************************************************
 * Tailwind base (not required)
 ******************************************************/

/*@tailwind base;*/

:root {
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:initial;
  --tw-pan-y:initial;
  --tw-pinch-zoom:initial;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:0%;
  --tw-gradient-via-position:50%;
  --tw-gradient-to-position:100%;
  --tw-ordinal:initial;
  --tw-slashed-zero:initial;
  --tw-numeric-figure:initial;
  --tw-numeric-spacing:initial;
  --tw-numeric-fraction:initial;
  --tw-ring-inset:initial;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:blur(0);
  --tw-brightness:brightness(1);
  --tw-contrast:contrast(1);
  --tw-grayscale:grayscale(0);
  --tw-hue-rotate:hue-rotate(0deg);
  --tw-invert:invert(0);
  --tw-saturate:saturate(1);
  --tw-sepia:sepia(0);
  --tw-drop-shadow:drop-shadow(0 0 #0000);
  --tw-backdrop-blur:blur(0);
  --tw-backdrop-brightness:brightness(1);
  --tw-backdrop-contrast:contrast(1);
  --tw-backdrop-grayscale:grayscale(0);
  --tw-backdrop-hue-rotate:hue-rotate(0deg);
  --tw-backdrop-invert:invert(0);
  --tw-backdrop-opacity:opacity(1);
  --tw-backdrop-saturate:saturate(1);
  --tw-backdrop-sepia:sepia(0);
  --tw-contain-size:none;
  --tw-contain-layout:none;
  --tw-contain-paint:none;
  --tw-contain-style:none;
}

/*******************************************************
 * Tailwind components
 ******************************************************/

.\!container {
  width:100% !important;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-right:var(--vii-spacing-gap-container) !important;
  padding-left:var(--vii-spacing-gap-container) !important;
}

.container {
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:var(--vii-spacing-gap-container);
  padding-left:var(--vii-spacing-gap-container);
}

@media (min-width: 1354px) {
  .\!container {
    max-width:1354px !important;
  }

  .container {
    max-width:1354px;
  }
}

:root {
  --vii-container:1354px;
  --vii-gap-side:clamp(var(--vii-spacing-gap-container), (var(--100vw, 100vw) - var(--vii-container) - (var(--vii-spacing-gap-container) * 2)) / 2, 100vw);
  --vii-container-medium:1134px;
  --vii-gap-side-medium:clamp(var(--vii-spacing-gap-container), (var(--100vw, 100vw) - var(--vii-container-medium) - (var(--vii-spacing-gap-container) * 2)) / 2, 100vw);
  --vii-container-small:780px;
  --vii-gap-side-small:clamp(var(--vii-spacing-gap-container), (var(--100vw, 100vw) - var(--vii-container-small) - (var(--vii-spacing-gap-container) * 2)) / 2, 100vw);
}

.container-small {
  position:relative;
  max-width:780px;
  width:100%;
  padding-left:var(--vii-spacing-gap-container);
  padding-right:var(--vii-spacing-gap-container);
  margin-left:auto;
  margin-right:auto;
  --vii-gap-side:var(--vii-gap-side-small);;
}

.container-fluid {
  position:relative;
  max-width:unset;
  width:100%;
  padding-left:var(--vii-spacing-gap-container);
  padding-right:var(--vii-spacing-gap-container);
  margin-left:auto;
  margin-right:auto;
  --vii-gap-side:var(--vii-spacing-gap-container);
}

.fl-center {
  display:flex;
  align-items:center;
  justify-content:center;
}

.fl-center-v {
  display:flex;
  align-items:center;
}

.ab-center {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

.ab-center-v {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}

.ab-center-h {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}

.ab-full, .ab-full-b::before, .ab-full-a::after, .ab-full-ba::before, .ab-full-ba::after {
  position:absolute;
  inset:0;
}

.img-wrapper-cover > img, .img-wrapper-contain > img {
  -o-object-position:center center;
     object-position:center center;
  height:100%;
  width:100%;
  min-height:100%;
  min-width:100%;
  max-height:100%;
  max-width:100%;
  display:block;
}

.img-wrapper-cover > img {
  -o-object-fit:cover;
     object-fit:cover;
}

.img-wrapper-contain > img {
  -o-object-fit:contain;
     object-fit:contain;
}

ul.list-style-none, .list-style-none ul {
  margin:0;
  list-style:none;
}

ul.list-style-none > li, .list-style-none ul > li {
  padding:0;
}

.\!t {
  transition-duration:.25s !important;
  transition-property:all !important;
  transition-timing-function:ease !important;
  transition-delay:0s !important;
}

.t {
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
}

:root {
  --loading-size:35px;
  --loading-color:#00EABD;
  --loading-bg:rgba(255, 255, 255, 0.7);
}

.loading, .woocommerce .blockUI.blockOverlay, .woocommerce .loader {
  position:relative;
}

.woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before, .loading::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background-color:var(--loading-bg);
}

.loading::after, body .xwc--pf-loader-overlay::after, .woocommerce .blockUI.blockOverlay::after, .woocommerce .loader::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  z-index:3;
  width:var(--loading-size);
  height:var(--loading-size);
  margin:calc(-0.5 * var(--loading-size)) 0 0 calc(-0.5 * var(--loading-size));
  border-radius:50%;
  border:2px dashed transparent;
  border-bottom-color:var(--loading-color);
  border-right-color:var(--loading-color);
  animation:spinner-loading 0.6s linear infinite;
  box-sizing:border-box;
}

@keyframes spinner-loading {
  to {
    transform:rotate(360deg);
  }
}

.flex-grid-template {
  --grid-gap-x:30px;
  --grid-gap-y:30px;
  --grid-col:3;
  --grid-gap-x-total:calc(var(--grid-gap-x) * (var(--grid-col) - 1));
  --grid-space-each:calc(var(--grid-gap-x-total) / var(--grid-col));
  display:flex;
  flex-wrap:wrap;
  gap:var(--grid-gap-y) var(--grid-gap-x);
}

.flex-grid-template > * {
  width:calc(100% / var(--grid-col) - var(--grid-space-each));
}

@media only screen and (max-width: 768px) {
  .flex-grid-template {
    --grid-col:2;
  }
}

@media only screen and (max-width: 576px) {
  .flex-grid-template {
    --grid-col:1;
  }
}

.flex-grid-col-4 {
  --grid-col:4;
}

.flex-grid-col-5 {
  --grid-col:5;
}

.flex-grid-col-6 {
  --grid-col:6;
}

.flex-grid-col-7 {
  --grid-col:7;
}

.skeleton-bg {
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4Ij4NCjxjaXJjbGUgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTA1MjU0IiBzdHJva2Utd2lkdGg9IjEwIiByPSI0NSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY2IDQ0IiBzdHlsZT0iJiMxMDsgICAgLyogc3Ryb2tlLWRhc2hhcnJheTogMTY2IDQ0OyAqLyYjMTA7Ij4NCiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIi8+DQo8L2NpcmNsZT4NCjwvc3ZnPg==);
  background-size:30px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#eee;
}

/* triangles */

/* admin bar, header height */

/* before/after with empty content */

.before-empty-content:before {
  --tw-content:"";
  content:var(--tw-content);
}

/* single slider content */

/* gallery 1 */

.gallery-1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "a b b c"
                             "d b b e";
  display:grid;
  -moz-column-gap:32px;
       column-gap:32px;
  row-gap:28px;
}

@media (max-width: 480px) {
  .gallery-1 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "b b"
                             "a d"
                             "c e";
  }
}

@media (max-width: 1280px) {
  .gallery-1 {
    gap:16px;
  }
}

@media (max-width: 768px) {
  .gallery-1 {
    gap:8px;
  }
}

@media (max-width: 480px) {
  .gallery-1 {
    gap:12px;
  }
}

.gallery-1 {
  & > .item-1 {
    grid-area:a;
  }
  & > .item-2 {
    grid-area:d;
  }
  & > .item-3 {
    grid-area:b;
  }
  & > .item-4 {
    grid-area:c;
  }
  & > .item-5 {
    grid-area:e;
  }
  & iframe {
    width:100%;
    height:100%;
  }
  & iframe {
    -o-object-fit:cover;
       object-fit:cover;
  }
  /*grid-template-areas:  ;*/
}

/* flex-grid-logo */

.flex-grid-logo {
  --w-col-wrap: 100%;
  & > * {
    width: calc((var(--w-col-wrap) / var(--grid-col)) - var(--grid-space-each));
  }
}

/* test box model */

/* custom scrollbar */

/* Works on Chrome, Edge, and Safari */

/* hide scroll bar */

/* Hide scrollbar for IE, Edge and Firefox */

/***************************************
    * Pill with gradient background
    ****************************************/

/***************************************
    * Pill no background, border gradient
    ****************************************/

/* use --vii-color-menu-bar to make the button's background match to the menu background */

/***************************************
    * Button arrow circle
    ****************************************/

.button-nav-style {
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
  background-color:transparent;
  font-family:Montserrat, sans-serif;
  font-size:18px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-0.01em;
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (max-width: 767px) {
  .button-nav-style {
    font-size:14px;
  }
}

.button-nav-style {
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  gap:6px;
}

.button-nav-style:hover {
  --tw-text-opacity:1;
  color:rgb(0 234 189 / var(--tw-text-opacity, 1));
}

.button-arrow-circle {
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
  background-color:transparent;
  font-family:Montserrat, sans-serif;
  font-size:18px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-0.01em;
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1));
}

@media (max-width: 767px) {
  .button-arrow-circle {
    font-size:14px;
  }
}

.button-arrow-circle {
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  gap:6px;
}

.button-arrow-circle:hover {
  --tw-text-opacity:1;
  color:rgb(0 234 189 / var(--tw-text-opacity, 1));
}

.button-arrow-circle::before {
  content:var(--tw-content) !important;
  background-color:transparent !important;
}

.button-arrow-circle i {
  display:flex;
  align-items:center;
  justify-content:center;
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
  aspect-ratio:1 / 1;
  width:40px;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size:14px;
  --tw-text-opacity:1;
  color:rgb(0 234 189 / var(--tw-text-opacity, 1));
}

@media (max-width: 767px) {
  .button-arrow-circle i {
    width:32px;
    font-size:12px;
  }
}

.button-arrow-circle.next:hover i {
  --tw-translate-x:4px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-arrow-circle.prev:hover i {
  --tw-translate-x:-4px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* ALL MENUS */

/* SUB-MENU */

/* LEVEL 1 */

/* LEVEL 2 */

/* LEVEL 3 */

/* buttons */

.bg-gradient-blue-top {
  background:linear-gradient(0deg, transparent, var(--vii-color-blue));
}

.bg-gradient-light-blue {
  background:linear-gradient(to right, #00eabd 0%, #0bd5e8 100%);
}

/* card flip item background */

/* white to transparent gradient */

/* banner */

.gradient-ellipse-top {
  width:129.4%;
  min-width:1000px;
  aspect-ratio:2330/1400;
  bottom:54%;
  border-radius:50%;
  background:linear-gradient(108.74deg, #00eabd 83.83%, #0bd5e8 97.29%);
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none;
  opacity:0.6;
  --tw-blur:blur(120px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (max-width: 1024px) {
  .gradient-ellipse-top {
    opacity:0.6;
    --tw-blur:blur(50px);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}

/* banner add to calendar button */

.gradient-circle-blue-dark-blue {
  background:linear-gradient(34.58deg, var(--vii-color-blue) 0%, rgba(22, 29, 55, 0.4) 50%, var(--vii-color-blue-1) 100%);
}

.gradient-circle-light-blue {
  background:linear-gradient(-145deg, #00eabd 0%, rgba(22, 29, 55, 0.4) 50%, #0bd5e8 100%);
}

/* gradient dark light blue */

.gradient-linear-light-blue {
  background:linear-gradient(to right, var(--vii-color-blue) 0%, #0bd5e8 100%);
}

.gradient-linear-light-blue-1 {
  background:linear-gradient(139.57deg, var(--vii-color-blue-1) 37.32%, var(--vii-color-blue) 152.82%);
}

/* Visibility Classes */

.hidden-mobile, .hidden-tablet-v, .hidden-tablet-h, .hidden-touch-devices {
  display:block;
}

.show-mobile, .show-tablet-v, .show-tablet-h, .show-touch-devices {
  display:none;
}

/* Touch devices */

@media only screen and (max-width:1180px) {
  /* Visibility Classes */

  .hidden-touch-devices {
    display:none;
  }

  .show-touch-devices {
    display:block;
  }
}

/* Tablet horizontal */

@media only screen and (max-width:1024px) {
  /* Visibility Classes */

  .hidden-tablet-h {
    display:none;
  }

  .show-tablet-h {
    display:block;
  }
}

/* Tablet vertical */

@media only screen and (max-width:768px) {
  /* Visibility Classes */

  .hidden-tablet-v {
    display:none;
  }

  .show-tablet-v {
    display:block;
  }
}

/* Mobile */

@media only screen and (max-width:480px) {
  /* Visibility Classes */

  .hidden-mobile {
    display:none;
  }

  .show-mobile {
    display:block;
  }
}

/*******************************************************
 * Tailwind utilities
 * including custom utilities
 ******************************************************/

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0;
}

.pointer-events-none {
  pointer-events:none;
}

.visible {
  visibility:visible;
}

.invisible {
  visibility:hidden;
}

.collapse {
  visibility:collapse;
}

.static {
  position:static;
}

.fixed {
  position:fixed;
}

.absolute {
  position:absolute;
}

.relative {
  position:relative;
}

.sticky {
  position:sticky;
}

.inset-0 {
  inset:0px;
}

.-bottom-2 {
  bottom:-2px;
}

.-bottom-\[10\%\] {
  bottom:-10%;
}

.-left-\[5\%\] {
  left:-5%;
}

.-right-\[25\%\] {
  right:-25%;
}

.-top-\[27\%\] {
  top:-27%;
}

.bottom-0 {
  bottom:0px;
}

.bottom-1\/3 {
  bottom:33.333333%;
}

.bottom-\[var\(--btn-img-bottom\2c unset\)\] {
  bottom:var(--btn-img-bottom,unset);
}

.left-0 {
  left:0px;
}

.left-1\/2 {
  left:50%;
}

.left-\[-1\%\] {
  left:-1%;
}

.left-\[46\%\] {
  left:46%;
}

.left-\[var\(--btn-img-left\2c unset\)\] {
  left:var(--btn-img-left,unset);
}

.right-0 {
  right:0px;
}

.right-\[-1\%\] {
  right:-1%;
}

.right-\[-3\%\] {
  right:-3%;
}

.right-\[var\(--btn-img-right\2c unset\)\] {
  right:var(--btn-img-right,unset);
}

.top-0 {
  top:0px;
}

.top-\[11\.6\%\] {
  top:11.6%;
}

.top-\[500px\] {
  top:500px;
}

.top-\[550px\] {
  top:550px;
}

.top-\[7px\] {
  top:7px;
}

.top-\[var\(--btn-img-top\2c unset\)\] {
  top:var(--btn-img-top,unset);
}

.top-full {
  top:100%;
}

.\!z-\[-1\] {
  z-index:-1 !important;
}

.z-0 {
  z-index:0;
}

.z-10 {
  z-index:10;
}

.z-20 {
  z-index:20;
}

.z-50 {
  z-index:50;
}

.z-\[0\] {
  z-index:0;
}

.z-\[10\] {
  z-index:10;
}

.z-\[1\] {
  z-index:1;
}

.z-\[20\] {
  z-index:20;
}

.z-\[2\] {
  z-index:2;
}

.z-\[3\] {
  z-index:3;
}

.mx-auto {
  margin-left:auto;
  margin-right:auto;
}

.\!mb-12 {
  margin-bottom:12px !important;
}

.\!mb-4 {
  margin-bottom:4px !important;
}

.\!mb-responsive-20 {
  margin-bottom:var(--vii-spacing-20) !important;
}

.\!mb-responsive-36 {
  margin-bottom:var(--vii-spacing-36) !important;
}

.mb-10 {
  margin-bottom:10px;
}

.mb-12 {
  margin-bottom:12px;
}

.mb-16 {
  margin-bottom:16px;
}

.mb-32 {
  margin-bottom:32px;
}

.mb-72 {
  margin-bottom:72px;
}

.mb-responsive-104 {
  margin-bottom:var(--vii-spacing-104);
}

.mb-responsive-20 {
  margin-bottom:var(--vii-spacing-20);
}

.mb-responsive-36 {
  margin-bottom:var(--vii-spacing-36);
}

.mb-responsive-48 {
  margin-bottom:var(--vii-spacing-48);
}

.mb-responsive-56 {
  margin-bottom:var(--vii-spacing-56);
}

.mb-responsive-64 {
  margin-bottom:var(--vii-spacing-64);
}

.mb-responsive-72 {
  margin-bottom:var(--vii-spacing-72);
}

.mb-responsive-80 {
  margin-bottom:var(--vii-spacing-80);
}

.ml-auto {
  margin-left:auto;
}

.mr-auto {
  margin-right:auto;
}

.mt-10 {
  margin-top:10px;
}

.mt-16 {
  margin-top:16px;
}

.mt-36 {
  margin-top:36px;
}

.mt-96 {
  margin-top:96px;
}

.mt-\[-25px\] {
  margin-top:-25px;
}

.mt-responsive-48 {
  margin-top:var(--vii-spacing-48);
}

.mt-responsive-80 {
  margin-top:var(--vii-spacing-80);
}

.line-clamp-2 {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.block {
  display:block;
}

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

.inline {
  display:inline;
}

.flex {
  display:flex;
}

.table {
  display:table;
}

.grid {
  display:grid;
}

.hidden {
  display:none;
}

.aspect-\[1920\/2044\] {
  aspect-ratio:1920/2044;
}

.aspect-\[1920\/2350\] {
  aspect-ratio:1920/2350;
}

.aspect-\[220\/275\] {
  aspect-ratio:220/275;
}

.aspect-\[2344\/1337\] {
  aspect-ratio:2344/1337;
}

.aspect-\[2350\/1330\] {
  aspect-ratio:2350/1330;
}

.aspect-\[2737\/1557\] {
  aspect-ratio:2737/1557;
}

.aspect-\[307\/343\] {
  aspect-ratio:307/343;
}

.aspect-\[3107\/1037\] {
  aspect-ratio:3107/1037;
}

.aspect-\[312\/300\] {
  aspect-ratio:312/300;
}

.aspect-\[349\/422\] {
  aspect-ratio:349/422;
}

.aspect-\[350\/246\] {
  aspect-ratio:350/246;
}

.aspect-\[355\/266\] {
  aspect-ratio:355/266;
}

.aspect-\[419\/313\] {
  aspect-ratio:419/313;
}

.aspect-\[460\/580\] {
  aspect-ratio:460/580;
}

.aspect-\[725\/560\] {
  aspect-ratio:725/560;
}

.aspect-\[var\(--vii-item-aspect\)\] {
  aspect-ratio:var(--vii-item-aspect);
}

.aspect-square {
  aspect-ratio:1 / 1;
}

.size-full {
  width:100%;
  height:100%;
}

.h-16 {
  height:16px;
}

.h-2 {
  height:2px;
}

.h-48 {
  height:48px;
}

.h-\[--vii-100vh\] {
  height:var(--vii-100vh);
}

.h-\[120\%\] {
  height:120%;
}

.h-\[150px\] {
  height:150px;
}

.h-\[45px\] {
  height:45px;
}

.h-\[70px\] {
  height:70px;
}

.h-full {
  height:100%;
}

.h-responsive-logo-height {
  height:var(--vii-spacing-logo-height);
}

.max-h-\[--vii-100vh\] {
  max-height:var(--vii-100vh);
}

.min-h-\[--size-image\] {
  min-height:var(--size-image);
}

.min-h-\[101\%\] {
  min-height:101%;
}

.min-h-\[110px\] {
  min-height:110px;
}

.min-h-\[115\%\] {
  min-height:115%;
}

.min-h-\[140px\] {
  min-height:140px;
}

.min-h-\[1700px\] {
  min-height:1700px;
}

.min-h-\[43px\] {
  min-height:43px;
}

.min-h-\[62px\] {
  min-height:62px;
}

.min-h-\[calc\(1\.1\*var\(--vii-100vh\)\)\] {
  min-height:calc(1.1 * var(--vii-100vh));
}

.min-h-\[calc\(var\(--vii-100vh\)-var\(--vii-spacing-header-height\)\)\] {
  min-height:calc(var(--vii-100vh) - var(--vii-spacing-header-height));
}

.min-h-full {
  min-height:100%;
}

.min-h-responsive-header-height {
  min-height:var(--vii-spacing-header-height);
}

.min-h-screen {
  min-height:100vh;
}

.\!w-full {
  width:100% !important;
}

.w-1 {
  width:1px;
}

.w-20 {
  width:20px;
}

.w-\[--button-size\] {
  width:var(--button-size);
}

.w-\[--size-image\] {
  width:var(--size-image);
}

.w-\[--vii-accor-width-icon\] {
  width:var(--vii-accor-width-icon);
}

.w-\[131\.5\%\] {
  width:131.5%;
}

.w-\[150\%\] {
  width:150%;
}

.w-\[15px\] {
  width:15px;
}

.w-\[195px\] {
  width:195px;
}

.w-\[220px\] {
  width:220px;
}

.w-\[23\.28\%\] {
  width:23.28%;
}

.w-\[34\.18\%\] {
  width:34.18%;
}

.w-\[349px\] {
  width:349px;
}

.w-\[38\%\] {
  width:38%;
}

.w-\[39\%\] {
  width:39%;
}

.w-\[42\.5\%\] {
  width:42.5%;
}

.w-\[57\.5\%\] {
  width:57.5%;
}

.w-\[61\%\] {
  width:61%;
}

.w-\[62\%\] {
  width:62%;
}

.w-\[65\.82\%\] {
  width:65.82%;
}

.w-\[70\%\] {
  width:70%;
}

.w-\[72\%\] {
  width:72%;
}

.w-\[90\%\] {
  width:90%;
}

.w-\[calc\(100\%-220px\)\] {
  width:calc(100% - 220px);
}

.w-\[calc\(100\%-var\(--size-image\)\)\] {
  width:calc(100% - var(--size-image));
}

.w-\[calc\(100\%-var\(--vii-spacing-calendar-size\)\)\] {
  width:calc(100% - var(--vii-spacing-calendar-size));
}

.w-\[calc\(90\%-var\(--offset-item-width\2c 30px\)\)\] {
  width:calc(90% - var(--offset-item-width,30px));
}

.w-\[clamp\(200px\2c 25vw\2c 350px\)\] {
  width:clamp(200px,25vw,350px);
}

.w-fit {
  width:-moz-fit-content;
  width:fit-content;
}

.w-full {
  width:100%;
}

.w-responsive-calendar-size {
  width:var(--vii-spacing-calendar-size);
}

.min-w-\[1024px\] {
  min-width:1024px;
}

.min-w-\[103\%\] {
  min-width:103%;
}

.min-w-\[1360px\] {
  min-width:1360px;
}

.min-w-\[165px\] {
  min-width:165px;
}

.min-w-\[170px\] {
  min-width:170px;
}

.min-w-\[330px\] {
  min-width:330px;
}

.max-w-\[--width-content\] {
  max-width:var(--width-content);
}

.max-w-\[1086px\] {
  max-width:1086px;
}

.max-w-\[1125px\] {
  max-width:1125px;
}

.max-w-\[1314px\] {
  max-width:1314px;
}

.max-w-\[1335px\] {
  max-width:1335px;
}

.max-w-\[1435px\] {
  max-width:1435px;
}

.max-w-\[1465px\] {
  max-width:1465px;
}

.max-w-\[1515px\] {
  max-width:1515px;
}

.max-w-\[771px\] {
  max-width:771px;
}

.max-w-\[80\%\] {
  max-width:80%;
}

.max-w-\[900px\] {
  max-width:900px;
}

.max-w-\[990px\] {
  max-width:990px;
}

.max-w-\[var\(--vii-img-max-w\2c unset\)\] {
  max-width:var(--vii-img-max-w,unset);
}

.max-w-mobile-menu-width {
  max-width:425px;
}

.-translate-x-1\/2 {
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[105\%\] {
  --tw-translate-x:-105%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[50\%\] {
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[61\.7\%\] {
  --tw-translate-x:-61.7%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[79\.1\%\] {
  --tw-translate-x:-79.1%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[91\.4\%\] {
  --tw-translate-x:-91.4%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[13\%\] {
  --tw-translate-y:-13%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[15\%\] {
  --tw-translate-y:-15%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[52\.6\%\] {
  --tw-translate-y:-52.6%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[85\.1\%\] {
  --tw-translate-x:85.1%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[9\%\] {
  --tw-translate-x:9%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[var\(--translate-btn-img-x\2c unset\)\] {
  --tw-translate-x:var(--translate-btn-img-x,unset);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[113\%\] {
  --tw-translate-y:113%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[154\%\] {
  --tw-translate-y:154%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[var\(--translate-btn-img-y\2c unset\)\] {
  --tw-translate-y:var(--translate-btn-img-y,unset);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[--scroll-progress\] {
  --tw-scale-x:var(--scroll-progress);
  --tw-scale-y:var(--scroll-progress);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor:pointer;
}

.resize {
  resize:both;
}

.flex-row-reverse {
  flex-direction:row-reverse;
}

.flex-col {
  flex-direction:column;
}

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

.items-start {
  align-items:flex-start;
}

.items-end {
  align-items:flex-end;
}

.items-center {
  align-items:center;
}

.justify-end {
  justify-content:flex-end;
}

.justify-center {
  justify-content:center;
}

.justify-between {
  justify-content:space-between;
}

.gap-16 {
  gap:16px;
}

.gap-20 {
  gap:20px;
}

.gap-24 {
  gap:24px;
}

.gap-32 {
  gap:32px;
}

.gap-\[10px\] {
  gap:10px;
}

.gap-responsive-32 {
  gap:var(--vii-spacing-32);
}

.gap-x-20 {
  -moz-column-gap:20px;
       column-gap:20px;
}

.gap-x-\[30px\] {
  -moz-column-gap:30px;
       column-gap:30px;
}

.gap-x-gap-container {
  -moz-column-gap:40px;
       column-gap:40px;
}

.gap-y-40 {
  row-gap:40px;
}

.gap-y-8 {
  row-gap:8px;
}

.gap-y-\[8px\] {
  row-gap:8px;
}

.gap-y-responsive-16 {
  row-gap:var(--vii-spacing-16);
}

.overflow-auto {
  overflow:auto;
}

.overflow-hidden {
  overflow:hidden;
}

.\!overflow-visible {
  overflow:visible !important;
}

.overflow-x-clip {
  overflow-x:clip;
}

.\!overflow-y-clip {
  overflow-y:clip !important;
}

.overscroll-y-none {
  overscroll-behavior-y:none;
}

.whitespace-nowrap {
  white-space:nowrap;
}

.rounded-\[10px\] {
  border-radius:10px;
}

.rounded-\[20px\] {
  border-radius:20px;
}

.rounded-\[28px\] {
  border-radius:28px;
}

.rounded-\[29px\] {
  border-radius:29px;
}

.rounded-\[30px\] {
  border-radius:30px;
}

.rounded-\[40px\] {
  border-radius:40px;
}

.rounded-\[50px\] {
  border-radius:50px;
}

.rounded-\[60px\] {
  border-radius:60px;
}

.rounded-\[calc\(160px\*\(1-var\(--scroll-progress\)\)\)\] {
  border-radius:calc(160px * (1 - var(--scroll-progress)));
}

.rounded-\[var\(--vii-item-rounded\2c 30px\)\] {
  border-radius:var(--vii-item-rounded,30px);
}

.rounded-full {
  border-radius:9999px;
}

.border {
  border-width:1px;
}

.border-b {
  border-bottom-width:1px;
}

.border-t {
  border-top-width:1px;
}

.border-solid {
  border-style:solid;
}

.border-black {
  --tw-border-opacity:1;
  border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-b-\[--vii-color-white\] {
  border-bottom-color:var(--vii-color-white);
}

.border-b-black {
  --tw-border-opacity:1;
  border-bottom-color:rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-t-black {
  --tw-border-opacity:1;
  border-top-color:rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.bg-black\/30 {
  background-color:rgb(0 0 0 / 0.3);
}

.bg-blue {
  --tw-bg-opacity:1;
  background-color:rgb(0 234 189 / var(--tw-bg-opacity, 1));
}

.bg-blue-1 {
  --tw-bg-opacity:1;
  background-color:rgb(11 213 232 / var(--tw-bg-opacity, 1));
}

.bg-dark {
  --tw-bg-opacity:1;
  background-color:rgb(40 45 70 / var(--tw-bg-opacity, 1));
}

.bg-dark-blue {
  --tw-bg-opacity:1;
  background-color:rgb(22 29 55 / var(--tw-bg-opacity, 1));
}

.bg-gray {
  --tw-bg-opacity:1;
  background-color:rgb(246 246 246 / var(--tw-bg-opacity, 1));
}

.bg-menu-bar {
  background-color:rgba(40,45,71,0.8);
}

.bg-transparent {
  background-color:transparent;
}

.bg-white {
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.object-cover {
  -o-object-fit:cover;
     object-fit:cover;
}

.object-center {
  -o-object-position:center;
     object-position:center;
}

.p-6 {
  padding:6px;
}

.p-responsive-gap-container {
  padding:var(--vii-spacing-gap-container);
}

.px-0 {
  padding-left:0px;
  padding-right:0px;
}

.px-12 {
  padding-left:12px;
  padding-right:12px;
}

.px-16 {
  padding-left:16px;
  padding-right:16px;
}

.px-20 {
  padding-left:20px;
  padding-right:20px;
}

.px-28 {
  padding-left:28px;
  padding-right:28px;
}

.px-32 {
  padding-left:32px;
  padding-right:32px;
}

.px-48 {
  padding-left:48px;
  padding-right:48px;
}

.px-\[--vii-accor-x-spacing\] {
  padding-left:var(--vii-accor-x-spacing);
  padding-right:var(--vii-accor-x-spacing);
}

.px-\[--vii-spacing-gap-container\] {
  padding-left:var(--vii-spacing-gap-container);
  padding-right:var(--vii-spacing-gap-container);
}

.px-\[40px\] {
  padding-left:40px;
  padding-right:40px;
}

.px-gap-container {
  padding-left:40px;
  padding-right:40px;
}

.px-responsive-gap-container {
  padding-left:var(--vii-spacing-gap-container);
  padding-right:var(--vii-spacing-gap-container);
}

.py-10 {
  padding-top:10px;
  padding-bottom:10px;
}

.py-40 {
  padding-top:40px;
  padding-bottom:40px;
}

.py-\[--vii-accor-y-spacing\] {
  padding-top:var(--vii-accor-y-spacing);
  padding-bottom:var(--vii-accor-y-spacing);
}

.py-\[var\(--vii-item-py\2c 30px\)\] {
  padding-top:var(--vii-item-py,30px);
  padding-bottom:var(--vii-item-py,30px);
}

.py-responsive-28 {
  padding-top:var(--vii-spacing-28);
  padding-bottom:var(--vii-spacing-28);
}

.py-responsive-72 {
  padding-top:var(--vii-spacing-72);
  padding-bottom:var(--vii-spacing-72);
}

.py-responsive-96 {
  padding-top:var(--vii-spacing-96);
  padding-bottom:var(--vii-spacing-96);
}

.pb-16 {
  padding-bottom:16px;
}

.pb-36 {
  padding-bottom:36px;
}

.pb-72 {
  padding-bottom:72px;
}

.pb-96 {
  padding-bottom:96px;
}

.pb-\[--vii-spacing-32\] {
  padding-bottom:var(--vii-spacing-32);
}

.pb-\[60px\] {
  padding-bottom:60px;
}

.pb-responsive-16 {
  padding-bottom:var(--vii-spacing-16);
}

.pb-responsive-36 {
  padding-bottom:var(--vii-spacing-36);
}

.pb-responsive-80 {
  padding-bottom:var(--vii-spacing-80);
}

.pl-48 {
  padding-left:48px;
}

.pl-\[--vii-accor-x-spacing\] {
  padding-left:var(--vii-accor-x-spacing);
}

.pl-\[--vii-spacing-gap-container\] {
  padding-left:var(--vii-spacing-gap-container);
}

.pl-\[90px\] {
  padding-left:90px;
}

.pl-\[clamp\(var\(--vii-spacing-gap-container\)\2c 52px\2c var\(--vii-gap-side\)\)\] {
  padding-left:clamp(var(--vii-spacing-gap-container),52px,var(--vii-gap-side));
}

.pl-\[var\(--vii-w-btn-pl\2c 0\)\] {
  padding-left:var(--vii-w-btn-pl,0);
}

.pl-responsive-56 {
  padding-left:var(--vii-spacing-56);
}

.pr-28 {
  padding-right:28px;
}

.pr-52 {
  padding-right:52px;
}

.pr-72 {
  padding-right:72px;
}

.pr-\[--vii-accor-x-spacing\] {
  padding-right:var(--vii-accor-x-spacing);
}

.pr-\[--vii-spacing-gap-container\] {
  padding-right:var(--vii-spacing-gap-container);
}

.pr-\[calc\(var\(--vii-accor-width-icon\)\+20px\)\] {
  padding-right:calc(var(--vii-accor-width-icon) + 20px);
}

.pr-\[var\(--vii-w-btn-pr\2c 0\)\] {
  padding-right:var(--vii-w-btn-pr,0);
}

.pt-2 {
  padding-top:2px;
}

.pt-28 {
  padding-top:28px;
}

.pt-44 {
  padding-top:44px;
}

.pt-52 {
  padding-top:52px;
}

.pt-\[30px\] {
  padding-top:30px;
}

.pt-\[calc\(var\(--vii-spacing-header-height\)\+var\(--vii-admin-bar-height\)\)\] {
  padding-top:calc(var(--vii-spacing-header-height) + var(--vii-admin-bar-height));
}

.pt-responsive-120 {
  padding-top:var(--vii-spacing-120);
}

.pt-responsive-32 {
  padding-top:var(--vii-spacing-32);
}

.pt-responsive-40 {
  padding-top:var(--vii-spacing-40);
}

.pt-responsive-header-height {
  padding-top:var(--vii-spacing-header-height);
}

.text-left {
  text-align:left;
}

.text-center {
  text-align:center;
}

.text-right {
  text-align:right;
}

.font-heading {
  font-family:Montserrat, sans-serif;
}

.\!text-responsive-22 {
  font-size:var(--vii-size-22) !important;
}

.\!text-responsive-24 {
  font-size:var(--vii-size-24) !important;
}

.\!text-responsive-48 {
  font-size:var(--vii-size-48) !important;
}

.text-14 {
  font-size:14px;
}

.text-16 {
  font-size:16px;
}

.text-18 {
  font-size:18px;
}

.text-24 {
  font-size:24px;
}

.text-50 {
  font-size:50px;
}

.text-\[11px\] {
  font-size:11px;
}

.text-\[22px\] {
  font-size:22px;
}

.text-\[23px\] {
  font-size:23px;
}

.text-\[25px\] {
  font-size:25px;
}

.text-\[26px\] {
  font-size:26px;
}

.text-\[32px\] {
  font-size:32px;
}

.text-\[54px\] {
  font-size:54px;
}

.text-\[56px\] {
  font-size:56px;
}

.text-responsive-13 {
  font-size:var(--vii-size-13);
}

.text-responsive-22 {
  font-size:var(--vii-size-22);
}

.text-responsive-28 {
  font-size:var(--vii-size-28);
}

.text-responsive-42 {
  font-size:var(--vii-size-42);
}

.font-body-500 {
  font-weight:500;
}

.font-body-600 {
  font-weight:600;
}

.font-body-700 {
  font-weight:700;
}

.uppercase {
  text-transform:uppercase;
}

.not-italic {
  font-style:normal;
}

.leading-\[1\.15\] {
  line-height:1.15;
}

.leading-\[1\.2\] {
  line-height:1.2;
}

.leading-\[1\.6\] {
  line-height:1.6;
}

.leading-none {
  line-height:1;
}

.tracking-\[-0\.01em\] {
  letter-spacing:-0.01em;
}

.tracking-\[0\.1em\] {
  letter-spacing:0.1em;
}

.text-\[var\(--vii-accor-color-icon\)\] {
  color:var(--vii-accor-color-icon);
}

.text-blue {
  --tw-text-opacity:1;
  color:rgb(0 234 189 / var(--tw-text-opacity, 1));
}

.text-dark-blue {
  --tw-text-opacity:1;
  color:rgb(22 29 55 / var(--tw-text-opacity, 1));
}

.opacity-0 {
  opacity:0;
}

.opacity-10 {
  opacity:0.1;
}

.opacity-40 {
  opacity:0.4;
}

.opacity-50 {
  opacity:0.5;
}

.opacity-60 {
  opacity:0.6;
}

.opacity-\[var\(--vii-accor-opacity-icon\2c 1\)\] {
  opacity:var(--vii-accor-opacity-icon,1);
}

.shadow-2 {
  --tw-shadow:0px 4px 100px rgba(22, 29, 55, 0.71);
  --tw-shadow-colored:0px 4px 100px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.blur {
  --tw-blur:blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[120px\] {
  --tw-blur:blur(120px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-sm {
  --tw-backdrop-blur:blur(4px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}

:root {
  --vii-color-transparent:transparent;
  --vii-color-white:#fff;
  --vii-color-dark:#282D46;
  --vii-color-black:#000;
  --vii-color-gray:#f6f6f6;
  --vii-color-blue:#00EABD;
  --vii-color-blue-1:#0bd5e8;
  --vii-color-dark-blue:#161D37;
  --vii-color-primary:#00EABD;
  --vii-color-on-primary:#161D37;
  --vii-color-bg:#282D46;
  --vii-color-body-text:#fff;
  --vii-color-heading:#fff;
  --vii-color-placeholder:#fff;
  --vii-color-error:#FF8F3F;
  --vii-color-permalink:#fff;
  --vii-color-permalink-highlight:#00EABD;
  --vii-color-menu-bar:rgba(40,45,71,0.8);
  --vii-size-9:9px;
  --vii-size-11:11px;
  --vii-size-12:12px;
  --vii-size-13:13px;
  --vii-size-14:14px;
  --vii-size-16:16px;
  --vii-size-17:17px;
  --vii-size-18:18px;
  --vii-size-19:19px;
  --vii-size-20:20px;
  --vii-size-22:22px;
  --vii-size-24:24px;
  --vii-size-25:25px;
  --vii-size-26:26px;
  --vii-size-28:28px;
  --vii-size-30:30px;
  --vii-size-34:34px;
  --vii-size-35:35px;
  --vii-size-36:36px;
  --vii-size-40:40px;
  --vii-size-42:42px;
  --vii-size-48:48px;
  --vii-size-50:50px;
  --vii-size-55:55px;
  --vii-size-108:108px;
  --vii-size-h1:var(--vii-size-108);
  --vii-size-h2:var(--vii-size-55);
  --vii-size-h3:var(--vii-size-35);
  --vii-size-h4:var(--vii-size-28);
  --vii-size-h5:var(--vii-size-24);
  --vii-size-h6:var(--vii-size-20);
  --vii-size-body:var(--vii-size-19);
  --vii-font-body:Montserrat, sans-serif;
  --vii-font-heading:Montserrat, sans-serif;
  --vii-font-icomoon:icomoon, fantasy;
  --vii-spacing-0:0px;
  --vii-spacing-1:1px;
  --vii-spacing-2:2px;
  --vii-spacing-4:4px;
  --vii-spacing-6:6px;
  --vii-spacing-8:8px;
  --vii-spacing-10:10px;
  --vii-spacing-12:12px;
  --vii-spacing-14:14px;
  --vii-spacing-16:16px;
  --vii-spacing-20:20px;
  --vii-spacing-24:24px;
  --vii-spacing-28:28px;
  --vii-spacing-32:32px;
  --vii-spacing-36:36px;
  --vii-spacing-40:40px;
  --vii-spacing-44:44px;
  --vii-spacing-48:48px;
  --vii-spacing-52:52px;
  --vii-spacing-56:56px;
  --vii-spacing-60:60px;
  --vii-spacing-64:64px;
  --vii-spacing-72:72px;
  --vii-spacing-80:80px;
  --vii-spacing-88:88px;
  --vii-spacing-96:96px;
  --vii-spacing-104:104px;
  --vii-spacing-112:112px;
  --vii-spacing-120:120px;
  --vii-spacing-128:128px;
  --vii-spacing-136:136px;
  --vii-spacing-144:144px;
  --vii-spacing-152:152px;
  --vii-spacing-160:160px;
  --vii-spacing-168:168px;
  --vii-spacing-176:176px;
  --vii-spacing-184:184px;
  --vii-spacing-192:192px;
  --vii-spacing-default:var(--vii-spacing-96);
  --vii-spacing-heading:30px;
  --vii-spacing-paragraph:30px;
  --vii-spacing-header-height:66px;
  --vii-spacing-header-height-sticky:66px;
  --vii-spacing-logo-height:36px;
  --vii-spacing-admin-bar-height:32px;
  --vii-spacing-mobile-menu-width:425px;
  --vii-spacing-gap-container:40px;
  --vii-spacing-gap-vc-column:12px;
  --vii-spacing-calendar-size:217px;
}

@media (max-width: 1280px) {
  :root {
    --vii-spacing-64:60px;
    --vii-spacing-72:60px;
    --vii-spacing-80:60px;
    --vii-spacing-88:80px;
    --vii-spacing-96:80px;
    --vii-spacing-104:80px;
    --vii-spacing-112:80px;
    --vii-spacing-120:80px;
    --vii-spacing-128:80px;
    --vii-spacing-136:128px;
    --vii-spacing-144:128px;
    --vii-spacing-152:128px;
    --vii-spacing-160:128px;
    --vii-spacing-168:128px;
    --vii-spacing-176:128px;
    --vii-spacing-184:128px;
    --vii-spacing-192:128px;
    --vii-spacing-heading:20px;
    --vii-spacing-paragraph:20px;
    --vii-spacing-calendar-size:120px;
    --vii-spacing-gap-container:20px;
    --vii-spacing-gap-vc-column:10px;
    --vii-spacing-header-height:60px;
    --vii-spacing-header-height-sticky:60px;
  }
}

@media (max-width: 768px) {
  :root {
    --vii-spacing-56:52px;
    --vii-spacing-60:52px;
    --vii-spacing-64:52px;
    --vii-spacing-72:52px;
    --vii-spacing-80:52px;
    --vii-spacing-88:60px;
    --vii-spacing-96:60px;
    --vii-spacing-104:60px;
    --vii-spacing-112:60px;
    --vii-spacing-120:60px;
    --vii-spacing-128:60px;
    --vii-spacing-136:80px;
    --vii-spacing-144:80px;
    --vii-spacing-152:80px;
    --vii-spacing-160:80px;
    --vii-spacing-168:80px;
    --vii-spacing-176:80px;
    --vii-spacing-184:80px;
    --vii-spacing-192:80px;
    --vii-spacing-admin-bar-height:0px;
  }
}

@media (max-width: 480px) {
  :root {
    --vii-spacing-136:60px;
    --vii-spacing-144:60px;
    --vii-spacing-152:60px;
    --vii-spacing-160:60px;
    --vii-spacing-168:60px;
    --vii-spacing-176:60px;
    --vii-spacing-184:60px;
    --vii-spacing-192:60px;
  }
}

@media (max-width: 1560px) {
  :root {
    --vii-size-48:44px;
    --vii-size-50:45px;
    --vii-size-55:48px;
    --vii-size-108:80px;
  }
}

@media (max-width: 1023px) {
  :root {
    --vii-size-35:34px;
    --vii-size-36:34px;
    --vii-size-40:36px;
    --vii-size-42:36px;
    --vii-size-48:40px;
    --vii-size-50:40px;
    --vii-size-55:42px;
    --vii-size-108:72px;
  }
}

@media (max-width: 767px) {
  :root {
    --vii-size-17:16px;
    --vii-size-18:16px;
    --vii-size-19:16px;
    --vii-size-20:18px;
    --vii-size-22:20px;
    --vii-size-24:22px;
    --vii-size-25:22px;
    --vii-size-26:22px;
    --vii-size-28:24px;
    --vii-size-30:26px;
    --vii-size-34:27px;
    --vii-size-35:27px;
    --vii-size-36:27px;
    --vii-size-40:28px;
    --vii-size-42:28px;
    --vii-size-48:30px;
    --vii-size-50:30px;
    --vii-size-55:32px;
    --vii-size-108:54px;
  }
}

@media (max-width: 480px) {
  :root {
    --vii-size-24:16px;
    --vii-size-25:17px;
    --vii-size-26:17px;
    --vii-size-28:18px;
    --vii-size-30:22px;
    --vii-size-34:24px;
    --vii-size-35:24px;
    --vii-size-36:24px;
    --vii-size-40:24px;
    --vii-size-42:26px;
    --vii-size-48:28px;
    --vii-size-50:28px;
    --vii-size-55:30px;
    --vii-size-108:42px;
  }
}

.style-\[--scroll-progress\=0\.5\;--video-default-scale\=0\.5\;\] {
  --scroll-progress:0.5;
  --video-default-scale:0.5;
}

.style-\[--spacing-top\=clamp\(60px\2c 11\.5vw\2c 207px\)\;--size-image\=clamp\(200px\2c 20vw\2c 267px\)\] {
  --spacing-top:clamp(60px,11.5vw,207px);
  --size-image:clamp(200px,20vw,267px);
}

.style-\[--vii-accor-x-spacing\=var\(--vii-spacing-16\)\;--vii-accor-y-spacing\=var\(--vii-spacing-20\)\;--vii-accor-width-icon\=22px\;\] {
  --vii-accor-x-spacing:var(--vii-spacing-16);
  --vii-accor-y-spacing:var(--vii-spacing-20);
  --vii-accor-width-icon:22px;
}

.style-\[--vii-size-48\=var\(--vii-size-40\)\] {
  --vii-size-48:var(--vii-size-40);
}

.flex-grid-gap-x-52 {
  --grid-gap-x:52px;
}

.flex-grid-gap-x-\[65px\] {
  --grid-gap-x:65px;
}

.flex-grid-gap-x-\[70px\] {
  --grid-gap-x:70px;
}

.flex-grid-gap-x-\[85px\] {
  --grid-gap-x:85px;
}

.flex-grid-gap-y-52 {
  --grid-gap-y:52px;
}

.flex-grid-gap-y-\[70px\] {
  --grid-gap-y:70px;
}

.flex-grid-gap-36 {
  --grid-gap-x:36px;
  --grid-gap-y:36px;
}

.flex-grid-gap-40 {
  --grid-gap-x:40px;
  --grid-gap-y:40px;
}

.\[--btn-img-left\:0px\] {
  --btn-img-left:0px;
}

.\[--btn-img-right\:0px\] {
  --btn-img-right:0px;
}

.\[--btn-img-top\:50px\] {
  --btn-img-top:50px;
}

.\[--button-size\:155px\] {
  --button-size:155px;
}

.\[--vii-accor-color-icon\:var\(--vii-color-blue\)\] {
  --vii-accor-color-icon:var(--vii-color-blue);
}

.\[--vii-accor-fs-title\:var\(--vii-size-25\)\] {
  --vii-accor-fs-title:var(--vii-size-25);
}

.\[--vii-accor-fw-title\:600\] {
  --vii-accor-fw-title:600;
}

.\[--vii-item-aspect\:260\/85\] {
  --vii-item-aspect:260/85;
}

.\[--vii-item-aspect\:290\/95\] {
  --vii-item-aspect:290/95;
}

.\[--vii-item-py\:0\] {
  --vii-item-py:0;
}

.\[--vii-item-py\:16px\] {
  --vii-item-py:16px;
}

.\[--vii-item-py\:20px\] {
  --vii-item-py:20px;
}

.\[--vii-item-rounded\:24px\] {
  --vii-item-rounded:24px;
}

.\[--vii-w-btn-pl\:calc\(var\(--button-size\)\/2\)\] {
  --vii-w-btn-pl:calc(var(--button-size) / 2);
}

.\[--vii-w-btn-pr\:calc\(0\.32\*var\(--button-size\)\)\] {
  --vii-w-btn-pr:calc(0.32 * var(--button-size));
}

.\[--width-content\:775px\] {
  --width-content:775px;
}

.\[--width-content\:unset\] {
  --width-content:unset;
}

.\[font-size\:var\(--vii-accor-fs-title\2c 20px\)\] {
  font-size:var(--vii-accor-fs-title,20px);
}

.\[font-weight\:var\(--vii-accor-fw-title\2c 700\)\] {
  font-weight:var(--vii-accor-fw-title,700);
}

/* override speaker popup */

.easy-popup.vii-speaker-popup,
.easy-popup.vii-session-popup {
  --ep-radius:85px;
  --ep-max-width:1260px;
  --ep-padding:0;
}

@media (max-width: 1280px) {
  .easy-popup.vii-speaker-popup,
.easy-popup.vii-session-popup {
    --ep-radius:30px;
  }
}

/* override easy popup loading */

.easy-popup-master.loading:before {
  background:transparent;
}

/* overwrite loading */

.loading {
  --loading-bg:linear-gradient(to bottom, rgba(0, 234, 189, 0.6) 0%, rgba(255, 255, 255, .6) 100%);
  --loading-color:var(--vii-color-dark-blue);
}

.loading::before {
  background:var(--loading-bg);
}

/* background */

.bg-linear-to-r,
.before\:bg-linear-to-r:before {
  --tw-gradient-position:to right;
  background-image:linear-gradient(var(--tw-gradient-position), var(--tw-gradient-stops))
}

.before\:ab-full::before {
  content:var(--tw-content);
  position:absolute;
  inset:0;
}

.before\:t::before {
  content:var(--tw-content);
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
}

.before\:gradient-linear-light-blue::before {
  content:var(--tw-content);
  background:linear-gradient(to right, var(--vii-color-blue) 0%, #0bd5e8 100%);
}

.target\:t:target {
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
}

@media (max-width: 1280px) {
  .md\:flex-grid-col-3 {
    --grid-col:3;
  }
}

@media (max-width: 1024px) {
  .tablet\:flex-grid-col-3 {
    --grid-col:3;
  }

  .tablet\:flex-grid-col-5 {
    --grid-col:5;
  }

  .tablet\:flex-grid-col-6 {
    --grid-col:6;
  }
}

@media (max-width: 1023px) {
  .tablet-v\:flex-grid-template {
    --grid-gap-x:30px;
    --grid-gap-y:30px;
    --grid-col:3;
    --grid-gap-x-total:calc(var(--grid-gap-x) * (var(--grid-col) - 1));
    --grid-space-each:calc(var(--grid-gap-x-total) / var(--grid-col));
    display:flex;
    flex-wrap:wrap;
    gap:var(--grid-gap-y) var(--grid-gap-x);
  }

  .tablet-v\:flex-grid-template > * {
    width:calc(100% / var(--grid-col) - var(--grid-space-each));
  }

  @media only screen and (max-width: 768px) {
    .tablet-v\:flex-grid-template {
      --grid-col:2;
    }
  }

  @media only screen and (max-width: 576px) {
    .tablet-v\:flex-grid-template {
      --grid-col:1;
    }
  }

  .tablet-v\:flex-grid-col-2 {
    --grid-col:2;
  }

  .tablet-v\:flex-grid-col-3 {
    --grid-col:3;
  }

  .tablet-v\:flex-grid-col-4 {
    --grid-col:4;
  }

  .tablet-v\:flex-grid-col-5 {
    --grid-col:5;
  }

  .tablet-v\:flex-grid-col-6 {
    --grid-col:6;
  }
}

@media (max-width: 768px) {
  .sm\:flex-grid-col-2 {
    --grid-col:2;
  }

  .sm\:flex-grid-col-3 {
    --grid-col:3;
  }

  .sm\:flex-grid-col-4 {
    --grid-col:4;
  }
}

@media (max-width: 767px) {
  .phone\:ab-center-h {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }

  .phone\:flex-grid-col-1 {
    --grid-col:1;
  }

  .phone\:vii-hide-scrollbar::-webkit-scrollbar {
    display:none;
  }

  .phone\:vii-hide-scrollbar {
    -ms-overflow-style:none;
    /* IE and Edge */
    scrollbar-width:none;
    /* Firefox */
  }

  .phone\:bg-gradient-dark-blue-pink {
    background:linear-gradient(180deg, var(--vii-color-blue) 0%, var(--vii-color-dark-blue) 100%);
  }
}

@media (max-width: 480px) {
  .xs\:flex-grid-col-1 {
    --grid-col:1;
  }

  .xs\:flex-grid-col-2 {
    --grid-col:2;
  }

  .xs\:flex-grid-col-3 {
    --grid-col:3;
  }
}

.\[\&_img\]\:t img {
  transition-duration:.25s;
  transition-property:all;
  transition-timing-function:ease;
  transition-delay:0s;
}

.before\:absolute::before {
  content:var(--tw-content);
  position:absolute;
}

.before\:left-0::before {
  content:var(--tw-content);
  left:0px;
}

.before\:top-0::before {
  content:var(--tw-content);
  top:0px;
}

.before\:z-\[2\]::before {
  content:var(--tw-content);
  z-index:2;
}

.before\:h-24::before {
  content:var(--tw-content);
  height:24px;
}

.before\:w-full::before {
  content:var(--tw-content);
  width:100%;
}

.before\:bg-blue::before {
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(0 234 189 / var(--tw-bg-opacity, 1));
}

.before\:opacity-0::before {
  content:var(--tw-content);
  opacity:0;
}

.first\:hidden:first-child {
  display:none;
}

.last\:mb-0:last-child {
  margin-bottom:0px;
}

.last\:border-b-0:last-child {
  border-bottom-width:0px;
}

.last\:pb-0:last-child {
  padding-bottom:0px;
}

.hover\:text-blue:hover {
  --tw-text-opacity:1;
  color:rgb(0 234 189 / var(--tw-text-opacity, 1));
}

.hover\:text-dark-blue:hover {
  --tw-text-opacity:1;
  color:rgb(22 29 55 / var(--tw-text-opacity, 1));
}

.hover\:shadow-1:hover {
  --tw-shadow:0 0 10px 5px rgb(0 234 189 / 30%);
  --tw-shadow-colored:0 0 10px 5px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:before\:opacity-100:hover::before {
  content:var(--tw-content);
  opacity:1;
}

.focus-visible\:rounded-\[20px\]:focus-visible {
  border-radius:20px;
}

.focus-visible\:rounded-\[25px\]:focus-visible {
  border-radius:25px;
}

.focus-visible\:rounded-\[3\.1em\]:focus-visible {
  border-radius:3.1em;
}

.focus-visible\:opacity-70:focus-visible {
  opacity:0.7;
}

.focus-visible\:shadow-1:focus-visible {
  --tw-shadow:0 0 10px 5px rgb(0 234 189 / 30%);
  --tw-shadow-colored:0 0 10px 5px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:outline-none:focus-visible {
  outline:2px solid transparent;
  outline-offset:2px;
}

.group\/title:hover .group-hover\/title\:\!text-primary {
  --tw-text-opacity:1 !important;
  color:rgb(0 234 189 / var(--tw-text-opacity, 1)) !important;
}

.group.hs-bg .group-\[\.hs-bg\]\:w-full {
  width:100%;
}

.group.hs-bg .group-\[\.hs-bg\]\:rounded-none {
  border-radius:0px;
}

.group.hs-bg .group-\[\.hs-bg\]\:bg-transparent {
  background-color:transparent;
}

.no-child\:hidden:not(:has(*)) {
  display:none;
}

html.menu-open .menu-open\:visible {
  visibility:visible;
}

html.menu-open .menu-open\:bottom-\[5px\] {
  bottom:5px;
}

html.menu-open .menu-open\:left-1\/2 {
  left:50%;
}

html.menu-open .menu-open\:top-\[9px\] {
  top:9px;
}

html.menu-open .menu-open\:w-0 {
  width:0px;
}

html.menu-open .menu-open\:w-full {
  width:100%;
}

html.menu-open .menu-open\:\!translate-y-0 {
  --tw-translate-y:0px !important;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

html.menu-open .menu-open\:translate-x-0 {
  --tw-translate-x:0px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

html.menu-open .menu-open\:-rotate-45 {
  --tw-rotate:-45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

html.menu-open .menu-open\:rotate-45 {
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

html.menu-open .menu-open\:opacity-100 {
  opacity:1;
}

body.scroll-up .scroll-up\:translate-y-0 {
  --tw-translate-y:0px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

body.scroll-bottom .scroll-bottom\:-translate-y-0 {
  --tw-translate-y:-0px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

html.has-admin-bar .has-admin-bar\:top-responsive-admin-bar-height {
  top:var(--vii-spacing-admin-bar-height);
}

body.home .is-home\:h-\[95px\] {
  height:95px;
}

body.home .is-home\:items-center {
  align-items:center;
}

@media (max-width: 1560px) {
  .lg\:mb-56 {
    margin-bottom:56px;
  }

  .lg\:min-w-\[300px\] {
    min-width:300px;
  }

  .lg\:py-responsive-52 {
    padding-top:var(--vii-spacing-52);
    padding-bottom:var(--vii-spacing-52);
  }

  .lg\:text-12 {
    font-size:12px;
  }

  .lg\:text-36 {
    font-size:36px;
  }
}

@media (min-width: 1281px) {
  .lg-only\:block {
    display:block;
  }

  .lg-only\:min-h-\[160px\] {
    min-height:160px;
  }

  .lg-only\:w-\[36\.5\%\] {
    width:36.5%;
  }

  .lg-only\:w-\[63\.6\%\] {
    width:63.6%;
  }

  .lg-only\:px-\[70px\] {
    padding-left:70px;
    padding-right:70px;
  }

  .lg-only\:py-\[90px\] {
    padding-top:90px;
    padding-bottom:90px;
  }

  .lg-only\:pr-\[80px\] {
    padding-right:80px;
  }
}

@media (max-width: 1280px) {
  .md\:mb-6 {
    margin-bottom:6px;
  }

  .md\:mb-responsive-72 {
    margin-bottom:var(--vii-spacing-72);
  }

  .md\:block {
    display:block;
  }

  .md\:hidden {
    display:none;
  }

  .md\:h-\[36px\] {
    height:36px;
  }

  .md\:h-auto {
    height:auto;
  }

  .md\:min-h-0 {
    min-height:0px;
  }

  .md\:min-h-\[100px\] {
    min-height:100px;
  }

  .md\:min-h-\[40px\] {
    min-height:40px;
  }

  .md\:w-\[150px\] {
    width:150px;
  }

  .md\:w-\[40\%\] {
    width:40%;
  }

  .md\:w-\[60\%\] {
    width:60%;
  }

  .md\:min-w-\[120px\] {
    min-width:120px;
  }

  .md\:min-w-\[250px\] {
    min-width:250px;
  }

  .md\:gap-16 {
    gap:16px;
  }

  .md\:gap-20 {
    gap:20px;
  }

  .md\:rounded-\[20px\] {
    border-radius:20px;
  }

  .md\:rounded-\[30px\] {
    border-radius:30px;
  }

  .md\:px-20 {
    padding-left:20px;
    padding-right:20px;
  }

  .md\:px-48 {
    padding-left:48px;
    padding-right:48px;
  }

  .md\:px-\[--vii-spacing-gap-container\] {
    padding-left:var(--vii-spacing-gap-container);
    padding-right:var(--vii-spacing-gap-container);
  }

  .md\:px-\[48px\] {
    padding-left:48px;
    padding-right:48px;
  }

  .md\:py-32 {
    padding-top:32px;
    padding-bottom:32px;
  }

  .md\:py-48 {
    padding-top:48px;
    padding-bottom:48px;
  }

  .md\:py-\[56px\] {
    padding-top:56px;
    padding-bottom:56px;
  }

  .md\:pb-0 {
    padding-bottom:0px;
  }

  .md\:pb-20 {
    padding-bottom:20px;
  }

  .md\:pl-responsive-gap-container {
    padding-left:var(--vii-spacing-gap-container);
  }

  .md\:pt-32 {
    padding-top:32px;
  }

  .md\:pt-responsive-72 {
    padding-top:var(--vii-spacing-72);
  }

  .md\:text-11 {
    font-size:11px;
  }

  .md\:text-18 {
    font-size:18px;
  }

  .md\:text-26 {
    font-size:26px;
  }

  .md\:text-\[10px\] {
    font-size:10px;
  }

  .md\:text-\[8px\] {
    font-size:8px;
  }

  .md\:style-\[--vii-size-48\=var\(--vii-size-34\)\] {
    --vii-size-48:var(--vii-size-34);
  }

  .md\:style-\[--vii-size-h2\=var\(--vii-size-34\)\] {
    --vii-size-h2:var(--vii-size-34);
  }

  .md\:flex-grid-gap-x-20 {
    --grid-gap-x:20px;
  }

  .md\:flex-grid-gap-x-\[20px\] {
    --grid-gap-x:20px;
  }

  .md\:flex-grid-gap-y-20 {
    --grid-gap-y:20px;
  }

  .md\:flex-grid-gap-16 {
    --grid-gap-x:16px;
    --grid-gap-y:16px;
  }

  .md\:\[--button-size\:85px\] {
    --button-size:85px;
  }

  .md\:before\:h-16::before {
    content:var(--tw-content);
    height:16px;
  }
}

@media (max-width: 1024px) {
  .tablet\:mb-32 {
    margin-bottom:32px;
  }

  .tablet\:mb-8 {
    margin-bottom:8px;
  }

  .tablet\:mt-20 {
    margin-top:20px;
  }

  .tablet\:w-1\/2 {
    width:50%;
  }

  .tablet\:translate-y-0 {
    --tw-translate-y:0px;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .tablet\:px-\[--vii-spacing-gap-container\] {
    padding-left:var(--vii-spacing-gap-container);
    padding-right:var(--vii-spacing-gap-container);
  }

  .tablet\:pr-gap-container {
    padding-right:40px;
  }

  .tablet\:opacity-60 {
    opacity:0.6;
  }

  .tablet\:blur-\[50px\] {
    --tw-blur:blur(50px);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

  .tablet\:flex-grid-gap-y-\[56px\] {
    --grid-gap-y:56px;
  }
}

@media (max-width: 1023px) {
  .tablet-v\:mb-16 {
    margin-bottom:16px;
  }

  .tablet-v\:mb-40 {
    margin-bottom:40px;
  }

  .tablet-v\:w-full {
    width:100%;
  }

  .tablet-v\:flex-col {
    flex-direction:column;
  }

  .tablet-v\:flex-col-reverse {
    flex-direction:column-reverse;
  }

  .tablet-v\:\!rounded-\[18px\] {
    border-radius:18px !important;
  }

  .tablet-v\:px-24 {
    padding-left:24px;
    padding-right:24px;
  }

  .tablet-v\:pr-0 {
    padding-right:0px;
  }

  .tablet-v\:pt-20 {
    padding-top:20px;
  }

  .tablet-v\:text-left {
    text-align:left;
  }

  .tablet-v\:text-responsive-28 {
    font-size:var(--vii-size-28);
  }

  .tablet-v\:text-responsive-40 {
    font-size:var(--vii-size-40);
  }

  .tablet-v\:flex-grid-gap-x-14 {
    --grid-gap-x:14px;
  }

  .tablet-v\:flex-grid-gap-y-24 {
    --grid-gap-y:24px;
  }

  .tablet-v\:\[--btn-img-bottom\:8px\] {
    --btn-img-bottom:8px;
  }

  .tablet-v\:\[--offset-item-width\:16px\] {
    --offset-item-width:16px;
  }

  .tablet-v\:\[--vii-img-max-w\:540px\] {
    --vii-img-max-w:540px;
  }

  .tablet-v\:\[--vii-item-py\:20px\] {
    --vii-item-py:20px;
  }

  .tablet-v\:\[--vii-item-rounded\:20px\] {
    --vii-item-rounded:20px;
  }

  .tablet-v\:focus-visible\:\!rounded-\[18px\]:focus-visible {
    border-radius:18px !important;
  }

  body.home .is-home\:tablet-v\:items-end {
    align-items:flex-end;
  }
}

@media (min-width: 769px) {
  .min-sm\:hidden {
    display:none;
  }

  .min-sm\:-translate-y-1\/2 {
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .min-sm\:gap-y-20 {
    row-gap:20px;
  }

  .min-sm\:pl-\[--vii-spacing-gap-container\] {
    padding-left:var(--vii-spacing-gap-container);
  }

  .min-sm\:pr-\[--vii-spacing-gap-container\] {
    padding-right:var(--vii-spacing-gap-container);
  }

  .min-sm\:text-22 {
    font-size:22px;
  }

  .min-sm\:text-responsive-22 {
    font-size:var(--vii-size-22);
  }

  .min-sm\:leading-\[1\.8\] {
    line-height:1.8;
  }

  .min-sm\:text-blue {
    --tw-text-opacity:1;
    color:rgb(0 234 189 / var(--tw-text-opacity, 1));
  }

  .min-sm\:style-\[--vii-size-20\=var\(--vii-size-30\)\] {
    --vii-size-20:var(--vii-size-30);
  }

  .min-sm\:\[--btn-img-left\:-50px\] {
    --btn-img-left:-50px;
  }

  .min-sm\:\[--btn-img-right\:-50px\] {
    --btn-img-right:-50px;
  }

  .min-sm\:\[--btn-img-top\:50px\] {
    --btn-img-top:50px;
  }
}

@media (max-width: 768px) {
  .sm\:mx-auto {
    margin-left:auto;
    margin-right:auto;
  }

  .sm\:\!mb-32 {
    margin-bottom:32px !important;
  }

  .sm\:\!mb-4 {
    margin-bottom:4px !important;
  }

  .sm\:\!mb-6 {
    margin-bottom:6px !important;
  }

  .sm\:mb-32 {
    margin-bottom:32px;
  }

  .sm\:mb-6 {
    margin-bottom:6px;
  }

  .sm\:mt-36 {
    margin-top:36px;
  }

  .sm\:block {
    display:block;
  }

  .sm\:hidden {
    display:none;
  }

  .sm\:min-h-\[70px\] {
    min-height:70px;
  }

  .sm\:w-full {
    width:100%;
  }

  .sm\:min-w-0 {
    min-width:0px;
  }

  .sm\:max-w-\[140px\] {
    max-width:140px;
  }

  .sm\:max-w-\[480px\] {
    max-width:480px;
  }

  .sm\:max-w-\[84\%\] {
    max-width:84%;
  }

  .sm\:max-w-\[clamp\(540px\2c 83\.3\%\2c 100\%\)\] {
    max-width:clamp(540px,83.3%,100%);
  }

  .sm\:-translate-y-72 {
    --tw-translate-y:-72px;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:flex-col {
    flex-direction:column;
  }

  .sm\:gap-28 {
    gap:28px;
  }

  .sm\:gap-x-10 {
    -moz-column-gap:10px;
         column-gap:10px;
  }

  .sm\:\!rounded-\[10px\] {
    border-radius:10px !important;
  }

  .sm\:rounded-\[16px\] {
    border-radius:16px;
  }

  .sm\:rounded-\[20px\] {
    border-radius:20px;
  }

  .sm\:rounded-\[30px\] {
    border-radius:30px;
  }

  .sm\:rounded-\[calc\(80px\*\(1-var\(--scroll-progress\)\)\)\] {
    border-radius:calc(80px * (1 - var(--scroll-progress)));
  }

  .sm\:p-\[48px\] {
    padding:48px;
  }

  .sm\:px-0 {
    padding-left:0px;
    padding-right:0px;
  }

  .sm\:px-20 {
    padding-left:20px;
    padding-right:20px;
  }

  .sm\:px-\[14\%\] {
    padding-left:14%;
    padding-right:14%;
  }

  .sm\:px-\[var\(--vii-spacing-gap-container\)\] {
    padding-left:var(--vii-spacing-gap-container);
    padding-right:var(--vii-spacing-gap-container);
  }

  .sm\:py-\[48px\] {
    padding-top:48px;
    padding-bottom:48px;
  }

  .sm\:py-responsive-16 {
    padding-top:var(--vii-spacing-16);
    padding-bottom:var(--vii-spacing-16);
  }

  .sm\:pb-24 {
    padding-bottom:24px;
  }

  .sm\:pb-32 {
    padding-bottom:32px;
  }

  .sm\:pb-40 {
    padding-bottom:40px;
  }

  .sm\:pl-0 {
    padding-left:0px;
  }

  .sm\:pr-0 {
    padding-right:0px;
  }

  .sm\:pt-20 {
    padding-top:20px;
  }

  .sm\:pt-24 {
    padding-top:24px;
  }

  .sm\:pt-8 {
    padding-top:8px;
  }

  .sm\:pt-responsive-12 {
    padding-top:var(--vii-spacing-12);
  }

  .sm\:text-center {
    text-align:center;
  }

  .sm\:\!text-12 {
    font-size:12px !important;
  }

  .sm\:\!text-18 {
    font-size:18px !important;
  }

  .sm\:text-22 {
    font-size:22px;
  }

  .sm\:style-\[--vii-accor-x-spacing\=0px\;--vii-accor-y-spacing\=16px\;\] {
    --vii-accor-x-spacing:0px;
    --vii-accor-y-spacing:16px;
  }

  .sm\:style-\[--vii-size-20\=20px\] {
    --vii-size-20:20px;
  }

  .sm\:\[--btn-img-bottom\:8px\] {
    --btn-img-bottom:8px;
  }

  .sm\:\[--btn-img-left\:unset\] {
    --btn-img-left:unset;
  }

  .sm\:\[--btn-img-right\:unset\] {
    --btn-img-right:unset;
  }

  .sm\:\[--btn-img-top\:unset\] {
    --btn-img-top:unset;
  }

  .sm\:\[--offset-item-width\:16px\] {
    --offset-item-width:16px;
  }

  .sm\:\[--offset-item-width\:8px\] {
    --offset-item-width:8px;
  }

  .sm\:\[--vii-accor-fs-title\:20px\] {
    --vii-accor-fs-title:20px;
  }

  .sm\:\[--vii-accor-fw-title\:700\] {
    --vii-accor-fw-title:700;
  }

  .sm\:\[--vii-item-py\:12px\] {
    --vii-item-py:12px;
  }

  .sm\:\[--vii-item-py\:18px\] {
    --vii-item-py:18px;
  }

  .sm\:focus-visible\:\!rounded-\[10px\]:focus-visible {
    border-radius:10px !important;
  }
}

@media (max-width: 767px) {
  .phone\:bottom-\[25px\] {
    bottom:25px;
  }

  .phone\:mb-20 {
    margin-bottom:20px;
  }

  .phone\:mb-24 {
    margin-bottom:24px;
  }

  .phone\:mb-32 {
    margin-bottom:32px;
  }

  .phone\:mb-6 {
    margin-bottom:6px;
  }

  .phone\:mt-0 {
    margin-top:0px;
  }

  .phone\:block {
    display:block;
  }

  .phone\:flex {
    display:flex;
  }

  .phone\:hidden {
    display:none;
  }

  .phone\:h-\[72px\] {
    height:72px;
  }

  .phone\:min-h-0 {
    min-height:0px;
  }

  .phone\:min-h-\[calc\(var\(--size-image\)\+150px\)\] {
    min-height:calc(var(--size-image) + 150px);
  }

  .phone\:min-h-screen {
    min-height:100vh;
  }

  .phone\:w-\[275px\] {
    width:275px;
  }

  .phone\:w-full {
    width:100%;
  }

  .phone\:min-w-\[22\.5vw\] {
    min-width:22.5vw;
  }

  .phone\:snap-x {
    scroll-snap-type:x var(--tw-scroll-snap-strictness);
  }

  .phone\:flex-col {
    flex-direction:column;
  }

  .phone\:flex-nowrap {
    flex-wrap:nowrap;
  }

  .phone\:justify-start {
    justify-content:flex-start;
  }

  .phone\:justify-between {
    justify-content:space-between;
  }

  .phone\:gap-x-12 {
    -moz-column-gap:12px;
         column-gap:12px;
  }

  .phone\:gap-y-\[28px\] {
    row-gap:28px;
  }

  .phone\:overflow-x-auto {
    overflow-x:auto;
  }

  .phone\:px-0 {
    padding-left:0px;
    padding-right:0px;
  }

  .phone\:px-10 {
    padding-left:10px;
    padding-right:10px;
  }

  .phone\:px-\[16px\] {
    padding-left:16px;
    padding-right:16px;
  }

  .phone\:pb-\[100px\] {
    padding-bottom:100px;
  }

  .phone\:pb-responsive-32 {
    padding-bottom:var(--vii-spacing-32);
  }

  .phone\:pl-\[0\] {
    padding-left:0;
  }

  .phone\:pt-0 {
    padding-top:0px;
  }

  .phone\:pt-32 {
    padding-top:32px;
  }

  .phone\:pt-96 {
    padding-top:96px;
  }

  .phone\:pt-responsive-20 {
    padding-top:var(--vii-spacing-20);
  }

  .phone\:text-center {
    text-align:center;
  }

  .phone\:text-40 {
    font-size:40px;
  }

  .phone\:text-responsive-20 {
    font-size:var(--vii-size-20);
  }

  .phone\:first\:ml-20:first-child {
    margin-left:20px;
  }

  .phone\:last\:mr-20:last-child {
    margin-right:20px;
  }

  .group:has(a.button-past-event) .phone\:group-has-\[a\.button-past-event\]\:\!pb-96 {
    padding-bottom:96px !important;
  }

  body.home .is-home\:phone\:h-\[48px\] {
    height:48px;
  }
}

@media (max-width: 480px) {
  .xs\:mx-auto {
    margin-left:auto;
    margin-right:auto;
  }

  .xs\:mb-32 {
    margin-bottom:32px;
  }

  .xs\:mb-6 {
    margin-bottom:6px;
  }

  .xs\:w-\[calc\(0\.9\*var\(--vii-container\)\/2-17px\)\] {
    width:calc(0.9 * var(--vii-container) / 2 - 17px);
  }

  .xs\:min-w-\[800px\] {
    min-width:800px;
  }

  .xs\:max-w-\[84\%\] {
    max-width:84%;
  }

  .xs\:max-w-\[92\%\] {
    max-width:92%;
  }

  .xs\:max-w-full {
    max-width:100%;
  }

  .xs\:flex-col {
    flex-direction:column;
  }

  .xs\:px-14 {
    padding-left:14px;
    padding-right:14px;
  }

  .xs\:px-20 {
    padding-left:20px;
    padding-right:20px;
  }

  .xs\:px-\[0\] {
    padding-left:0;
    padding-right:0;
  }

  .xs\:px-\[var\(--vii-spacing-gap-container\)\] {
    padding-left:var(--vii-spacing-gap-container);
    padding-right:var(--vii-spacing-gap-container);
  }

  .xs\:pl-0 {
    padding-left:0px;
  }

  .xs\:pt-20 {
    padding-top:20px;
  }

  .xs\:\!text-14 {
    font-size:14px !important;
  }

  .xs\:blur-\[40px\] {
    --tw-blur:blur(40px);
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

  .xs\:flex-grid-gap-x-8 {
    --grid-gap-x:8px;
  }

  .xs\:flex-grid-gap-y-\[28px\] {
    --grid-gap-y:28px;
  }

  .xs\:\[--offset-item-width\:6px\] {
    --offset-item-width:6px;
  }

  .xs\:\[--vii-item-py\:12px\] {
    --vii-item-py:12px;
  }

  .xs\:\[--vii-item-py\:14px\] {
    --vii-item-py:14px;
  }
}

.\[\&\.active\]\:\!overflow-visible.active {
  overflow:visible !important;
}

.\[\&\.active\]\:text-dark-blue.active {
  --tw-text-opacity:1;
  color:rgb(22 29 55 / var(--tw-text-opacity, 1));
}

.\[\&\.active\]\:before\:opacity-100.active::before {
  content:var(--tw-content);
  opacity:1;
}

.\[\&\.active_i\.icon-minus-circle\]\:opacity-100.active i.icon-minus-circle {
  opacity:1;
}

.\[\&\.active_i\.icon-plus-circle\]\:-translate-x-1\/2.active i.icon-plus-circle {
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\.active_i\.icon-plus-circle\]\:-translate-y-1\/2.active i.icon-plus-circle {
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\.active_i\.icon-plus-circle\]\:rotate-90.active i.icon-plus-circle {
  --tw-rotate:90deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\.active_i\.icon-plus-circle\]\:opacity-0.active i.icon-plus-circle {
  opacity:0;
}

@media (max-width: 1023px) {
  .tablet-v\:\[\&\:has\(\.vii-key-figures\)\]\:mb-responsive-104:has(.vii-key-figures) {
    margin-bottom:var(--vii-spacing-104);
  }
}

@media (max-width: 768px) {
  .sm\:\[\&\:has\(\.vii-key-figures\)\]\:mb-\[112px\]:has(.vii-key-figures) {
    margin-bottom:112px;
  }
}

.\[\&\:hover_img\]\:scale-110:hover img {
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\:not\(\.active\)\>\.sticky\]\:\!top-0:not(.active)>.sticky {
  top:0px !important;
}

.\[\&\:not\(\.active\)\]\:max-h-full:not(.active) {
  max-height:100%;
}

.\[\&\:not\(\:first-child\)\>div\:last-child\]\:hidden:not(:first-child)>div:last-child {
  display:none;
}

.\[\&\:not\(\:first-child\)\]\:opacity-0:not(:first-child) {
  opacity:0;
}

.group:not(.easy-tab-accordion-enabled) .group-\[\&\:not\(\.easy-tab-accordion-enabled\)\]\:\[\&\:not\(\:first-child\)\]\:hidden:not(:first-child) {
  display:none;
}

.\[\&\>\.vii-image-w-button\]\:\!mb-0>.vii-image-w-button {
  margin-bottom:0px !important;
}

.\[\&\>\.vii-image-w-button\]\:\[--btn-img-top\:unset\]>.vii-image-w-button {
  --btn-img-top:unset;
}

.\[\&\>\.vii-image-w-button\]\:\[--vii-w-btn-pr\:calc\(var\(--button-size\)\/2\)\]>.vii-image-w-button {
  --vii-w-btn-pr:calc(var(--button-size) / 2);
}

.\[\&\>a\]\:min-w-\[145px\]>a {
  min-width:145px;
}

.\[\&\>a\]\:pt-\[0\.6em\]>a {
  padding-top:0.6em;
}

.\[\&\>a\]\:text-responsive-11>a {
  font-size:var(--vii-size-11);
}

@media (max-width: 767px) {
  .phone\:\[\&\>div\:first-child\]\:ml-20>div:first-child {
    margin-left:20px;
  }
}

@media (max-width: 1560px) {
  .lg\:\[\&\>div\:has\(\.button-past-event\)\]\:\!bottom-88>div:has(.button-past-event) {
    bottom:88px !important;
  }
}

.\[\&\>div\:last-child\]\:\!mb-0>div:last-child {
  margin-bottom:0px !important;
}

@media (max-width: 767px) {
  .phone\:\[\&\>div\:last-child\]\:mr-20>div:last-child {
    margin-right:20px;
  }
}

.\[\&\>div\]\:\!overflow-visible>div {
  overflow:visible !important;
}

@media (max-width: 767px) {
  .phone\:\[\&\>div\]\:w-\[80vw\]>div {
    width:80vw;
  }

  .phone\:\[\&\>div\]\:min-w-\[80vw\]>div {
    min-width:80vw;
  }
}

.\[\&\>img\]\:object-left>img {
  -o-object-position:left;
     object-position:left;
}

@media (max-width: 768px) {
  .sm\:\[\&\>img\]\:object-\[70\%_center\]>img {
    -o-object-position:70% center;
       object-position:70% center;
  }

  .sm\:\[\&\>img\]\:object-top>img {
    -o-object-position:top;
       object-position:top;
  }
}

.\[\&_\.accordion-content\]\:-ml-\[--vii-accor-x-spacing\] .accordion-content {
  margin-left:calc(var(--vii-accor-x-spacing) * -1);
}

.\[\&_\.flickity-button\]\:\[--flkt-bg-hover\:var\(--vii-color-blue\)\] .flickity-button {
  --flkt-bg-hover:var(--vii-color-blue);
}

.\[\&_\.flickity-button\]\:\[--flkt-bg\:var\(--vii-color-white\)\] .flickity-button {
  --flkt-bg:var(--vii-color-white);
}

.\[\&_\.flickity-button\]\:\[--flkt-color-hover\:var\(--vii-color-dark-blue\)\] .flickity-button {
  --flkt-color-hover:var(--vii-color-dark-blue);
}

.\[\&_\.flickity-button\]\:\[--flkt-color\:var\(--vii-color-dark-blue\)\] .flickity-button {
  --flkt-color:var(--vii-color-dark-blue);
}

@media (min-width: 1561px) {
  .xl\:\[\&_\.vii-button-group\:last-child\]\:pt-responsive-32 .vii-button-group:last-child {
    padding-top:var(--vii-spacing-32);
  }
}

.\[\&_\.vii-image-w-button\]\:\[--vii-w-btn-pl\:calc\(0\.32\*var\(--button-size\)\)\] .vii-image-w-button {
  --vii-w-btn-pl:calc(0.32 * var(--button-size));
}

@media (max-width: 1023px) {
  .tablet-v\:\[\&_\.vii-image-w-button\]\:px-0 .vii-image-w-button {
    padding-left:0px;
    padding-right:0px;
  }

  .tablet-v\:\[\&_\.vii-image-w-button\]\:\[--btn-img-left\:unset\] .vii-image-w-button {
    --btn-img-left:unset;
  }

  .tablet-v\:\[\&_\.vii-image-w-button\]\:\[--btn-img-right\:unset\] .vii-image-w-button {
    --btn-img-right:unset;
  }
}

@media (max-width: 768px) {
  .sm\:\[\&_\.vii-image-w-button\]\:pb-32 .vii-image-w-button {
    padding-bottom:32px;
  }
}

@media (max-width: 1023px) {
  .tablet-v\:\[\&_\.vii-image-w-button_\.img-wrapper-cover\]\:\[--vii-img-max-w\:50\%\] .vii-image-w-button .img-wrapper-cover {
    --vii-img-max-w:50%;
  }
}

@media (max-width: 768px) {
  .sm\:\[\&_\.vii-image-w-button_\.img-wrapper-cover\]\:\[--vii-img-max-w\:340px\] .vii-image-w-button .img-wrapper-cover {
    --vii-img-max-w:340px;
  }
}

.\[\&_\.wpb_text_column\]\:max-w-\[670px\] .wpb text column {
  max-width:670px;
}

.\[\&_button\.active\]\:\[--vii-accor-opacity-icon\:0\] button.active {
  --vii-accor-opacity-icon:0;
}

.\[\&_button\]\:\[padding-left\:0\] button {
  padding-left:0;
}

@media (min-width: 769px) {
  .min-sm\:\[\&_hr\]\:\!my-\[--vii-spacing-60\] hr {
    margin-top:var(--vii-spacing-60) !important;
    margin-bottom:var(--vii-spacing-60) !important;
  }
}

.\[\&_img\]\:relative img {
  position:relative;
}

.\[\&_img\]\:z-10 img {
  z-index:10;
}

.\[\&_img\]\:aspect-\[16\/9\] img {
  aspect-ratio:16/9;
}

.\[\&_img\]\:\!h-full img {
  height:100% !important;
}

.\[\&_img\]\:\!w-\[auto\] img {
  width:auto !important;
}

.\[\&_img\]\:w-auto img {
  width:auto;
}

.\[\&_img\]\:rounded-\[20px\] img {
  border-radius:20px;
}

.\[\&_img\]\:object-cover img {
  -o-object-fit:cover;
     object-fit:cover;
}

.\[\&_img\]\:object-\[center_20px\] img {
  -o-object-position:center 20px;
     object-position:center 20px;
}

.\[\&_img\]\:object-left img {
  -o-object-position:left;
     object-position:left;
}

.\[\&_img\]\:object-top img {
  -o-object-position:top;
     object-position:top;
}