:root {
    --primary: #1D5193 ;
    --secondary: #2EA5DD ;
    --light: #FBFBFB ;
    
    
}

body  {
    font-family: 'Lufga', ExensaGrotesk;
    background-color: var(--light);
    font-feature-settings: 'ss02' 1;
}
.form-control {
    font-feature-settings: 'ss02' 1;
}

h4 {
    font-size: clamp(14px, 2.5vw, 40px);
}

@media(min-width: 1439px) and (max-width: 1439px) {

    main {
        margin: 48px 0 100px 0;
     }
}

@media (max-width: 744px) and (min-width: 0px) {
    h1 {
        font-size: clamp(1.625rem, 0.207rem + 7.092vw, 3.5rem);
    }
    h2 {
        font-size: clamp(1.25rem, 0.777rem + 2.364vw, 1.875rem);
    }
    h3 {
        font-size: clamp(1.125rem, 1.03rem + 0.473vw, 1.25rem);
    }
    p {
        font-size: clamp(0.75rem, 0.466rem + 1.418vw, 1.125rem);
    }
    a {
        font-size: clamp(0.75rem, 0.183rem + 2.837vw, 1.5rem) !important;
    }
    button {
        font-size: clamp(0.75rem, 0.277rem + 2.364vw, 1.375rem) !important;
    }
    .nav-link-collapsed {
        font-size: clamp(2.125rem, 1.652rem + 2.364vw, 2.75rem) !important;
        overflow-wrap: break-word;
    }
    
}

@media (min-width: 744px) and (max-width: 1024px) {
    a {
        font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem) !important;
    }
    h1 {
        font-size: clamp(3.5rem, 3.167rem + 0.717vw, 3.625rem);
    }
    h2 {
        font-size: clamp(1.875rem, 0.208rem + 3.584vw, 2.5rem);
    }
    h3 {
        font-size: clamp(1.25rem, 0.583rem + 1.434vw, 1.5rem);
    }
    p  {
        font-size: clamp(1.125rem, 0.792rem + 0.717vw, 1.25rem);
    }
    button {
        font-size: clamp(1.375rem, 1.042rem + 0.717vw, 1.5rem) !important;
    }
    .nav-link-collapsed {
         font-size: clamp(2.75rem, 0.083rem + 5.735vw, 3.75rem) !important;
         overflow-wrap: break-word;
    } 
    
}

@media (min-width: 1024px) and (max-width: 1440px) {
    a {
        font-size: clamp(1.5rem, 1.192rem + 0.482vw, 1.625rem) !important;
    }
    h1 {
        font-size: clamp(3.625rem, 0.541rem + 4.819vw, 4.875rem);
    }
    h2 {
        font-size: clamp(2.5rem, 0.958rem + 2.41vw, 3.125rem);
    }
    h3 {
        font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    }
    p {
        font-size: clamp(1.25rem, 0.942rem + 0.482vw, 1.375rem);
    }
    button {
        font-size: clamp(1.5rem, 1.192rem + 0.482vw, 1.625rem) !important;
    }
}

@media (min-width: 1440px) and (max-width: 1920px) {
    a {
        font-size: clamp(1.625rem, 1.249rem + 0.418vw, 1.75rem) !important;
    }
    h1 {
        font-size: clamp(4.875rem, 2.996rem + 2.088vw, 5.5rem);
        line-height: 83.35px;
    }
    h2 {
        font-size: clamp(3.125rem, 1.246rem + 2.088vw, 3.75rem);
    }
    h3 {
        font-size: clamp(1.5rem, 0.373rem + 1.253vw, 1.875rem);
    }
    p {
        font-size: clamp(1.375rem, 0.999rem + 0.418vw, 1.5rem);
        line-height: 32px;
    }
    button {
        font-size: clamp(1.625rem, 1.249rem + 0.418vw, 1.75rem) !important;
    }
}

@media (min-width: 1920px) {
    a {
        font-size: 28px !important;
        line-height: 36.4px;
    }
    h1 {
        font-size: 88px;
        line-height: 94.03px;
    }
    h2 {
        font-size: 60px;
    }
    h3 {
        font-size: 30px;
    }
    p {
        font-size: 24px;
        line-height: 33px;
    }
    button {
        font-size: 28px !important;
    }
}





h4 {
    
    color: var(--light) ;
    font-weight: 400;
    
}

.custom-text-light {
    color: var(--light); 
}

.custom-text-primary {
    color: var(--primary);
}

.custom-padding {
    padding-bottom: 110px;
}