:root {
    --greencolor: #05833C;
    --headingfont: 2rem;
    --fontsize: 1.3rem;
    --founderheading: 1.4rem;
    --regardsfont: 1.1rem;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    scroll-behavior: smooth;
}

/* Navar Section CSS Start Here */
.navar-section .navar-div {
    /* height: 70px; */
    width: 100%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 7%;
    position: fixed;
    top: 0;

}

.navar-div .logo-div {
    display: flex;
    align-items: center;
    gap: 5px;

}

.navar-div .header {
    color: var(--greencolor);
    font-size: 1.1rem;
    font-weight: 300;
    font-family: "Inknut Antiqua", serif;
}

.navar-div .logo {
    height: 56px;
    padding: 0px 7px;

}

.navar-div .menu-div {
    display: flex;
    gap: 20px;
}


.navar-div .menu-div a {
    list-style: none;
    text-decoration: none;
    color: var(--greencolor);


}

.navar-div .bar {
    font-size: 2rem;
}

/* Navar Section CSS End Here */
/* Hero Section CSS Start Here */
.hero-div {
    height: 100vh;
    width: 100%;

    background-image: linear-gradient(rgba(0.5, 0.5, 0.5, 0.5), rgba(0.5, 0.5, 0.5, 0.5)),
        url(./Assets/Images/mother\ ps.jpeg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-top: 70px;

}

.hero-section .hero-div {
    padding: 0px 7%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;

}

.hero-div .welcome-sch {
    color: white;
    font-size: 3rem;
}

.hero-div .Success {
    color: var(--greencolor);
    font-weight: 600;
    font-size: 1.5rem;
    padding: 1px 15px;
    background-color: white;
    border-radius: 7px;
}

/* Hero Section CSS End Here */
/* About Section CSS Start Here */
.about-sec .about-us {
    font-size: var(--headingfont);
    text-align: center;
    color: var(--greencolor);
    margin-top: 50px;
}

.about-sec .about-main {
    width: 100%;
    padding: 50px 7%;
    display: flex;
    justify-content: space-between;

}

.about-sec .about-main .about-left {
    width: 55%;
    align-items: center;



}

.about-left .about-para {
    text-align: justify;
    font-size: var(--fontsize);
}

.about-sec .about-main .about-right {
    width: 40%;


}

/* About Section End Here */
/* Our Team CSS start Here */
.ourteam-sec .ourteam {
    color: var(--greencolor);
    font-size: var(--headingfont);
    text-align: center;
}

.ourteam-sec {
    width: 100%;

    background-color: #38EC000D;
    padding: 50px 7%;
}

.ourteam-sec .ourteam-div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.ourteam-div .ourteam-left {
    width: 30%;

}


.ourteam-div .ourteam-right {
    width: 65%;

}

.ourteam-right .founder-heading {
    font-size: var(--founderheading);
    text-transform: uppercase;
}

.ourteam-right .founder-message {
    font-size: var(--fontsize);
    margin-top: 12px;
    text-align: justify;
}

.ourteam-right .founder-regards {
    font-size: var(--regardsfont);
    margin-top: 25px;
}

.ourteam-right .founder-name {
    font-size: var(--fontsize);
}

/* Ourteam Section CSS End Here */
/* Managing Director Section CSS Start Here */
.managing-director {
    background-color: #38EC000D;
}

.managing-director .managing-div {
    width: 100%;

    padding: 50px 7%;
    display: flex;
    justify-content: space-between;
}

.managing-director .managing-div .managing-left {
    width: 65%;

}

.managing-director .managing-div .managing-right {
    width: 30%;

}

.managing-left .managing-director-msg {
    font-size: var(--founderheading);
    text-transform: uppercase;

}

.managing-left .managing-para {
    text-align: justify;
    font-size: var(--fontsize);
    margin-top: 12px;

}

.managing-left .managing-regards {
    font-size: var(--regardsfont);
    margin-top: 25px;
}

.managing-left .managing-name {
    font-size: var(--fontsize);
}

/* Managing Director Section CSS End Here */
/* Director Msg CSS Start Here */
.director-section {
    background-color: #38EC000D;
}

.director-section .director-div {
    width: 100%;

    padding: 50px 7%;
    display: flex;
    justify-content: space-between;
}

.director-div .director-left {
    width: 30%;


}

.director-div .director-right {

    width: 65%;

}

.director-right .director-heading {
    font-size: var(--founderheading);
    text-transform: uppercase;
}

.director-right .director-msg {
    font-size: var(--fontsize);
    margin-top: 12px;
    text-align: justify;
}

.director-right .director-regards {
    font-size: var(--regardsfont);
    margin-top: 25px;
}

.director-right .director-name {
    font-size: var(--fontsize);
}

/* Director Msg CSS End Here */

/* Contact Section CSS Start Here */
.contact-sec .contact-div {
    padding: 0px 7%;
    width: 100%;


}

.contact-div .contactus {
    text-align: center;
    font-size: var(--headingfont);
    color: var(--greencolor);
    text-transform: uppercase;
    margin-top: 20px;
}

.contact-div .contact-para {
    text-align: center;
    font-size: 0.9rem;
}

.contact-div .contact-para2 {
    text-align: center;
    font-size: 0.9rem;
}

.contact-div .sch-web {
    color: red;
    font-weight: bold;
}

.contact-div .logo-grp {

    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    gap: 3px;
    font-size: 10px;
    color: #05833C;
}

.logo-grp img {
    width: 40px;
}


/* Contact Section CSS End Here */
/* Footer Section CSS Start Here */
.footer-section .footer-div {
    display: flex;
    width: 100%;


}

.end {
    background-color: #05833C;
    text-align: center;
    padding: 10px 25px;
    color: white;
    font-weight: 500;
}

/* Footer Section CSS End here */
/* Media Query Section CSS Start Here */

@media Screen and (min-width:601px) {
    .navar-div .bar {
        display: none;
    }
}

@media Screen and (max-width:600px) {
    .navar-div .menu-div a {
        display: none;
    }

    .navar-div .header {
        font-size: 0.7rem;
    }

    .hero-div .welcome-sch {
        font-size: 7vw;

    }

    .hero-div .Success {
        font-size: 1rem;
    }

    .about-sec .about-main .about-left {
        width: 100%;

    }

    .about-left .about-para {
        font-size: 1rem;
    }

    .about-sec .about-main .about-right {
        width: 100%;
        margin-top: 20px;
    }

    .about-sec .about-main {
        flex-direction: column;


    }

    .ourteam-sec .ourteam-div {
        flex-direction: column;

    }

    .ourteam-right .founder-heading {
        font-size: 1.1rem;
        margin-top: 20px;
    }

    .ourteam-div .ourteam-left {
        width: 100%;
    }

    .ourteam-div .ourteam-right {
        width: 100%;
    }

    .ourteam-right .founder-message {
        font-size: 1rem;
        text-align: justify;

    }

    .managing-director .managing-div .managing-left {
        width: 100%;
    }

    .managing-director .managing-div .managing-right {
        width: 100%;
    }

    .managing-left .managing-director-msg {
        font-size: 1.1rem;
        margin-top: 20px;
    }

    .managing-left .managing-para {
        font-size: 1rem;
    }

    .managing-director .managing-div {
        flex-direction: column-reverse;
    }

    .managing-left .managing-name {
        margin-bottom: 20px;
    }

    .director-section .director-div {
        flex-direction: column;
    }

    .director-right .director-heading {
        font-size: 1.1rem;
        margin-top: 20px;
    }

    .director-div .director-left {
        width: 100%;
    }

    .director-div .director-right {
        width: 100%;
    }

    .director-right .director-msg {
        font-size: 1rem;

        text-align: justify;
    }

    .contact-sec .contact-div {
        width: 100%;
    }

    .contact-div .contact-para {
        font-size: 0.8rem;
        text-align: center;

    }

    .contact-div .contact-para2 {
        font-size: 0.8rem;
        text-align: center;
        margin-top: 3px;
    }


}