/* === Text === */
:root{
    --font-rubik: "Rubik", sans-serif;
    
    /* Font Size  */
    
    --heading-1:56px;
    --heading-1-1:52px;
    --heading-2:32px;
    --heading-2-1:28px;
    --heading-3:24px;
    --heading-3-1:22px;
    --heading-4:20px;
    --heading-4-1:18px;
    --heading-4-2:17px;
    --heading-5:16px;
    --heading-6:14px;
    --paragraph-1:14px;
    --paragraph-2:16px;
    --company-banner-heading: 72px;


    --nav-text-size:18px;
    --nav-dropdown-text-size:15px;
    --nav-button-text-size:14px;
    --footer-title-text-size:18px;
    --footer-text-size:14px;
    --footer-copyright-section-text:12px;
    --section-title-text-size:56px;
    --testimonial-content-size:32px;
    --testimonial-name-desig-size:22px;
    --article-tag-size:12px;
    --article-title-text-size:18px;
    --article-desc-text-size:16px;
    --article-read-more-text-size:14px;
    --cta-desc-text-size:22px;
    --cta-button-text-size:14px;
    --spectra-sub-title-size-1:22px;
    --spectra-sub-title-desc-size-1:22px;
    --spectra-explore-button-size-1:20px;
    --spectra-card-title-size-1:28px;
    --spectra-card-button-text-size-1:14px;
    /* --font- */

    /* font Weight */
    --font-weight-300:300;
    --font-weight-400:400;
    --font-weight-500:500;
    --font-weight-600:600;
    --font-weight-700:700;
    --font-weight-800:800;


    --nav-text-weight:400;
    --nav-button-text-weight:500;
    --footer-title-text-weight:500;
    --footer-link-text-weight:400;
    --footer-copyright-text-weight:400;
    --section-title-text-weight:500;
    --testimonial-content-weight:300;
    --testimonial-name-desig-weight:400;
    --article-tag-text-weight:700;
    --article-title--weight:400;
    --article-desc-text-weight:400;
    --article-read-more-text-weight:500;
    --cta-desc-text-weight:400;
    --cta-button-text-weight:500;
    --spectra-sub-title-weight-1:500;
    --spectra-sub-title-desc-weight-1:400;
    --spectra-explore-button-weight-1:500;
    --spectra-card-title-weight-1:600;
    --spectra-card-button-text-size:500;


    /* line Height */
    --nav-text-line-height:21.33px;
}

/* === COLORS ===  */
:root{
    /* Global  */
    --body-color:#1C0B31;
    --bg-black:#000;
    --bg-white:#fff;
    --text-black:#000;
    --text-white:#fff;

    /* Nav Color  */
    --nav-text-color:#fff;
    --nav-text-active-color:#B2E4FF;
    --nav-dropdown-text-color:#000;
    --nav-dropdown-text-active-color:#B2E4FF;
    --nav-button-text-color:#fff;
    --nav-button-hover-color:#fff;
 

    /* Footer Color  */
    --footer-title-color:#55A8F7;
    --footer-link-text-color:#ffffff;
    --footer-copyright-text-color:#9b9ba2;
    --footer-copyright-link-text-color:#9b9ba2;
    --footer-copyright-link-active-text-color:#9b9ba2;
    --footer-bg-color:#040417;


    /* Gradient */
    --scrollbar-thumb-color: #040417;
    --gradient-1:linear-gradient(45deg, rgba(156,84,173,1) 0%, rgba(83,37,176,1) 45%, rgba(79,107,232,1) 100%);
    --gradient-2:linear-gradient(90deg, rgba(112,39,211,1) 0%, rgba(242,172,97,1) 42%, rgba(178,228,255,1) 100%);

    --text-gradient-1:linear-gradient(45deg, rgba(156,84,173,1) 0%, rgba(83,37,176,1) 45%, rgba(79,107,232,1) 100%);
    --text-gradient-2:linear-gradient(90deg, rgba(112,39,211,1) 0%, rgba(242,172,97,1) 42%, rgba(178,228,255,1) 100%);
    --box-bg-gradients-1:linear-gradient(90deg, rgba(79,107,232,1) 0%, rgba(83,37,176,1) 45%, rgba(156,84,173,1) 100%);

    /* Buttons background-color  */
    --button-bg-electric-purple:#6024CE;

    /* Body element color  */
    --color-white:#fff;
    --section-bg-white-1:#EFEEE6;
    --testimonial-content-color:#E9E8E9;
    --testimonial-dots-color:var(--testimonial-content-color);
    --testimonial-dots-active-color:#55A8F7;
    --article-tag-color:#fff;
    --article-tag-bg-color:#171313;
    --article-title-color:#171313;
    --article-title-active-color:#6024CE;
    --article-desc-text-color:#171313;
    --article-read-more-text-color:#171313;
    --cta-desc-text-color:#EFEEE6;
    --cta-button-text-color:#fff;
    --spectra-card-title-color-1:#000;
    --spectra-card-title-active-color-1:#fff;
    --spectra-explore-button-color-1:#fff;
    --spectra-explore-button-color-02:#6024CE;
    --spectra-explore-button-active-color-02:#fff;
    --spectra-explore-button-active-color-1:#fff;
    --company-color-white: #EFEEE6;

}

/* === BORDER === */
:root{
    /* Buttons  */
    --button-border-redius-1:40px;
    --button-border-redius-2:55px;

    /* Elements Border Redius  */
    --nav-elements-wrap-border-redius:85px;

    /* Border Width  */
    --border-width-1:1px;
    --border-width-2:2px;

    /* Border Color  */
    --border-color-white-100:#ffffff;
    --copyright-border-right-color:var(--footer-copyright-link-text-color);
    --button-border-gradient-1:linear-gradient(90deg, rgba(117,44,207,1) 0%, rgba(242,172,98,1) 100%);
    --nav-border-gradient-1:linear-gradient(90deg, rgba(62,29,134,1) 0%, rgba(55,26,122,1) 100%);
}

/* === SIZE === */
:root{
    --logo-max-width:185px;
    --footer-logo-max-width:200px;
    --article-img-max-width:365px;
    --article-img-min-height:365px;
}

/* === TRANSITIONS  === */
:root{
    /* Link Hover  */
    --link-hover-transition:0.2s linear;
}

/* === SPACEING === */
:root{
    --section-padding-top:60px;
    --section-padding-bottom:50px;
}



@media only screen and (max-width:1700px){
    :root{
        --heading-1:45px;
        --heading-1-1:42px;
        --heading-2:25px;
        --heading-2-1:25px;
        --heading-3:20px;
        --heading-3-1:18px;
        --heading-4:16px;
        --heading-4-1:18px;
        --heading-4-2:17px;
        --heading-5:16px;
        --heading-6:14px;
        --paragraph-1:14px;
        --paragraph-2:16px;
        --company-banner-heading: 72px;
    }
}
@media only screen and (max-width:701px){
    :root{
        --heading-1:46px;
        --heading-2:25px;
        --heading-4-1:16px;
       --footer-copyright-section-text:8px;
    }
 
}