/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"); */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Averta Std CY", sans-serif;
}
button,
a {
    -webkit-tap-highlight-color: transparent;
}
html {
    position: relative;
    font-size: 1vw;
    scrollbar-gutter: stable;
}

/* @media (max-width: 639.98px) {
html {
font-size: calc(1600 / 375 * 1vw);
}
} */

@media (min-width: 1600px) {
    html {
        font-size: 1vw;
    }
}
html::-webkit-scrollbar {
    width: 0.5rem;
}

body.hidden__scrollbar {
    overflow: hidden;
}
body[data-scroll-locked] {
    overflow: hidden !important;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--Neutral-Grascale-colors-Gray-8);
}

section {
    position: relative;
}

a {
    display: block;
    text-decoration: none;
}

button {
    cursor: pointer;
    display: flex;
    border: none;
}

:root {
    /* fonts */
    /*   --font-size-H1: 3rem;
	--font-size-H2: 2.125rem; */
    --font-size-H1: 3.5rem;
    --font-size-H2: 3rem;
    --font-size-H3: 2.5rem;
    --font-size-H4: 2.25rem;
    --font-size-H5: 1.25rem;
    --font-size-H6: 1.125rem;
    --font-size-button: 1rem;
    --font-size-sub1: 1rem;
    --font-size-sub2: 0.875rem;
    --font-size-body1: 1rem;
    --font-size-body2: 0.875rem;
    --font-size-caption: 0.75rem;
    --font-size-overline: 0.75rem;
    --font-size-24: 1.5rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: 0.875rem;
    /* font input-label */
    --font-size-input-label: 0.8125rem;
    /* fonts spacing */
    --font-spacing-H1: -0.03125rem;
    --font-spacing-H2: -0.03125rem;
    --font-spacing-H4: 0.00188rem;
    --font-spacing-H5: 0.00169rem;
    --font-spacing-button: 0.0125rem;
    --font-spacing-sub1: 0.0015rem;
    --font-spacing-sub2: 0.00219rem;
    --font-spacing-body1: 0.005rem;
    --font-spacing-body2: 0.00219rem;
    --font-spacing-caption: 0.025rem;
    --font-spacing-overline: 0.09375rem;
    /* color */
    --Primary-color-Azure-blue: #1d85e8;
    --Primary-color-Oxfordblue: #092c4c;
    --Primary-color-Seafoam: #2fc9a4;
    --Primary-color-Tangerine-Red: #ff4e41;
    --palette-tangerine-red-normal-hover: #e6463b;
    --Palette-Tangerine-Red-Darker: #591b17;
    --stroke-color-ramp-16: rgba(9, 44, 76, 0.16);
    --Interaction-Inactive: #989ba2;
    --Text-Text-grey-50: #505050;
    --Text-Text-Gray-blue-4: #535974;
    --Text-Text-Gray-blue-5: #0b1553;
    --Text-Text-Gray-blue-6: #0c154e;
    --Text-Text-grey-80: #252525;
    --Text-Links-Indigo: #1313c1;
    --text-text-oxford-blue-0: #fff;
    --Neutral-Grascale-colors-Gray-4: #e5e7eb;
    --Neutral-Grascale-colors-Gray-6: #bbbfc3;
    --Neutral-Grascale-colors-Gray-8: #000;
    --palette-oxford-blue-normal-hover: #094f90;
    --Palette-Oxford-blue-Dark: #084278;
    --text-text-oxford-blue-high-emphasis-active-body-text-1: #092c4cde;
    --text-text-oxford-blue-100-tiitle: #092c4c;
    --Text-Text-Oxford-Blue-72-text-2: rgba(9, 44, 76, 0.72);
    --text-text-oxford-blue-54: rgba(9, 44, 76, 0.54);
    --Text-Text-Oxford-Blue-Disable: rgba(9, 44, 76, 0.38);
    --text-white: #fff;
    --text-text-oxford-blue-high-emphasis-active: rgba(9, 44, 76, 0.87);
    --outline-alternative-8: rgba(112, 115, 124, 0.08);
    --Text-Ramp-inverse-80: rgba(255, 255, 255, 0.8);
    --Text-Text-Oxford-Blue-87-body-text-1: rgba(9, 44, 76, 0.87);
    --color-ramp-16: rgba(5, 40, 72, 0.16);
    --outline-neutral-16: rgba(112, 115, 124, 0.16);
    --Background-Normal-Linear: linear-gradient(180deg, #f2f7ff 0%, #fff 100%);
    --Bagde-Azure-blue: #5282ff;
    --Bagde-Tangerine-red: #ff4e41;
    --Bagde-Seafoam: #2fc9a4;
    --Bagde-60: #404040;
    --Bagde-Bagde: radial-gradient(
        59.29% 86.15% at 50% 116.65%,
        #9AC1FF0%,
        #1111E2100%
    );
    --palette-azure-blue-light-active: #c9d8ff;
    --color-ramp-8: rgba(9, 44, 76, 0.08);
    --Palette-Indigo-Blue-Light: #eaedfe;
    --palette-tangerine-red-light-hover: #ffe4e3;
    --palette-seafoam-light-hover: #e0f8f2;
    --Palette-Oxford-blue-Light: #e7eef6;
    --Palette-Azure-Blue-Badge: #2871ff;
    --Text-Text-Oxford-Blue-100---Body: #092c4c;
    --palette-seafoam-dark-active: #165e4c;
    --Palette-Tangerine-Red-Dark: #bf3b31;
    --Primary-color-Azure-blue: #5282ff;
    --text-text-oxford-blue-100: #092c4c;
    --bg-button: #f89522;
    --icon-text--body-color: #465478;
    --text-title-color: #004b88;
    --text-dis-color: #838ca5;
    --input-dis: #b6babf;
    --stroke-color: #dfe1f5;
    --button-filter-color: #004b88;
    --text-title-gradient: linear-gradient(99deg, #ffcb0d 11.18%, #f89522 45%);
    --title-color: #f89522;
    /* shadow */
    --shadow-1: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --shadow-2: 0px 1px 5px 0px rgba(16, 24, 40, 0.06),
        0px 1px 12px 0px rgba(16, 24, 40, 0.02);
    --shadow-3: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
        0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    --shadow-4: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
        0px 4px 6px -2px rgba(16, 24, 40, 0.03);
    --shadow-5: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
        0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    --shadow-6: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
    --shadow-7: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
    --shadow-8: 0px 6.154px 6.154px -3.077px rgba(16, 24, 40, 0.03);
    --shadow-blue: 0px 3.932px 37.4px 0px rgba(41, 114, 255, 0.31);
    --shadow-blue-2: 0px 3.932px 36.174px 0px rgba(100, 72, 231, 0.37);
    /* Blur */
    --blur-1: blur(4px);
    --blur-2: blur(8px);
    --blur-2_5: blur(10px);
    --blur-3: blur(12px);
    --blur-4: blur(16px);
    /* radius */
    --radius-rounded-4px: 0.25rem;
    --radius-rounded-8px: 0.5rem;
    --radius-rounded-10px: 0.625rem;
    /* spacing */
    --4: 0.25rem;
    --6: 0.375rem;
    --8: 0.5rem;
    --10: 0.625rem;
    --12: 0.75rem;
    --16: 1rem;
    --20: 1.25rem;
    --24: 1.5rem;
    --32: 2rem;
    --40: 2.5rem;
    --48: 3rem;
    --64: 4rem;
    --128: 8rem;
    --256: 32rem;
    /* letter-spacing */
    --letter-spacing-sub1-400: 0.03125rem;
    --letter-spacing-sub1-500: 0.00938rem;
    --letter-spacing-sub1-600: 0.01563rem;
    --letter-spacing-h3: 0.00519rem;
    /* background */
    --Gradient-main: linear-gradient(
        330deg,
        #11dcfd -70.8%,
        #2871ff 22.01%,
        #1313c1 101.07%
    );
    --Background-Normal-F9F9FF: #f9f9ff;
    --color-palette-white-background: #fff;
    --Background-Pink-R3: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(248, 209, 219, 0.2) 100%
    );
    --Background-Purple-R3: linear-gradient(
        180deg,
        rgba(140, 118, 248, 0) 0%,
        rgba(139, 116, 248, 0.1) 100%
    );
    --Background-linear-gradient-feature: radial-gradient(
        99.71% 100.74% at 51.25% 36.08%,
        #5328ff 0%,
        #3de1f7 100%
    );
    --Background-linear-gradient-gray-330: linear-gradient(
        330deg,
        rgba(17, 220, 253, 0.05) -70.8%,
        rgba(11, 60, 155, 0.05) 16.78%,
        rgba(19, 19, 193, 0.05) 101.07%
    );
    --Background-linear-gradient-blue-to-white-180: linear-gradient(
        180deg,
        #f4faff 0%,
        #fff 100%
    );
    --Background-linear-gradient-white-to-blue-180: linear-gradient(
        180deg,
        #fff 5%,
        #edf4fa 100%
    );
    --Background-linear-gradient-blue-51: radial-gradient(
        51.58% 52.11% at 51.25% 36.08%,
        #04ccf8 0%,
        #3a19ff 100%
    );
    --Background-purple-85: linear-gradient(85deg, #8770f8 39%, #a99aef 102.4%);
}

/*.section-container,*/
/*.container {*/
/*	margin: 0 auto;*/
/*	width: 87.5rem;*/
/*}*/

/* @media screen and (max-width: 639.9px) {
.section-container,
.container {
width: 100%;
padding: 0 1.25rem;
}
} */

/* add */