body{
    font-family: 'Roboto', sans-serif;}



.navclr{
    background-color: #0a1e50;
}




.dropbtn {
  /* background-color: #0a1e50; */
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(30 58 138);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  /* z-index: 1; */
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
    /* background-color: rgb(30 58 138); */
    background-color: #e8ba32;
    /* text-shadow:  0px 2px black ; */
    font-weight: bold;
    
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: rgb(30 58 138);}

.hero{
    background-color: rgb(62, 94, 185);
    background-image: url(heroimg.png);
    background-blend-mode: lighten;
    /* Full height */
  height: 100vh;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.grplogo{
  width: 40rem;
  height: 10rem;
  display: inline-block;
  position: relative;
  top: 12%;
  left: 25%;
}

.enroll{
  color: aliceblue;
  display: inline-block;
  position: relative;
  top: 37%;
  left: -17%;
}

.enbtn{
  color: aliceblue;
  position: relative;
  top: 45%;
  left: -34%;}
 .xhi{
  background-image: url(heroimg.png);
 }

.sec2{
  background-color: #b0b6e7;
  height: 15rem;
 }
 
 .frm{
   position: absolute;
   top: 106%;
 }
 


 .sndbtn{
  margin-top: 25px;
  /* position: absolute; */
}

.sec3{
  background-color: #b0b6e7;
  height: 23rem;
 }

.dpmt{
  display: inline-block;
position: relative;
left: 0%;
 }


 .dptma:hover{
  transform: scale(1.3);
 }


 .zenn{
transition: 0.4s ease-in-out;

 }
 .zenn:hover{
transform: scale(1.3);
z-index: 2;
 }


 .lightbtn{
  background-color: #055a9b;
 }

 .darkbtn{
  background-color: #0a1e50;
 }

 .btnw{
  width: 100%;
  height: 100%;
 }
 
 .tr{
  border: 2px solid red;
 }
 
 
 .tr2{
  border: 4px solid white;
 }
 


 .bottom-84 {
  bottom: 21rem/* 320px */;
}


 .hm{

    height: 6.7rem;

    top: 774px;

 }
 
 
 .bp{

    /* height: 6.7rem; */
position: relative;
    top: 774px;

 }
 .mm{

    height: 6.7rem;

    top: 463px;

 }

 

 .bluepatti{

    height: 4.7rem;

    

 }

 
 .bluepatti2{

    height: 3.2rem;

    

 }

 
.container{
  padding: 0 5%;
  margin: 0 auto;
  display: flex;
}

.count{
  font-size: 44px;
}