:root {
    --custom-colors-list: primary,secondary,tertiary,quaternary;
    --header-font: "pantheon";
    --typography-h1-font: "pantheon";
    --typography-h1-size: 42px;
    --typography-h1-weight: 700;
    --typography-h2-font: "pantheon";
    --typography-h2-size: 28px;
    --typography-h2-weight: 700;
    --typography-h3-font: "pantheon";
    --typography-h3-size: 26px;
    --typography-h3-weight: 600;
    --typography-h4-font: "pantheon";
    --typography-h4-size: 24px;
    --typography-h4-weight: 500;
    --typography-h5-font: "pantheon";
    --typography-h5-size: 22px;
    --typography-h5-weight: 500;
    --typography-h6-font: "pantheon";
    --typography-h6-size: 20px;
    --typography-h6-weight: 500;
    --primary-color: #8e54f5;
    --primary-color-rgb: 142, 84, 245;
    --secondary-color: #c788e9;
    --secondary-color-rgb: 199, 136, 233;
    --tertiary-color: #5e39d3;
    --tertiary-color-rgb: 94, 57, 211;
    --quaternary-color: #c746e9;
    --quaternary-color-rgb: 199, 70, 233;
    --turkis: #00efff;
    --turkis-rgb: 0, 239, 255;
    --gray-dark: #888888;
    --gray-dark-rgb: 136, 136, 136;
    --olii: #f6b300;
    --olii-rgb: 246, 179, 0;
    --ih-blue-lighter: #f5f8fb;
    --ih-blue-lighter-rgb: 245, 248, 251;
    --ih-blue-light: #a0d1fb;
    --ih-blue-light-rgb: 160, 209, 251;
    --ih-blue-text: #349af2;
    --ih-blue-text-rgb: 52, 154, 242;
    --ih-blue-spot: #212cfe;
    --ih-blue-spot-rgb: 33, 44, 254;
    --gradient-default: linear-gradient(40deg,rgb(199,136,233) 4%,rgb(142,84,245) 97%);
    --gradient-dark: linear-gradient(180deg,rgb(21,10,31) 0%,rgb(115,76,205) 91%);
    --gradient-innovation-hub: linear-gradient(40deg,rgb(160,209,251) 0%,rgb(142,84,245) 96%);
    --font-primary: "pantheon";
    --font-secondary: "pantheon";
    --base-font-size: 20px;
    --base-font-weight: 400;
    --base-font-line-height: 1.4;
    --base-letter-spacing: 0;
    --base-font-color: #888888;
    --base-font-color-rgb: 136, 136, 136;
    --base-link-color: #8e54f5!important;;
    --body-bg-color: #fff;
    --body-bg-color-rgb: 255, 255, 255;
    --body-bg-backdrop: #5e39d3;
    --body-bg-backdrop-rgb: 94, 57, 211;
    --icon-font: "Font Awesome 6 Pro";
    --icon-font-brands: "Font Awesome 6 Brands";
    --header-dropshadow: block;
    --header-z-index: 5;
    --header-bg: transparent;
    --header-bg-affix: #ffffff;
    --header-bg-affix-rgb: 255, 255, 255;
    --header-height: 180px;
    --header-navbar-bg: transparent;
    --header-navbar-bg-affix: transparent;
    --header-navbar-align-hr: center;
    --header-navbar-align-vr: center;
    --header-navbar-nav-width: auto;
    --header-navbar-nav-margin: ;
    --header-navbar-nav-font: "pantheon";
    --nav-font: "pantheon";
    --header-navbar-nav-font-weight: 600;
    --header-navbar-nav-font-weight-active: 700;
    --header-navbar-nav-font-text-transform: uppercase;
    --header-navbar-nav-font-letter-spacing: 0;
    --header-navbar-nav-font-color: #8e54f5;
    --header-navbar-nav-font-color-rgb: 142, 84, 245;
    --header-navbar-nav-font-color-hover: #5e39d3;
    --header-navbar-nav-font-color-hover-rgb: 94, 57, 211;
    --header-navbar-nav-font-color-active: #5e39d3;
    --header-navbar-nav-font-color-active-rgb: 94, 57, 211;
    --header-navbar-nav-bg-color: transparent;
    --header-navbar-nav-bg-color-hover: transparent;
    --header-navbar-nav-dropdown-root-arrow: none;
    --header-navbar-nav-dropdown-root-arrow-top: 100%;
    --header-navbar-nav-dropdown-root-arrow-left: 50%;
    --header-navbar-nav-dropdown-align: center;
    --header-navbar-nav-dropdown-root-arrow-transform: translateX(-50%);
    --header-navbar-nav-dropdown-bg: #ffffff;
    --header-navbar-nav-dropdown-bg-rgb: 255, 255, 255;
    --header-navbar-nav-dropdown-width: 300px;
    --header-navbar-nav-dropdown-margin: ;
    --header-navbar-nav-dropdown-top: calc(100% - 40px);
    --header-navbar-nav-dropdown-padding: 20px 15px;
    --header-navbar-nav-dropdown-border: none;
    --header-navbar-nav-dropdown-border-radius: 22px;
    --header-navbar-nav-dropdown-font: "pantheon";
    --header-navbar-nav-dropdown-font-size: 18px;
    --header-navbar-nav-dropdown-font-color: #8e54f5;
    --header-navbar-nav-dropdown-font-color-rgb: 142, 84, 245;
    --header-navbar-nav-dropdown-font-color-hover: #5e39d3;
    --header-navbar-nav-dropdown-font-color-hover-rgb: 94, 57, 211;
    --header-navbar-nav-dropdown-font-weight: 400;
    --header-navbar-nav-dropdown-font-weight-hover: 600;
    --header-navbar-nav-dropdown-font-text-transform: none;
    --header-navbar-nav-dropdown-item-padding: 8px 12px;
    --header-navbar-nav-dropdown-item-bg: transparent;
    --header-navbar-nav-dropdown-item-bg-hover: #ecefee;
    --header-navbar-nav-dropdown-item-bg-hover-rgb: 236, 239, 238;
    --header-navbar-nav-dropdown-item-border: none;
    --header-navbar-nav-dropdown-item-border-radius: 16px;
    --header-navbar-logo-color: transparent;
    --header-navbar-logo-color-affix: transparent;
    --header-navbar-logo-align-hr: center;
    --header-navbar-logo-align-vr: center;
    --footer-height: 0;
    --footer-padding: auto;
    --footer-color: #ffffff;
    --footer-color-rgb: 255, 255, 255;
    --footer-color-link: #ffffff;
    --footer-color-link-rgb: 255, 255, 255;
    --footer-color-link-hover: #ffffff;
    --footer-color-link-hover-rgb: 255, 255, 255;
    --footer-bg-color: transparent;
    --footer-bg-gradient: linear-gradient(63deg,rgb(94,57,211) 0%,rgb(199,70,233) 99%);
    --footer-bg-image: url(https://kidsai.io/wp-content/uploads/bg-footer-img-converted.webp);
    --footer-bg-size: auto;
    --footer-bg-repeat: no-repeat;
    --footer-bg-position: left center;
    --breadcrumb-item-font-family: "pantheon";
    --breadcrumb-item-font-size: 18px;
    --breadcrumb-item-font-weight: 600;
    --breadcrumb-item-line-height: 1;
    --breadcrumb-item-letter-spacing: 0;
    --breadcrumb-item-text-transform: none;
    --breadcrumb-item-color: #8e54f5;
    --breadcrumb-item-color-rgb: 142, 84, 245;
    --breadcrumb-item-color-hover: #5e39d3;
    --breadcrumb-item-color-hover-rgb: 94, 57, 211;
    --breadcrumb-sep-color: #c788e9;
    --breadcrumb-sep-color-rgb: 199, 136, 233;
    --pagination-align: center;
    --pagination-font-family: "pantheon";
    --pagination-font-size: 16px;
    --pagination-font-weight: 400;
    --pagination-font-weight-active: 600;
    --pagination-item-color: #5e39d3;
    --pagination-item-color-rgb: 94, 57, 211;
    --pagination-item-color-hover: #5e39d3;
    --pagination-item-color-hover-rgb: 94, 57, 211;
    --pagination-item-color-active: #ffffff;
    --pagination-item-color-active-rgb: 255, 255, 255;
    --pagination-item-bg-color: #ffffff;
    --pagination-item-bg-color-rgb: 255, 255, 255;
    --pagination-item-bg-color-hover: #ffffff;
    --pagination-item-bg-color-hover-rgb: 255, 255, 255;
    --pagination-item-bg-color-active: #5e39d3;
    --pagination-item-bg-color-active-rgb: 94, 57, 211;
    --pagination-item-border: 1px solid #5e39d3;
    --pagination-item-border-hover: 1px solid #5e39d3;
    --pagination-item-border-active: 1px solid #5e39d3;
    --pagination-item-border-radius: 8px;
    --pagination-nav-font-family: "Font Awesome 6 Pro";
    --pagination-nav-font-size: 18px;
    --pagination-nav-color: #5e39d3;
    --pagination-nav-color-rgb: 94, 57, 211;
    --pagination-nav-color-hover: #5e39d3;
    --pagination-nav-color-hover-rgb: 94, 57, 211;
    --pagination-nav-color-disabled: #eaeaea;
    --pagination-nav-color-disabled-rgb: 234, 234, 234;
    --pagination-nav-bg-color: transparent;
    --pagination-nav-bg-color-hover: transparent;
    --pagination-nav-border: 1px solid transparent;
    --pagination-nav-border-hover: 1px solid transparent;
    --pagination-nav-border-active: 1px solid transparent;
    --pagination-nav-border-radius: 8pxpx;
    --pagination-nav-prev-text: f053;
    --pagination-nav-next-text: f054;
    --pagination-item-gap: 10px;
    --offcanvas-bg-color: transparent;
    --offcanvas-bg-gradient: linear-gradient(331deg,rgb(199,136,233) 4%,rgb(142,84,245) 97%);
    --offcanvas-backdrop-color: transparent;
    --offcanvas-backdrop-gradient: linear-gradient(331deg,rgb(199,136,233) 4%,rgb(142,84,245) 97%);
    --offcanvas-backdrop-opacity: 0.9;
    --offcanvas-padding: 15px 0px;
    --offcanvas-align-hr: start;
    --offcanvas-align-vr: start;
    --offcanvas-header-font: "pantheon";
    --offcanvas-header-font-size: 28px;
    --offcanvas-header-font-weight: 700;
    --offcanvas-header-color: #ffffff;
    --offcanvas-header-color-rgb: 255, 255, 255;
    --offcanvas-header-padding: 10px 40px 10px 0px;
    --offcanvas-header-icon-font-size: 22px;
    --offcanvas-header-icon-color: #ffffff;
    --offcanvas-header-icon-color-rgb: 255, 255, 255;
    --offcanvas-item-font: "pantheon";
    --offcanvas-item-font-size: 28px;
    --offcanvas-item-font-weight: 400;
    --offcanvas-item-color: #e5e3e8;
    --offcanvas-item-color-rgb: 229, 227, 232;
    --offcanvas-item-color-hover: #ffffff;
    --offcanvas-item-color-hover-rgb: 255, 255, 255;
    --offcanvas-item-bg: transparent;
    --offcanvas-item-bg-hover: transparent;
    --offcanvas-item-padding: 5px 25px 5px 0px;
    --offcanvas-item-align-hr: center;
    --offcanvas-dropdown-bg: transparent;
    --offcanvas-dropdown-padding: 15px 10px;
    --offcanvas-dropdown-item-font-family: ;
    --offcanvas-dropdown-item-font-size: 28px;
    --offcanvas-dropdown-item-font-color: #e5e3e8;
    --offcanvas-dropdown-item-font-color-rgb: 229, 227, 232;
    --offcanvas-dropdown-item-font-color-hover: #ffffff;
    --offcanvas-dropdown-item-font-color-hover-rgb: 255, 255, 255;
    --offcanvas-dropdown-item-font-weight: 400;
    --offcanvas-dropdown-item-font-weight-hover: 400;
    --offcanvas-dropdown-item-padding: 5px 18px;
    --offcanvas-dropdown-item-bg: transparent;
    --offcanvas-dropdown-item-bg-hover: transparent;
    --offcanvas-dropdown-item-border: none;
    --header-social-font: "Font Awesome 6 Brands";
    --header-social-font-size: 24px;
    --header-social-color: #8e54f5;
    --header-social-color-rgb: 142, 84, 245;
    --header-social-color-hover: #5e39d3;
    --header-social-color-hover-rgb: 94, 57, 211;
    --header-social-gap: 10px;
    --header-icon-font: "Font Awesome 6 Pro";
    --header-icon-font-size: 20px;
    --header-icon-color: #8e54f5;
    --header-icon-color-rgb: 142, 84, 245;
    --header-icon-color-hover: #5e39d3;
    --header-icon-color-hover-rgb: 94, 57, 211;
    --header-icon-dot-color: #00efff;
    --header-icon-dot-color-rgb: 0, 239, 255;
    --header-link-font: "pantheon";
    --header-link-font-size: 20px;
    --header-link-font-weight: 400;
    --header-link-color: #8e54f5;
    --header-link-color-rgb: 142, 84, 245;
    --header-link-color-hover: #5e39d3;
    --header-link-color-hover-rgb: 94, 57, 211;
    --header-link-color-active: #5e39d3;
    --header-link-color-active-rgb: 94, 57, 211;
    --header-btn-font: "pantheon";
    --header-btn-font-size: 14px;
    --header-btn-font-weight: 400;
    --header-language-font: "pantheon";
    --header-language-font-size: 16px;
    --header-language-font-weight: 600;
    --header-language-color: #8e54f5;
    --header-language-color-rgb: 142, 84, 245;
    --header-language-color-hover: #5e39d3;
    --header-language-color-hover-rgb: 94, 57, 211;
    --header-language-color-active: #5e39d3;
    --header-language-color-active-rgb: 94, 57, 211;
    --header-navbar-toggler-color: #8e54f5;
    --header-navbar-toggler-color-rgb: 142, 84, 245;
    --header-navbar-toggler-color-hover: #5e39d3;
    --header-navbar-toggler-color-hover-rgb: 94, 57, 211;
    --notification-count-color: #ffffff;
    --notification-count-color-rgb: 255, 255, 255;
    --notification-count-bg-color: #c746e9;
    --notification-count-bg-color-rgb: 199, 70, 233;
    --breakpoints: 'xs,sm,md,lg,xl,xxl,xxxl';
    --scroll-to-top-active: 1;
    --scroll-to-top-show: block;
    --scroll-to-top-hr: right;
    --scroll-to-top-vr: bottom;
    --scroll-to-top-bg-color: #5e39d3;
    --scroll-to-top-bg-color-rgb: 94, 57, 211;
    --scroll-to-top-bg-color-hover: #f5f8fb;
    --scroll-to-top-bg-color-hover-rgb: 245, 248, 251;
    --scroll-to-top-color: #f5f8fb;
    --scroll-to-top-color-rgb: 245, 248, 251;
    --scroll-to-top-color-hover: #5e39d3;
    --scroll-to-top-color-hover-rgb: 94, 57, 211;
    --scroll-to-top-width: 40px;
    --scroll-to-top-height: 40px;
    --scroll-to-top-radius: 50%;
    --scroll-to-top-gap: 35px;
    --scroll-to-top-font-size: 22px;
    --scroll-to-top-duration: 600;
--hero-height-full: 100vh;
--hero-height-full-min: 100dvh;
--salt-colors: primary,secondary,tertiary,quaternary;
}

@media (max-width: 575px) {
    :root {
        --title-fs-xxxl: 52px;
        --title-fs-xxl: 48px;
        --title-fs-xl: 42px;
        --title-fs-lg: 36px;
        --title-fs-md: 32px;
        --title-fs-sm: 26px;
        --title-fs-xs: 22px;
        --title-lh-xxxl: 1.1;
        --title-lh-xxl: 1.1;
        --title-lh-xl: 1.1;
        --title-lh-lg: 1.1;
        --title-lh-md: 1.1;
        --title-lh-sm: 1.1;
        --title-lh-xs: 1.1;
        --text-fs-xxxl: 36px;
        --text-fs-xxl: 32px;
        --text-fs-xl: 28px;
        --text-fs-lg: 24px;
        --text-fs-md: 20px;
        --text-fs-sm: 16px;
        --text-fs-xs: 14px;
        --text-lh-xxxl: 1.4;
        --text-lh-xxl: 1.4;
        --text-lh-xl: 1.4;
        --text-lh-lg: 1.3;
        --text-lh-md: 1.3;
        --text-lh-sm: 1.3;
        --text-lh-xs: 1.3;
        --hero-height-xxxl:100vh;
        --hero-height-xxxl-min:100dvh;
        --hero-height-xxl:820px;
        --hero-height-xxl-min:820px;
        --hero-height-xl:720px;
        --hero-height-xl-min:720px;
        --hero-height-lg:620px;
        --hero-height-lg-min:620px;
        --hero-height-md:520px;
        --hero-height-md-min:520px;
        --hero-height-sm:420px;
        --hero-height-sm-min:420px;
        --hero-height-xs:320px;
        --hero-height-xs-min:320px;
        --title-fs: 26px;
        --title-lh: 1.1;
        --text-fs: 14px;
        --text-lh: 1.3;
        --header-height: 80px;
        --header-height-affix: 80px;
        --header-navbar-height: 80px;
        --header-navbar-height-affix: 80px;
        --header-navbar-padding: 0px;
        --header-navbar-padding-affix: 0px;
        --header-navbar-nav-align-hr: center;
        --header-navbar-nav-align-vr: center;
        --header-navbar-nav-height: 80px;
        --header-navbar-nav-height-affix: 80px;
        --header-navbar-nav-item-padding: 0px 10px;
        --header-navbar-nav-font-size: 16px;
        --header-navbar-logo-padding: 25px 0;
        --header-navbar-logo-padding-affix: 25px 0;
        --hero-height: 320px;
        --hero-height-min:320px;
        --header-tools-height: 80px;
        --header-tools-height-affix: 80px;
        --header-tools-item-gap: 10px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    :root {
        --title-fs: 32px;
        --title-lh: 1.1;
        --text-fs: 16px;
        --text-lh: 1.3;
        --header-height: 80px;
        --header-height-affix: 80px;
        --header-navbar-height: 80px;
        --header-navbar-height-affix: 80px;
        --header-navbar-padding: 0px;
        --header-navbar-padding-affix: 0px;
        --header-navbar-nav-align-hr: center;
        --header-navbar-nav-align-vr: center;
        --header-navbar-nav-height: 80px;
        --header-navbar-nav-height-affix: 80px;
        --header-navbar-nav-item-padding: 0px 10px;
        --header-navbar-nav-font-size: 16px;
        --header-navbar-logo-padding: 25px 0;
        --header-navbar-logo-padding-affix: 25px 0;
        --hero-height: 420px;
        --hero-height-min:420px;
        --header-tools-height: 80px;
        --header-tools-height-affix: 80px;
        --header-tools-item-gap: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    :root {
        --title-fs: 42px;
        --title-lh: 1.1;
        --text-fs: 20px;
        --text-lh: 1.3;
        --header-height: 140px;
        --header-height-affix: 100px;
        --header-navbar-height: 140px;
        --header-navbar-height-affix: 100px;
        --header-navbar-padding: 0px;
        --header-navbar-padding-affix: 0px;
        --header-navbar-nav-align-hr: center;
        --header-navbar-nav-align-vr: center;
        --header-navbar-nav-height: 140px;
        --header-navbar-nav-height-affix: 100px;
        --header-navbar-nav-item-padding: 0px 10px;
        --header-navbar-nav-font-size: 18px;
        --header-navbar-logo-padding: 0px;
        --header-navbar-logo-padding-affix: 0px;
        --hero-height: 520px;
        --hero-height-min:520px;
        --header-tools-height: 100px;
        --header-tools-height-affix: 80px;
        --header-tools-item-gap: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    :root {
        --title-fs: 52px;
        --title-lh: 1.1;
        --text-fs: 24px;
        --text-lh: 1.3;
        --header-height: 160px;
        --header-height-affix: 100px;
        --header-navbar-height: 160px;
        --header-navbar-height-affix: 100px;
        --header-navbar-padding: 0px;
        --header-navbar-padding-affix: 0px;
        --header-navbar-nav-align-hr: center;
        --header-navbar-nav-align-vr: center;
        --header-navbar-nav-height: 160px;
        --header-navbar-nav-height-affix: 100px;
        --header-navbar-nav-item-padding: 0px 10px;
        --header-navbar-nav-font-size: 18px;
        --header-navbar-logo-padding: 0px;
        --header-navbar-logo-padding-affix: 0px;
        --hero-height: 620px;
        --hero-height-min:620px;
        --header-tools-height: 120px;
        --header-tools-height-affix: 80px;
        --header-tools-item-gap: 25px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    :root {
        --title-fs: 62px;
        --title-lh: 1.1;
        --text-fs: 32px;
        --text-lh: 1.4;
        --header-height: 160px;
        --header-height-affix: 100px;
        --header-navbar-height: 160px;
        --header-navbar-height-affix: 100px;
        --header-navbar-padding: 0px;
        --header-navbar-padding-affix: 0px;
        --header-navbar-nav-align-hr: center;
        --header-navbar-nav-align-vr: center;
        --header-navbar-nav-height: 160px;
        --header-navbar-nav-height-affix: 100px;
        --header-navbar-nav-item-padding: 0px 10px;
        --header-navbar-nav-font-size: 18px;
        --header-navbar-logo-padding: 0px;
        --header-navbar-logo-padding-affix: 0px;
        --hero-height: 720px;
        --hero-height-min:720px;
        --header-tools-height: 160px;
        --header-tools-height-affix: 100px;
        --header-tools-item-gap: 40px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    :root {
        --title-fs: 72px;
        --title-lh: 1.1;
        --text-fs: 36px;
        --text-lh: 1.4;
        --header-height: 180px;
        --header-height-affix: 100px;
        --header-navbar-height: 180px;
        --header-navbar-height-affix: 100px;
        --header-navbar-padding: 0px;
        --header-navbar-padding-affix: 0px;
        --header-navbar-nav-align-hr: center;
        --header-navbar-nav-align-vr: center;
        --header-navbar-nav-height: 180px;
        --header-navbar-nav-height-affix: 100px;
        --header-navbar-nav-item-padding: 0px 15px;
        --header-navbar-nav-font-size: 18px;
        --header-navbar-logo-padding: 0px;
        --header-navbar-logo-padding-affix: 0px;
        --hero-height: 820px;
        --hero-height-min:820px;
        --header-tools-height: 200px;
        --header-tools-height-affix: 100px;
        --header-tools-item-gap: 50px;
    }
}

@media (min-width: 1600px) {
    :root {
        --title-fs: 82px;
        --title-lh: 1.1;
        --text-fs: 42px;
        --text-lh: 1.4;
        --header-height: 180px;
        --header-height-affix: 100px;
        --header-navbar-height: 180px;
        --header-navbar-height-affix: 100px;
        --header-navbar-padding: 0px;
        --header-navbar-padding-affix: 0px;
        --header-navbar-nav-align-hr: center;
        --header-navbar-nav-align-vr: center;
        --header-navbar-nav-height: 180px;
        --header-navbar-nav-height-affix: 100px;
        --header-navbar-nav-item-padding: 0px 15px;
        --header-navbar-nav-font-size: 18px;
        --header-navbar-logo-padding: 0px;
        --header-navbar-logo-padding-affix: 0px;
        --hero-height: 100vh;
        --hero-height-min:100dvh;
        --header-tools-height: 200px;
        --header-tools-height-affix: 100px;
        --header-tools-item-gap: 50px;
    }
}

@media (min-width: 576px) and (max-width: 1599px) {
  :root {
    --title-fs-xxxl: clamp(26px, calc(-5.5308px + 0.0547 * 100vw), 82px);
    --title-lh-xxxl: 1.1;
    --title-fs-xxl: clamp(26px, calc(0.0997px + 0.045 * 100vw), 72px);
    --title-lh-xxl: 1.1;
    --title-fs-xl: clamp(26px, calc(5.7302px + 0.0352 * 100vw), 62px);
    --title-lh-xl: 1.1;
    --title-fs-lg: clamp(26px, calc(11.3607px + 0.0254 * 100vw), 52px);
    --title-lh-lg: 1.1;
    --title-fs-md: clamp(26px, calc(16.9912px + 0.0156 * 100vw), 42px);
    --title-lh-md: 1.1;
    --title-fs-sm: clamp(26px, calc(22.6217px + 0.0059 * 100vw), 32px);
    --title-lh-sm: 1.1;
    --title-fs-xs: 26px;
    --title-lh-xs: 1.1;
    --text-fs-xxxl: clamp(14px, calc(-1.7654px + 0.0274 * 100vw), 42px);
    --text-lh-xxxl: 1.4;
    --text-fs-xxl: clamp(14px, calc(1.6129px + 0.0215 * 100vw), 36px);
    --text-lh-xxl: 1.4;
    --text-fs-xl: clamp(14px, calc(3.8651px + 0.0176 * 100vw), 32px);
    --text-lh-xl: 1.4;
    --text-fs-lg: clamp(14px, calc(8.3695px + 0.0098 * 100vw), 24px);
    --text-lh-lg: 1.3;
    --text-fs-md: clamp(14px, calc(10.6217px + 0.0059 * 100vw), 20px);
    --text-lh-md: 1.3;
    --text-fs-sm: clamp(14px, calc(12.8739px + 0.002 * 100vw), 16px);
    --text-lh-sm: 1.3;
    --text-fs-xs: 14px;
    --text-lh-xs: 1.3;
    --hero-height-xxxl: 100vh;
    --hero-height-xxl: clamp(320px, calc(38.4751px + 0.4888 * 100vw), 820px);
    --hero-height-xl: clamp(320px, calc(94.7801px + 0.391 * 100vw), 720px);
    --hero-height-lg: clamp(320px, calc(151.085px + 0.2933 * 100vw), 620px);
    --hero-height-md: clamp(320px, calc(207.39px + 0.1955 * 100vw), 520px);
    --hero-height-sm: clamp(320px, calc(263.695px + 0.0978 * 100vw), 420px);
    --hero-height-xs: 320px;
  }
}

@media (min-width: 1600px) {
  :root {
    --title-fs-xxxl: 82px;
    --title-lh-xxxl: 1.1;
    --title-fs-xxl: 72px;
    --title-lh-xxl: 1.1;
    --title-fs-xl: 62px;
    --title-lh-xl: 1.1;
    --title-fs-lg: 52px;
    --title-lh-lg: 1.1;
    --title-fs-md: 42px;
    --title-lh-md: 1.1;
    --title-fs-sm: 32px;
    --title-lh-sm: 1.1;
    --title-fs-xs: 26px;
    --title-lh-xs: 1.1;
    --text-fs-xxxl: 42px;
    --text-lh-xxxl: 1.4;
    --text-fs-xxl: 36px;
    --text-lh-xxl: 1.4;
    --text-fs-xl: 32px;
    --text-lh-xl: 1.4;
    --text-fs-lg: 24px;
    --text-lh-lg: 1.3;
    --text-fs-md: 20px;
    --text-lh-md: 1.3;
    --text-fs-sm: 16px;
    --text-lh-sm: 1.3;
    --text-fs-xs: 14px;
    --text-lh-xs: 1.3;
    --hero-height-xxxl: 100vh;
        --hero-height-xxxl-min:100dvh;
    --hero-height-xxl: 820px;
        --hero-height-xxl-min:820px;
    --hero-height-xl: 720px;
        --hero-height-xl-min:720px;
    --hero-height-lg: 620px;
        --hero-height-lg-min:620px;
    --hero-height-md: 520px;
        --hero-height-md-min:520px;
    --hero-height-sm: 420px;
        --hero-height-sm-min:420px;
    --hero-height-xs: 320px;
        --hero-height-xs-min:320px;
  }
}

.has-hero:not(.menu-open):not(.menu-show-header) header#header{z-index:5}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg circle[fill]:not([stroke]),.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg path[fill]:not([stroke]),.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg rect[fill]:not([stroke]),.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg polygon[fill]:not([stroke]){fill:#ffffff !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg circle[stroke],.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg line[stroke],.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg path[stroke],.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg rect[stroke],.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-brand .logo-svg polygon[stroke]{stroke:#ffffff !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .header-tools>.nav>.nav-item:not(.navbar-container) a:not(.btn){color:#ffffff !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .header-tools>.nav>.nav-item:not(.navbar-container) a:not(.btn):hover{color:#ffffff !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .header-tools>.nav>.nav-item:not(.navbar-container) a:not(.btn):hover>i{color:#ffffff !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .header-tools>.nav>.nav-item:not(.navbar-container) a:not(.btn)>i{color:#ffffff !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .header-tools>.nav>.nav-item .nav-toggler-custom span{background-color:#ffffff}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .header-tools>.nav>.nav-item .nav-toggler-custom span:before{background-color:#ffffff}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .header-tools>.nav>.nav-item .nav-toggler-custom span:after{background-color:#ffffff}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-container .navbar-nav-main>.nav-item>a{color:#ffffff}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-container .navbar-nav-main>.nav-item>a:hover{color:#ffffff}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-container .navbar-nav-main>.nav-item>a .sub-arrow:after,.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-container .navbar-nav-main>.nav-item>a .caret:after{color:rgba(255, 255, 255, 0.6)}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-container .navbar-nav-main>.nav-item>a.dropdown-toggle:after{color:rgba(255, 255, 255, 0.6)}.has-hero:not(.menu-open):not(.menu-show-header) header#header:not(.affix) .navbar-container .navbar-nav-main>.nav-item.active>a{color:#ffffff}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix{background-color:#ffffff}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item:not(.navbar-container) a:not(.btn){color:#8e54f5 !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item:not(.navbar-container) a:not(.btn):hover{color:#8e54f5 !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item:not(.navbar-container) a:not(.btn):hover>i{color:#8e54f5 !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item:not(.navbar-container) a:not(.btn)>i{color:#8e54f5 !important}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item:not(.navbar-container) a.btn[class*=" btn-outline-"]{--bs-btn-color: #8e54f5;--bs-btn-border-color: #8e54f5;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #8e54f5;--bs-btn-hover-border-color: #8e54f5;--bs-btn-focus-shadow-rgb: to-rgb(#8e54f5);--bs-btn-active-color: #fff;--bs-btn-active-bg: #8e54f5;--bs-btn-active-border-color: #8e54f5;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #8e54f5;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #8e54f5;--bs-gradient: none}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item:not(.navbar-container) a.btn:not([class*=" btn-outline-"]){--bs-btn-color: #fff;--bs-btn-bg: #8e54f5;--bs-btn-border-color: #8e54f5;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #7947d0;--bs-btn-hover-border-color: #7243c4;--bs-btn-focus-shadow-rgb: to-rgb(#9f6ef7);--bs-btn-active-color: #fff;--bs-btn-active-bg: #7243c4;--bs-btn-active-border-color: #6b3fb8;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #8e54f5;--bs-btn-disabled-border-color: #8e54f5}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item .nav-toggler-custom span{background-color:#8e54f5}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item .nav-toggler-custom span:before{background-color:#8e54f5}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .header-tools>.nav>.nav-item .nav-toggler-custom span:after{background-color:#8e54f5}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .navbar-container .navbar-nav-main>.nav-item>a{color:#8e54f5}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .navbar-container .navbar-nav-main>.nav-item>a:hover{color:#8e54f5}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .navbar-container .navbar-nav-main>.nav-item>a .sub-arrow:after,.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .navbar-container .navbar-nav-main>.nav-item>a .caret:after{color:rgba(142, 84, 245, 0.6)}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .navbar-container .navbar-nav-main>.nav-item>a.dropdown-toggle:after{color:rgba(142, 84, 245, 0.6)}.has-hero:not(.menu-open):not(.menu-show-header) header#header.affix .navbar-container .navbar-nav-main>.nav-item.active>a{color:#8e54f5}