body {
  font-family: 'Noto Sans Bengali', sans-serif;
}
 /* Button style */
    /* General Button and Div Style */
    .ripple-element {
        position: relative;
        overflow: hidden;
        display: inline-block;
        padding: 6px 40px;
        background: linear-gradient(90deg, #0162c8, #55e7fc);
        color: white;
        font-size: 1.4rem;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        user-select: none;
       
      }
  
      /* Ripple element */
      .ripple {
        position: absolute;
        border-radius: 50%;
        transform: scale(0);
        background: rgba(255, 255, 255, 0.6);
        animation: ripple 2s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
      }
  
      /* Ripple animation */
      @keyframes ripple {
        to {
          transform: scale(6);  
          opacity: 0;
        }
      }
      /* student review swiper */
      .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: #cbd5e1;
        opacity: 0.7;
        transition: all 0.3s ease;
      }
      .swiper-pagination-bullet-active {
        background: #5f8cff; 
        width: 20px;
        height: 10px;
        opacity: 1;
      }

     
    /* for banner */
    @keyframes fade-in-up {
0% {
  opacity: 0;
  transform: translateY(30px);
}
100% {
  opacity: 1;
  transform: translateY(0);
}
}

.animate-fade-in-up {
animation: fade-in-up 0.8s ease-out forwards;
}

.animate-delay-\[200ms\] {
animation-delay: 0.2s;
}

.animate-duration-\[800ms\] {
animation-duration: 0.8s;
}