/*Inline of CSS: a8c16dee00d7f7fe.css */
   
      @media (max-width: 600px) {
        .tabbar {
          flex-wrap: wrap;
          flex-direction: column;
        }
      }
      /* coustom css */
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      body {
        font-family: Arial, sans-serif;
        background-color: #f8f9fa;
        color: #333;
      }

      .container {
        max-width: 1220px;
        margin: 2rem auto;
        padding: 0 1rem;
      }

      /*.row {*/
      /*  display: flex;*/
      /*  flex-wrap: wrap;*/
      /*  gap: 1rem;*/
      /*}*/

      .p-1 {
        padding: 0.25rem;
      }

      .p-5 {
        padding: 3rem;
      }

      .p-4 {
        padding: 2rem !important;
      }

      .mt-4 {
        margin-top: 1.5rem;
      }

      .gx-0 {
        gap: 0;
      }

      .g-4 {
        gap: 1.5rem;
      }

      .col-6 {
        width: 50%;
      }

      .col-lg-7 {
        width: 100%;
      }

      .col-lg-5 {
        width: 100%;
      }

      /* Responsive layout for large screens */
      @media (min-width: 992px) {
        .col-lg-7 {
          width: 58.3333%;
        }

        .col-lg-5 {
          width: 41.6667%;
        }
      }

      img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .img-fluid {
        max-width: 100%;
        height: 100%;
      }

      .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
      }

      .position-relative {
        position: relative;
      }

      /* Card */
      .enquiry-wrap {
        display: flex;
        gap: 28px;
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .enquiry-card {
        margin-top: 25px;
        width: 100%;
        max-width: 520px;
        background: var(--bg);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        padding: 20px;
        box-shadow: 0 4px 16px rgba(17, 24, 39, 0.06);
      }

      /* Heading and price strip (optional) */
      .enquiry-card .price {
        /* display: flex; */
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 14px;
        margin-top: 5px;
      }

      .enquiry-card .price del {
        font-size: 10px;
        font-weight: 300;
      }
      .enquiry-card .price .save {
        background: #e8f9ef;
        color: #0a7a34;
        border: 1px solid #b8efcd;
        padding: 4px 8px;
        border-radius: 999px;
        font-size: 12px;
      }

      /* Fieldsets */
      .enquiry-card fieldset {
        margin: 0 0 10px;
        border: 0;
        padding: 0;
      }
      .enquiry-card label {
        display: block;
        margin: 0 0 6px;
        font-weight: 600;
        font-size: 14px;
      }

      /* Controls */
      .enquiry-card input,
      .enquiry-card select,
      .enquiry-card textarea {
        width: 100%;
        appearance: none;
        padding: 12px 14px;
        border: 1px solid var(--line);
        border-radius: 6px;
        background: #fff;
        color: var(--text);
        font: inherit;
        transition: border-color 0.15s, box-shadow 0.15s;
      }

      .enquiry-card textarea {
        resize: vertical;
        min-height: 96px;
      }

      /* Inline phone group */
      .input-row {
        display: flex;
        gap: 8px;
      }
      .input-row > * {
        flex: 1;
      }
      .input-row .country {
        flex: 0 0 110px;
      }

      /* Focus styles */
      .enquiry-card input:focus,
      .enquiry-card select:focus,
      .enquiry-card textarea:focus {
        outline: 0;
        border-color: var(--focus);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
      }

      /* Helper text and errors (optional classes) */
      .help {
        font-size: 12px;
        color: var(--muted);
        margin-top: 6px;
      }
      .error {
        border-color: #ef4444;
        background: #fef2f2;
      }
      .error-text {
        color: #b91c1c;
        font-size: 12px;
        margin-top: 6px;
      }

      /* Chips for selected options (e.g., meal category, package pills) */
      .chips {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      .chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 999px;
        background: var(--chip);
        border: 1px solid var(--chip-line);
        color: #9a3412;
        font-weight: 600;
        font-size: 13px;
      }
      .chip.active {
        outline: 2px solid var(--brand);
        outline-offset: 0;
      }

      /* Submit button */
      .enquiry-card .submit {
        width: 100%;
        font-size: 15px;
        border: 0;
        background: var(--brand);
        color: #fff;
        padding: 14px 16px;
        border-radius: 12px;
        font-weight: 800;
        cursor: pointer;
        transition: background 0.15s, transform 0.02s;
      }
      .enquiry-card .submit:hover {
        background: var(--brand-dark);
      }
      .enquiry-card .submit:active {
        transform: translateY(1px);
      }

      /* Select caret */
      .enquiry-card select {
        background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%),
          linear-gradient(135deg, #6b7280 50%, transparent 50%),
          linear-gradient(to right, transparent, transparent);
        background-position: calc(100% - 18px) calc(50% - 3px),
          calc(100% - 12px) calc(50% - 3px), calc(100% - 2.2em) 0.5em;
        background-size: 6px 6px, 6px 6px, 1px 1.8em;
        background-repeat: no-repeat;
      }

      /* Section title blocks (e.g., “Destination Routes”) */
      .section-title {
        font-weight: 800;
        margin: 18px 0 8px;
        font-size: 16px;
      }

      /* Price badges under trip duration cards */
      .price-note {
        color: var(--muted);
        font-size: 12px;
        margin-top: 6px;
      }

      /* Responsive */
      @media (min-width: 900px) {
        .enquiry-wrap {
          gap: 36px;
        }
      }
      @media (max-width: 480px) {
        .enquiry-card {
          padding: 16px;
        }
        .input-row .country {
          flex: 0 0 90px;
        }
      }

      :root {
        --primary-color: #f37002;
        --text-color: #202020;
        --muted: #515151;
        --brand: #f26a00; /* primary orange */
        --brand-dark: #d95f00; /* hover orange */
        --text: #1f2937;
        --muted: #6b7280;
        --line: #e5e7eb;
        --bg: #ffffff;
        --chip: #fff7ed;
        --chip-line: #fed7aa;
        --focus: #2563eb;
        --radius: 12px;
      }
      * {
        box-sizing: border-box;
      }
      html,
      body {
        padding: 0;
        margin: 0;
        font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
          Cantarell, Noto Sans, Arial, sans-serif;
        color: #202020;
        background: #fff;
      }
      a {
        color:  #7AB730;
        text-decoration: none;
      }
     
      img {
        max-width: 100%;
        height: auto;
      }
      .container {
        max-width: 1182px;
        margin: 0 auto;
        padding: 0 16px;
      }
      .header_headerWrapper__EDeWB {
        position: sticky;
        top: 0;
        z-index: 50;
        background: #fff;
        border-bottom: 1px solid #eee;
      }
      .header_headerContent__6t8LB {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 64px;
      }
      .header_mainContent__vk7NC {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
      }
      .header_leftSection__dk_XH {
        display: flex;
        align-items: center;
        gap: 16px;
      }
      .header_rightSection__BVza9 {
        display: flex;
        align-items: center;
        gap: 16px;
      }
      .header_currencyFlag__tMZa1 {
        display: inline-block;
        width: 16px;
        height: 11px;
        background: #eee;
        border-radius: 2px;
        margin-right: 6px;
      }
      .header_logoBox__PxTuX img {
        height: 40px;
      }
      .tour-page {
        display: block;
      }
      .Banner_productBannerWrapper__Khz6p {
        position: relative;
      }
      .Banner_desktopBanner__FwrQw {
        position: relative;
        height: 380px;
        border-radius: 12px;
        overflow: hidden;
        margin-top: 16px;
      }
      .Banner_featuredImage__ztKsH {
        position: absolute;
        inset: 0;
      }
      .Banner_categoryImage__66E6K {
        position: absolute;
        bottom: 16px;
        left: 16px;
        width: 140px;
        height: 90px;
        border-radius: 8px;
        overflow: hidden;
      }
      .Banner_categoryImage__2__rvxZ1 {
        left: 168px;
      }
      .Banner_categoryImage__3__aQQn8 {
        left: 320px;
      }
      .Banner_categoryImage__4__4_1kq {
        left: 472px;
      }
      .Banner_categoryText__2yYB4 {
        position: absolute;
        bottom: 8px;
        left: 8px;
        padding: 2px 8px;
        border-radius: 999px;
        background: #fff;
        color: #202020;
        font-size: 12px;
      }
      .Banner_viewAllImagesBtn__9_AoD {
        position: absolute;
        right: 16px;
        bottom: 16px;
        display: flex;
        align-items: center;
        gap: 8px;
        background: #fff;
        border: 1px solid #eee;
        padding: 8px 10px;
        border-radius: 8px;
        cursor: default;
      }
      .TourPage_tourPageBody__vSj6l {
        display: grid;
        grid-template-columns: 1fr 360px;
        gap: 50px;
      }
      .ProductInfo_productInfoWrapper__vXRVs {
        padding: 16px 0;
      }
      .ProductInfo_header__6VcVQ {
        font-size: 28px;
        font-weight: 600;
        margin: 0 0 8px;
      }
      .ProductInfo_tripDurationPill__OSIQg {
        display: inline-block;
        background: #bf500e;
        border: 1px solid #eee;
        border-radius: 999px;
        padding: 4px 10px;
        font-size: 12px;
        margin-right: 8px;
        color: #fff;
      }
      .DestinationInfo_destinationInfoWrapper__Tow9X {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #515151;
      }
      .DestinationInfo_noOfDays__BFthL {
        font-weight: 600;
      }
      .LineDivider_tourPageDivider__7vdYJ {
        height: 1px;
        background: #eee;
        margin: 18px 0;
      }
      .Inclusions_inclusionMainWrapper__5KyUC {
        margin: 12px 0;
      }
      .Inclusions_inclusionsWrapper__CcCqO {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
      }
      .Inclusions_inclusionWrap__R2Qbb {
        display: inline-flex;
      }
      .Inclusions_inclusionItem__o_cHQ {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        /* border: 1px solid #eee; */
        padding: 8px 10px;
        border-radius: 8px;
        font-size: 13px;
      }
      .Filters_filtersSection__2HEsC {
        margin: 16px 0;
      }
      .Filters_filterTitle__YAOA9 {
        font-weight: 600;
        margin-bottom: 8px;
      }
      .DayFilters_dayFilterWrapperContainer__qw0c4 {
        display: flex;
        gap: 16px;
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .DayFilters_dayFilterOuterWrapper__u_W3N {
        /* display: flex;
        gap: 12px;
        border: 1px solid #eee; */
        border-radius: 12px;
        padding: 10px;
        cursor: pointer;
      }
      .DayFilters_dayFilterImageWrapper___aB6w {
        position: relative;
        width: 120px;
        height: 100px;
        border-radius: 8px;
        overflow: hidden;
        background: #f2f2f2;
      }
      .DayFilters_dayFilterSelected__En0lm {
        outline: 2px solid var(--primary-color, #f37002);
      }
      .DayFilters_numberOfDays__hlBMZ {
        position: absolute;
        bottom: 6px;
        left: 6px;
        /* background: #fff; */
        /* border-radius: 999px; */
        padding: 0px 4px;
        font-size: 12px;
        font-weight: 900;
        color: #fff;
      }
      .DayFilters_dayFilterPriceSection__yY8em {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .DayFilters_dayFilterSelectedPriceSection___b6AA
        .DayFilters_startsFrom__AlrqR {
        color: var(--primary-color, #f37002);
        font-weight: 600;
      }
      .DayFilters_startsFrom__AlrqR {
        font-size: 12px;
        color: #515151;
      }
      .DayFilters_priceValue__SPWeL .dayFilterCurrency {
        font-size: 14px;
        font-weight: 600;
      }
      .DestinationFilters_destinationFilterContainer__QZLZ_ {
        margin: 12px 0;
      }
      .DestinationFilters_destinationRouteWrapper__hnVDg {
        background-color: #fef0e799;
        color: var(--primary-color);
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid var(--primary-color, #f37002);
        border-radius: 6px;
        padding: 12px 10px;
        font-size: 13px;
        margin-bottom: 22px;
        box-shadow: 0 0 9px #00000026;
      }
      /* .DestinationFilters_destinationRouteSelected__QcNED {
        outline: 1px solid var(--primary-color, #f37002);
      } */
      .CustomPropertyFilters_customPropertyFilterContainer__b2xon {
        margin: 12px 0;
      }
      .CustomPropertyFilters_customPropertyTagWrapper__bi6W1 {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 28px;
      }
      .CustomPropertyFilters_customPropertyTag__WR8kb {
        border: 1px solid var(--primary-color, #f37002);
        border-radius: 8px;
        padding: 7px 20px;
        font-size: 14px;
      }
      /* .CustomPropertyFilters_selectedCustomProperty__g09a8 {
        outline: 2px solid var(--primary-color, #f37002);
      } */
      .MealCategory_staycategoryContainer__lRtAZ {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .MealCategory_stayCategoryItem__xHjze {
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 6px 20px;
        position: relative;
      }
      .MealCategory_stayCategoryItemSelected__LeImT {
        outline: 1px solid var(--primary-color, #f37002);
      }
      .MicroComponents_curtomHighlightHeader__n6HpR {
        font-size: 20px;
        margin: 0 0 8px;
      }
      .MicroComponents_customHighlights__fDWhp {
        margin-top: 12px;
        padding-left: 20px;
      }
      .MicroComponents_customHighlights__fDWhp li {
        color: #515151 !important;
        font-size: 15px;
        margin: 8px 0;
      }
      .TourPage_rightSection__meEGG {
        position: relative;
      }
      .ProductPricing_productPricingWrapper__lNsLj {
        /* position: sticky; */
        top: 80px;
        border: 1px solid #8a8787;
        border-radius: 12px;
        padding: 16px;
      }
      .ProductPricing_top__TSTtA {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .ProductPricing_actualPrice__XSiM4 {
        font-size: 24px;
        font-weight: 700;
      }
      .ProductPricing_strikePrice__tJZOy {
        text-decoration: line-through;
        color: #888;
        margin-top: 6px;
      }
      .ProductPricing_rightSection__gSHA9 {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .ProductPricing_rating__1NjlU {
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .ProductPricing_bottom__CCkQU {
        margin-top: 16px;
      }
      .AsyncButton_btn__UzwML {
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        background: var(--primary-color, #f37002);
        color: #fff;
        border: 0;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        font-size: 15px;
      }
      .TourPage_endOfTripContainer__AqhWm {
        margin: 24px auto;
        text-align: center;
      }
      .InclusionsExclusions_wrapper__0m5iG {
        border: 1px solid #eee;
        border-radius: 12px;
        padding: 16px;
        margin: 16px 0;
      }
      .InclusionsExclusions_header__OR_ge {
        font-weight: 600;
        margin-bottom: 8px;
      }
      .InclusionsExclusions_box__SUax7 {
        margin-bottom: 12px;
      }
      .InclusionsExclusions_boxHeading__Fv6Km {
        font-weight: 600;
        margin: 8px 0;
      }
      .InclusionsExclusions_contentBox__OlHot {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
      }
      .InclusionsExclusions_itemBox__UMsaH {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .InclusionsExclusions_itemIcon__nzEAS {
        display: flex;
        align-items: center;
      }
      .InclusionsExclusions_itemLabel__sfgRP {
        font-size: 14px;
      }
      .InclusionsExclusions_divider__0iJJO {
        height: 1px;
        background: #eee;
        margin: 16px 0;
      }
      .Accordion_showBorder__Doc11 {
        border: 1px solid #eee;
        border-radius: 12px;
      }
      .Accordion_accordionHeaderWrap__6_pWa {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        cursor: default;
      }
      .Accordion_lineDivider__h7glw {
        height: 1px;
        background: #eee;
      }
      .MicroComponents_knowBeforeYouGoHeader__hqIEt {
        margin: 0;
      }
      .DescriptionBox_descriptionBox__qn6Ju {
        border: 1px solid #eee;
        border-radius: 12px;
        padding: 16px;
      }
      .DescriptionBox_heading__itpcD {
        margin: 0 0 8px;
      }
      .DescriptionBox_body__QNiBe {
        color: #333;
      }
      .DescriptionBox_content__9_wWH p {
        margin: 8px 0;
      }
      .DescriptionBox_readMore__h0RJO {
        margin-top: 8px;
        color: #515151;
        font-size: 13px;
      }
      .Divider_divider__yaBCO {
        display: flex;
        display: none;
        align-items: center;
        margin: 50px 0;
        min-height: 1px;
        min-width: 1080px;
        background: linear-gradient(
          270deg,
          #ffffff0d -0.13%,
          #e0e0e00d 0,
          #e0e0e0 49.17%,
          #e0e0e00d
        );
      }
      .MoreLinks_moreLinksBody__5Ipcv {
        border: 1px solid #eee;
        border-radius: 12px;
        padding: 16px;
      }
      .ListingPageHeader_mainHeading__nFqKH {
        margin: 0;
      }
      .MoreLinks_linksListing__zD5I_ {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 8px;
      }
      .MoreLinks_link__ukWa_ {
        color: #0f6bd6;
      } /* --- END inline a8c16dee00d7f7fe.css --- */
    
     /*Inline of CSS: 66636b40f2dc80d2.css */
   
      /* --- BEGIN inline 66636b40f2dc80d2.css (trimmed) --- */
      .flag {
        display: inline-block;
        width: 16px;
        height: 11px;
        background: #ddd;
        border: 1px solid #ccc;
        border-radius: 2px;
      }
      .tourPageBody {
        padding-bottom: 40px;
      }
      .MicroComponents_customHighligtsPoint__4owW3 p {
        margin: 0;
      } /* --- END inline 66636b40f2dc80d2.css --- */
    
     /*Inline of CSS: 0a462a2b7fb87353.css */
    
      /* --- BEGIN inline 0a462a2b7fb87353.css (trimmed) --- */
      @media (max-width: 1024px) {
        .TourPage_tourPageBody__vSj6l {
          grid-template-columns: 1fr;
        }
        .ProductPricing_productPricingWrapper__lNsLj {
          position: static;
        }
        .Banner_desktopBanner__FwrQw {
          height: 280px;
        }
        .Banner_categoryImage__66E6K {
          display: none;
        }
      }
      @media (max-width: 600px) {
        .header_headerContent__6t8LB {
          height: 56px;
        }
        .ProductInfo_header__6VcVQ {
          font-size: 22px;
        }
      } /* --- END inline 0a462a2b7fb87353.css --- */

      /* css */
      .dark_Trip_bar {
        background-color: #f4f6f9;
        display: flex;
        padding: 10px;
        gap: 25px;
        border-radius: 5px;
        margin-top: 37px;
      }

      .dark_Trip_bar div {
        display: flex;
        align-items: center;
        font-weight: 500;
        color: #8e8e8e;
        box-shadow: 0 0 10px 1px #00000012;
        background: #fff;
        border-radius: 5px;
        padding: 10px;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        line-height: 21px;
        gap: 5px;
        min-width: -moz-fit-content;
        min-width: fit-content;
      }

      .tabbar {
        margin: 0 auto;
        max-width: 1080px;
        display: flex;
        background: #f4f6f9;
        gap: 15px;
        width: 100%;
        border-radius: 7px;
        padding: 7px 10px;
        overflow-x: scroll;
        scrollbar-width: none;
      }
      .tab {
        display: flex;
        align-items: center;
        font-weight: 500;
        color: #8e8e8e;
        box-shadow: 0 0 10px 1px #00000012;
        background: #fff;
        border-radius: 5px;
        padding: 10px;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        line-height: 21px;
        gap: 5px;
        min-width: -moz-fit-content;
        min-width: fit-content;
        border: none;
      }
      .tab.active {
        background: var(--brand);
        color: #fff;
        border-color: var(--brand);
      }
      .tab:focus {
        outline: 0;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
      }

      .tab-content {
        margin-top: 12px;
      }
      .panel {
        display: none;
        animation: fade 0.18s ease;
      }
      .panel.active {
        display: block;
      }
      @keyframes fade {
        from {
          opacity: 0.6;
          transform: translateY(4px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }

      /* slider  */
      .hero-slider {
        position: relative;
        overflow: hidden;
        border-radius: 16px;
        padding: 0;
      }
      .hero-slider .track {
        display: flex;
        transition: transform 0.4s ease;
      }
      .hero-slide {
        min-width: 100%;
        height: 320px;
        position: relative;
        user-select: none;
      }
      .hero-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .hero-slider .nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: #ffffffcc;
        border: 0;
        width: 48px;
        height: 48px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        font-size: 22px;
        cursor: pointer;
        z-index: 1;
      }
      .hero-slider .nav.prev {
        left: 16px;
      }
      .hero-slider .nav.next {
        right: 16px;
      }

      .badge {
        z-index: 1;
        position: absolute;
        left: 28px;
        bottom: 32px;
        color: #fff;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
        display: flex;
        gap: 12px;
        align-items: flex-end;
      }
      .badge .days {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .badge .days strong {
        font-size: 50px;
        line-height: 1;
      }
      .badge .days span {
        font-size: 16px;
        letter-spacing: 0.5px;
      }
      .badge .place {
        font-size: 44px;
        font-weight: 800;
      }

      .dots {
        position: absolute;
        left: 50%;
        bottom: 28px;
        transform: translateX(-50%);
        display: flex;
        gap: 10px;
      }
      .dot {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: #ffffff88;
        border: 0;
        cursor: pointer;
      }
      .dot.active {
        background: #fff;
      }

      .thumbs {
        position: absolute;
        right: 20px;
        bottom: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .thumbs img {
        width: 54px;
        height: 54px;
        border-radius: 999px;
        border: 3px solid #fff;
        object-fit: cover;
        cursor: pointer;
      }
      .thumbs .more {
        background: #fff;
        border-radius: 999px;
        padding: 10px 14px;
        font-weight: 800;
        color: #9a6b45;
        border: 3px solid #fff;
      }

      @media (max-width: 640px) {
        .hero-slide {
          height: 300px;
        }
        .badge .days strong {
          font-size: 48px;
        }
        .badge .place {
          font-size: 28px;
        }
      }

      /* accodians */
      .itinerary-acc {
        display: grid;
        gap: 14px;
        margin: 16px 0;
      }
      .acc-item {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
        overflow: hidden;
      }
      .acc-head {
        width: 100%;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 14px;
        padding: 10px;
        border: 0;
        background: #fff;
        cursor: pointer;
        text-align: left;
      }
      .day-pill {
        width: max-content;
        flex-shrink: 0;
        padding: 3px 12px;
        border-radius: 20px;
        background: #bf500e;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        color: #fff;
      }
      .acc-title {
        font-weight: 500;
      }
      .chev {
        width: 36px;
        height: 36px;
        position: relative;
        transition: transform 0.2s ease;
        background: #fff;
        flex: 0 0 36px;
      }
      .chev::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-right: 2px solid #6b7280;
        border-bottom: 2px solid #6b7280;
        transform: rotate(45deg);
      }

      .acc-panel {
        height: 0;
        overflow: hidden;
        transition: height 0.25s ease;
      }
      .acc-body {
        padding: 0 18px 18px;
        color: #374151;
        font-size: 14px;
      }
      .acc-item.open .acc-panel {
        /* height set by JS */
      }
      .acc-item.open .chev {
        transform: rotate(180deg);
      }

      .package-card.card {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 22px;
        box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
        margin: 20px 0;
      }
      .package-card .section-title {
        margin: 0 0 12px;
        font-size: 18px;
        font-weight: 500;
      }
      .pkg-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
        border-top: 1px solid var(--line);
        padding-top: 16px;
      }
      @media (min-width: 980px) {
        .pkg-grid {
          grid-template-columns: 1fr 1fr;
          gap: 32px;
          position: relative;
        }
        .pkg-grid::before {
          content: "";
          position: absolute;
          left: 50%;
          top: 0;
          bottom: 0;
          width: 1px;
          background: var(--line);
          transform: translateX(-0.5px);
        }
      }

      .pkg-col h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 20px;
      }
      .pkg-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 16px;
      }
      .pkg-list li {
        display: flex;
        align-items: center;
        color: #141414;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
      }
      .pkg-list li::before {
        content: "";
        flex: 0 0 22px;
        height: 22px;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        font-size: 16px;
        margin-top: 2px;
      }
      .pkg-list.ticks li::before {
        content: "✔";
        color: #16a34a;
      }
      .pkg-list.crosses li::before {
        content: "✖";
        color: #ef4444;
      }

      .card {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        /* box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); */
        padding: 0;
        margin: 18px 0;
      }

      /* Accordion head */
      .kb-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 20px;
        border: 0;
        background: #fff;
        cursor: pointer;
        font-weight: 800;
        border-bottom: 1px solid #e5e7eb;
      }
      .kb-chev {
        width: 28px;
        height: 28px;
        border-radius: 999px;
        border: 1px solid #e5e7eb;
        position: relative;
        transition: transform 0.2s ease;
      }
      .kb-chev::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-right: 2px solid #6b7280;
        border-bottom: 2px solid #6b7280;
        transform: rotate(-45deg);
      }
      .kb-head[aria-expanded="true"] .kb-chev {
        transform: rotate(180deg);
      }

      /* Panel */
      .kb-panel {
        overflow: hidden;
        height: auto;
      }
      .kb-enter {
        height: 0;
      } /* when collapsing */
      .kb-leave {
        height: 0 !important;
      } /* after transition */

      .kb-list {
        margin: 0;
        padding: 18px 26px 22px;
        display: grid;
        gap: 12px;
      }
      .kb-list li {
        list-style: disc;
        margin-left: 18px;
        line-height: 1.6;
      }

      /* Additional info bar */
      .addl-info {
        padding: 16px 18px;
      }
      .addl-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
      }
      .addl-info h4 {
        margin: 0;
        font-size: 20px;
        font-weight: 800;
      }
      .read-more {
        color: #374151;
        font-weight: 700;
        text-decoration: none;
      }
      .addl-info p {
        margin: 10px 0 4px;
      }

      /* Single container banner with background image */
    .group-offer.card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    padding: 0;
    min-height: 200px;
    margin: 20px;

    /* Use only the image as background */
    background-image: url("group_tour_desktop_banner_image.avif");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: flex-start; /* aligns content to left, adjust if needed */
}

/* Add a smooth overlay */
.group-offer.card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(200, 100, 0, 0.7); /* darker orange with more opacity */
    z-index: 0;
}

/* Content wrapper */
.go-inner {
    position: relative;
    z-index: 1; /* make sure content is above overlay */
    padding: 28px 32px;
    max-width: 840px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Headings and text */
.go-inner h3 {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
}
.go-inner h3 span {
    white-space: nowrap;
}
.go-inner p {
    margin: 0;
    font-weight: 600;
}

/* Button */
.go-cta {
    display: inline-block;
    background: #fff;
    color: #1f2937;
    font-weight: 800;
    text-decoration: none;
    padding: 12px 18px;
    border-radius: 10px;
    width: max-content;
    transition: 0.3s;
}
.go-cta:hover {
    background: #fbbf24;
    color: #1f2937;
}
.features-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* space between cards */
    justify-content: center; /* center all cards */
    margin: 40px 0;
}

.features-strip .feat {
    background-color: #fff; /* card background */
    border-radius: 16px;
    padding: 24px 20px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    flex: 1 1 220px; /* responsive width */
    max-width: 260px;

    height: 260px; /* fixed height for all cards */
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertically center content */
    transition: transform 0.3s, box-shadow 0.3s;
}

.features-strip .feat:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}
.routine-item {
  background: #fff;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.routine-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

.routine-item h5 {
  color: #f59e0b;
  font-weight: 700;
  margin-bottom: 6px;
}

.routine-item p {
  margin: 2px 0;
  color: #333;
  line-height: 1.5;
}

/* Heading and paragraph inside card */
.features-strip .feat h4 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.features-strip .feat p {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}




      @media (max-width: 900px) {
        .group-offer.card {
          min-height: 200px;
          background-position: center;
        }
        .go-inner {
          padding: 22px;
        }
        .go-inner h3 {
          font-size: 22px;
        }
      }

      .policies.card {
        padding: 0;
        overflow: hidden;
        border-radius: unset;
        border: none;
      }
      /* .pol-item + .pol-item {
        border-top: 1px solid #e5e7eb;
      } */

      .pol-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 20px;
        background: #fff;
        border: 0;
        cursor: pointer;
        text-align: left;
        font-weight: 600;
        font-size: 22px;
      }
      .pol-chev {
        width: 28px;
        height: 28px;
        /* border-radius: 999px;
        border: 1px solid #e5e7eb; */
        position: relative;
        transition: transform 0.2s ease;
      }
      .pol-chev::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-right: 2px solid #6b7280;
        border-bottom: 2px solid #6b7280;
        transform: rotate(45deg);
      }
      .pol-head[aria-expanded="true"] .pol-chev {
        transform: rotate(180deg);
      }

      .pol-panel {
        padding-left: 20px;
        height: 0;
        overflow: hidden;
        transition: height 0.25s ease;
      }
      .pol-body {
        padding: 0 20px 18px;
        color: #374151;
      }
      .pol-body ul {
        margin: 0;
        padding-left: 18px;
        display: grid;
        /* gap: 10px; */
      }

      .policies .Divider_divider__yaBCO {
        margin: 9px;
      }

      .policies a {
        font-size: 14px;
        text-decoration: underline;
      }

      .policies li {
        font-size: 14px;
      }

      .policies a:hover {
        color: var(--brand-dark);
      }

      .features-strip {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 28px 36px;
        padding: 18px 0 8px;
        align-items: start;
      }
      @media (max-width: 1100px) {
        .features-strip {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 640px) {
        .features-strip {
          grid-template-columns: 1fr;
        }
      }

      .feat {
        display: grid;
        justify-items: start;
        gap: 12px;
      }
      .feat-icon {
        width: 140px;
        height: 140px;
        display: grid;
        place-items: center;
        margin-bottom: 2px;
      }
      .feat-icon span {
        font-size: 64px;
      } /* swap with SVGs or <img> */

      .feat h4 {
        margin: 0;
        font-size: 18px;
      }
      .feat p {
        display: flex;
        align-items: center;
        line-height: 21px;
        color: #515151;
        font-size: 14px;
        font-weight: 400;
      }
      .feat-icon img {
        width: 100px;
        height: 100px;
        object-fit: contain;
        display: block;
      }

      .site-footer {
        margin-top: 40px;
        background: #2b3137;
        color: #1f2937;
      }
      .site-footer a {
        color: #374151;
        text-decoration: none;
      }
      .site-footer .card {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
      }
      .footer-top {
        max-width: 1110px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 2fr;
        gap: 28px;
        padding: 26px;
      }
      @media (max-width: 1024px) {
        .footer-top {
          grid-template-columns: 1fr 1fr;
        }
      }
      @media (max-width: 640px) {
        .footer-top {
          grid-template-columns: 1fr;
        }
      }

      .ft-col {
        position: relative;
        padding: 10px 12px;
      }
      .ft-col + .ft-col {
        border-left: 1px solid #e5e7eb;
      }
      @media (max-width: 1024px) {
        .ft-col {
          border-left: 0;
        }
        .ft-col:nth-child(odd) {
          border-right: 1px solid #e5e7eb;
        }
      }
      @media (max-width: 640px) {
        .ft-col,
        .ft-col:nth-child(odd) {
          border: 0;
        }
      }

      .ft-col h5 {
        margin: 6px 0 10px;
        font-size: 14px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #6b7280;
      }
      .ft-col ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 7px;
        font-size: 11px;
      }
      .ft-col ul a:hover {
        color: var(--brand);
        font-size: 12px;
      }
      .ft-col .warn {
        color: #b91c1c;
        font-weight: 700;
      }

      .dest-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      }
      .dest {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        display: block;
      }
      .dest img {
        width: 100%;
        height: 82px;
        object-fit: cover;
        display: block;
        filter: saturate(1.05);
      }
      .dest span {
        position: absolute;
        bottom: 6px;
        left: 8px;
        color: #fff;
        font-weight: 800;
        font-size: 12px;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      /* Bottom area */
      .footer-bottom {
        background: #2b3137;
        padding: 20px 0 36px;
        color: #fff;
      }
      .fb-inner {
        max-width: 1180px;
        margin: 0 auto;
        text-align: center;
      }
      .fb-line {
        border: 0;
        border-top: 1px solid #4b5563;
        margin: 0 18px 18px;
      }
      .brand-row {
        display: flex;
        justify-content: center;
        margin: 10px 0;
      }
      .brand {
        height: 28px;
        opacity: 0.95;
      }

      .socials {
        display: flex;
        justify-content: center;
        gap: 14px;
        margin-top: 10px;
      }
      .socials a {
        width: 38px;
        height: 38px;
        border-radius: 999px;
        background: #3b4248;
        color: #fff;
        display: grid;
        place-items: center;
        font-weight: 800;
        border: 1px solid #4b5563;
      }
      .socials a:hover {
        background: #4b5563;
      }

      .Footer_topContainer__IZqgF {
        display: flex;
        background-color: #fff;
        width: 1080px;
        height: 370px;
        margin-top: -100px;
        border: 1px solid #e0e0e0;
        border-radius: 20px;
        box-shadow: 0 0 20px 1px #00000024;
        padding: 40px;
        box-sizing: border-box;
        margin-bottom: 40px;
      }

      /* Footer top card: lighter tone */
      .footer-top.card {
        background: #fcfcfd; /* lighter than pure white */
        border: 1px solid #eef0f3; /* lighter border */
        box-shadow: 0 4px 14px rgba(17, 24, 39, 0.05); /* softer shadow */
      }
      .ft-col h5 {
        color: #8b95a1;
      } /* slightly lighter headings */
      .ft-col + .ft-col {
        border-left: 1px solid #eef0f3;
      }
      @media (max-width: 1024px) {
        .ft-col {
          border-left: 0;
        }
        .ft-col:nth-child(odd) {
          border-right: 1px solid #eef0f3;
        }
      }

      .dest {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        display: block;
        transform: translateZ(0); /* enable GPU for smoother transform */
      }
      .dest img {
        width: 100%;
        height: 82px;
        object-fit: cover;
        display: block;
        transition: transform 0.25s ease, filter 0.25s ease;
      }
      .dest:hover img {
        transform: scale(1.2);
        filter: saturate(1.1) brightness(1.03);
      }

      /* Outer footer area (outside the white card) */
      .site-footer {
        background: linear-gradient(
          180deg,
          #fff 0%,
          #fff 20%,
          #2b3137 20%,
          #2b3137 100%
        );
        /* If a solid light band is preferred across the whole height, use:
     background:#f7f9fc; and wrap the dark part inside .footer-bottom only. */
      }

      /* Make only the bottom bar dark so the top around the card feels light */
      .footer-bottom {
        background: #2b3137; /* keeps the dark bar for logo + socials */
        color: #fff;
        padding: 20px 0 36px;
      }

      #tscope-trip-summary .summary.card {
        padding: 0;
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
        overflow: hidden;
        background: #fff;
      }
      #tscope-trip-summary .sum-head {
        padding: 16px 18px;

        align-items: center;
      }
      #tscope-trip-summary .sum-head h3 {
        font-size: 22px;
        font-weight: 600;
      }
      #tscope-trip-summary .mini-stats {
        display: flex;
        gap: 16px;
        color: #898a8b;
      }
      #tscope-trip-summary .mini-stats i {
        margin-right: 8px;
      }

      #tscope-trip-summary .day-block + .day-block {
        border-top: 1px solid #e5e7eb;
      }
      #tscope-trip-summary .day-bar {
        background: #f3f4f6;
        margin: 14px 0 10px;
        padding: 10px 12px;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      #tscope-trip-summary .counts {
        display: flex;
        gap: 12px;
        color: #6b7280;
      }

      #tscope-trip-summary .row {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        padding: 12px 24px;
      }
      #tscope-trip-summary .row-ic {
        width: 26px;
        display: grid;
        place-items: center;
        color: #6b7280;
      }
      #tscope-trip-summary .row-ic i {
        font-size: 14px;
      }
      #tscope-trip-summary .row-text strong {
        margin-right: 6px;
      }

      #tscope-trip-summary .note-leisure {
        display: flex;
        gap: 10px;
        align-items: center;
        margin: 12px 18px 0;
        padding: 12px;
        border-radius: 10px;
        background: #fff7ed;
        border: 1px solid #fed7aa;
        color: #9a6b45;
        /* font-weight: 500; */
      }
      #tscope-trip-summary .note-leisure i {
        color: #16a34a;
      }

      #tscope-trip-summary .pills {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 10px 18px 0;
      }
      #tscope-trip-summary .pill {
        width: 100%;
        font-size: 11px;
        display: flex;
        margin-bottom: 14px;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        padding: 10px 12px;
        border-radius: 10px;
        background: #f8fafc;
        border: 1px solid #e5e7eb;
        color: #374151;
        font-weight: 600;
      }
      #tscope-trip-summary .pill i {
        color: #6b7280;
      }

      #tab-summary .Divider_divider__yaBCO {
        display: flex;
        align-items: center;
        margin: 0;
        min-height: 1px;
        min-width: 0px;
        background: linear-gradient(
          270deg,
          #ffffff0d -0.13%,
          #e0e0e00d 0,
          #e0e0e0 49.17%,
          #e0e0e00d
        );
      }

      #tscope-stay .card,
      #tab-itinerary .card {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
        overflow: hidden;
      }
      #tscope-stay .stay-card,
      #tab-itinerary .stay-card {
        padding: 0 0 16px;
      }

      #tscope-stay .stay-head,
      #tab-itinerary .stay-head {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 12px;
        padding: 16px 16px 8px;
      }
      #tscope-stay .day-pill,
      #tab-itinerary .day-pill {
        background: #f59e0b1a;
        border: 1px solid #f59e0b66;
        color: #9a5500;
        border-radius: 999px;
        font-weight: 800;
        font-size: 12px;
        padding: 8px 12px;
      }
      #tscope-stay .stay-head h3,
      #tab-itinerary .stay-head h3 {
        margin: 0;
        font-size: 17px;
        /* font-weight: 800; */
      }
      #tscope-stay .chev,
      #tab-itinerary .chev {
        width: 34px;
        height: 34px;
        border: none;
        background: #fff;
        position: relative;
      }
      #tscope-stay .chev::before,
      #tab-itinerary .chev::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-right: 2px solid #6b7280;
        border-bottom: 2px solid #6b7280;
        transform: rotate(-45deg);
      }

      #tscope-stay .stay-meta,
      #tab-itinerary .stay-meta {
        padding: 5px 16px 4px;
        color: #6b7280;
      }
      #tscope-stay .stay-meta .meta i,
      #tab-itinerary .stay-meta .meta i {
        margin-right: 6px;
      }

      #tscope-stay .prop-title,
      #tab-itinerary .prop-title {
        padding: 6px 16px;
        margin: 0 0 8px;
        font-size: 15px;
      }
      #tscope-stay .prop-title .stars i,
      #tab-itinerary .prop-title .stars i {
        color: #f59e0b;
        margin-left: 2px;
      }

      #tscope-stay .checkbar,
      #tab-itinerary .checkbar {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 12px;
        margin: 0 16px 12px;
        padding: 10px 12px;
        border: 1px dashed #e5e7eb;
        border-radius: 10px;
        color: #6b7280;
      }
      #tscope-stay .checkbar .label,
      #tab-itinerary .checkbar .label {
        font-size: 12px;
      }
      #tscope-stay .checkbar .value,
      #tab-itinerary .checkbar .value {
        font-weight: 800;
        color: #111827;
      }
      #tscope-stay .checkbar .nights,
      #tab-itinerary .checkbar .nights {
        text-align: center;
      }

      #tscope-stay .gallery,
      #tab-itinerary .gallery {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-template-rows: 160px 160px;
        gap: 8px;
        margin: 0 16px 12px;
      }
      #tscope-stay .g-main,
      #tab-itinerary .g-main {
        grid-row: 1 / span 2;
        margin: 0;
      }
      #tscope-stay .gallery img,
      #tab-itinerary .gallery img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
        display: block;
      }
      #tscope-stay .g-s,
      #tab-itinerary .g-s {
        margin: 0;
        position: relative;
      }
      #tscope-stay .g-s.badge figcaption,
      #tab-itinerary .g-s.badge figcaption {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background: #000000a0;
        color: #fff;
        padding: 6px 10px;
        border-radius: 999px;
        font-weight: 800;
        font-size: 12px;
      }

      #tscope-stay .inc-card,
      #tab-itinerary .inc-card {
        background: #eef7fb;
        border: 1px solid #cfe8f6;
        border-radius: 12px;
        margin: 0 16px;
        padding: 12px;
      }
      #tscope-stay .inc-card h5,
      #tab-itinerary .inc-card h5 {
        margin: 0 0 8px;
        font-size: 18px;
        color: #5388e5;
      }
      #tscope-stay .inc-grid,
      #tab-itinerary .inc-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
      }
      #tscope-stay .inc,
      #tab-itinerary .inc {
        /* background: #fff;
        border: 1px solid #e5e7eb; */
        border-radius: 10px;
        padding: 10px 12px;
      }
      #tscope-stay .inc-top,
      #tab-itinerary .inc-top {
        /* font-weight: 800; */
        display: flex;
        align-items: center;
        gap: 8px;
      }
      #tscope-stay .inc-bottom,
      #tab-itinerary .inc-bottom {
        color: #0a7a34;
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 6px;
      }
      #tscope-stay .Divider_divider__yaBCO {
        display: flex;
        align-items: center;
        margin: 0;
        min-height: 1px;
        min-width: 0px;
        background: linear-gradient(
          270deg,
          #ffffff0d -0.13%,
          #e0e0e00d 0,
          #e0e0e0 49.17%,
          #e0e0e00d
        );
      }

      #tscope-stay .ok {
        color: #0a7a34;
      }
      @media (max-width: 800px) {
        #tscope-stay .gallery {
          grid-template-columns: 1fr;
          grid-template-rows: 200px 120px 120px 120px;
        }
        #tscope-stay .inc-grid {
          grid-template-columns: 1fr;
        }
      }

      #tscope-transfers .card {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06);
        overflow: hidden;
      }
      #tscope-transfers .tr-card {
        padding: 0 0 16px;
        margin-bottom: 16px;
      }

      /* Header */
      #tscope-transfers .tr-head,
      #tab-itinerary .tr-head {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 12px;
        align-items: center;
        padding: 16px 16px 8px;
      }
      #tscope-transfers .day-pill,
      #tab-itinerary .day-pill {
        background: #bf500e;
        border: 1px solid #f59e0b66;
        color: #fff;
        border-radius: 999px;
        font-weight: 800;
        font-size: 11px;
        padding: 3px 12px;
      }
      #tscope-transfers .tr-head h3,
      #tab-itinerary .tr-headh3 {
        margin: 0;
        font-size: 16px;
        font-weight: 800;
      }
      #tscope-transfers .chev,
      #tab-itinerary .chev {
        width: 34px;
        height: 34px;
        border-radius: 999px;
        /* border: 1px solid #e5e7eb; */
        background: #fff;
        position: relative;
      }
      #tscope-transfers .chev::before,
      #tab-itinerary .chev::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-right: 2px solid #6b7280;
        border-bottom: 2px solid #6b7280;
        transform: rotate(45deg);
      }

      /* Meta and mode */
      #tscope-transfers .tr-type,
      #tab-itinerary .tr-type {
        padding: 0 16px 4px;
        color: #6b7280;
      }
      #tscope-transfers .tr-type .meta i,
      #tab-itinerary .tr-type .meta i {
        margin-right: 6px;
      }
      #tscope-transfers .tr-mode,
      #tab-itinerary .tr-mode {
        margin: 4px 16px 8px;
        font-size: 14px;
      }

      /* Path */
      #tscope-transfers .path,
      #tab-itinerary .path {
        padding: 0 16px;
        position: relative;
      }
      #tscope-transfers .path::before,
      #tab-itinerary .path::before {
        content: "";
        position: absolute;
        left: 28px;
        top: 14px;
        bottom: 14px;
        border-left: 2px dotted #e5e7eb;
      }
      #tscope-transfers .leg,
      #tab-itinerary .leg {
        margin: 10px 0 14px;
      }
      #tscope-transfers .tag,
      #tab-itinerary .tag {
        display: inline-block;
        background: #fff7ed;
        border: 1px solid #fed7aa;
        color: #9a6b45;
        border-radius: 999px;
        font-weight: 800;
        padding: 6px 10px;
        margin-left: 36px;
        margin-bottom: 8px;
        font-size: 12px;
      }
      #tscope-transfers .field,
      #tab-itinerary .field {
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        padding: 12px 12px 12px 40px;
        position: relative;
        background: #fff;
      }
      #tscope-transfers .field i,
      #tab-itinerary .field i {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #6b7280;
      }
      input::placeholder {
        font-size: 13px;
      }

      /* Namespace */
      #rec-day-block {
        display: grid;
        gap: 16px;
        margin-top: 18px;
      }

      /* Leisure note */
      #rec-day-block .rec-note {
        border: 1px solid #fde6c7;
        background: #fff5e6;
        border-radius: 10px;
        padding: 14px 16px;
        display: flex;
        gap: 10px;
        align-items: center;
        color: #8a5a15;
        font-weight: 700;
      }
      /* placeholder icon (you can swap to any icon font or SVG) */
      #rec-day-block .rec-note i {
        width: 20px;
        height: 20px;
        background: conic-gradient(#f59e0b, #fbbf24);
        border-radius: 50%;
      }

      /* Recommended card */
      #rec-day-block .rec-card {
        background: #fff3d9;
        border: 1px solid #ffe1aa;
        border-radius: 14px;
        padding: 0 16px;
      }
      #rec-day-block .rec-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      #rec-day-block .rec-label {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #c68b16;
        /* font-weight: 800; */
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      #rec-day-block .rec-label .line {
        width: 48px;
        height: 2px;
        background: #e5c27f;
        border-radius: 2px;
      }
      #rec-day-block .rec-head .bulb {
        width: 34px;
        height: 34px;
        border-radius: 999px;
        position: relative;
        display: inline-block;
        background: radial-gradient(
          circle at 50% 50%,
          #ffdd7a 35%,
          #ffa726 36%,
          #ffa726 100%
        );
        box-shadow: 0 0 0 6px #ffe9b8 inset, 0 0 18px rgba(255, 180, 44, 0.6);
      }
      #rec-day-block .rec-title {
        margin: 8px 0 6px;
        font-size: 28px;
        font-weight: 900;
        color: #fcaf17;
      }
      #rec-day-block .rec-sub {
        margin: 0 0 14px;
        color: #6b5a3e;
      }
      #rec-day-block .twinkle {
        color: #f59e0b;
        margin-left: 6px;
      }

      /* Grid of tiles */
      #rec-day-block .rec-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }
      #rec-day-block .rec-tile {
        text-decoration: none;
        color: inherit;
      }
      #rec-day-block .rec-tile figure {
        margin: 0;
        border-radius: 12px;
        overflow: hidden;
      }
      #rec-day-block .rec-tile img {
        width: 100%;
        height: 180px;
        object-fit: cover;
        display: block;
        transition: transform 0.25s ease;
      }
      #rec-day-block .rec-tile:hover img {
        transform: scale(1.03);
      }
      #rec-day-block .rec-tile figcaption {
        margin-top: 10px;
        font-weight: 800;
        color: #2b2b2b;
      }

      /* Meals card */
      #rec-day-block .meals-card {
        border: 1px solid #e5e7eb;
        background: #f3f4f6;
        border-radius: 12px;
        padding: 14px;
      }
      #rec-day-block .meals-title {
        margin: 0 0 10px;
        font-size: 18px;
        font-weight: 900;
      }
      #rec-day-block .meals-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 12px;
      }
      #rec-day-block .meals-list li {
        display: flex;
        gap: 10px;
        align-items: center;
        /* background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 10px; */
        /* padding: 12px; */
      }
      #rec-day-block .meals-list li + li {
        margin-top: 8px;
      }

      /* Simple meal icons (replace with SVGs if available) */
      #rec-day-block .mi {
        width: 18px;
        height: 18px;
        display: inline-block;
        border-radius: 3px;
        background: #9ca3af;
      }
      #rec-day-block .mi.mi-lunch {
        mask: radial-gradient(circle at 40% 40%, #000 55%, #0000 56%) 0 0/100%
          100%;
      }
      #rec-day-block .mi.mi-dinner {
        mask: linear-gradient(#000 0 0) left/40% 100% no-repeat,
          radial-gradient(circle at 70% 45%, #000 40%, #0000 41%) right/40% 100%
            no-repeat;
      }
      .day-block {
        font-size: 12px;
      }

      /* Navigation container */
      .navbar {
        background-color: #ffffff;
        padding: 10px 20px;
        border: 1px solid #ddd;
        display: flex;
      }

      .nav-item {
        position: relative;
        margin-right: 20px;
      }

      .nav-link {
        text-decoration: none;
        /*color: #333;*/
        /* font-weight: 600; */
        padding: 8px 12px;
        cursor: pointer;
        display: inline-block;
      }
      .quicklinks + .d-flex .nav-link {
          color: #7AB730 !important;
        }

      /* .nav-link:hover {
      color: #007bff;
    } */
/*.nav-item.nav-link {*/
    color: #ccc !important; /* light gray, visible on black */
/*    font-weight: 500;*/
/*    margin-bottom: 6px;*/
/*    transition: color 0.3s ease;*/
/*}*/

/*.nav-item.nav-link:hover {*/
    color: #fff !important; /* white on hover */
/*    text-decoration: none;*/
/*}*/

      /* Dropdown menu hidden by default */
      .dropdown-menu {
        position: absolute !important;
        top: 100%;
        left: 0;
        background-color: #ffffff;
        border: 1px solid #ccc;
        border-radius: 4px;
        display: none;
        min-width: 200px;
        z-index: 1000;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }

      /* Show dropdown on hover */
      .nav-item:hover .dropdown-menu {
        display: block;
      }

      .dropdown-item {
        display: block;
        padding: 10px 15px;
        color: #333;
        text-decoration: none;
        transition: background 0.2s;
      }

      .dropdown-item:hover {
        background-color: #f1f1f1;
      }
      
       .btn-outline-primary {
          --bs-btn-color: #7AB730 !important;
          --bs-btn-border-color: #7AB730 !important;
          --bs-btn-hover-bg: #7AB730 !important;
          --bs-btn-hover-border-color: #7AB730 !important;
          --bs-btn-active-bg: #7AB730 !important;
          --bs-btn-active-border-color: #7AB730 !important;
          --bs-btn-disabled-color: #7AB730 !important;
        }
        .btn-primary {
            color: #fff;
            background-color: #7AB730;
            border-color: #7AB730;
        }
        .btn-outline-primary:hover {
          --bs-btn-hover-bg: #7AB730 !important;
        }
        
        
/* Why You Choose Us - Features Section */
.features-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 40px 0;
}

.features-strip .feat {
    background-color: #fff;
    border-radius: 16px;
    padding: 24px 20px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    flex: 1 1 220px;
    max-width: 260px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

/* Subtle gradient overlay on hover */
.features-strip .feat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(122, 183, 48, 0.05) 0%, rgba(122, 183, 48, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 0;
}

.features-strip .feat:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(122, 183, 48, 0.2);
    border-color: rgba(122, 183, 48, 0.3);
    background: linear-gradient(to bottom, #fff 0%, #f7fbf2 100%);
}


.features-strip .feat:hover::before {
    opacity: 1;
}

.features-strip .feat h4 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.features-strip .feat:hover h4 {
    color: #f37002;
}

.features-strip .feat p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.features-strip .feat:hover p {
    color: #444;
}
.callback-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.callback-modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 40px;
  border-radius: 16px;
  width: 90%;
  max-width: 500px;
  position: relative;
  animation: slideDown 0.3s ease;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

@keyframes slideDown {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.callback-close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 32px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
  transition: color 0.3s;
  line-height: 1;
}

.callback-close:hover {
  color: #f37002;
}

.callback-modal-content h2 {
  color: #333;
  font-size: 28px;
  margin-bottom: 10px;
  text-align: center;
}

.callback-subtitle {
  color: #666;
  text-align: center;
  margin-bottom: 30px;
  font-size: 14px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  color: #333;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
}

.required {
  color: #f37002;
}

.form-group input,
.form-group select {
  width: 100%;
  padding: 12px 15px;
  border: 2px solid #e1e1e1;
  border-radius: 8px;
  font-size: 15px;
  transition: border-color 0.3s;
  box-sizing: border-box;
}

.form-group input:focus,
.form-group select:focus {
  outline: none;
  border-color: #f37002;
}

.form-group input.error {
  border-color: #ff4444;
}

.error-message {
  color: #ff4444;
  font-size: 12px;
  margin-top: 5px;
  display: block;
  min-height: 18px;
}

.callback-submit-btn {
  width: 100%;
  background: linear-gradient(135deg, #f37002 0%, #ff8c42 100%);
  color: #fff;
  padding: 14px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.callback-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(243, 112, 2, 0.4);
}

.callback-submit-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
}

.success-message {
  text-align: center;
  padding: 40px 20px;
}

.success-icon {
  width: 80px;
  height: 80px;
  background: #4CAF50;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  margin: 0 auto 20px;
  animation: scaleIn 0.5s ease;
}

@keyframes scaleIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.success-message h3 {
  color: #333;
  margin-bottom: 10px;
  font-size: 24px;
}

.success-message p {
  color: #666;
  font-size: 15px;
}

@media (max-width: 768px) {
  .callback-modal-content {
    width: 95%;
    padding: 30px 20px;
    margin: 10% auto;
  }
}

/* Mobile breakpoint: 768px and below */
@media (max-width: 768px) {
  
  /* === CONTAINER & BODY === */
  .container {
    padding: 0 12px;
  }
  
  .TourPage_tourPageBody__vSj6l {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 12px !important;
  }
  
  /* === HEADER IMAGE GRID === */
  
  /* Main container - stack vertically */
  .days5 > .row.gx-0 {
    display: flex !important;
    flex-direction: column !important;
  }
  
  /* Main large image - full width */
  .days5 > .row.gx-0 > .col-lg-7 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  
  .days5 > .row.gx-0 > .col-lg-7 img {
    border-radius: 10px 10px 0 0 !important;
    max-height: 200px;
    width: 100%;
    object-fit: cover;
  }
  
  /* 4 small images container - full width */
  .days5 > .row.gx-0 > .col-lg-5 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  
  /* Inner row for 4 images - force 2x2 grid */
  .days5 > .row.gx-0 > .col-lg-5 > .row.gx-0 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  
  /* Each of the 4 image containers - 50% width */
  .days5 > .row.gx-0 > .col-lg-5 > .row.gx-0 > .col-6 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 2px !important;
  }
  
  /* Images inside the grid */
  .days5 > .row.gx-0 > .col-lg-5 > .row.gx-0 > .col-6 img {
    height: 100px !important;
    width: 100% !important;
    object-fit: cover;
    border-radius: 0 !important;
  }
  
  /* Round corners for bottom images only */
  .days5 > .row.gx-0 > .col-lg-5 > .row.gx-0 > .col-6:nth-child(3) img {
    border-radius: 0 0 0 10px !important;
  }
  
  .days5 > .row.gx-0 > .col-lg-5 > .row.gx-0 > .col-6:nth-child(4) img {
    border-radius: 0 0 10px 0 !important;
  }
  
  /* === PACKAGE TITLE === */
  .ProductInfo_header__6VcVQ,
  #package_title {
    font-size: 18px !important;
    line-height: 1.3;
  }
  
  /* === TRIP DURATION SELECTOR === */
  .DayFilters_dayFilterWrapperContainer__qw0c4 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
  }
  
  .DayFilters_dayFilterOuterWrapper__u_W3N {
    flex: 0 0 auto;
    min-width: 130px;
  }
  
  .DayFilters_dayFilterImageWrapper___aB6w {
    width: 100px;
    height: 80px;
  }
  
  .DayFilters_startsFrom__AlrqR {
    font-size: 10px;
  }
  
  .DayFilters_priceValue__SPWeL .dayFilterCurrency {
    font-size: 12px;
  }
  
  /* === DESTINATION ROUTES === */
  .DestinationFilters_destinationRouteWrapper__hnVDg {
    padding: 10px;
    font-size: 12px;
    margin-bottom: 15px;
  }
  
  /* === PACKAGE OPTIONS === */
  #package-options-container {
    gap: 8px !important;
  }
  
  .CustomPropertyFilters_customPropertyTag__WR8kb,
  .package-option-item {
    padding: 8px 12px !important;
    font-size: 12px !important;
    word-break: break-word;
  }
  
  .package-option-item .package-name-text {
    font-size: 12px;
    line-height: 1.4;
  }
  
  /* === MEAL CATEGORY === */
  .MealCategory_staycategoryContainer__lRtAZ {
    flex-wrap: wrap;
  }
  
  .MealCategory_stayCategoryItem__xHjze {
    padding: 5px 12px;
    font-size: 12px;
  }
  
  /* === TAB BAR === */
  .tabbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    padding: 6px 8px;
    -webkit-overflow-scrolling: touch;
  }
  
  .tab {
    padding: 8px 12px;
    font-size: 12px;
    white-space: nowrap;
    flex-shrink: 0;
  }
  
  /* === HERO SLIDER === */
  .hero-slider {
    border-radius: 10px;
  }
  
  .hero-slide {
    height: 200px !important;
  }
  
  .badge {
    left: 15px;
    bottom: 15px;
    gap: 8px;
  }
  
  .badge .days strong {
    font-size: 28px !important;
  }
  
  .badge .days span {
    font-size: 12px;
  }
  
  .badge .place {
    font-size: 20px !important;
  }
  
  .hero-slider .nav {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  
  .hero-slider .nav.prev {
    left: 8px;
  }
  
  .hero-slider .nav.next {
    right: 8px;
  }
  
  .thumbs {
    display: none;
  }
  
  .dots {
    bottom: 12px;
    gap: 6px;
  }
  
  .dot {
    width: 8px;
    height: 8px;
  }
  
  /* === ITINERARY ACCORDION === */
  .itinerary-acc {
    gap: 10px;
    margin: 12px 0;
  }
  
  .acc-item {
    border-radius: 10px;
  }
  
  .acc-head {
    padding: 10px 12px;
    gap: 8px;
    grid-template-columns: auto 1fr auto;
  }
  
  .day-pill {
    padding: 2px 8px;
    font-size: 10px;
    line-height: 16px;
  }
  
  .acc-title {
    font-size: 13px;
    line-height: 1.4;
  }
  
  .chev {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
  }
  
  .chev::before {
    width: 8px;
    height: 8px;
  }
  
  .acc-body {
    padding: 0 12px 12px;
    font-size: 13px;
  }
  
  /* === ITINERARY CONTAINER (Dynamic) === */
  #itinerary-container .acc-item {
    margin-bottom: 10px;
  }
  
  #itinerary-container .acc-head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: 8px;
  }
  
  #itinerary-container .acc-title {
    font-size: 12px;
    line-height: 1.4;
    word-break: break-word;
  }
  
  /* === TRIP SUMMARY === */
  #tscope-trip-summary .sum-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
  }
  
  #tscope-trip-summary .sum-head h3 {
    font-size: 18px;
  }
  
  #tscope-trip-summary .mini-stats {
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
  }
  
  #tscope-trip-summary .day-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 10px;
    font-size: 13px;
  }
  
  #tscope-trip-summary .row {
    padding: 10px 12px;
    gap: 8px;
  }
  
  #tscope-trip-summary .note-leisure {
    margin: 10px 12px 0;
    padding: 10px;
    font-size: 13px;
  }
  
  #tscope-trip-summary .pill {
    font-size: 10px;
    padding: 8px 10px;
    margin: 8px 12px;
  }
  
  .routine-item {
    padding: 12px 14px;
    margin-bottom: 12px;
  }
  
  .routine-item h5 {
    font-size: 14px;
  }
  
  .routine-item p {
    font-size: 13px;
  }
  
  /* === STAY TAB === */
  #tscope-stay .stay-head,
  #tab-itinerary .stay-head {
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    padding: 12px;
  }
  
  #tscope-stay .stay-head h3,
  #tab-itinerary .stay-head h3 {
    font-size: 14px;
  }
  
  #tscope-stay .day-pill,
  #tab-itinerary .day-pill {
    padding: 5px 10px;
    font-size: 10px;
  }
  
  #tscope-stay .checkbar,
  #tab-itinerary .checkbar {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 0 12px 10px;
    padding: 8px 10px;
  }
  
  #tscope-stay .checkbar .nights,
  #tab-itinerary .checkbar .nights {
    grid-column: 1 / -1;
    text-align: left;
  }
  
  #tscope-stay .gallery,
  #tab-itinerary .gallery {
    grid-template-columns: 1fr;
    grid-template-rows: 180px repeat(3, 100px);
    gap: 6px;
    margin: 0 12px 10px;
  }
  
  #tscope-stay .g-main,
  #tab-itinerary .g-main {
    grid-row: auto;
  }
  
  #tscope-stay .inc-card,
  #tab-itinerary .inc-card {
    margin: 0 12px;
    padding: 10px;
  }
  
  #tscope-stay .inc-card h5,
  #tab-itinerary .inc-card h5 {
    font-size: 14px;
  }
  
  #tscope-stay .inc-grid,
  #tab-itinerary .inc-grid {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  
  /* === TRANSFERS TAB === */
  #tscope-transfers .tr-head,
  #tab-itinerary .tr-head {
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    padding: 12px;
  }
  
  #tscope-transfers .tr-head h3,
  #tab-itinerary .tr-head h3 {
    font-size: 13px;
  }
  
  #tscope-transfers .path,
  #tab-itinerary .path {
    padding: 0 12px;
  }
  
  #tscope-transfers .field,
  #tab-itinerary .field {
    padding: 10px 10px 10px 35px;
    font-size: 12px;
  }
  
  /* === RIGHT SECTION (PRICING & ENQUIRY) === */
  .TourPage_rightSection__meEGG {
    width: 100%;
  }
  
  .ProductPricing_productPricingWrapper__lNsLj {
    padding: 12px;
    border-radius: 10px;
  }
  
  .ProductPricing_actualPrice__XSiM4 {
    font-size: 20px;
  }
  
  .ProductPricing_top__TSTtA {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  
  .ProductPricing_rightSection__gSHA9 {
    width: 100%;
    justify-content: flex-start;
  }
  
  /* === ENQUIRY CARD === */
  .enquiry-card {
    padding: 15px;
    max-width: 100%;
  }
  
  .enquiry-card .price {
    font-size: 13px;
  }
  
  .enquiry-card input,
  .enquiry-card select,
  .enquiry-card textarea {
    padding: 10px 12px;
    font-size: 14px;
  }
  
  .input-row {
    flex-direction: column;
    gap: 10px;
  }
  
  .input-row .country {
    flex: none;
    width: 100%;
  }
  
  .enquiry-card .submit {
    padding: 12px;
    font-size: 14px;
  }
  
  /* === PACKAGE INCLUSIONS/EXCLUSIONS === */
  .package-card.card {
    padding: 15px;
  }
  
  .package-card .section-title {
    font-size: 16px;
  }
  
  .pkg-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
  }
  
  .pkg-grid::before {
    display: none !important;
  }
  
  .pkg-col h4 {
    font-size: 14px;
    margin-bottom: 12px;
  }
  
  .pkg-list li {
    font-size: 13px;
    line-height: 1.5;
  }
  
  /* === KNOW BEFORE YOU GO === */
  .kb-head {
    padding: 14px 15px;
    font-size: 14px;
  }
  
  .kb-list {
    padding: 12px 18px 15px;
    gap: 10px;
  }
  
  .kb-list li {
    font-size: 13px;
  }
  
  /* === GROUP OFFER BANNER === */
  .group-offer.card {
    min-height: 180px;
    margin: 15px 0;
    border-radius: 12px;
  }
  
  .go-inner {
    padding: 20px;
    gap: 10px;
  }
  
  .go-inner h3 {
    font-size: 18px !important;
  }
  
  .go-inner p {
    font-size: 13px;
  }
  
  .go-cta {
    padding: 10px 14px;
    font-size: 13px;
  }
  
  /* === FEATURES STRIP === */
  .features-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px;
    padding: 15px 0;
  }
  
  .feat {
    padding: 15px 12px !important;
    height: auto !important;
    min-height: 150px;
    max-width: none;
  }
  
  .feat h4 {
    font-size: 16px !important;
  }
  
  .feat p {
    font-size: 12px;
  }
  
  /* === POLICIES ACCORDION === */
  .pol-head {
    padding: 14px 15px;
    font-size: 14px;
  }
  
  .pol-body {
    padding: 0 15px 12px;
  }
  
  .pol-body ul {
    padding-left: 15px;
  }
  
  .pol-body li {
    font-size: 12px;
    margin-bottom: 6px;
  }
  
  /* === ADDITIONAL INFO === */
  .addl-info {
    padding: 12px 14px;
  }
  
  .addl-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .addl-info h4 {
    font-size: 16px;
  }
  
  /* === INCLUSIONS LIST === */
  .Inclusions_inclusionsWrapper__CcCqO {
    gap: 10px;
  }
  
  .Inclusions_inclusionItem__o_cHQ {
    padding: 6px 8px;
    font-size: 11px;
  }
  
  /* === TRIP HIGHLIGHTS === */
  .MicroComponents_curtomHighlightHeader__n6HpR {
    font-size: 16px;
  }
  
  .MicroComponents_customHighlights__fDWhp {
    padding-left: 15px;
  }
  
  .MicroComponents_customHighlights__fDWhp li {
    font-size: 13px !important;
    margin: 6px 0;
  }
  
  /* === CALLBACK MODAL === */
  .callback-modal-content {
    width: 95%;
    padding: 25px 18px;
    margin: 15% auto;
  }
  
  .callback-modal-content h2 {
    font-size: 22px;
  }
  
  /* === GENERAL CARDS === */
  .card {
    border-radius: 12px;
    margin: 12px 0;
  }
  
  /* === DIVIDERS === */
  .LineDivider_tourPageDivider__7vdYJ {
    margin: 12px 0;
  }
  
  .Divider_divider__yaBCO {
    margin: 20px 0;
  }
}

/* Extra small devices (phones < 480px) */
@media (max-width: 480px) {
  
  .ProductInfo_header__6VcVQ,
  #package_title {
    font-size: 16px !important;
  }
  
  .features-strip {
    grid-template-columns: 1fr !important;
  }
  
  .feat {
    min-height: 120px;
  }
  
  .hero-slide {
    height: 180px !important;
  }
  
  .badge .days strong {
    font-size: 24px !important;
  }
  
  .badge .place {
    font-size: 16px !important;
  }
  
  .tabbar {
    gap: 6px;
  }
  
  .tab {
    padding: 6px 10px;
    font-size: 11px;
  }
  
  .acc-title {
    font-size: 11px;
  }
  
  .day-pill {
    font-size: 9px;
    padding: 2px 6px;
  }
  
  .enquiry-card {
    padding: 12px;
  }
  
  .enquiry-card .price {
    font-size: 12px;
  }
  
  .go-inner h3 {
    font-size: 16px !important;
  }
  
  .callback-modal-content {
    margin: 10% auto;
    padding: 20px 15px;
  }
}