*{
        margin: 0;
        padding: 0;
        
}
html{
        scroll-behavior: smooth;
}
body{
        width: 100%;
        overflow-x: hidden;
}
/* .video{ */
        /* position: fixed; */
        /* right: 0; */
        /* left: 0; */
        /* bottom: 0; */
        /* min-width: 100%; */
        /* min-height: 100%; */
        
/* } */
 /* body{ background-image: url('./img/army\ background\ .jpeg');
        
        background-size: 100vh;
        background-repeat: auto;
        background-position: bottom;
} */
.divbg{
        /* width: 100%;
        overflow-x: hidden;      */
}
.first{
        background-color: rgb(71, 71, 156);
        /* border: 1px coral solid; */
        display: grid;
        grid-template-columns: auto 65% auto auto auto ;
        height: fit-content;
        align-items: center;
        /* margin-left: 5px; */
        /* margin-right: 5px; */
        
        /* position: absolute; */
        
        
}
.first marquee{
        height: 17px;
}

.first #sp1, marquee span{
        color: white;
        font-weight: bold;
        padding-left: 5px;
        font-size: 12px;
        
        
}
.first span, marquee{
        padding-top: 10px;
        padding-bottom: 10px;
       
       
}
.mrq{ transform: skew(10deg);
        border-right: 4px solid white;
        border-left: 4px solid white;
}

.second{
        display: flex;
        background-color: #032159;
        height: 100px;
        /* border: 2px red solid; */
       
}
.name{
        margin-top: 20px;
        margin-left: 300px;
}
.baustg{ margin-top: 15px;
        margin-left: 180px;
        position: absolute;
        z-index: 2;
}
.name h1{ 
        color: white;
        font-weight: bolder;
        font-size: 30px;
}

#ugc{
        font-size: 25px;
        color: yellow;
}
 
.third{
        position: sticky;
        top: 0;
      
        z-index: 1;
        /* border: 1px red solid; */
        background-color:#1c4569;    
}
.abnav a {
        display: flex;
        
         /* border: 2px white solid; */
        
        }
.abnav a i{
        margin-left: 1px;
        
}
        
.abnav:hover .abnavsub{
        display:block ;
        background-color: #11538a;
        z-index: 1;
        position: absolute;
        transition: 2s;
}
.abnavsub{
        display: none;
        background-color: #11538a;
        /* border: 2px red solid; */
        height: fit-content;
        max-width: 320px;
        min-width: 220px;
        margin-left: -5px;
        
        margin-top: 5px;
        transition: 1s;
}
.abnav .abnavsub li {
margin-left: 0;
padding: 10px;
        
        border-bottom: 1px white solid;
}
.abnav .abnavsub li:hover{
        background-color: #3378b6;
}
.abnav .abnavsub li a{
        font-weight: bold;
        margin-left: 4px;
        font-size: 15px;
}

.optional{
        display: flex;
height: 40px;
align-items: center;
justify-content: flex-start;
margin-left: 280px;
/* border: 1px red solid; */
}
.optional li a {
        color: white;
        text-decoration: none;
        font-size: large;
        font-weight: bold;
}
.optional li{ 
        
        border-left: 0.5px gray solid;
        margin-left: 5px;
        margin-right: 10px;
        list-style: none;
        /* border: red 2px solid; */
        padding: 5px;

        
        /* border: 1px white; */
        
}
.one,.two,.three,.four,.five{
        
        /* border-radius: 5px; */
        /* background-color:paleturquoise; */
}
/* .one:hover{
        background-color: brown;
        transition: 1.5s;
}
.two:hover{
        background-color:chartreuse;transition: 1.5s;
}
.three:hover{
        background-color: blue;transition: 1.5s;
}
.four:hover{
        background-color: pink;transition: 1.5s;
}.five:hover{
        background-color: yellow;transition: 1.5s;
} */
.fourth{ background-color: skyblue;
        display: grid;
       grid-template-columns: 50% 50%;
       /* border: red 10px solid; */
}
.pic1{
        height: 380px;
        /* border: 1px red solid; */
        margin-left: 5px;
        
}
.pic2{
        height: 380px;
        /* border: 1px red solid; */
        display: flex;
        
}
.fifth{
        /* border: 2px blue solid; */
        margin-left: 150px;
        margin-right: 150px;
        display: flex;
        justify-content: space-between;

}
.main{ margin: 10px;
        /* border: 1px gainsboro solid; */
        border-radius: 5px;
        height: 100px;
        width: 350px;
        display: flex;
        justify-content: space-between ;
        background-color: white;
        box-shadow: 0 0 1px 1px gainsboro;
        animation: 3s;
}
.main:hover{
        box-shadow: 0 0 5px 5px blue;
        /* transform: translate(70px,70px); */
        transition: 2s;
}

.main h3{ 
        color: blue;
}
.main span{
        color: grey;
        font-weight: bold;
}
.main img{
        margin-top: 15px;
}
.submain{
        margin-top: 10px;
        /* background-color: white; */
}

.sixth{
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        margin-left: 150px;
        margin-right: 150px;
        /* border: 1px red solid; */
        height: auto;
}
.sixth h2,a{
        color: red;
        transition: 2s;
        height: auto;
        
}


#h26{
        width: 70px;
        transition: 2s;
}
#h26:hover{
        width: 120px;
        transition: 1s;
}
.sixth section{ 
        /* border: 1px red solid; */
        margin-right: -370px;
}
.sixth nav{
        margin-top: 8px;
}
.sixth nav span{
        
        color: deepskyblue;
        font-weight: bold;
        border-left: 2px grey solid;
}
.sixth h2{
        height: 30px;
        border-bottom: 5px gray solid;
}
.sixth h3{ height: 30px;
        border-bottom: 5px gray solid ;
}
.seventh{
        margin-top: 2px;
        display: flex;
        
        margin-left: 150px;
        margin-right: 150px;
        /* border: 1px red solid; */
        height: 145px;
        width: auto;
        justify-content: space-between;
}
.academy{
        /* border:1px red solid ; */
        height: 130px;
        width: 55%;
        border-radius: 5px;
        background-color: whitesmoke;
        display: flex;
}
/* .academy:hover{
        transform: scale(2);
} */
.academy section{
        
        margin-top: 10px;
        margin-left: 6px
}
.academy section:hover{
        /* transform: scale(1.5); */
        background-color: white;
}
/* .seventh .academy section h4:hover{
color: blue;
} */
#academy{
        height: 130px;
        width: 130px;
        transition: 1s;
}
.academy-detail{
        margin-left: 20px;
}
.academy-detail li h5{
        color: green;
}
.academy-detail li{
        list-style-type: circle;
        lighting-color: chartreuse;
        
}
.academy-detail li h5:hover{
        color: brown;
}
.notice{
        /* border:1px red solid ; */
        border-radius: 5px;
        background-color: whitesmoke;
        height: 130px;
        width: 40%;
        display: flex;
}
#notice{
        height: 130px;
        width: 130px;
}
/* #notice:hover{
        transform: scale(2);
} */
#notices{
        margin-top: 40px;
        margin-left: 6px;
}
/* #academy:hover{
        transform: scale(2);
} */
.bgvideo{
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: -1;
        

}
.farhan{ width: 500px;
        height: 70px;
        display: flex;
        justify-content: center;
        color: white;
        align-items: center;
        font-weight: bolder;
        font-family: sans-serif;
        transition: 2s;
        box-shadow: 0 0 5px 5px purple;
        border-radius: 100px;
        

}
#farhan{
        /* border: 1px greenyellow solid; */
        height: 200px;
        display: flex;
        justify-content: center;
        
}
.farhan:hover{
        box-shadow: 0 0 5px 5px blue;
        transform: scale(1.5);
        transition: 2s;
        color: cyan;
}
.eightth{
        /* border: 2px greenyellow solid; */
        display: flex;
        justify-content: space-between;
        margin-top: -15px;
}
.back1{
        
        /* border: 2px red solid; */
        height: 70px;
        transform: rotate(180deg);
        margin-top: 80px;
        z-index: 1;
        position: relative;
}
.back2{
        /* border: 2px red solid; */
        margin-right: 150px;
        height: 150px;
        margin-top: -50px;

}

.nineth{ 
        margin-top: -70px;
        /* border: 3px blueviolet solid; */
        display: grid;
        grid-template-columns: 50% 50%;
        height: 500px;
        background-color: #0C3151;
        position: relative;
}
.acmp{
        padding-right: 5px; 
        border: 10px white solid;
        height: 340px;
        margin-left: 220px;
        /* margin-top: 70px; */
        width: 500px;
        border-radius: 5px;
        margin-top: 5px;
}
.ach1{  font-family: sans-serif;
        font-weight: bolder;
        margin-top: 20px;
        margin-left:250px ;
        color: white;
        /* border: 1px red solid; */

}
/* .ach1:hover{
        width: 450px;
        border-radius: 10px;
        border: 3px white solid;
        box-shadow: 0 0 5px 5px greenyellow;
} */
.asmp{
        margin-top: 5px;
        border: 10px white solid;
        height: 340px;
        margin-left: 60px;
        /* margin-top: 70px; */
        width: 500px;
        border-radius: 5px
}
.ash1{  font-family: sans-serif;
        font-weight: bolder;
        margin-top: 20px;
        margin-left:70px ;
        color: white;
        /* border: 1px red solid; */

}
/* .ash1:hover{
        width: 500px;
        border-radius: 10px;
        border: 3px white solid;
        box-shadow: 0 0 5px 5px greenyellow;
} */
.acm{ margin-top: -11px;
        height: 370px;
        width: 400px;
        margin-left: -3px;
}
.asm{
        height:400px ;
        margin-top: -11px;
        margin-left: -3px;
}

.ach2{ font-size: larger;
        background-color: #0C3151;
        height: 40px;
        width: 100px;
        border:1px #0C3151 solid;
        border-bottom: 5px white solid;
       
        font-family: sans-serif;
        font-weight: bolder;
        margin-top: px;
        margin-left:400px ;
        color: white;
        transition: 1s;
}
.ach2:hover{
        border-radius: 10px;
        border: 3px white solid;
        box-shadow: 0 0 5px 5px blue;
        /* transform: translate(70px,70px); */
        transition: 1s;
}

.ash2{ font-size: larger;
        background-color: #0C3151;
        height: 40px;
        width: 100px;
        border:1px #0C3151 solid;
        border-bottom: 5px white solid;
       
        font-family: sans-serif;
        font-weight: bolder;
        margin-top: px;
        margin-left:350px ;
        color: white;
        transition: 1s;
}
.ash2:hover{
        border-radius: 10px;
        border: 3px white solid;
        box-shadow: 0 0 5px 5px blue;
        /* transform: translate(70px,70px); */
        transition: 1s;
}
.tenth{
        margin-top: -10px;
        background-color: whitesmoke;
        /* border: 1px red solid; */
        height: 70px;
}
.tenth h1{
        margin-top: 5px;
        /* border: brown 2px solid; */
        color: #6861Bc;
        /* margin: 5px; */
        width: 300px;
        margin-left: 630px;
        text-shadow: gray 2px 2px 2px;
}

.eleventh{
        background-color: white;
        /* border: 1px red solid; */
        display: grid;
        grid-template-columns: 50% 50%;
        margin-top: -20px;
}
.news{
        /* border: 2px blueviolet solid; */
        margin-top: 50px;
        margin-right: 5px;
        margin-left: 5px;
        
}
.subnews1{
        display: grid;
        grid-template-columns: 50% 50%;
}

.subnews2{
        
        /* border: 1px rgb(173, 19, 19) solid; */
        display: flex;
        justify-content: space-between;
        background-color: white;
        height: 100px;
        margin-top: 30px;
        box-shadow: rgb(213, 213, 213) 2px 3px 2px 4px;
        border-radius: 5px;
        /* border: 2px red solid; */
}
#news1{
        margin-left: 10px;
        /* border: 3px blue solid; */
}
#news2{
         margin-left: -30px;
        width: 350px;
} 


#news1 .ndate, #news2 .ndate{
        background-color: #039b4e;
        margin:10px;
       
        height: 60px;
        border-radius: 10px;
        font-size: 20px;
        /* border: 2px red solid; */
        
        
}
.nh{
        margin-left: 10px;
        margin-top: 20px;
}
.ndate p{ 

        color: white;
        margin-top: 10px;
        margin-left: 5px;
        /* border: red 2px solid; */
}

.edate{
        background-color: #039b4e;
        margin:10px;
       /* border: 2px red solid; */
        height: 60px;
        border-radius: 10px;
        font-size: 20px;
          
}
.edate p{ 

        color: white;
        margin-top: 10px;
        margin-left: 5px;
        /* border: red 2px solid; */
}
#picnews{
        margin-top: 10px;
        margin-left:100px;
        height: 250px;
        width: 250px;
        margin: px;
        /* border: yellowgreen 3px solid; */
        border-radius: 10px;
}

        

.events{
        /* border: 2px blue solid; */
        margin-top: 50px;
        margin-right: 5px;
        margin-left: 5px;
}
.subevents1{
        display: grid;
        grid-template-columns: 50% 50%;
        

}
.subevents2{
        /* border: yellow 4px solid; */
         /* border: 1px grey solid; */
         display: flex;
         justify-content: space-between;
         background-color: white;
         height: 100px;
         width: 359px;
         margin-top: 30px;
         box-shadow: rgb(213, 213, 213) 2px 3px 2px 4px;
         border-radius: 5px;
         /* margin-left:-45px ; */
         /* margin-right: 80px; */
         /* border-bottom: 0.5px rgb(26, 21, 21) solid; */
}
#sekhrasel{
        margin-left: -70px;
}
#ortho{
        margin-left: -70px;
}
.milad{
        margin-top: 20px;
        margin-right: 50px;
}
#picevent{
        height: 250px;
        width: 250px;
        margin: 5px;
        /* border: yellowgreen 3px solid;  */
        border-radius: 10px;
}
#picevent:hover{
transform: scale();
}

.nh1,.nh2,.btnsubn{
        font-size: larger;
        background-color:gainsboro;
        height: 40px;
        width: 100px;
        border:1px white solid; 
        /* border-bottom: 5px rgb(247, 121, 121) solid; */
       border-radius: 10px;
        font-family: sans-serif;
        font-weight: bolder;
        
        
        color: rgb(47, 44, 44);
        transition: 1s;


}
.nh1{
        margin-left:400px ;
        margin-top: -100px;
}
.nh2{
        margin-left: 320px;
        margin-top: -100px;
        /* border-bottom: 5px grey solid; */
}
.btnsubn{
        margin-top: 50px;
margin-left:700px;
margin-bottom: 80px;
}

.nh1:hover{
        border-radius: 10px;
        border: 3px white solid;
        box-shadow: 0 0 5px 5px blue;
        /* transform: translate(70px,70px); */
        transition: 1s;
}
.nh2:hover{
        border-radius: 10px;
        border: 3px white solid;
        box-shadow: 0 0 5px 5px blue;
        /* transform: translate(70px,70px); */
        transition: 1s;
}

.twelveth{
         /* border: 2px greenyellow solid; */
        display: flex;
        justify-content: space-between;
        margin-top: -100px;
}
.back11{
        
        /* border: 2px red solid; */
        height: 80px;
        transform: rotate(180deg);
        margin-top: 98px;
        z-index: 1;
        position: relative;
}
.back22{
        /* border: 2px red solid; */
        margin-right: 150px;
        height: 150px;
        margin-top: -50px;
}
.thirteenth{
        /* background-color: #0C3151;
         */
         background-image: url('./img/bg2.jpg');
         background-size: cover;

        /* border: 3px blue solid; */
        margin-top: -110px;
}

.uhp{
        
        padding-right: 5px; 
        border: 10px white solid;
        height: 340px;
        margin-left: 500px;
        /* margin-top: 70px; */
        width: 500px;
        border-radius: 5px;
        margin-top: 5px;
        transition: 1s;
}
.uhp:hover{
        border: 10px white solid;
        box-shadow: 0 0 5px 5px blue;
        transition: 1s;
}

.uh{
        margin-top: -11px;
        height: 370px;
        width: 400px;
        margin-left: -3px;
}
.uh1{ color: blue;
        /* border: white 2px solid; */
        margin-top: 30px;
        margin-left: 570px;
        width: fit-content;
        font-size: 40px;
text-shadow: rgb(235, 141, 141) 2px 1px 2px ;

}
.uh2{
        font-size: larger;
        background-color:gainsboro;
        height: 40px;
        width: 100px;
        border:1px white solid; 
        /* border-bottom: 5px rgb(247, 121, 121) solid; */
       border-radius: 10px;
        font-family: sans-serif;
        font-weight: bolder;
        margin-left: 700px;
        margin-bottom: 10px;
        color: blue;
        transition: 1s;
}

.uh2:hover{
        border-radius: 10px;
        border: 3px white solid;
        box-shadow: 0 0 5px 5px blue;
        /* transform: translate(70px,70px); */
        transition: 1s;
}

.fourteenth{
        display: grid;
        grid-template-columns: 50% 50%;
        background-color: white;
        /* border: 2px violet solid; */
        height: 550px;
        
}
.bestmain{
        /* border: 2px greenyellow solid; */
        

}
.bestmain p,button,section{
        /* border: rgb(60, 46, 20) 2px solid; */
        width: fit-content; 
        margin-left: 100px;
        
}
.tick{ display: flex;
        justify-content: flex-start;
        height: 50px;
        /* border: red solid 2px; */
}
.bestmain section img{
        background-color: skyblue;
        height: 15px;
        width: 15px;
        border-radius: 100px;
        padding: 5px;
        position: relative;
        
}
.tick span{
        /* border: green 2px solid; */
        margin-top: 3px;
}
.bestmain .sech1{
        border: white 1px solid;
        margin-left: 100px;
         /* border-radius: 10px; */
         width: fit-content;
         height: 60px;
         border-left: #6861Bc 5px solid;
}
.bestmain .sech1 h1{
        margin-top: 15px;
        font-size: 40px;
        /* border: 2px red solid; */
}
.bestmain p{
        font-size: larger;
}
.bestmain button{
        border: deepskyblue 1px solid;
        height: 50px;
        width: 150px;
        background-color: deepskyblue;
        border-radius: 50px;
        transition: 1s;
}
.bestmain button h3{
        margin: 5px;
        color: white;
        text-shadow: gray 1px 1px 1px 1px;
}
.bestmain button:hover{
        border: 3px coral solid;
        box-shadow: 0 0 5px 5px blue;
        transition: 1s;
}



.bestsub section{
        margin-top: -5px;
        height: 60px;
        margin-left: -2px;
       /* border: 1px red solid; */
       border-left: green 5px solid;
}
.bestsub section h1{
        margin-top: 10px;
        font-size: 40px;
        font-family: sans-serif;
        font-weight: bold;
}
.bestsub iframe{
        border: white 10px solid;
        border-radius: 5px;
        box-shadow: grey 2px 3px 2px 3px;
}
.fifteenth{
        display: grid;
        grid-template-columns: 30% 70%;
        background-color: #253B70;
        
}

.fifteenth img{
        height: 150px;
        transform: rotate(180deg);
        margin-top: 0px;
        z-index: 1;
        position: relative;
}
.srcbr{
        /* border: 2px red solid; */
        width: 100%;
        margin-top: 40px;
}

.srcbr input{
        border: black 1px solid;
        width: 500px;
        height: 50px;
        border-radius: 10px;
        box-shadow: 1px 1px 1px 1px grey;
        margin-left: 140px;
}
.srcbr button{
        box-shadow: 1px 1px 1px 1px grey;
        margin-left: 5px;
        border-radius: 5px;
        width: 150px;
        height: 50px;
        border: 1px rgb(70, 157, 70) solid;
        background-color: #26C976;
        
}
.srcbr button h3{
        color: white;
        font-family: sans-serif;
}

.sixteenth{
        background-color: #253B70;
        /* border: 2px white solid; */
        display: grid;
        grid-template-columns: 50% 50%;
        height: 400px;
        
}
.sixteenth .last1{
        display: grid;
        grid-template-columns: 50% 50%;
        /* background-color: white; */

}
.last1sub1{
      
         margin-right: -100px;
}
.last1sub1 h2{
        margin-left: 120px;
        margin-top: 0px;
        font-weight: bold;
}
.last1sub1 p{ 
        margin-top: 60px;
        height: 50px;
        width: 350px;
        margin-right: -100px;
        margin-left: 90px; 
}
.last1sub1 nav{
        /* background-color: coral;  */
        margin-top: 140px;
        margin-left: 100px;
}
.last1sub1 nav img{
        
        height: 50px;
        width: 50px;
}

.last1sub1 h2,p,nav i{
        color: #BEC5D4;

}
.last1sub2 h2, .ullast1sub2 li a{
        color: #BEC5D4;

}
.last1sub2 h2,ul{
        margin-left: 50px;
}

.last1sub2 ul{
        margin-top: 80px;
}
.last1sub2 ul li{
        margin-top: 20px;
        list-style:none ;
}
.last1sub2 ul li a{
        text-decoration: none;
        font-size: larger;
        color: #BEC5D4;
}
.last2{
        display: grid;
        grid-template-columns: 50% 50%;
        /* background-color: gray; */
}
.last2sub1 h2{
        color: white;
        
}
.last2sub1 ul{
        margin-top: 80px;
        margin-left: -40px;
}
.last2sub1 ul li{
        margin-top: 20px;
        list-style:none ;
}
.last2sub1 ul li a{
        text-decoration: none;
        color: #BEC5D4;
}
.last2sub2 h2{
        color: white;
        margin-left: -120px;

}
.seventeenth{
        background-color: #15295B;
        /* height: 100px; */
        width: 100%;
        /* border: white 2px solid; */
        position: relative;
        padding-top: 40px;
        padding-bottom: 40px;
        
}
.seventeenth p{
        font-weight: bold;
        font-family: sans-serif;
        /* border: red 2px solid; */
        margin-left: 450px;
        width: fit-content;
        margin-top: 8px;
}

.arrow{
        background-color: #3387de;
        width: 50px;
        height: 45px;
        border-radius: 10px;
        position: fixed;
        bottom: 0;
        z-index: 1;
        margin-left: 40px;
        margin-bottom: 60px;
        border: #3387de 1px solid;
        opacity:0.5 ;

        
        
}
 
.arrow a {
       /* border: red 1px solid;? */
        color: white;
        padding:20px 15px;
        height: 100%;
       text-decoration: none;
       font-weight: bolder;
       font-size: 30px;
    
        
        
        
}






























.admin{
        height: 30px;
        width: 30px;
        
}