.anti-flicker,
.anti-flicker * {
  visibility: hidden !important;
  opacity: 0 !important;
}



[data-wf-hidden-variation],
[data-wf-hidden-variation] * {
  display: none !important;
}


/* variables */
:root {
  /* grid */
  --column-count: 12;
  --grid-main: repeat(var(--column-count), minmax(0, 1fr));
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1));
  --column-width: calc((100% - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main));
  --breakout-gutter: minmax(calc(var(--padding-horizontal--main) - var(--grid-gap--main)),
      1fr);
  --breakout-remaining: calc(var(--max-width--main) - (var(--padding-horizontal--main) * 2));
  --breakout-start: [full-start] var(--breakout-gutter) [content-start];
  --breakout-end: [content-end] var(--breakout-gutter) [full-end];
  --grid-breakout-single: var(--breakout-start) minmax(0, var(--breakout-remaining)) var(--breakout-end);
  --grid-breakout: var(--breakout-start) repeat(var(--column-count),
      minmax(0,
        calc((var(--breakout-remaining) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end);
  /* others */
  --font-weight--inherit: inherit;
  --font-weight--100: 100;
  --font-weight--200: 200;
  --font-weight--300: 300;
  --font-weight--400: 400;
  --font-weight--500: 500;
  --font-weight--600: 600;
  --font-weight--700: 700;
  --font-weight--800: 800;
  --font-weight--900: 900;
  --text-transform--none: none;
  --text-transform--uppercase: uppercase;
  --text-transform--capitalize: capitalize;
  --text-transform--lowercase: lowercase;
  --text-transform--inherit: inherit;
  --max-width--none: none;
}

/* default styles */
body {
  font-weight: var(--text-main--font-weight);
  text-transform: var(--text-main--text-transform);
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
blockquote {
  margin-top: 0;
  margin-bottom: 0;
}

button {
  background-color: unset;
  padding: unset;
  text-align: inherit;
  cursor: pointer;
}

img::selection {
  background: transparent;
}

:is(h1, h2, h3, h4, h5, h6, p) a {
  text-decoration: underline;
}

.u-rich-text>*:first-child {
  margin-top: 0;
}

.u-rich-text>*:last-child {
  margin-bottom: 0;
}

video {
  width: 100%;
  object-fit: cover;
}

video.wf-empty {
  padding: 0;
}

svg {
  display: block;
}

section,
header,
footer {
  position: relative;
}

/* line clamp */
.u-line-clamp-1,
.u-line-clamp-2,
.u-line-clamp-3,
.u-line-clamp-4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.u-line-clamp-2 {
  -webkit-line-clamp: 2;
}

.u-line-clamp-3 {
  -webkit-line-clamp: 3;
}

.u-line-clamp-4 {
  -webkit-line-clamp: 4;
}

/* component attributes */

/* section padding */
[data-padding-top="none"] {
  padding-top: var(--padding-vertical--none);
}

[data-padding-bottom="none"] {
  padding-bottom: var(--padding-vertical--none);
}

[data-padding-top="small"] {
  padding-top: var(--padding-vertical--small);
}

[data-padding-bottom="small"] {
  padding-bottom: var(--padding-vertical--small);
}

[data-padding-top="main"] {
  padding-top: var(--padding-vertical--main);
}

[data-padding-bottom="main"] {
  padding-bottom: var(--padding-vertical--main);
}

[data-padding-top="large"] {
  padding-top: var(--padding-vertical--large);
}

[data-padding-bottom="large"] {
  padding-bottom: var(--padding-vertical--large);
}

/* hide section if it has no cms items */
[data-cms-check="true"]:not(:has(.w-dyn-item)) {
  display: none;
}

/* theme light */
:root,
[data-theme="light"],
[data-theme="dark"] [data-theme="invert"] {
  --theme--background: var(--swatch--light);
  --theme--text: var(--swatch--dark);
  --theme--border: var(--swatch--light-secondary);
  /* button primary */
  --button--background: var(--swatch--dark);
  --button--text: var(--swatch--light);
  --button--border: var(--swatch--dark);
  --button--background-hover: var(--swatch--brand);
  --button--text-hover: var(--swatch--dark);
  --button--border-hover: var(--swatch--brand);
  /* button secondary */
  --button-secondary--background: var(--swatch--light);
  --button-secondary--text: var(--swatch--dark);
  --button-secondary--border: var(--swatch--light-secondary);
  --button-secondary--background-hover: var(--swatch--brand);
  --button-secondary--text-hover: var(--swatch--dark);
  --button-secondary--border-hover: var(--swatch--dark);
}

/* theme dark */
[data-theme="dark"],
[data-theme="invert"],
[data-theme="light"] [data-theme="invert"] {
  --theme--background: var(--swatch--brand);
  --theme--text: var(--swatch--dark);
  --theme--border: var(--swatch--dark-secondary);
  /* button primary */
  --button--background: var(--swatch--brand);
  --button--text: var(--swatch--brand-text);
  --button--border: var(--swatch--brand);
  --button--background-hover: var(--swatch--light);
  --button--text-hover: var(--swatch--dark);
  --button--border-hover: var(--swatch--light);
  /* button secondary */
  --button-secondary--background: var(--swatch--dark);
  --button-secondary--text: var(--swatch--light);
  --button-secondary--border: var(--swatch--dark-secondary);
  --button-secondary--background-hover: var(--swatch--light);
  --button-secondary--text-hover: var(--swatch--brand-text);
  --button-secondary--border-hover: var(--swatch--brand);
}

/* button secondary */
[data-button-style="secondary"] {
  --button--background: var(--button-secondary--background);
  --button--text: var(--swatch-light);
  --button--border: var(--button-secondary--border);
  --button--background-hover: var(--button-secondary--background-hover);
  --button--text-hover: var(--button-secondary--text-hover);
  --button--border-hover: var(--button-secondary--border-hover);
}

/* apply colors */
:is(c, :where([data-theme]:not([data-theme="inherit"]))) {
  background-color: var(--theme--background);
  color: var(--theme--text);
}

/* desktop */
:root {
  /* custom */
}

/* tablet */
@media screen and (max-width: 991px) {
  :root {
    /* custom */
    /*--padding-horizontal--main: 2rem;*/
    /* adaptive sizes */
    /*--size--2rem: 1.75rem;*/
    /*--size--2-5rem: 2.18rem;*/
    /*--size--3rem: 2.52rem;*/
    /*--size--3-5rem: 2.73rem;*/
    /*--size--4rem: 3rem;*/
    /*--size--4-5rem: 3.375rem;*/
    /*--size--5rem: 3.75rem;*/
    /*--size--5-5rem: 4.125rem;*/
    /*--size--6rem: 4.5rem;*/
    /*--size--6-5rem: 4.875rem;*/
    /*--size--7rem: 5.25rem;*/
    /*--size--7-5rem: 5.625rem;*/
    /*--size--8rem: 6rem;*/
    /*--size--8-5rem: 6.375rem;*/
    /*--size--9rem: 6.75rem;*/
    /*--size--9-5rem: 7.125rem;*/
    /*--size--10rem: 7.5rem;*/
    /*--size--11rem: 8.25rem;*/
    /*--size--12rem: 9rem;*/
    /*--size--13rem: 9.75rem;*/
    /*--size--14rem: 10.5rem;*/
    /*--size--15rem: 11.25rem;*/
    /*--size--16rem: 12rem;*/
  }
}

/* landscape */
@media screen and (max-width: 767px) {
  :root {
    /* custom */
    /*--padding-horizontal--main: 1rem;*/
    /* adaptive sizes */
    /*--size--2-5rem: 2rem;*/
    /*--size--3rem: 2.25rem;*/
    /*--size--3-5rem: 2.375rem;*/
    /*--size--4rem: 2.5rem;*/
    /*--size--4-5rem: 2.75rem;*/
    /*--size--5rem: 3rem;*/
    /*--size--5-5rem: 3.25rem;*/
    /*--size--6rem: 3.5rem;*/
    /*--size--6-5rem: 3.75rem;*/
    /*--size--7rem: 4rem;*/
    /*--size--7-5rem: 4.25rem;*/
    /*--size--8rem: 4.5rem;*/
    /*--size--8-5rem: 4.75rem;*/
    /*--size--9rem: 5rem;*/
    /*--size--9-5rem: 5.25rem;*/
    /*--size--10rem: 5.5rem;*/
    /*--size--11rem: 5.75rem;*/
    /*--size--12rem: 6rem;*/
    /*--size--13rem: 6.5rem;*/
    /*--size--14rem: 7rem;*/
    /*--size--15rem: 7.5rem;*/
    /*--size--16rem: 8rem;*/
  }
}

/* portrait */
@media screen and (max-width: 479px) {
  :root {
    /* custom */
  }
}

select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}



/* headings */

h1 {
  font-size: 2.625rem;
  line-height: 2.875rem;
}

h1>strong {
  font-size: 3.5rem;
  line-height: 3.8125rem;
  display: block;
}

h2 {
  font-size: 2rem;
  line-height: 2.5rem
}

h2>strong {
  font-size: 3rem;
  line-height: 3.25rem;
  display: block;
}

h3>strong {
  font-size: 3rem;
}


h1>strong,
h2>strong,
h3>strong,
h5>strong {
  font-weight: 800;
  color: #30A08E;
}

[data-theme="dark"] h1>strong,
[data-theme="dark"] h2>strong,
[data-theme="dark"] h3>strong {
  color: #ffffff;
}

/* Blog Rich Text */
.blog_content .w-richtext p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.blog_content .w-richtext h3 {
  font-size: 1.625rem;
  color: #2b2b2b;
  font-weight: 800
}

.blog_content .w-richtext a,
.w-rich-text a {
  text-decoration: underline;
  font-weight: 800;
}

.blog_content .w-richtext a:hover {
  background-color: 6AD3BE;
}

.tabs_link_wrap.u-hflex-between-center {
  overflow-x: scroll;
}

.l_tabs_link_wrap.u-hflex-between-center {
  overflow-x: scroll;
}

.cms_tabs_list {
  overflow-x: scroll;
}

.disable-scrollbars::-webkit-scrollbar {
  background: transparent;
  /* Chrome/Safari/Webkit */
  width: 0px;
}

.disable-scrollbars {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.w-richtext a:hover {
  color: #6AD3BE;
}

.w-richtext a {
  font-weight: 800;
}

.u-rich-text---iconcard.u-text-centered a:hover {
  color: #ffffff;
}

/* about modal */

.w-dyn-item {
  z-index: 1;
}

.w-dyn-item.active {
  z-index: 2;
}

.about_bio_modal_wrap {
  overflow-y: scroll;
}

/* Publictions comma
            .cms_publications_item:after {
              content: ", ";
              white-space: pre;
            }

            .cms_publications_item:last-child:after {
             content: " ";
             white-space: pre;
            }
             */
@media screen and (max-width: 991px) {
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  h1>strong {
    font-size: 2.625rem;
    line-height: 2.875rem;
    display: block;
  }

  h2 {
    font-size: 1.375rem;
    line-height: normal;
  }

  h2>strong {
    font-size: 2rem;
    line-height: normal;
    display: block;
  }

  h3>strong {
    font-size: 1.875rem;
    line-height: normal;
    display: block;
  }

  /* .g_heading_rich strong {

               font-size: 1.875rem;
              } */
}

/* tabs */

.cms_tabs_item:lang(en) {
  opacity: .25;
  transition: opacity 260ms ease, color 260ms ease;

}

.cms_tabs_item:lang(en):hover {
  opacity: 1;
  color: #6AD3BE;
}

.cms_tabs_item:lang(en).cc-selected {
  opacity: 1;
}


/* two columns section */
@media screen and (max-width: 991px) {
  .tct_sec_wrap .u-rich-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .standard-tab.w--current>.tab_mobile_icon {
    height: 12px;
    width: 12px;

  }
}

.sales_card:hover .btn_main_wrap {
              background-color: white; /* Changes the button background to white when the card is hovered */
            }

            .sales_card:hover .btn_main_text {
              color: #2b2b2b; /* Changes the button text color to #2b2b2b when the card is hovered */
            }

            .sales_card:hover .btn_main_wrap:hover {
              background-color: #6ad3be; /* Changes the button background to #6ad3be when button itself is hovered */
            }

/* Fluid Tab Background Style */

              .tab-background {
                position: absolute;
                top: 0;
                left: 0;
                background: #e1f6f2; /* Adjust color */
                border-radius: 50px; /* Optional: Rounded corners */
                z-index: -1; /* Behind the tabs */
                pointer-events: none; /* Makes it non-interactive */
              }

.textlink {
                                                          cursor: pointer;
                                                          font-size: 16px;
                                                          position: relative;
                                                          white-space: nowrap;
                                                          color: var(
                                                            --color-text
                                                          );
                                                        }

                                                        .textlink::before,
                                                        .textlink::after {
                                                          position: absolute;
                                                          width: 100%;
                                                          height: 2px;
                                                          background: currentColor;
                                                          top: 100%;
                                                          left: 0;
                                                          pointer-events: none;
                                                        }

                                                        .textlink::before {
                                                          content: "";
                                                          /* show by default */
                                                        }

                                                        .underline-trail::before {
                                                          transform-origin: 100%
                                                            50%;
                                                          transform: scale3d(
                                                            0,
                                                            1,
                                                            1
                                                          );
                                                          transition: transform
                                                            0.3s;
                                                        }

                                                        .underline-trail:hover::before {
                                                          transform-origin: 0%
                                                            50%;
                                                          transform: scale3d(
                                                            1,
                                                            1,
                                                            1
                                                          );
                                                        }

.textlink {
                                            cursor: pointer;
                                            font-size: 16px;
                                            position: relative;
                                            white-space: nowrap;
                                            color: var(--color-text);
                                          }

                                          .textlink > .text:hover {
                                            color: #30a08e;
                                          }

                                          .textlink::before,
                                          .textlink::after {
                                            position: absolute;
                                            width: 100%;
                                            height: 2px;
                                            background: currentColor;
                                            top: 100%;
                                            left: 0;
                                            pointer-events: none;
                                          }

                                          .textlink::before {
                                            content: "";
                                            /* show by default */
                                          }

                                          .underline-trail::before {
                                            transform-origin: 100% 50%;
                                            transform: scale3d(0, 1, 1);
                                            transition: transform 0.3s;
                                          }

                                          .underline-trail:hover::before {
                                            transform-origin: 0% 50%;
                                            transform: scale3d(1, 1, 1);
                                          }

.textlink {
                                            cursor: pointer;
                                            font-size: 16px;
                                            position: relative;
                                            white-space: nowrap;
                                            color: var(--color-text);
                                          }

                                          .textlink::before,
                                          .textlink::after {
                                            position: absolute;
                                            width: 100%;
                                            height: 2px;
                                            background: currentColor;
                                            top: 100%;
                                            left: 0;
                                            pointer-events: none;
                                          }

                                          .textlink::before {
                                            content: "";
                                            /* show by default */
                                          }

                                          .underline-trail::before {
                                            transform-origin: 100% 50%;
                                            transform: scale3d(0, 1, 1);
                                            transition: transform 0.3s;
                                          }

                                          .underline-trail:hover::before {
                                            transform-origin: 0% 50%;
                                            transform: scale3d(1, 1, 1);
                                          }

.textlink {
                            cursor: pointer;
                            font-size: 16px;
                            position: relative;
                            white-space: nowrap;
                            color: var(--color-text);
                          }

                          .textlink .text:hover {
                            color: #30a08e;
                          }

                          .textlink::before,
                          .textlink::after {
                            position: absolute;
                            width: 100%;
                            height: 2px;
                            background: currentColor;
                            top: 100%;
                            left: 0;
                            pointer-events: none;
                          }

                          .textlink::before {
                            content: "";
                            /* show by default */
                          }

                          .underline-trail::before {
                            transform-origin: 100% 50%;
                            transform: scale3d(0, 1, 1);
                            transition: transform 0.3s;
                          }

                          .underline-trail:hover::before {
                            transform-origin: 0% 50%;
                            transform: scale3d(1, 1, 1);
                            color: #30a08e;
                          }