/* =================================

    Template Name: Eduplus
    Author: 
    Authoe URI: 
    Version: 1.0
    Tags:
    Description: School and College Website Template

================================= */

/*-------------------------------------
    [ Table of contents ]

    01. Google Fonts
    02. Reset CSS
    03. CSS Variables
    04. Common CSS

/*-------------------------------------

/* ------------------------------------
    01. Google Fonts {font-family: 'Nunito', sans-serif; font-family: 'Nunito Sans', sans-serif;}
------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,300;0,6..12,400;1,6..12,300;1,6..12,400&family=Nunito:wght@400;500;600;700;800&display=swap');


/* ------------------------------------
    02. Reset CSS
------------------------------------ */

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

/* ------------------------------------
    03. CSS Variables
------------------------------------ */

:root {
    /* Colors */
    --primary: #3A6351;
    --secondary: #17202A;
    --acent: #00553E;
    --dark: #000000;
    --light: #E7E0E7;
    --text: #666666;
    --white: #FFFFFF;
    --box-bg: #EEEEEE;

    /* Font-family */
    --font-primary: 'Nunito', sans-serif;
    --font-secondary: 'Nunito Sans', sans-serif;

    /* Font-size */
    --text-small: 12px;
    --text-small-line-height: 1.1rem;
    --text-small-weight: 400;
    --base-text: 14px;
    --base-line-height: 1.2rem;
    --base-weight: 400;
    --text-large: 16px;
    --text-large-line-height: 1.3rem;
    --text-large-weight: 400;

    /* Transition */
    --transition: all 0.3s ease-in-out;
    --lazy-transition: all 0.5s ease-in-out;


}


/* ------------------------------------
    4.0. Common Css / Class
------------------------------------ */

html,
body {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-primary);
    font-size: var(--base-text);
    font-weight: var(--base-weight);
    line-height: var(--base-line-height);
    color: var(--text);
}

p {
    font-size: var(--base-text);
    font-weight: var(--base-weight);
    line-height: var(--base-line-height);
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    color: var(--dark);
    font-weight: var(--site-heading-weight);
}


/* =======================================
    Responsive CSS
========================================= */


/* -----------------------
    For Small Devices
------------------------ */
@media (max-width: 639.99px) {
    :root {

        --text-small: 12px;
        --text-small-line-height: 1rem;
        --base-text: 14px;
        --base-line-height: 1.2rem;
        --text-large: 16px;
        --text-large-line-height: 1.3rem;

    }
}

/* -----------------------
    For Medium Devices
------------------------ */
@media screen and (min-width: 640px) and (max-width: 767.99px) {}

/* -----------------------
    For Large Devices
------------------------ */
@media (min-width: 1024px) {}