/* ================= WHAT'S YOUR VIBE ================= */

.vibe-section{
  padding:70px 0;
  background:#FFFFFF;
}

.vibe-heading{
  text-align:center;
  font-size:38px;
  font-weight:600;
  margin-bottom:35px;
  color:#FFFFFF;
}

/* wrapper */
.vibe-wrapper{
  position:relative;
  max-width:1200px;
  margin:auto;
}

/* slider */
.vibe-slider{
  position:relative;
  overflow:hidden;
  height:520px;
}

/* slide */
.vibe-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .8s ease;
}

.vibe-slide.active{
  opacity:1;
  z-index:1;
}

.vibe-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* overlay */
.vibe-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.65),
    rgba(0,0,0,.25),
    rgba(0,0,0,0)
  );
}

/* text */
.vibe-text{
  position:absolute;
  left:50px;
  bottom:45px;
  color:#fff;
}

.vibe-text h3{
  font-size:36px;
  font-weight:600;
  margin-bottom:6px;
}

.vibe-text p{
  font-size:15px;
  letter-spacing:.5px;
  opacity:.9;
}

/* arrows */
.vibe-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,.45);
  color:#fff;
  border:none;
  width:44px;
  height:44px;
  font-size:22px;
  cursor:pointer;
  z-index:5;
}

.vibe-nav.prev{ left:10px; }
.vibe-nav.next{ right:10px; }

.vibe-nav:hover{
  background:rgba(0,0,0,.7);
}

/* mobile */
@media(max-width:768px){

  .vibe-heading{
    font-size:26px;
  }

  .vibe-slider{
    height:360px;
  }

  .vibe-text{
    left:20px;
    bottom:25px;
  }

  .vibe-text h3{
    font-size:24px;
  }
}






.vibe-section{
  padding:60px 0;
  background:#fff;
}

.vibe-heading{
  font-size:36px;
  font-weight:600;
  margin-bottom:25px;
  padding-left:60px;
  color:#111;
}

/* wrapper */
.vibe-strip-wrapper{
  position:relative;
  overflow:hidden;
}

/* strip */
.vibe-strip{
  display:flex;
  gap:24px;
  padding:0 60px;
  scroll-behavior:smooth;
  overflow-x:auto;
}
.vibe-strip::-webkit-scrollbar{ display:none; }

/* card */
.vibe-card{
  position:relative;
  flex:0 0 300px;   /* 🔥 THIS creates Manyavar look */
  height:420px;
  border-radius:12px;
  overflow:hidden;
}

.vibe-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* overlay */
.vibe-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.65),
    rgba(0,0,0,.2),
    transparent
  );
}

/* text */
.vibe-text{
  position:absolute;
  left:20px;
  bottom:20px;
  color:#fff;
}

.vibe-text h3{
  font-size:22px;
  font-weight:600;
}

.vibe-text p{
  font-size:14px;
  opacity:.9;
}

/* arrows */
.vibe-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,.45);
  border:none;
  color:#fff;
  width:40px;
  height:40px;
  cursor:pointer;
  z-index:5;
}

.vibe-btn.left{ left:10px; }
.vibe-btn.right{ right:10px; }

/* mobile */
@media(max-width:768px){
  .vibe-heading{
    padding-left:20px;
    font-size:26px;
  }

  .vibe-strip{
    padding:0 20px;
  }

  .vibe-card{
    flex:0 0 240px;
    height:320px;
  }
}