.hero-group-bg {
      position: relative;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      overflow: hidden;
    background-image: url(../../assets/images/europe-tour-package/europe.webp);

    }

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

    .hero-group-bg .container {
      position: relative;
      z-index: 2;
    }

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

    .hero-group-bg p {
      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.70);
    }

    .hero-group-bg .badge {
      font-weight: 600;
    }

    .package-img {
      height: auto;
      object-fit: cover;
    }

    @media (max-width: 767.98px) {

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

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

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