:root {
    --yellow: #007AAD;
    --white: #fff;
    --black: #1E1E1E;
    --gray: #77725A;
    --red: #C30000;
    --bgColor: #FCFCFD
}

@font-face {
    font-family: poppinsLight;
    src: url('./fonts/Poppins-Light.ttf') format('truetype');
    display: swap
}

@font-face {
    font-family: poppinsRegular;
    src: url('./fonts/Poppins-Regular.ttf') format('truetype');
    display: swap
}

@font-face {
    font-family: poppinsMedium;
    src: url('./fonts/Poppins-Medium.ttf') format('truetype');
    display: swap
}

@font-face {
    font-family: poppinsSemiBold;
    src: url('./fonts/Poppins-SemiBold.ttf') format('truetype');
    display: swap
}

@font-face {
    font-family: poppinsBold;
    src: url('./fonts/Poppins-Bold.ttf') format('truetype');
    display: swap;
}

@font-face {
    font-family: robotoLight;
    src: url('./fonts/Roboto-Light.ttf') format('truetype');
    display: swap;
}

@font-face {
    font-family: robotoMedium;
    src: url('./fonts/Roboto-Medium.ttf') format('truetype');
    display: swap;
}

@font-face {
    font-family: robotoBold;
    src: url('./fonts/Roboto-Bold.ttf') format('truetype');
    display: swap;
}

@font-face {
    font-family: robotoRegular;
    src: url('./fonts/Roboto-Regular.ttf') format('truetype');
    display: swap;
}

@font-face {
    font-family: primaryFont;
    src: url('./fonts/primary-font.ttf') format('truetype');
    display: swap;
}

body {
    background-color: var(--white) !important;
}

.section-padding {
    padding: 80px 0 !important;
}

.section_bg_color {
    background-color: var(--bgColor);
}

.section-heading {
    font-family: poppinsSemiBold;
    color: var(--black);
    font-size: clamp(1.4rem, 5vw, 2.8rem);
    /* font-size: 44px; */
    text-align: center;
}

.specialHeading {
    color: var(--yellow)
}

.section-subheading {
    font-family: poppinsRegular;
    color: var(--gray);
    font-size: clamp(0.8rem, 5vw, 1rem) !important;
    /* font-size: 16px; */
    text-align: center;
    max-width: 70%;
    margin: auto;
    padding: 5px 0
}

/* @media (max-width:1024px) {
    .section-heading {
        font-size: 33px !important;
    }

    .section-subheading {
        font-size: 14px !important;
    }
} */

@media (max-width:768px) {
    /* .section-heading {
        font-size: 24px;
    } */

    .section-subheading {
        font-size: 14px !important;
        max-width: 90%;
    }
}

@media (max-width:480px) {
    /* .section-heading {
        font-size: 22px !important;
    } */

    .section-subheading {
        font-size: 13px !important;
        max-width: 95%;
    }
}