* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Lato, sans-serif;
}

ul {
    margin: 0;
}

p {
    padding-left: 0;
    margin-left: 0;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}

.firstSection {
    height: 250px;
    z-index: 999;
    background: white;
    color: black;
    position: relative;
}

.logoImg {
    margin: 0 auto;
}

.logoImg img {
    width: 200px;
    margin-top: 10px;
    margin: 10px auto;
    text-align: center;
    padding-left: 50px;
    object-fit: contain;
    background-position: center center;
}

.sectionChild {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: fixed;
    background-color: white;
    /* left: 0;
    top: 0; */
}


.navSec li span {
    border-top: 1px solid gray;
    text-align: center;
    padding: 5px;
    margin: 5px 0px 5px 0px;
}

.navSec {
    text-align: center;
    /* height: 200px; */
}

.navSec li {
    margin: 10px;
    font-size: 20px;
}

.navSec button {
    outline: none;
    border: none;
    padding: 10px 20px;
    background-color: orange;
    color: white;
    font-size: 20px;
    border-radius: 30px;
}

/* home section css */

.mainChilsOne {
    position: relative;
    background-image: url(./images/img/first.jpg);
    width: 100%;
    height: 350px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

.sectionTwo {
    /* margin-top: 100px; */
}

.mainChilsTwo {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FF7700;
    width: 100%;
    height: 300px;
}

.mainChilsTwo h1 {
    color: white;
    font-size: 30px;
    text-align: center;
}

.mainChilsTwo p {
    color: white;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    word-spacing: 15px;
}

.lastHome {
    text-align: center;
    margin-top: 10px;
}

.lastHome button {
    outline: none;
    padding: 5px 25px;
    color: white;
    background-color: blue;
    font-size: 20px;
    border-radius: 20px;
    outline: none;
    border: none;
}

.lastHome a {
    text-decoration: none;
    color: white;
    cursor: pointer;
}

.secThree {
    color: white;
    margin: 10px 10px;
}

.secThree p {
    font-size: 20px;
    word-spacing: 5px;

}

.secThree button {
    outline: none;
    padding: 5px 25px;
    color: white;
    background-color: orange;
    margin-top: 30px;
    font-size: 20px;
    margin-left: 10px;
    border-radius: 5px;
    padding-left: 20px;
    outline: none;
    border: none;

}

.sectionThree {
    background-color: #0063CB;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secFour {
    position: relative;
    background-image: linear-gradient(#00000099, #000000fe), url(./images/img/leg.png);
    width: 100%;
    height: 650px;
    background-position: center;
    opacity: 0.7;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;

}

.fourChild {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.fourChild h3 {
    color: white;
    font-size: 30px;
    margin: 10px 0px;
}

.fourChild p {
    color: white;
    font-size: 20px;
    margin: 10px 0px;
    text-align: justify;
}

.fourChild button {
    outline: none;
    padding: 5px 25px;
    color: white;
    background-color: blue;
    margin-top: 30px;
    font-size: 20px;
    margin-left: 10px;
    border-radius: 5px;
    padding-left: 20px;
    outline: none;
    border: none;
}

.sevenChildOne {
    width: 80%;
    margin: 0 auto;
    text-align: justify;
}

.sevenChildOne h1 {
    font-weight: bold;
    font-size: 30px;
    margin: 10px 5px;
}

.sevenChildOne p {
    font-weight: 500;
    font-size: 17px;
    margin: 10px 5px;
}

.imgGreed {
    width: 100%;
    /* text-align: center; */
}

.imageOne img {
    width: 300px;
    margin: 5px auto;
}

.imageTwo img {
    width: 300px;
    margin: 5px auto;
}

.sectionEight {
    margin-top: 30px;
}

.sectionNine {
    margin-top: 30px;
}


/* nts css  start*/

.img-div-1 {

    width: 100%;
    text-align: center;
    line-height: 1.2rem;
}

.icon-1-img {

    width: 50%;
    height: 100px;
}

.sectionSeven {

    padding-top: 20px;
}

.teacher-vivi-original-img {

    width: 100%;
    height: 100%;
}

.teacher-vivi {

    background-image: url(./img/bgk-img.png);
    background-position: center;
    background-size: cover;
    background-color: #8400cb;
    height: auto;
}

.flex-para {
    margin-bottom: 0px;
    font-family: Montserrat, sans-serif;
    line-height: 1.8;
    text-align: justify;
    padding: 10px;
}

.parent-1 {
    margin-bottom: 30px;
}

.teacher-vivi-heading {
    padding-top: 20px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.teacher-vivi-para {


    padding-top: 20px;
    display: block;
    max-width: 85%;
    margin-bottom: 36px;
    color: #fff;
    text-align: justify;
    font-size: 18px;
    line-height: 1.9;
    font-weight: 300;
}

.sevenChildOne h1,
p {
    text-align: center;

}

.footer-last {

    background-image: url(./img-1/bgk-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    background-color: #0063cb;
}



.copywright{

    color: #fff;
}

.S-icons {
    padding: 10px;
    font-size: 30px;
    color: #fff;
   
}

.social-icons-last {
    display: flex;
    justify-content: space-evenly;
    padding-top: 10px;
}

.imgGreed{

    text-align: center;
}

@media(min-width : 768px) {

    .firstSection {
        height: 100px;
        z-index: 999;
    }

    .sectionChild {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100px;
    }

    .logoImg img {
        margin: 0;
        padding-left: 0;
        text-align: left;
    }

    .navSec li {
        display: inline;
    }

    .navSec li span {
        border-top: none;
        transition: all ease 1s;
    }

    .navSec li span:hover {
        border-bottom: 1px solid gray;
    }

    .mainHome {
        display: flex;
        flex-direction: row-reverse;

    }

    .mainChilsTwo {
        height: 700px;
    }

    .mainChilsOne {
        height: 700px;
    }

    .mainChilsTwo h1 {
        color: white;
        font-size: 50px;
        word-spacing: 10px;
    }

    .mainChilsTwo p {
        font-size: 30px;
        margin-bottom: 30px;
        text-align: center;
    }


    .secThree {
        color: white;
        margin: 50px 10px;
        display: flex;

        justify-content: center;
        align-items: center;
    }

    .secThree p {
        display: inline;
        font-size: 30px;
        margin-top: 10px;
    }

    .secThree button {

        display: inline;
        font-size: 25px;

    }

    .fourChild {
        position: absolute;
        top: 30%;
        left: 10%;
        text-align: center;
        width: 40%;
        margin: 0 auto;
    }

    .sevenChildOne {
        width: 60%;
        margin: 20px auto;
        text-align: justify;
    }

    

    .parent-1 {

        display: flex;
        justify-content: space-between;
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .img-div-1 {

        width: 30%;

    }

    .icon-1-img {

        width: 50%;
        height: 150px;
    }

    .sectionSeven {

        padding-top: 50px;
    }

    .teacher-vivi-heading {
        padding-top: 20px;
        font-family: Montserrat, sans-serif;
        color: #fff;
        font-size: 45px;
        line-height: 1.2;
        font-weight: 800;
        letter-spacing: -0.05em;
    }

    .teacher-vivi-para {


        padding-top: 20px;
        display: block;
        max-width: 85%;
        margin-bottom: 36px;
        color: #fff;
        text-align: justify;
        font-size: 18px;
        line-height: 1.9;
        font-weight: 300;
    }

    .teacher-vivi-original-img {

        width: 80%;
        height: 40vh;
        border-radius: 10px;
        margin-left: 10%;
    }

    .fourChild {
        position: absolute;
        top: 11%;
        left: 10%;
        text-align: center;
        width: 40%;
        margin: 0 auto;
    }

    .sevenChildOne h1,
    p {
        text-align: center;

    }

    .social-icons-last {
        display: flex;
      
        padding-right: 30px;
    }

    .S-icons {
        padding: 10px;
        font-size: 35px;
        color: #fff;
    }

    .footer-last{

            height: 10vh;
            margin-top: 20px;
        
    }

    .last-flex{

        display: flex;
        justify-content: space-evenly;
        padding-top: 50px;
    }

    .copywright{

        color: #fff;
    }

    .imgGreed{

        text-align: center;
    }
}

@media(min-width : 992px) {


    .parent-1 {

        display: flex;

    }

    .teacher-vivi-content {

        width: 30%;
    }


    .teacher-vivi-original-img {

        width: 100%;
        height: 45vh;
    }

    .parent-2 {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .parent-1 {

        display: flex;

    }

    .teacher-vivi-content {

        width: 30%;
    }


    .teacher-vivi-original-img {

        width: 100%;
        height: 35vh;
        border-radius: 10px;
    }

    .teacher-vivi-heading {

        padding-top: 40px;
    }

    .teacher-vivi-para {

        padding-top: 20px;
        display: block;
        max-width: 85%;
        margin-bottom: 36px;
        color: #fff;
        text-align: justify;
        font-size: 18px;
        line-height: 1.9;
        font-weight: 300;
    }

    .sevenChildOne h1,
    p {
        text-align: center;

    }


    /* greed */


    .imgGreed {
        display: flex;
        flex-wrap: wrap;
        width: 80%;
        margin: 0 auto;
        gap: 20px;
    }

    .imageOne img {
        width: 100%;
        height: 100%;
        margin: 5px auto;
    }

    .imageTwo {
        display: flex;
        flex-wrap: wrap;
        width: 49%;
        gap: 7px;
    }

    .imageOne {
        width: 48%;
    }

    .imgOne {
        width: 49%;
    }

    .imageTwo img {
        width: 100%;
        height: 100%;
        gap: 10px;
        margin: 5px auto;
    }

    .footer-last{

        height: 20vh;
        margin-top: 20px;
    
}
   

}