/*-- Philosopher --*/
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/*-- Arsenal --*/
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/*-- Quicksand --*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
/*-- Jaldi --*/
@import url('https://fonts.googleapis.com/css2?family=Jaldi:wght@400;700&display=swap');
/*-- Belleza --*/
@import url('https://fonts.googleapis.com/css2?family=Belleza&display=swap');
/*--Baskerville --*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Protest+Revolution&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



:root {
    /*---- Color ---- */
    --b-grd-col--: transparent;
    --nav-bar-col--: #111143;
    /* rgba(0, 0, 255, 0.025);*/
    --nav-bar-col-Jr--: rgb(163, 163, 31);
    --sidenav-bar-col--: #111143;
    --sidenav-down-bar-col--: transparent;
    --nav-font-col--: white;
    --nav-font-col-Sec--: #111143;
    --nav-hover-col--: #76AE3F;
    --nav-hover-col-Sec-: #ffffff;
    --heading-font-col--: #111143;
    --sheading-font-col--: #111143;
    --normal-font-col--: #111143;
    --prm-btn-col1--: #76AE3F;
    --prm-btn-col--:transparent;
    --prm-btn-bor-col--: #76AE3F;
    /*#6DAA43*/
    ;
    --prm-btn-hov--: #111143;

    /*---- font ---- */
    --text-font--: 'Arsenal';
    --MHead-font--: 'Quicksand';
    --Head-font--: 'Philosopher';
    --SHead-font--: 'Philosopher';
    --btn-font--: 'Philosopher';
    --NH--font--: 'Libre+Baskerville';

    /*---- Button Size ----*/
    --btn-w--: clamp(10rem, 1vw, 50rem);
    --btn-h--: 40px;
    --btn-radius--: 10px;


    /*---- font  Size---- */
    --nh-font-size-: clamp(0.75rem, 1.5vw, 2.5rem);
    --nsh-font-size--: clamp(0.55rem, 1.2vw, 1.50rem);

    --h-font-size-: clamp(1.5rem, 2vw, 3.25rem);
    --sh-font-size--: clamp(0.75rem, 1.2vw, 3rem);
    --btn-font-size-: clamp(0.75rem, 1vw, 1.5rem);

    --ht-font-size-:clamp(1.75,1.5vw,2.5rem);
    --t-font-size-: clamp(1.25rem, 1.2vw, 2rem);



    /*----Padding ---- */
    --grid-gap--: 10px;

}