/* ==========================================================================
   Kanha Wildlife Packages Stylesheet — Kanha National Park
   ========================================================================== */

/* =========================
KANHA PACKAGE SECTION
========================= */

    .kanha-package-section {
      background: #0e1a12;
      overflow: hidden;
      position: relative;
    }

    .kanha-heading {
      max-width: 760px;
      margin: auto;
      margin-bottom: 70px;
    }

    .kanha-tag {
      color: #caa36a;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 14px;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 15px;
    }

    .kanha-heading h2 {
      color: #fff;
      font-size: 52px;
      font-weight: 700;
      margin-bottom: 18px;
      line-height: 1.2;
    }

    .kanha-heading p {
      color: #d5d5d5;
      line-height: 30px;
      font-size: 16px;
    }

    /* CARD */

    .kanha-package-card {
      background: #17261b;
      border-radius: 28px;
      overflow: hidden;
      transition: 0.5s;
      border: 1px solid rgba(255, 255, 255, 0.06);
    }

    .kanha-package-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 18px 60px rgba(0, 0, 0, 0.5);
    }

    .kanha-package-img {
      position: relative;
      overflow: hidden;
    }

    .kanha-package-img img {
      width: 100%;
      height: 320px;
      object-fit: cover;
      transition: 0.7s;
    }

    .kanha-package-card:hover img {
      transform: scale(1.1);
    }

    .package-days {
      position: absolute;
      top: 20px;
      left: 20px;
      background: #caa36a;
      color: #fff;
      padding: 10px 20px;
      border-radius: 50px;
      font-size: 14px;
      font-weight: 600;
      z-index: 2;
    }

    /* CONTENT */

    .kanha-package-content {
      padding: 32px;
    }

    .package-location {
      color: #caa36a;
      font-size: 14px;
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 15px;
    }

    .kanha-package-content h3 {
      color: #fff;
      font-size: 29px;
      margin-bottom: 16px;
      line-height: 1.3;
    }

    .kanha-package-content p {
      color: #d8d8d8;
      line-height: 30px;
      margin-bottom: 28px;
    }

    .package-btn {
      background: #caa36a;
      color: #fff;
      text-decoration: none;
      padding: 14px 28px;
      border-radius: 50px;
      display: inline-block;
      transition: 0.4s;
      font-weight: 600;
    }

    .package-btn:hover {
      background: #fff;
      color: #111;
    }

    /* SWIPER BUTTON */

    .swiper-button-next,
    .swiper-button-prev {
      width: 55px;
      height: 55px;
      background: #caa36a;
      border-radius: 50%;
      color: #fff;
      transition: 0.4s;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
      background: #fff;
      color: #111;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 18px;
      font-weight: 700;
    }

    /* PAGINATION */

    .swiper-pagination {
      position: relative;
      margin-top: 40px;
    }

    .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background: #fff;
      opacity: 0.4;
    }

    .swiper-pagination-bullet-active {
      background: #caa36a;
      opacity: 1;
    }

    /* RESPONSIVE */

    @media(max-width:991px) {

      .kanha-heading h2 {
        font-size: 40px;
      }

      .kanha-package-img img {
        height: 280px;
      }
    }

    @media(max-width:767px) {

      .kanha-heading h2 {
        font-size: 30px;
      }

      .kanha-package-content {
        padding: 24px;
      }

      .kanha-package-content h3 {
        font-size: 24px;
      }

      .kanha-package-img img {
        height: 240px;
      }

      .swiper-button-next,
      .swiper-button-prev {
        display: none;
      }
    }