:root {

    /* scroll bar */

    --ct-scrollbar-width: 12px;
    --ct-scrollbar-track-bg: white;
    --ct-scrollbar-thumb-bg: #3A7AFE;
    --ct-scrollbar-thumb-hover: #3A7AFE;
    --ct-scrollbar-border-size: 12px;

    /* font */

        /* font-family */
            --ct-body-setup-font-family: "Outfit", sans-serif;

        /* font-size */
            --ct-body-setup-font-size: 16px;
            --ct-banner-title: 40px;
            --ct-section-heading: 35px;
            --ct-footer-heading: 28px;
            --ct-section-sub-heading: 18px;
            --ct-section-para: 16px;

        /* font-weight */
            --bold: bold;
            --font-weight: 500;

    /* solid colors */

        /* main colors */
        --ct-primary-solid-color: #3A7AFE;
        --ct-secondary-solid-color: #1a2536; 
        --ct-tertiary-solid-color: #e0e0e0;
        --ct-quatarnary-solid-color: #EEF4FF;
        --ct-quinary-solid-color: #858585; 
        --ct-senary-solid-color: #f6f6f6;

        /* base contrast colors */
        --white: white;
        --black: black;
    /* gradient colors */

        /* linear gradient */
            --ct-primary-gradient-color: linear-gradient(to right, #66a5fe 0%, #3b82f6 30%, #2d67cc 50%, #3b82f6 70%, #66a5fe 100%);
            --ct-secondary-gradient-color: linear-gradient(to right, #f0f0f0 0%, #ffffff 30%, #ffffff 50%, #ffffff 70%, #f0f0f0 100%);

    /* shadow */

        /* box shadow */
        --ct-primary-box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
        --ct-secondary-box-shadow: 0 4px 15px rgba(116, 116, 116, 0.4);
        --ct-tertiary-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

        /* box shadow inset versions */
        --ct-primary-box-shadow-inset: inset 0 25px 50px rgba(0, 50, 130, 0.25);
        --ct-secondary-box-shadow-inset: inset 2px 2px 5px rgba(180, 195, 225, 0.7);

        /* filter drop shadow */
        --ct-primary-drop-shadow: drop-shadow(0 4px 15px rgba(59, 130, 246, 0.4));
        --ct-secondary-drop-shadow: drop-shadow(0 4px 15px rgba(116, 116, 116, 0.4));
        --ct-tertiary-drop-shadow: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.08));

    /* margin */
        --ct-margin-top-header: 30px;
    
    /* border */
        --border-radius-inner: 15px;
        --border-radius-badge-outer: 5px;
        --border-radius-outer: 10px;
        --border-radius-full: 9999px;
        --border-radius-null: 0px;

}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
   
:root {

    /* font */

        /* font-size */
            --ct-body-setup-font-size:14px;
            --ct-footer-heading: 20px;
}

}

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

:root {

    /* font */

        /* font-size */
            --ct-body-setup-font-size:14px;
            --ct-banner-title: 35px;
            --ct-section-heading: 30px;
            --ct-footer-heading: 20px;
            --ct-section-sub-heading: 16px;
            --ct-section-para: 14px;


}

}

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

:root {

    /* font */

        /* font-size */
            --ct-body-setup-font-size: 14px;
            --ct-banner-title: 30px;
            --ct-section-heading: 25px;
            --ct-footer-heading: 18px;
            --ct-section-sub-heading: 16px;
            --ct-section-para: 14px;
}

}

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

:root {

    /* font */

        /* font-size */
            --ct-body-setup-font-size: 13px;
            --ct-banner-title: 25px;
            --ct-section-heading: 20px;
            --ct-footer-heading: 16px;
            --ct-section-sub-heading: 14px;
            --ct-section-para: 13px;

    /* margin */
        --ct-margin-top-header: 20px;
}

}