@import url('https://fonts.googleapis.com/css?family=Ibarra+Real+Nova&display=swap');
*{
    font-family: 'Ibarra Real Nova', serif;
    padding:0px;
    margin:0px;
}
.services1{
    background-color:#3b7dd8;
    padding:150px 30px;
}
.services2{
    /* background:linear-gradient(rgba(0, 0, 0, 0.425),rgba(8, 8, 8, 0.541)),url(images/topper-header.jpg);
    background-size:cover; */
    padding:70px 20px;
    color:black;
    border:1px solid #3b7dd8;
}
.email{
    background-color:#3b7dd8;
    border-radius:50%;
    height:50px;
    width:50px;
    padding-top:8px;
    color:white;
}
.img-fluid1{
    height:50px;
    width:40px;
}
.header{
    padding:10px 0px 0px 0px;
}
.nav-link{
    color:white;
    font-size:25px;
}
.nav-link a{
    text-decoration: none;
}
.nav-link:hover{
    color:white;
    text-decoration: none;
    
}
.font-color{
    color:#3b7dd8;
}
.list{
    list-style-type:none;
    font-size:18px;
}
.nav-item:hover{
    text-decoration: underline;
    transition: 8s;
}
.explore{
    padding-left:150px;
}
.doyouknow{
    padding-top:100px;
}
.box{
              
    position:relative;
    height:150px;
    width:150px;
    border-radius:50%;
    overflow:hidden;
    padding-top:60px;
   /*  padding-left:15px; */
    text-align:center;
    background-color:white
    

}
.box:hover .inside{
    transform:rotate(180deg);
}
.inside{
    height:150px;
    width:150px;
    border-width:10px;
    border-style:solid;
    box-sizing:border-box;
    border-color:rgb(10, 107, 218) white rgb(10, 107, 218) white;
    position:absolute;
    top:0;
    
    border-radius:50%;
    transition:transform 1s;
    z-index: 10;
}
.text{
    height:150px;
    width:150px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:rgb(138, 160, 13);
    color:white;
    font-size:20px;
    text-transform: uppercase;
    position:absolute;
    top:0;
    
    opacity:0;
    transition:opacity 1s; 
}
.box:hover .text{
    opacity:1;
}
.course{
    margin-left:50px;
}
.a5{
    height:520px;
}
.vline{
    border-right: 3px solid white;
    height:180px;
}
.footer{
    padding:30px;
    background-color:#3b7dd8;
    /* background:linear-gradient(rgba(3, 108, 134, 0.425),rgba(4, 86, 107, 0.541)),url(images/footer.jpg);  */
}
.font{
    font-size:18px;
}
.about{
    background-color:rgb(245, 244, 244);
    /* background-image:url('images/background.jpg');
    background-size:cover; */
    padding:50px 50px 100px 50px;
}
.about1{
    padding:0px 30px;
}
.list{
    padding:20px 20px;
    list-style-type: disc;
}
.about2{
    /* background:linear-gradient(rgba(0, 0, 0, 0.425),rgba(0, 0, 0, 0.541)),url(images/aboutback.jpg); */
    background-size:cover;
    background-position:center;
}
.aboutstud1{
    margin-top:-120px;
}
.com{
    padding:50px 50px;
    background-color:#3b7dd8;
  
    height:auto;
    background-repeat:no-repeat;

    
}
.exam{
    border:2px solid rgb(18, 176, 238);
    color:white;
    text-align:center;
    padding:10px;
    background-color:rgb(64, 111, 240);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
    
}
.exam h6{
    font-size:20px;
}
.des{
    font-size:20px;
}
.smartclassimg{
    height:400px;
    width:100%;
    border:5px solid #3b7dd8;
}
.computerlab{
    height:350px;
    width:100%;
    border:5px solid #3b7dd8;
}
.facility{
    height:300px;
    width:100%;
    border:5px solid #3b7dd8;
}
.facilitymodule{
    padding:50px 0px;
    /* background-image:url('images/b11.jpg');
    */
    padding:50px 80px;
}
.facilitymodule1{
    /* background:linear-gradient(rgba(7, 86, 177, 0.425),rgba(14, 98, 207, 0.541)),url(images/facility/back.jpg);
    background-size: cover; */
    padding:50px 80px;
    /* background-color:rgb(245, 244, 244); */
    /* border-radius:2%;
    border:2px solid black; */
}
.facilityborder{
    padding:20px;
    border-bottom-style:solid;
    border-width: 2px;
    border-color: skyblue;
}
.slider{
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:300px;
    height:100px;
    overflow:hidden;
    visibility:hidden;
}
.slider1{
    /* position:absolute; */
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
    background-color:rgba(0,0,0,0.7);
}
.slider2{
    cursor:default;
    /* position:relative; */
    top:0px;
    left:0px;
    width:1000px;
    height:100px;
    overflow:hidden;
}
.galslider1{
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:960px;
    height:480px;
    overflow:hidden;
    visibility:hidden;
    background-color:blue;
}
.galslider2{
    cursor:default;
    position:relative;
    top:0px;
    left:240px;
    width:720px;
    height:480px;
    overflow:hidden;
}
.a6{
    width:100%;
    height:490px;
}
/* .mainslider{
    height:480px;
    width:100%;
} */
.mainslider1{
    height:630px;
    width:100%;
}
.achieve{
    padding:50px;
    background-color:#3b7dd8;
}
.contact{
    font-size:20px;
}
.contact1{
    padding:10px;
    color:white;
}
.contact2{
    /* background:linear-gradient(rgba(8, 8, 8, 0.425),rgba(8, 8, 8, 0.541)),url(images/slider/19.jpg); */
    background-size:cover;
}
.contact3{
    
    background-color:#3b7dd8;
}
.student{
    padding:100px 50px 50px 50px;
}
.sps{
    height:150px;
    width:100%;
}
/* body {
    background-color:#B51541;
    overflow: hidden;
  }
  
  body,
  html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .container{
    position:absolute;
    max-width:100%;
    height:600px;
  }
  
  svg{
    max-width:100%;
    visibility:hidden;
     overflow:visible
  } 
*/
.competative{
    height:200px;
    width:100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.about-img{
    height:100%;
}
    @media screen and (max-width:760px){
        .laptop{
            display:none;
        }
        .explore{
            padding-left:20px;
        }
        .vline{
            border-right:none;
            height:auto;
        }
        .a5{
            height:300px;
        }
        .header{
            display:none;
        }
        .course{
            margin-left:0px;
        }
        .about{
           
            padding:10px;
        }
        .about1{
            padding:20px 30px;
        }
        .stud1{
            margin:20px;
        }
        .list{
            padding:20px 20px;
            list-style-type: disc;
        }
        .com{
            padding:100px 30px;
            background-repeat: no-repeat;
            background-size:cover;
        }
        .exam{
            margin:10px;
        }
        .facilitymodule{
            padding:50px 20px;
        }
        .facilitymodule1{
            padding:50px 0px;
        }
        .smartclassimg{
            height:250px;
            width:100%;
        }
        .computerlab{
            height:250px;
            width:100%;
        }
        .facility{
            height:250px;
            width:100%;
        }
        .slider{
            width:200px;
            height:100px;
        }
        .galslider1{
            width:960px;
            height:480px;
        }
        .galslider2{
            left:240px;
            width:720px;
            height:480px;
        }
        .a6{
            width:100%;
            height:300px;
        }
        .mainslider{
            height:200px;
        }
        .mainslider1{
            height:380px;
        }
        .achieve{
            padding:20px;
        }
        .contact1{
            padding:20px;
        }
        .aboutstud1{
            margin-top:-60px;
        }
        .student{
            padding:10px 50px 50px 50px;
        }
        .sps{
            height:200px;
            width:100%;
        }
        .competative{
            height:200px;
            width:80%;
        }
        .services1{
            padding:50px 30px;
        }
        .font-heading{
            font-size:30px;
        }
        .doyouknow{
            padding:10px;
        }
        .about-img{
            height:auto;
        }
    }
    @media screen and (min-width:765px){
        .mobile{
            display:none;
        }
    }