*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.navbar-nav li{
    padding: 2px 10px;
}
.navbar-nav li a{
    color: rgba(28,22,96,255) !important ;
    font-size: 18px !important;
    font-weight: 500;
}
.navbar-nav li a:hover{
    border-bottom: 2px solid ;
}

.btn-outline-success {
    --bs-btn-color: white !important;
    --bs-btn-border-color: white !important;
    --bs-btn-hover-color:rgba(28,22,96,255)  !important;
    --bs-btn-hover-bg:white!important;
}
.navbar-toggler{
    border: none !important;
}
/* carazole */

.carousel-item{
    width: 100% !important;
    height: 90vh !important; 
}
body{
    font-family: 'Merriweather Sans', sans-serif;
    font-family: 'Playpen Sans', cursive;
}
h1{
    color: rgba(28,22,96,255);
}
.carousel-indicators [data-bs-target]{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: black;
}
.carousel-item img{
    width: 100% !important;
    height: 90vh !important; 
}
/* aboutus */
.about-us img{
   height: 100vh;
   width: 100%;
}
.admi{
    /* border: 2px solid red !important; */
    text-align: center;
    color: white;
    transition-property: width, height;
    transition-duration: 2s;
}
.admi:hover {
    transform: scale(1.1);
  }

.admi a{
    text-decoration:none !important;
    color: white;
}
#admi-4{
    background-color: #5954ef;
    height: 234px;
    padding-top: 20px;
}
#admi-2{
    background-color: #00a98d;
}
#admi-2:hover{
    background: linear-gradient(120deg, #ececec, rgba(28,22,96,255));
}
#admi-1{
    background-color: #fec907;
    height: 234px;
    padding-top: 20px;
}
#admi-1:hover{
    background: linear-gradient(120deg, #ececec, rgba(28,22,96,255));
}
#admi-3{
    background-color: #0e2c62;
}
#admi-3:hover{
    background: linear-gradient(120deg, #ececec, rgba(28,22,96,255));
}






.fra{
    /* background-color: #cccccc; */
    background:  linear-gradient(120deg, #ececec, rgba(28,22,96,255));
    padding-top: 50px;
    width: 250px;
    height: 200px;
    margin: 2px 5px;
    border-radius: 50%;
    margin-left: 30px !important;
}
.fra:hover{
    background:rgba(28,22,96,255);
}
/* courses */
.course{
    margin-top: 10rem !important;
}

.course-card a{
  text-decoration: none;
  text-align: center;
  color: rgba(28,22,96,255);
}
.course-card a:hover{
    color:#ececec;
}
#course{
      background: url("img/graduate.jpg") no-repeat fixed;
    background-size: cover;
    width: 100% !important;
}
.course-card{
    margin: 8rem 3.7rem;
    background-color: #ececec;
    /* background:  linear-gradient(120deg, #ececec, rgba(28,22,96,255)); */
}
.course-card:hover{
    color: #ececec ;
    background-color: rgba(28,22,96,255);
    transform: scale(1.3);

}
/*upcommings */
.bs{
    border: 6px solid  rgba(28,22,96,255);
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 50%;
    background:  linear-gradient(120deg, #ececec, rgba(28,22,96,255)); 
    animation: rotateY 5s linear infinite;
    transform-style: preserve-3d;
    margin: auto;
}
@keyframes rotateY {
    0% {
      transform: rotateY(0deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }
.relative{
    position: relative;
    top: 50px;
}

.upcommings{
  
    margin-top: 50px;
}
.upcommings-cards img{
    width: 100% !important;
    padding: none !important;
}
.upcommings-cards img:hover{
    transform: scale(1.3);
}
.upcommings-cards{
    overflow: hidden;
    padding: 0px 0px !important;
    /* margin-left: 5px; */
    color: rgba(28,22,96,255);
    /* width: 30% !important; */
}
.tasveer{
    overflow: hidden;

}









/* footer */
.text-white{
    text-decoration: none;
}












@media only screen and (max-width: 500px) {
    .about-us img{
        height: 50vh;
        width: 100%;
     }
     #admi-3{
        margin-top: 2rem;
     }
     #admi-1{
        margin-top: 2rem;
     }
     #admi-2{
        margin-top: 2rem; 
     }
     #admi-4{
        margin-top: 2rem; 
     }
     .fra{
        /* margin: auto; */
        width: 70%;
        margin-left: 80px !important;
     }
     .course-card{
        margin: 2rem 5rem;
    }
    .minahal{
      width:80% ;
      margin: auto;
    }
   
  }