.madrasah-slider {
  width: 95%;            /* ডেক্সটপে 100% না, 90% করে ছোট করা */
  max-width: 1200px;     /* আগের 1400px থেকে ছোট করা */
  margin: 20px auto;     /* স্বয়ংক্রিয়ভাবে মাঝখানে */
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  position: relative;
  height: 300px;
}
  
  .slides {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  
    /* সুন্দর ব্যাকগ্রাউন্ড রঙ */
    background: linear-gradient(135deg, #e0f7fa, #80deea); 
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 15px;
  }
  
  
  /* প্রতিটি slide আলাদা effect + delay */
  .slide:nth-child(1) { animation: fadeZoom 10s ease-in-out infinite; animation-delay: 0s; }
  .slide:nth-child(2) { animation: slideLeft 10s ease-in-out infinite; animation-delay: 10s; }
  .slide:nth-child(3) { animation: bounceIn 10s ease-in-out infinite; animation-delay: 20s; }
  .slide:nth-child(4) { animation: rotateScale 10s ease-in-out infinite; animation-delay: 30s; }
  .slide:nth-child(5) { animation: blurFade 10s ease-in-out infinite; animation-delay: 40s; }
  
  /* Effect keyframes */
  
  /* Fade + Zoom */
  @keyframes fadeZoom {
    0% { opacity: 0; transform: scale(1.2); }
    5%,90% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.1); }
  }
  
  /* Slide from Left */
  @keyframes slideLeft {
    0% { opacity: 0; transform: translateX(-80px); }
    5%,90% { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(40px); }
  }
  
  /* Bounce In */
  @keyframes bounceIn {
    0% { opacity: 0; transform: scale(0.5) translateY(100px); }
    10% { opacity: 1; transform: scale(1.1) translateY(-20px); }
    30%,85% { opacity: 1; transform: scale(1) translateY(0); }
    100% { opacity: 0; transform: scale(0.9) translateY(-40px); }
  }
  
  /* Rotate + Scale */
  @keyframes rotateScale {
    0% { opacity: 0; transform: rotate(-25deg) scale(0.8); }
    5%,90% { opacity: 1; transform: rotate(0) scale(1); }
    100% { opacity: 0; transform: rotate(20deg) scale(0.9); }
  }
  
  /* Blur + Fade */
  @keyframes blurFade {
    0% { opacity: 0; filter: blur(10px); transform: scale(1.1); }
    5%,90% { opacity: 1; filter: blur(0); transform: scale(1); }
    100% { opacity: 0; filter: blur(8px); transform: scale(0.95); }
  }
  
/* মোবাইল */
@media (max-width: 768px) {
  .madrasah-slider { 
      width: 90%;       /* ট্যাবলেট/মোবাইলে আরও ভিতরে আনতে 95% */
      margin: 10px auto; 
      height: 200px; 
  }
}

@media (max-width: 480px) {
  .madrasah-slider { 
      width: 90%;       /* ছোট ফোনে প্রায় পুরো width */
      height: 190px; 
  }
}