@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@600&display=swap');
p{
  font-family: 'DM Sans', sans-serif;
  line-height:1.8em;
  font-size: 17px;
}

h2, h3{
  font-family: 'Merriweather Sans', sans-serif;
  font-size: 25px;
  line-height: 1.4em;
}

/* CSS Animation */

.sash {
  opacity: 0; /* Set initial opacity to 0 */
  transform: translateY(100px); /* Set initial position below viewport */
  animation: slideInUp 1s ease forwards; /* Define the animation */
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* -------------------------------------------- */

/* -----style for vision-mission card--------------------------------------- */

.vision-mission-card {
    background-color: #f4f4f4;
}

.bi {
    font-size: 3rem;
    color: #092a49;
    flex: end;
}


.vision-mission-card-item {
    margin:15px;
    border-radius: 5%;
    transition: transform 0.3s ease-in-out;
}

    .vision-mission-card-item:hover {
        transform: scale(1.1);
    }


.about-us{
  background-color: #092a49;
  color: white;
}

.ilara-text {
  line-height: 40px;
  font-size: 20px;
  color: #092a49;
}


.testimonial{
  background-color:  black;
  color:whitesmoke;
}

.horizontal-bar {
  height: 2px;
  background-color:#ff4500;
  display: flex;
  justify-content: center;
}
.undergrad-banner{
  background-color: #0A0442;
  color: #f4f4f4;
}

.undergrad-banner h3{
  color: #00E5E0;
}


.grad-banner{
  background-color: #DF9704;
  color: #f4f4f4;
}

.grad-banner h3{
  color:  #0A0442;
}
.jupeb-banner{
  background-color: #0A0442;
  color: #f4f4f4;
}

.jupeb-banner h3{
  color: #00E5E0;
}

.arrow-container {
  padding-top: 20px;
  position: relative;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.arrow {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #000;
  animation: arrowAnimation 1s infinite;
}



.card-wrapper{
  display: flex;
}

.news.card{
  margin: 0.5em;
  
}

@keyframes arrowAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

.img {
    border: 5px solid red;
    width:400px;
    height:400px;
    border-radius:50%;
}

.vcImg{
    overflow:hidden;
}

.sec {
    background-color: #f4f4f4;
}
/* styling for continuous news slider */



/* Styles for small and medium screens */
@media screen and (max-width: 991px) {
    .vision-mission-card {
        padding-right: 20px;
        padding-left: 20px;
        overflow: hidden;
    }
}