.dashboard-hero {
    background-repeat: no-repeat;
    background-size: cover;
}
.dashboard-hero .btn {
    width: 14rem;
}

.dashboard-hero .dh-layer {
    background: red; 
    background: linear-gradient(-45deg, rgba(87, 238, 82, 0.6), rgba(0, 0, 0, 0.2), rgba(13, 35, 102, 0.541));
    background-size: 400% 400%;
    background-blend-mode: darken;
    animation: gradient 10s ease infinite;
    height: 100vh;
}
 

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.registration-open-wrapper {
    padding: 2rem;

}

.text-soft-info { 
  color: rgb(153 170 255) !important;
}
 
@media (max-width:1200px) {
  .kohinoor-logo {
    display: none;
  }
}



.content {
  margin-top: 5.5rem !important;
}
@media (min-width:1200px) {
  
  /* .dropdown-menu--- {
    border: none; 
    background: rgba(255, 255, 255, 0.3);
  } */

  .header-bg  {
    background: url('../../images/bg-header.jpg') no-repeat;
    background-size: auto 105%;
    background-position: right;
    border-bottom: 1px solid #00984e;
  }

  .content {
    margin-top: 8.5rem !important; 
  }
 
}

.faculty {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 1.5rem 0;
} 

.faculty-details {
  position: absolute; 
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5rem 2rem;
  color: white;
  visibility: hidden;
  background-color: rgb(0, 128, 96, 0.9); 
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.2s; 
}

.faculty:hover > .faculty-details{
  top: 0;
  visibility: visible;
}

.appErr {
  color: red;
  margin-top: 10px;
  font-size: 13px;
}
.redBorder {
    border-color: red !important;
}