:root {
  --teal: #fcdc88;
  --main-brown: #77421b;
  --dark-brown: #482411;
  --darkest-brown: #180a02;
  --mid-brown: #5f3013;
  --mid-black: #080706;
  --faded-white: rgba(255, 255, 255, 0.7);
  --faded-white2: rgba(255, 255, 255, 0.8);
  --white: #fff;
  --brown-white: #fffceb;
  --green: #1a8a10;


  --ff-poppins: "Poppins", sans-serif;
  --ff-montserrat: "Montserrat", sans-serif;

  --fs-1: calc(20px + 3.5vw);
  --fs-2: calc(14px + 1.6vw);
  --fs-3: calc(12px + 0.45vw);
  --fs-4: 18px;
  --fs-5: 17px;
  --fs-6: 16px;
  --fs-7: 15px;
  --fs-8: 14px;

  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;


  --transition: 0.25s ease-in-out;


  --section-padding: 60px;

  --radius-15: 15px;
  --radius-25: 25px;

}

.tour-tabs {
    width: 100%;
    border-bottom: 2px solid var(--mid-brown);
}

.tour-tabs .nav-item {
    flex: 1;
    text-align: center;
}

.tour-tabs .nav-link {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 14px 10px;
    font-weight: 600;
    color: var(--dark-brown);
    background: #fff;
    transition: all 0.3s ease;
}

.tour-tabs .nav-link:hover {
    background: var(--teal);
    color: var(--darkest-brown);
}

.tour-tabs .nav-link.active {
    background: var(--main-brown);
    color: #fff;
    border-bottom: 3px solid var(--teal);
}

.swiper-button-next, .swiper-button-prev {
  color: var(--teal);
}

/* Thumbnail gallery */
.thumbSwiper {
    padding-top: 10px;
}

.thumbSwiper .swiper-slide {
    width: 120px;
    height: 90px;
}

.thumbSwiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.3s ease;
}

.thumbSwiper img:hover {
    transform: scale(1.05);
}



@media (max-width: 768px) {
    .tour-tabs .nav-link {
        font-size: 14px;
        padding: 10px 6px;
    }
}