/* Extracted from index.html.tpl */

/* === CSS Block 1 === */
.anti-flicker, .anti-flicker * {
visibility: hidden !important;
opacity: 0 !important;
}

/* === CSS Block 2 === */
[data-wf-hidden-variation], [data-wf-hidden-variation] * {
display: none !important;
}

/* === CSS Block 3 === */
.standard-tab {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
}

/* === CSS Block 4 === */
/* 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;
}

/* === CSS Block 5 === */
/* 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);
}

/* === CSS Block 6 === */
/* 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 */
}
}

/* === CSS Block 7 === */
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;
display: flex;
align-items: stretch;
}

.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;
}

.cms_tabs_item .tabs_layout {
display: flex;
align-items: center;
gap: 0.5rem;
min-height: 2.5rem;
}

.cms_tabs_item .testimional_logo {
max-height: 2rem;
width: auto;
flex-shrink: 0;
}

/* 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;
}
}

/* === CSS Block 8 === */
.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 */
}

/* === CSS Block 9 === */
/* Dot wrapper */
.w-slider-nav {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 0.75rem !important;
}

/* Inactive dots */
.w-slider-nav .w-slider-dot {
width: 0.625rem !important;
height: 0.625rem !important;
margin: 0 !important;
padding: 0 !important;
background-color: #1d605b !important;
border-radius: 999rem !important;
opacity: 1 !important;
box-shadow: none !important;
}

/* Active line */
.w-slider-nav .w-slider-dot.w-active {
width: 2.5rem !important;
height: 0.625rem !important;
background-color: #6ad3be !important;
border-radius: 999rem !important;
}

/* === CSS Block 10 === */
.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;
}

/* === CSS Block 11 === */
@media screen and (max-width: 991px) {
.stats_layout.is-grid {
position: relative;
}

.stats_layout.is-grid::before, .stats_layout.is-grid::after {
content: "";
position: absolute;
background-color: #1d605b;
opacity: 1;
pointer-events: none;
}

.stats_layout.is-grid::before {
top: 0;
bottom: 0;
left: 50%;
width: 1px;
transform: translateX(-50%);
}

.stats_layout.is-grid::after {
left: 0;
right: 0;
top: 50%;
height: 1px;
transform: translateY(-50%);
}
}