/* =====================================================
       FAMILY HERO BANNER
    ====================================================== */


.andaman-hero-bg {
    background-image: url(../../assets/images/andaman-family-tour-package/3.webp);
    background-size: cover;
    background-position: center;
}

.package-img {
    object-fit: cover;
    max-height: 380px;
}
    .hero-family-bg {
      position: relative;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      overflow: hidden;
      background-image: url(../../assets/images/andaman-family-tour-package/3.webp);
    }

    /* Dark overlay */
    .hero-family-bg::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.52);
      z-index: 1;
    }

    /* Keep banner content above overlay */
    .hero-family-bg .container {
      position: relative;
      z-index: 2;
    }

    /* Banner text readability */
    .hero-family-bg h1,
    .hero-family-bg p,
    .hero-family-bg .badge {
      position: relative;
      z-index: 2;
    }

    .hero-family-bg h1 {
      text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55);
    }

    .hero-family-bg p {
      text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
    }

    /* Package images */
    .package-img {
      height: auto;
      object-fit: cover;
    }

    /* Mobile banner readability */
    @media (max-width: 767.98px) {

      .hero-family-bg {
        background-position: center center;
      }

      .hero-family-bg::before {
        background: rgba(0, 0, 0, 0.58);
      }

      .hero-family-bg h1 {
        font-size: 2rem;
      }

      .hero-family-bg p {
        font-size: 1rem;
      }

    }