:root {
    /* colors */
    --ct-bg-color-1: #f5f2ef;

    /* font family */
    --font-family: 'Poppins', sans-serif;

    /* font sizes */

    --close-btn-icon-text: 20px;
    --ct-heading-text: 40px;
    --ct-sub-heading-text: 20px;
    --text-size: 16px;
    --btn-text: 16px;

}

@media (min-width: 992px) and (max-width: 1199.98px) {
    :root {
        --ct-heading-text: 35px; 
        --ct-sub-heading-text: 20px;
        --text-size: 16px;
        --btn-text: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        --ct-heading-text: 30px;
        --ct-sub-heading-text: 20px;
        --text-size: 14px;
        --btn-text: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    :root {
        --ct-heading-text: 20px;
        --ct-sub-heading-text: 18px;
        --text-size: 14px;
        --btn-text: 14px;
    }
}

@media only screen and (max-width: 575.98px) {
    :root {
        --close-btn-icon-text: 15px;
        --ct-heading-text: 20px;
        --ct-sub-heading-text: 18px;
        --text-size: 12px;
        --btn-text: 12px;
    }

}