/* ==========================================================================
   FONT FACES
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* Medium */
@font-face {
    font-family: "PP Neue Montreal Medium";
    src: url("../fonts/ppneuemontreal-medium.ttf") format('truetype');
    font-style: normal;
    font-display: swap;
}

/* ExtraBold */
@font-face {
    font-family: "PP Neue Montreal";
    src: url("../fonts/ppneuemontreal-bold.ttf") format('truetype');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "InterVariable";
    src: url("../fonts/InterVariable.woff2") format('woff2');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: UniversalSans-500;
    src: url(../fonts/UniversalSans-500.woff) format("woff"), url(../fonts/UniversalSans-500.ttf) format("ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: UniversalSans-500-Headlines;
    src: url(../fonts/UniversalSans-500-Headlines.woff) format("woff"), url(../fonts/UniversalSans-500-Headlines.ttf) format("ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: UniversalSans-740;
    src: url(../fonts/UniversalSans-740.woff) format("woff"), url(../fonts/UniversalSans-740.ttf) format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: UniversalSans-740-Headlines;
    src: url(../fonts/UniversalSans-740-Headlines.woff) format("woff"), url(../fonts/UniversalSans-740-Headlines.ttf) format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'Caramello';
    src: url(../fonts/Caramello.ttf) format('truetype');
}
.caramello-font {
    font-family: 'Caramello', sans-serif;
}
@font-face {
    font-family: 'Beautiful Handwriting';
    src: url('../fonts/BeautyHandwriting-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.signature-font {
    font-family: 'Beautiful Handwriting', cursive;
}

:root {
    --color-white: #fff;
    --color-gray-5: #f3f4f6;
    --color-gray-100: #e6e8eb;
    --color-gray-200: #cbd0d6;
    --color-gray-300: #b2b8c2;
    --color-gray-400: #989fab;
    --color-gray-500: #7f8694;
    --color-gray-600: #666c7a;
    --color-gray-700: #4e5361;
    --color-gray-800: #353945;
    --color-gray-850: #252833;
    --color-gray-900: #171921;
    --color-black: #06070a;
    --color-red-600: #cf3723;
    --color-blue-200: #bacdff;
    --color-blue-600: #31356d;
    --color-headerWhite: #ffffff80;
    --color-headerDark: #17191f80;
    --ease: cubic-bezier(1, 0, 0, 1);
    --ease-out: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-in: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --default: cubic-bezier(0.25, 0.1, 0.25, 1);
    --easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
    --easeInExpo: cubic-bezier(0.7, 0, 0.84, 0);
    --z-card: 103;
    --z-header: 102;
    --z-popup: 101;
    --menu-follow-delay: 0ms;
	--inter-variable-font: "InterVariable", sans-serif;
}

.inter-font-faimaly{
  font-family: "Inter", sans-serif !important;
	font-weight: 900 !important;
}

.color-white {
    color: var(--color-white);
}

.color-gray-5 {
    color: var(--color-gray-5);
}

.color-gray-100 {
    color: var(--color-gray-100);
}

.color-gray-200 {
    color: var(--color-gray-200);
}

.color-gray-300 {
    color: var(--color-gray-300);
}

.color-gray-400 {
    color: var(--color-gray-400);
}

.color-gray-500 {
    color: var(--color-gray-500);
}

.color-gray-600 {
    color: var(--color-gray-600);
}

.color-gray-700 {
    color: var(--color-gray-700);
}

.color-gray-800 {
    color: var(--color-gray-800);
}

.color-gray-850 {
    color: var(--color-gray-850);
}

.color-gray-900 {
    color: var(--color-gray-900);
}

.color-black {
    color: var(--color-black);
}

.color-red-600 {
    color: var(--color-red-600);
}

.color-blue-200 {
    color: var(--color-blue-200);
}

.color-blue-600 {
    color: var(--color-blue-600);
}

.color-headerWhite {
    color: var(--color-headerWhite);
}

.color-headerDark {
    color: var(--color-headerDark);
}

.font-universal {
    font-family: UniversalSans-500, Arial, sans-serif !important;
}

.font-universal-740 {
    font-family: UniversalSans-740, Arial, sans-serif !important;
    font-weight: 650;
}

/* ==========================================================================
   HEADING SCALE
   Extracted directly from .Heading_Heading_level_* classes (2.css / 5.css).
   Mobile-first: base rule = smallest (phone) size, each @media (min-width)
   step scales the SAME property up for larger screens/devices.
   ========================================================================== */

/* Heading / Extra (largest hero heading) */
.heading-extra {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 50px !important;
    line-height: 110%;
    letter-spacing: -.05em;
    
}
@media (min-width: 768px) {
    .heading-extra { font-size: 80px !important;  }
}
@media (min-width: 1250px) {
    .heading-extra { font-size: 120px !important; line-height: 100%; ; }
}
@media (min-width: 1900px) {
    .heading-extra { font-size: 140px !important; }
}

/* Heading / Extra-3 */
.heading-extra-3 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 125%;
    letter-spacing: -.03em;
}
@media (min-width: 768px) {
    .heading-extra-3 { font-size: 36px !important; line-height: 130%; letter-spacing: -.02em; }
}
@media (min-width: 1250px) {
    .heading-extra-3 { font-size: 40px !important; line-height: 120%; }
}
@media (min-width: 1900px) {
    .heading-extra-3 { font-size: 48px !important; }
}
@media (min-width: 2380px) {
    .heading-extra-3 { font-size: 56px !important; }
}

/* Heading / Level 1
   Confirmed against the site's own JS animation tokens (chunk 308), which
   also carry a max-width (px) for the text box at each step — included
   below as --heading-1-max-width so it can be reused for wrapping. */
.heading-1 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 110%;
    letter-spacing: -.03em;
    
}
@media (min-width: 768px) {
    .heading-1 { font-size: 52px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1250px) {
    .heading-1 { font-size: 64px !important; letter-spacing: -.04em;  --heading-1-max-width: 678px; }
}
@media (min-width: 1440px) {
    .heading-1 { font-size: 74px !important; --heading-1-max-width: 774px; }
}
@media (min-width: 1900px) {
    .heading-1 { font-size: 86px !important;  --heading-1-max-width: 900px; }
}
@media (min-width: 2380px) {
    .heading-1 { font-size: 92px !important; --heading-1-max-width: 900px; }
}
@media (min-width: 2560px) {
    .heading-1 { font-size: 122px !important; --heading-1-max-width: 1200px; }
}

/* Heading / Level 2 */
.heading-2 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 120%;
    letter-spacing: -.03em;
    
}
@media (min-width: 768px) {
    .heading-2 { font-size: 40px !important; line-height: 110%; }
}
@media (min-width: 1250px) {
    .heading-2 { font-size: 52px !important;  }
}
@media (min-width: 1900px) {
    .heading-2 { font-size: 64px !important; }
}
@media (min-width: 2380px) {
    .heading-2 { font-size: 72px !important; }
}

/* Heading / Level 3 */
.heading-3 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 125%;
    letter-spacing: -.03em;
}
@media (min-width: 768px) {
    .heading-3 { letter-spacing: -.02em; }
}
@media (min-width: 1250px) {
    .heading-3 { font-size: 30px !important; line-height: 120%; }
}
@media (min-width: 1900px) {
    .heading-3 { font-size: 36px !important; }
}
@media (min-width: 2380px) {
    .heading-3 { font-size: 44px !important; }
}

/* Heading / Level 4 */
.heading-4 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 135%;
    letter-spacing: -.03em;
}
@media (min-width: 768px) {
    .heading-4 { letter-spacing: -.02em; }
}
@media (min-width: 1250px) {
    .heading-4 { font-size: 24px !important; line-height: 140%; }
}
@media (min-width: 1900px) {
    .heading-4 { font-size: 28px !important; }
}
@media (min-width: 2380px) {
    .heading-4 { font-size: 36px !important; }
}

/* Heading / Level 5 */
.heading-5 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 140%;
    letter-spacing: -.03em;
}
@media (min-width: 768px) {
    .heading-5 { letter-spacing: -.02em; }
}
@media (min-width: 1900px) {
    .heading-5 { font-size: 26px !important; line-height: 125%; }
}
@media (min-width: 2380px) {
    .heading-5 { font-size: 32px !important; }
}

/* Heading / Level 6 (same scale as Level 5 in source) */
.heading-6 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 140%;
    letter-spacing: -.03em;
}
@media (min-width: 768px) {
    .heading-6 { letter-spacing: -.02em; }
}
@media (min-width: 1900px) {
    .heading-6 { font-size: 26px !important; line-height: 125%; }
}
@media (min-width: 2380px) {
    .heading-6 { font-size: 32px !important; }
}

/* ==========================================================================
   TEXT / BODY SCALE
   Extracted directly from .Text_Text_* classes (2.css / 5.css).
   ========================================================================== */

/* Text / Extra */
.text-extra {
    font-family: UniversalSans-500-Headlines, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 135%;
    letter-spacing: -.02em;
}
@media (min-width: 768px) {
    .text-extra { font-size: 32px !important; }
}
@media (min-width: 1250px) {
    .text-extra { font-size: 48px !important; line-height: 125%; }
}
@media (min-width: 1900px) {
    .text-extra { font-size: 52px !important; line-height: 130%; }
}

/* Text / Extra-2 */
.text-extra-2 {
    font-family: UniversalSans-500-Headlines, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 110%;
    letter-spacing: -.04em;
}
@media (min-width: 1250px) {
    .text-extra-2 { font-size: 26px !important; line-height: 135%; }
}

/* Text / Description */
.text-description {
    font-family: UniversalSans-500, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 135%;
    letter-spacing: -.01em;
}
@media (min-width: 768px) {
    .text-description { line-height: 22px; }
}
@media (min-width: 1250px) {
    .text-description { font-size: 18px !important; letter-spacing: -.02em; }
}
@media (min-width: 1900px) {
    .text-description { font-size: 22px !important; line-height: 28px; }
}

/* Text / 1 */
.text-1 {
    font-family: UniversalSans-500, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 140%;
    letter-spacing: -.02em;
}
.text-1.text-bold {
    font-family: UniversalSans-740, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -.01em;
}
@media (min-width: 768px) {
    .text-1 { font-size: 20px !important; letter-spacing: -.01em; }
}
@media (min-width: 1250px) {
    .text-1 { font-size: 28px !important; }
}
@media (min-width: 1900px) {
    .text-1 { font-size: 32px !important; }
}
@media (min-width: 2380px) {
    .text-1 { font-size: 40px !important; }
}

/* Text / 2 */
.text-2 {
    font-family: UniversalSans-500, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 135%;
    letter-spacing: -.01em;
}
.text-2.text-bold {
    font-family: UniversalSans-740, Arial, sans-serif !important;
    font-weight: 700 !important;
}
@media (min-width: 768px) {
    .text-2 { line-height: 145%; }
}
@media (min-width: 1250px) {
    .text-2 { font-size: 22px !important; line-height: 135%; letter-spacing: -.02em; }
}
@media (min-width: 1900px) {
    .text-2 { font-size: 26px !important; line-height: 145%; }
}
@media (min-width: 2380px) {
    .text-2 { font-size: 36px !important; }
}

/* Text / 3 */
.text-3 {
    font-family: UniversalSans-500, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 140%;
    letter-spacing: -.01em;
}
.text-3.text-bold {
    font-family: UniversalSans-740, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -.02em;
}
@media (min-width: 768px) {
    .text-3 { line-height: 130%; }
}
@media (min-width: 1250px) {
    .text-3 { font-size: 20px !important; letter-spacing: 0; }
}
@media (min-width: 2380px) {
    .text-3 { font-size: 28px !important; }
}

/* Text / 4 */
.text-4 {
    font-family: UniversalSans-500, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 140%;
}
.text-4.text-bold {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
}
@media (min-width: 1250px) {
    .text-4 { font-size: 16px !important; line-height: 140%; }
}
@media (min-width: 1900px) {
    .text-4 { font-size: 18px !important; }
}
@media (min-width: 2380px) {
    .text-4 { font-size: 22px !important; }
}

.icon-arrow {
    width: 24px !important;
    height: 24px !important;
}

/* @media (min-width: 480px) {
    .icon-arrow {
        width: 18px !important;
    }
}

@media (min-width: 640px) {
    .icon-arrow {
        width: 20px !important;
    }
}

@media (min-width: 768px) {
    .icon-arrow {
        width: 24px !important;
    }
}

@media (min-width: 1024px) {
    .icon-arrow {
        width: 28px !important;
    }
}

@media (min-width: 1280px) {
    .icon-arrow {
        width: 32px !important;
    }
} */

@media (min-width: 1440px) {
    .icon-arrow {
        width: 40px !important;
        height: 40px !important;
    }
}

.small-heading-3 {

    font-family: UniversalSans-740-Headlines, Arial, sans-serif;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 125% !important;
    letter-spacing: -.03em !important;
}

/* Tablet Screens (min-width: 768px) */
@media (min-width: 768px) {
    .small-heading-3 {
        font-family: UniversalSans-740-Headlines, Arial, sans-serif;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 125% !important;
        letter-spacing: -.02em !important;
    }
}

/* Laptops / Small Desktops (min-width: 1250px) */
@media (min-width: 1250px) {
    .small-heading-3 {
        font-family: UniversalSans-740-Headlines, Arial, sans-serif;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 125% !important;
        letter-spacing: -.02em !important;

    }
}

@media (min-width: 1440px) {
    .small-heading-3 {
        font-family: UniversalSans-740-Headlines, Arial, sans-serif;
        font-size: 22px !important;
        line-height: 135% !important;
        letter-spacing: -.02em !important;
        font-weight: 700 !important;
    }
}

/* Large Screens / iMacs (min-width: 1900px) */
@media (min-width: 1900px) {
    .small-heading-3 {
        font-size: 26px !important;
        line-height: 145% !important;
        letter-spacing: -.02em !important;
        font-weight: 700 !important;

    }
}


.heading-work-archive {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 125%;
    letter-spacing: -.03em;
}

@media (min-width: 768px) {
    .heading-work-archive {
        font-size: 40px !important;
        line-height: 110%;
        letter-spacing: -.03em;
        
    }
}


@media (min-width: 1440px) {
    .heading-work-archive {
        font-size: 46px !important;
    }
}


.new-heading-1 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 23px !important;
    line-height: 110%;
    letter-spacing: -.03em;
    
}
@media (min-width: 768px) {
    .new-heading-1 { font-size: 35px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1250px) {
    .new-heading-1 { font-size: 64px !important; letter-spacing: -.04em;  --heading-1-max-width: 678px; }
}
@media (min-width: 1440px) {
    .new-heading-1 { font-size: 74px !important; --heading-1-max-width: 774px; }
}
@media (min-width: 1900px) {
    .new-heading-1 { font-size: 86px !important;  --heading-1-max-width: 900px; }
}
@media (min-width: 2380px) {
    .new-heading-1 { font-size: 92px !important; --heading-1-max-width: 900px; }
}
@media (min-width: 2560px) {
    .new-heading-1 { font-size: 122px !important; --heading-1-max-width: 1200px; }
}

.work-heading {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 25px !important;
    line-height: 110%;
    letter-spacing: -.03em;
    
}
@media (min-width: 441px) {
    .work-heading { font-size: 30px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 505px) {
    .work-heading { font-size: 35px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 570px) {
    .work-heading { font-size: 40px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 768px) {
    .work-heading { font-size: 36px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 835px) {
    .work-heading { font-size: 40px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1011px) {
    .work-heading { font-size: 50px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1250px) {
    .work-heading { font-size: 60px !important; letter-spacing: -.04em;  --heading-1-max-width: 678px; }
}
@media (min-width: 1440px) {
    .work-heading { font-size: 70px !important; --heading-1-max-width: 774px; }
}
@media (min-width: 1900px) {
    .work-heading { font-size: 86px !important;  --heading-1-max-width: 900px; }
}
@media (min-width: 2380px) {
    .work-heading { font-size: 92px !important; --heading-1-max-width: 900px; }
}
@media (min-width: 2560px) {
    .work-heading { font-size: 122px !important; --heading-1-max-width: 1200px; }
}

.service-heading {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 23px !important;
    line-height: 110%;
    letter-spacing: -.03em;
    
}
@media (min-width: 450px) {
    .service-heading { font-size: 25px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 500px) {
    .service-heading { font-size: 28px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 530px) {
    .service-heading { font-size: 30px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 575px) {
    .service-heading { font-size: 35px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 700px) {
    .service-heading { font-size: 40px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 768px) {
    .service-heading { font-size: 42px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 881px) {
    .service-heading { font-size: 50px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 941px) {
    .service-heading { font-size: 54px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1250px) {
    .service-heading { font-size: 64px !important; letter-spacing: -.04em;  --heading-1-max-width: 678px; }
}
@media (min-width: 1440px) {
    .service-heading { font-size: 74px !important; --heading-1-max-width: 774px; }
}
@media (min-width: 1900px) {
    .service-heading { font-size: 86px !important;  --heading-1-max-width: 900px; }
}
@media (min-width: 2380px) {
    .service-heading { font-size: 92px !important; --heading-1-max-width: 900px; }
}
@media (min-width: 2560px) {
    .service-heading { font-size: 122px !important; --heading-1-max-width: 1200px; }
}


.industry-heading {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 27px !important;
    line-height: 110%;
    letter-spacing: -.03em;
    
}
@media (min-width: 425px) {
    .industry-heading { font-size: 35px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}

@media (min-width: 768px) {
    .industry-heading { font-size: 45px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1000px) {
    .industry-heading { font-size: 60px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1250px) {
    .industry-heading { font-size: 64px !important; letter-spacing: -.04em;  --heading-1-max-width: 678px; }
}
@media (min-width: 1440px) {
    .industry-heading { font-size: 74px !important; --heading-1-max-width: 774px; }
}
@media (min-width: 1900px) {
    .industry-heading { font-size: 86px !important;  --heading-1-max-width: 900px; }
}
@media (min-width: 2380px) {
    .industry-heading { font-size: 92px !important; --heading-1-max-width: 900px; }
}
@media (min-width: 2560px) {
    .industry-heading { font-size: 122px !important; --heading-1-max-width: 1200px; }
}

.about-heading {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 110%;
    letter-spacing: -.03em;
    
}
@media (min-width: 425px) {
    .about-heading { font-size: 35px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 475px) {
    .about-heading { font-size: 40px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 768px) {
    .about-heading { font-size: 45px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 850px) {
    .about-heading { font-size: 55px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1100px) {
    .about-heading { font-size: 55px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1250px) {
    .about-heading { font-size: 64px !important; letter-spacing: -.04em;  --heading-1-max-width: 678px; }
}
@media (min-width: 1440px) {
    .about-heading { font-size: 74px !important; --heading-1-max-width: 774px; }
}
@media (min-width: 1900px) {
    .about-heading { font-size: 86px !important;  --heading-1-max-width: 900px; }
}
@media (min-width: 2380px) {
    .about-heading { font-size: 92px !important; --heading-1-max-width: 900px; }
}
@media (min-width: 2560px) {
    .about-heading { font-size: 122px !important; --heading-1-max-width: 1200px; }
}

.home-hero-heading {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 23px !important;
    line-height: 110%;
    letter-spacing: -.03em;
    
}
@media (min-width: 425px) {
    .home-hero-heading { font-size: 28px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 448px) {
    .home-hero-heading { font-size: 30px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 525px) {
    .home-hero-heading { font-size: 35px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 648px) {
    .home-hero-heading { font-size: 45px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 768px) {
    .home-hero-heading { font-size: 45px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 900px) {
    .home-hero-heading { font-size: 50px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1024px) {
    .home-hero-heading { font-size: 45px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1250px) {
    .home-hero-heading { font-size: 64px !important; letter-spacing: -.04em;  --heading-1-max-width: 678px; }
}
@media (min-width: 1440px) {
    .home-hero-heading { font-size: 74px !important; --heading-1-max-width: 774px; }
}
@media (min-width: 1900px) {
    .home-hero-heading { font-size: 86px !important;  --heading-1-max-width: 900px; }
}
@media (min-width: 2380px) {
    .home-hero-heading { font-size: 92px !important; --heading-1-max-width: 900px; }
}
@media (min-width: 2560px) {
    .home-hero-heading { font-size: 122px !important; --heading-1-max-width: 1200px; }
}

.heading-1-1 {
    font-family: UniversalSans-740-Headlines, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    letter-spacing: -.03em;
    
}
@media (min-width: 320px) {
    .heading-1-1 { font-size: 19px !important; }
}
@media (min-width: 370px) {
    .heading-1-1 { font-size: 23px !important; }
}
@media (min-width: 425px) {
    .heading-1-1 { font-size: 26px !important; }
}
@media (min-width: 515px) {
    .heading-1-1 { font-size: 33px !important; }
}
@media (min-width: 768px) {
    .heading-1-1 { font-size: 45px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 960px) {
    .heading-1-1 { font-size: 52px !important; letter-spacing: -.05em;  --heading-1-max-width: 690px; }
}
@media (min-width: 1250px) {
    .heading-1 { font-size: 64px !important; letter-spacing: -.04em;  --heading-1-max-width: 678px; }
}
@media (min-width: 1440px) {
    .heading-1-1 { font-size: 74px !important; --heading-1-max-width: 774px; }
}
@media (min-width: 1900px) {
    .heading-1-1 { font-size: 86px !important;  --heading-1-max-width: 900px; }
}
@media (min-width: 2380px) {
    .heading-1-1 { font-size: 92px !important; --heading-1-max-width: 900px; }
}
@media (min-width: 2560px) {
    .heading-1-1 { font-size: 122px !important; --heading-1-max-width: 1200px; }
}

.text-responsive-xl {
    font-family: "Inter Variable", Inter, sans-serif !important;
    font-size: max(2.75rem, min(7.514vw + .989rem, 7rem)) !important;
    line-height: max(2.668rem, min(5.927vw + 1.278rem, 6.02rem)) !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
}

.hero-heading-typography {
    font-family: "PP Neue Montreal", sans-serif !important;
    font-weight: 800 !important;
    /*font-size: 80px; */
    /*line-height: 0.88 !important; */
    letter-spacing: -0.03em !important;
}


.hero-body-typography {
    font-family: "PP Neue Montreal Medium", sans-serif !important;
    font-weight: 700 !important;
    /*font-size: 80px; */
    line-height: 1 !important;
    letter-spacing: -0.015em !important;
}

.inter-variable-heading {
    font-family: var(--inter-variable-font) !important;
    letter-spacing: -0.03em !important;
    /* font-size: max(2.75rem, min(7.514vw + 0.989rem, 7rem)) !important;
    line-height: max(2.668rem, min(5.927vw + 1.278rem, 6.02rem)) !important; */
    /* font-size: max(1.8rem, min(5vw + 0.7rem, 4rem)) !important; */
    font-size: clamp( 0.7rem, 5vw , 4rem) !important;
    line-height: max(2rem, min(4vw + 0.8rem, 4rem)) !important;


    font-weight: 900 !important;
}

/* 13-aug-26 */
.inter-800 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;

    font-style: normal;
}

.inter-600 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;

    font-style: normal;
}

.heading-h {
    font-family: "Inter", sans-serif !important;
    font-size: 17px;
    font-weight: 900 !important;
    line-height: 1.3;
    font-weight: 800;
}

.heading-b {
    font-family: "Inter", sans-serif !important;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 900;
}

.heading-orange {
    color: #F26723;
}
.heading-pink {
    color: #CB1F4D;
}
.heading-purple {
    color: #824C9D;
}
.heading-red {
    color: #EA2229;
}
.heading-blue {
    color: #1A85C6;
}
.heading-h {
    font-family: "Inter", sans-serif !important;
    font-size: 90px;
    font-weight: 900 !important;
    line-height: 1.3;
}

.heading-b {
    font-family: "Inter", sans-serif !important;
    font-size: 75px;
    font-weight: 800 !important;
    line-height: 1.1;
}
@media (min-width: 320px) {
    .heading-h {
        font-size: 20px;
    }

    .heading-b {
        font-size: 17px;
    }
}
@media (min-width: 375px) {
    .heading-h {
        font-size: 23px;
    }

    .heading-b {
        font-size: 20px;
    }
}
@media (min-width: 425px) {
    .heading-h {
        font-size: 27px;
    }

    .heading-b {
        font-size: 23px;
    }
}
@media (min-width: 500px) {
    .heading-h {
        font-size: 30px;
    }

    .heading-b {
        font-size: 27px;
    }
}
@media (min-width: 530px) {
    .heading-h {
        font-size: 35px;
    }

    .heading-b {
        font-size: 30px;
    }
}
@media (min-width: 768px) {
    .heading-h {
        font-size: 50px;
    }

    .heading-b {
        font-size: 40px;
    }
}
@media (min-width: 1024px) {
    .heading-h {
        font-size: 50px;
    }

    .heading-b {
        font-size: 40px;
    }
}
@media (min-width: 1100px) {
    .heading-h {
        font-size: 55px;
    }

    .heading-b {
        font-size: 45px;
    }
}
@media (min-width: 1200px) {
    .heading-h {
        font-size: 60px;
    }

    .heading-b {
        font-size: 50px;
    }
}
@media (min-width: 1300px) {
    .heading-h {
        font-size: 70px;
    }

    .heading-b {
        font-size: 60px;
    }
}


/* 1650px and above */
@media (min-width: 1650px) {
    .heading-h {
        font-size: 90px;
    }

    .heading-b {
        font-size: 75px;
    }
}