.team-img {
    margin-bottom: 120px;

}

.about-img img {
    margin-bottom: 220px;
    width: 100%;
    height: auto;
}


@media (max-width: 768px) {
    .about-img img {
        margin-bottom: 30px;
    }
}

.graph-img {
    margin-bottom: 70px;

}

@media (max-width: 768px) {
    .graph-img {

        width: 500px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 70px;
    }
}

.contact-wrap2 {
    margin-bottom: 100px;

}

@media (max-width: 768px) {
    .contact-wrap2 {
        margin-bottom: 30px;

    }
}

.about-box9 iframe {
    width: 100%;
    height: auto;
    margin-top: 30px;
}


@media (max-width: 768px) {
    .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;

    }

    .about-box8 iframe {
        height: 200px;

    }
}

.video-box {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  overflow: hidden;
  background: #000;
}

.video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-video {
  width: 100%;
  height: 260px;          /* SAME HEIGHT AS GALLERY IMAGES */
  border-radius: 18px;
  overflow: hidden;
  background: #000;
}

.gallery-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* 🔥 KEY: like image gallery */
  display: block;
}


.gallery-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.gallery-item {
  width: calc(33.333% - 14px);
}

.media-box {
  width: 100%;
  height: 260px;
  overflow: hidden;
  border-radius: 12px;
  background: #000;
}

.media-box img,
.media-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .gallery-item {
    width: 100%;
  }

  .media-box {
    height: 220px;
  }
}


/* Background blur */
.mfp-bg {
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
}

/* Smooth zoom animation */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Image smooth animation */
.mfp-img {
  border-radius: 12px;
  transition: transform 0.4s ease-in-out;
}

/* REMOVE CLOSE BUTTON */
.mfp-close {
  display: none !important;
}

.gallery-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

footer {
    margin-top: 70px;
}

/* Clean dark background */
.mfp-bg {
  background: rgba(0,0,0,0.9);
}

/* Fade animation (VERY SMOOTH) */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Image look */
.mfp-img {
  border-radius: 12px;
}

/* Bigger arrows */
.mfp-arrow {
  transform: scale(1.1);
}

/* Close button */
.mfp-close {
  font-size: 34px;
  opacity: 1;
  color: #fff;
}

/* FORCE close button visibility */
.mfp-close {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;

  position: fixed;
  top: 15px;
  right: 20px;

  color: #ffffff !important;
  font-size: 36px;
  font-weight: bold;

  z-index: 9999;
}

/* Prevent close button hiding on hover */
.mfp-close:hover {
  opacity: 1;
}

/* Dark overlay */
.mfp-bg {
  background: rgba(0, 0, 0, 0.9);
}