*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Hind Siliguri","Poppins",sans-serif;
}

/* body{
  background:#000;
} */

/* ===== SLIDER (HEIGHT REDUCED & RESPONSIVE) ===== */
.slider{
  width:100%;
  height:75vh;          /* 🔽 reduced height */
  min-height:420px;     /* prevents too small */
  max-height:820px;     /* prevents too tall */
  position:relative;
  overflow:hidden;
}

/* Tablet */
@media(max-width:1024px){
  .slider{
    height:65vh;
  }
}

/* Mobile */
@media(max-width:768px){
  .slider{
    height:55vh;
    min-height:340px;
  }
}

/* ===== SLIDE ===== */
.slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 1.5s ease;
}

.slide.active{
  opacity:1;
}

/* ===== IMAGE ===== */
.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0;
  z-index:0;
  transform:scale(1.08);
  transition:transform 6s ease;
  filter:contrast(1.05) saturate(1.1);
}

.slide.active img{
  transform:scale(1);
}

/* ===== SOFT OVERLAY ===== */
.slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,.1),
    rgba(0,0,0,.55)
  );
  z-index:1;
}

/* ===== BOTTOM CONTENT ===== */
.bottom-animated{
  position:absolute;
  bottom:40px;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
  z-index:5;
  padding:0 16px;
}

/* ===== SUB TITLE ===== */
.sub-title{
  font-size:clamp(14px,2.5vw,18px);
  letter-spacing:4px;
  color:#f5e6c8;
  opacity:0;
  margin-bottom:12px;
  text-transform:uppercase;
}

/* ===== ML1 TEXT ===== */
.ml1{
  font-weight:800;
  font-size:clamp(24px,4.5vw,42px);
  letter-spacing:0.22em;
  color:#ffe7b0;
  text-shadow:
    0 0 18px rgba(255,215,120,.5),
    0 0 45px rgba(255,200,80,.3);
}

.ml1 .text-wrapper{
  position:relative;
  display:inline-block;
  padding:0.5em 0.2em;
}

.ml1 .line{
  opacity:0;
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(
    to right,
    transparent,
    #ffe7b0,
    transparent
  );
}

.ml1 .line1{ top:0; }
.ml1 .line2{ bottom:0; }

.ml1 .letter{
  display:inline-block;
  line-height:1.1em;
}

/* MOBILE TEXT TWEAK */
@media(max-width:768px){
  .ml1{
    letter-spacing:0.18em;
  }
}