@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400&display=swap');
 .custom {
          position: fixed;
          	top: 2;
    		left:0;
    		right:-50;
    		bottom: -5;
          margin-left:20px;
             height: 95vh; /* For 100% screen height */
   			 width:  95vw; /* For 100% screen width */
           	overflow-x:hidden;
    		overflow-y: scroll;
    
          
        }
.wavefooter{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 120px;
    background-color:#3f4044 !important;
} 
.waveheader{
    position: relative;
    z-index:-1 !important;
    width: 100%;
    height: 120px !important;
    background-color:whitesmoke ;
}


.dropdown:hover .myddm {display: block;}
.dropdown-submenu:hover .dropdown-menu {display: block;}
.dropdown-submenu {
position: relative;
}

.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
/* .dropdown-submenu:hover .dropdown-menu, .dropdown-submenu:focus .dropdown-menu{
display: flex;
flex-direction: column;
position: absolute !important;
margin-top: -30px;
left: 100%;
} */
/* #slider{
    z-index: -1;
    position: relative;
   
} */
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}

body{
    font-family: 'Source Sans Pro', sans-serif;
}

.headertop{
    background-color: #3f4044;
 
}
.headertop-social{
    cursor: pointer;
    margin-top: 9px;
    margin-bottom: 8px;
}
.headertop-social a{
    text-decoration: none;
}
.headertop-social a i{
    color: white;
}
.headertop-social a :hover{
    color: #ff9600;
}
.headertop-info{
    cursor: pointer;
    margin-top: 9px;
    margin-bottom: 8px;
}
.headertop-info a{
    text-decoration: none;
}
.headertop-info a i{
    color: white;
}
.headertop-info a span{
    color: white;
}
.headertop-info a :hover{
    color: #ff9600;
}
.headertop-2{
    background-color: #ff9600;
}
.headertop-2-logo{
    margin-top: 19px;
    margin-bottom: 18px;
}
.headertop-2-info{
    margin-top: 19px;
    margin-bottom: 18px;
}
.headertop-2-info a{
    text-decoration: none;
    color: white;
}
.headertop-2-info a:hover{
    text-decoration: none;
    color: black;
}

#navbar{
    background: #3f4044 !important;
}
.navbar-brand {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
  }
  
  .navbar-brand span {
    color: #ff9600;
  }
  .navbar-brand a{
      text-decoration: none !important;
  }
  .navbar-brand:hover{
      color: white;
  }
 .nav-link{
 color: white;
 }
 .nav-link:hover{
    color: #ff9600;
    }
    .dropdown-item{
        font-size: 13px;
    }
   
  #aboutus{
      background-color: lightgray;
  }
  .title{
      margin-top: 40px;
  }
  hr{
      width: 180px;
      color: gray;
     border: 0.6px #272979 solid;
  }
  #aboutus h2{
      color: black;
      
  }
  #aboutus h4{
    color: black;
    font-weight: 400;
}
.card-title i{
    color: #ff9600;
    margin-right: 3px;
    background-color: white;
    width: 28px;
    height: 28px;
    border-radius: 50% gray;
}
.card-title{
    color:#272979;
    
}

.info{
 
    background-color: whitesmoke !important;
}
.info h2{
    color: black;
}
.info .card-link{
    text-decoration: none;
    color: #ff9600;
} 
.info .card-link:hover{
    text-decoration: none;
    color: #272979;
} 
.read_more{
    color: rgb(3, 167, 243);
}
#boardhome{
    background-color: white;
}
#mar{
    background-color: #ff9600 !important;
    color: white;
    font-size: 20px;
}
#boardhome h2,h4{
    color: black;
}
#board{
    background-color: whitesmoke;
}

#board h2,h4{
    color: black;
}
.granthi .card{
    width: 200px !important;
    border-bottom: 0.6px solid #ff9600 !important ;
}
.granthi .card .card-text{
    color: #ff9600 !important;
    font-weight: 400 !important;
}
.granthi .card .socialicon i{
    color: #ff9600 !important;
    
}
.granthi .card .socialicon i:hover{
    color: #272979 !important;
    
}
#app{
    background:  whitesmoke;
    
}
.margin{
    margin-left: 6rem !important;
}
#app h2{
    color: black;
}
.app .card{
    background-color:  whitesmoke !important;
    border: none !important;
}
.btns a{
    width: 150px !important;
   
    color: white !important;
}
.btns .btn-primary{
    background-color: black !important;
    border: none !important;
}
.btns .btn-primary:hover{
    background-color: rgb(58, 57, 57) !important;
    border: none !important;
}
#footertop{
    background-color: #3f4044;
 
}
.newsfooter{
    color: white;
}
form input[type="submit"]{
    background-color: #ff9600;
    border: none;
    height: 30px;
    
}
form input[type="email"]{
    width: 220px;
    color: black !important;
}
form input[type="submit"]:hover{
    color: black;
    background-color: #e9bc40;
}
#footermid{
    background-color: #ff9600;
}
#footermid p,a{
 color: white;
 text-decoration: none !important;
}
#footermid h5{
    color:#3f4044;
}
.news p{
    font-size: 14px;
    font-weight: 300;
}
.news h5{
    font-weight: 400;
    color: black !important;
    font-size: 17px !important;
}
.footerlink{
    font-size: 15px;
    font-weight: 300;
}
.footerlink:hover{
    color: orange;
}
#footermid a:hover{
    color: #3f4044 !important;
    text-decoration: none !important;
}
.navbar-toggler .fa-bars{
    color: white !important ;
    border: none !important;
}
.navbar-toggler .fa-bars:hover{
    color: white !important ;
    border: none !important;
}
@media only screen and (max-width: 620px){
   
}
@media only screen and (max-width: 568px){

}
@media only screen and (max-width: 360px){
   
   
    
}
@media only screen and (max-width: 320px){
   
   .features{
       width: 9rem !important;
   }
    
}
@media only screen and (max-width: 375px){
   
   
    
}

.row-equal.carousel-inner>.active, 
.row-equal.carousel-inner>.next, 
.row-equal.carousel-inner>.prev {
    display: flex;
}
.myimg{
    width:500px !important;
    height:500px !important;
}