/* 🔥 HEADING UNDERLINE CENTER */
.gallery-heading{
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  margin-top: 30px
  
}

.section-underline{
  width: 120px;
  height: 4px;
  background: #ff6a00;
  margin: 10px auto 50px; /* center */
}

/* 🔥 SLIDER WRAPPER */
.slider-wrapper{
  overflow: hidden;
  max-width: 1500px;
  margin: 0 auto 150px; /* footer se distance */
  padding: 0 40px;
  margin-bottom: 70px;
}

/* TRACK */
.slider-track{
  display: flex;
  gap: 30px;
  transition: transform 1s ease; /* slow smooth */
}

/* 🔥 BIG COLUMN (4 ITEMS) */
.slide{
  min-width: calc(25% - 22px); /* 4 per row */
  background: #fff;
  padding: 12px;
  border-radius: 14px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
  cursor: pointer;
}

.slide img{
  width: 100%;
  height: 300px; /* 🔥 bada image */
  object-fit: cover;
  border-radius: 10px;
}

/* MOBILE */
@media(max-width:1024px){
  .slide{
    min-width: calc(50% - 20px);
  }
}
@media(max-width:768px){
  .slide{
    min-width: 100%;
  }
}

/* 🔥 LIGHTBOX */
.lightbox{
  display: none;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.95);
  justify-content:center;
  align-items:center;
  z-index:9999;
}

.lightbox img{
  max-width:90%;
  max-height:85%;
  border-radius:10px;
}

/* CLOSE */
.close{
  position:absolute;
  top:20px;
  right:30px;
  font-size:40px;
  color:white;
  cursor:pointer;
}

/* ARROWS */
.prev, .next{
  position:absolute;
  top:50%;
  font-size:50px;
  color:white;
  cursor:pointer;
  transform: translateY(-50%);
}

.prev{ left:200px; }
.next{ right:200px; }

.prev:hover, .next:hover{
  color:#ff6a00;
}
/* 🔥 H1 FIX */
.title {
  margin-left: 130px;
  margin-top: 80px;   /* 👈 niche laya */
  margin-bottom: 30px;
  margin-left: revert-layer
}

/* 🔥 ROW FIX */
.about-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;  /* 👈 top align */

  max-width: 1300px;
  margin-left: 130px;
}

/* 🔥 PARAGRAPH */
.about-text {
  width: 85%;
  color: #555;
  line-height: 1.4;
  margin-top: 10px;   /* 👈 H1 ke niche set */
  font-size: 16px;
  text-align: justify
  
}

/* 🔥 VIDEO RIGHT SIDE */
.about-video {
  width: 45%;
  margin-left: 150px;
  margin-top: 60px;  
}

.about-video iframe {
  width: 100%;
  height: 260px; 
  border-radius: 10px;
}
.gallery-heading {
  font-size: 28px;
  font-weight: 600;
  margin-left: 70px;   /* 👈 LEFT */
  text-align: left;     /* 👈 center hata diya */
  margin-top: 20px;
}

/* 🔥 UNDERLINE LEFT */
.section-underline {
  width: 100px;
  height: 4px;
  background: #ff6a00;
  margin-left: 70px;   /* 👈 LEFT align */
  margin-top: 10px;
  margin-bottom: 40px;
}
/* 🔥 VIDEO BOX (About page jaisa) */
.video-box{
  position: relative;
  width: 120%;
  max-width: 480px;   /* size control */
  border-radius: 20px;
  overflow: hidden;

  /* 🔥 ORANGE BORDER EFFECT */
}

/* inner frame */
.video-box iframe{
  width: 100%;
  height: 270px;
  border-radius: 16px;
  display: block;
}
/* ===== ALIGNMENT FIX ===== */

/* ===== MAIN CONTAINER CENTER ===== */

.title{
    max-width: 1400px;
    margin: 80px auto 30px auto;
    padding: 0 40px;
}

.about-row{
    display:flex;
    align-items:center;
    justify-content:space-between;

    max-width:1400px;
    margin:0 auto;

    padding:0 40px;
    gap:50px;
}

/* TEXT */
.about-text{
    width:62%;
    max-width:800px;
    color:#555;
    font-size:16px;
    line-height:1.8;
    text-align:justify;
}

/* VIDEO */
.about-video{
    width:38%;
    max-width:500px;
    margin:0;
}

.video-box{
    width:100%;
    max-width:500px;
}

.video-box iframe{
    width:100%;
    height:280px;
    border-radius:16px;
    display:block;
}

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

    .title{
        padding:0 20px;
    }

    .about-row{
        flex-direction:column;
        padding:0 20px;
    }

    .about-text,
    .about-video{
        width:100%;
        max-width:100%;
    }

    .video-box iframe{
        height:220px;
    }
}
.container,
.about-row,
.title{
    max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.about-row{
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}
.title::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 40px;
    width: 120px;
    height: 6px;
    background-color: #ff7834;
}