body{
    background-color:rgba(255, 255, 255, 0.651);
   
}
.back{
    width: 1200px;
    text-align: center;
    background-color: rgba(76, 103, 221, 0.973);
    margin: auto;
}
/*school logo and school title*/
.firstsection{
    height: 210px;
    background-color:rgba(76, 103, 221, 0.973);
}
.schtitle1{
    font-size: 55px;
    text-shadow: 5px 5px rgba(0, 0, 0, 0.432);
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding-top: 35px;
    padding-left: 170px;
}
.schtitle2{
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    padding-left: 190px;
    margin-top: 5px;
    letter-spacing: 30px;
}
.logo{
    width: 290px;
    height: 190px;
    margin-top: -150px;
    margin-left: -450px;
}

/* Homepage navigation bar*/
ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: rgba(55, 43, 224, 0.973);
    overflow: hidden;
}
li{
    float: left;
}
li a{
    display: block;
    color: white;
    text-align: center;
    font-weight: bolder;
    font-size: 15px;
    padding: 15px 19px;
    text-decoration: none;
}
li a:hover{
    background-color: rgba(255, 255, 255, 0.658);
    color: red;
}
.activehome{
    background-color: rgba(255, 255, 255, 0.658);
    color: red;
}
.dropdown-content{
    display: none;
    position:absolute;
    background-color:rgba(255, 255, 255, 0.658);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content a:hover{
    background-color:rgba(88, 148, 238, 0.39);
}
.dropdown:hover .dropdown-content{
    display: block;
}
.btn{
    width: 106px;
    height: 33px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    float: right;
    margin-right: 16px;
    margin-top: 7px;
    background:linear-gradient(to bottom, #f0f0ee83 5%, #8888eb91 100%);
    border-radius:15px;
    border:1px solid #f2f2f3;
    color:white;
    font-weight: bolder;
}
.btn:hover{
    background-color: tomato;
}

/*for main image*/
.mainimage{
    height:530px;
    width:1200px;
}

/*for school description*/
.schoolDesP{
    width: 1150px;
    background-color:rgba(76, 103, 221, 0.973) ;
    color: white;
    text-align: center;
    font-family:  Verdana, Geneva, Tahoma, sans-serif;
    font-size: 19px;
    margin-left: 25px;
}

/*3 sections*/
.mainsection{
    display: flex;
    height: 290px;
    width: 1200px;
    margin-top: 60px;
    background-color:rgba(76, 103, 221, 0.973) ;
    color: white;
}
.mainsection .sec1{
    background-color: rgba(243, 241, 241, 0.575);
    padding: 20px;
    margin: 10px;
    width: 350px;
    height: 220px;
    font-family:  Verdana, Geneva, Tahoma, sans-serif;
    font-size: 30px;
    font-weight: bold;
}
.sec1:hover{
    font-size: 0;   
}
.sec1:hover::after{
    content:attr(data-hover);
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

/*Achievements section*/
.Achievement{
    height: 600px;
    width: 1200px;
    margin-top: 60px;
    background-color:rgba(76, 103, 221, 0.973) ;
}
.H1{
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: left;
    padding-top: 20px;
    padding-left: 12px;
}
.iframe{
    width: 1050px;
    height: 470px;  
    margin-top: 50px;
    border-color:aqua; 
    background-color: rgba(243, 241, 241, 0.356);
}

/*result section*/
.result{
    height: 700px;
    width: 1200px;
    margin-top: 40px;
    background-color:rgba(76, 103, 221, 0.973) ;
}
.H1{
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: left;
    padding-top: 20px;
    padding-left: 7px;
}
/*.slide-frame{
    overflow: hidden;
    height: 500px;
    width: 800px;
    margin-left: 270px;
    margin-top: 40px;
}
.size1{
    height: 500px;
    width: 800px;
}
.size2{
    height: 500px;
    width: 800px;
}
.size3{
    height: 500px;
    width: 800px;
}
@-webkit-keyframes slide_animation{
       0% {left:0px;}
       10% {left:0px;}
       20% {left:1200px;}
       30% {left:1200px;}
       40% {left:2400px;}
       50% {left:2400px;}
       60% {left:1200px;}
       70% {left:1200px;}
       80% {left:0px;}
       90% {left:0px;}
       100% {left:0px;}
}
.slide-images{
    width: 600px;
    height: 400px;
    margin: 0 0 0 -2400px;
    position: relative;
    -webkit-animation-name:slide_animation;
    -webkit-animation-duration: 33s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
}
.slide-images div{
    float: left;
}
.images-containar{
    height: 400px;
    width: 800px;
    position: relative;
    float: left;
}*/

.maindiv{
    width: 70%;
    height: 500px;
    position: absolute;
    margin-left: 630px;
    margin-top: 300px;
    transform: translate(-50% , -50%);
    background-image: url(photos/result1.jfif);
    background-size: 100% 100%;
    box-shadow: 3px 3px 12px 5px rgb(221, 17, 17);
    animation: slider 30s infinite linear; 
}
@keyframes slider{
       0%{ background-image: url(photos/result1.jfif);}
       35%{ background-image: url(photos/result2.jfif);}
       75%{ background-image: url(photos/result3.jfif);}
}

/*footer*/
.footer{
    background-color:rgb(44, 77, 221) ;
    color: white;
    height: 410px;
    margin-top: 0px;
    position: relative;
}
.footer .footer-content{
   height: 380px;
   display: flex;
}
.footer .footer-content .fs{
    flex: 1;
}
.allh1{
   font-family:cursive;
   font-size: 42px;
}
.aboutausP{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.Ol{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight:80;
}
.contactusEmail{
    width: 300px;
    padding: 5px;
    border-radius: 15px ;
    border: none;
    background-color:rgb(153, 167, 226) ;
}
.contactusText{
    width: 300px;
    padding: 5px;
    color: white;
    background-color:rgb(153, 167, 226) ;
    border-radius: 15px ;
    border: none;
}
.contactusBtn{
    height: 30px;
    width: 80px;
    float: right;
    background-color: rgba(244, 247, 246, 0.973);
    color: rgba(76, 103, 221, 0.973);
    font-weight: bolder;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-right: 100px;
    margin-top: 22px;
    border-radius: 7px;
    border: none;
}
.contactusBtn:hover{
    background-color: tomato;
    color: #f2f2f3;
}
.footer .footer-bottom{
    background-color:rgb(4, 44, 223) ;
    color: white;
    text-align: center;
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-top: 20px;
}