.overlay-arrow-right {
         position: absolute;
         top: 50%;
         right: 10px;
         transform: translateY(-50%);
         z-index: 20;
         width: 50px;
         height: 50px;
         display: flex;
         justify-content: center;
         align-items: center;
         cursor: pointer;
      }

      .overlay-arrow-right i {
         pointer-events: none !important;
      }

      .js-section-slider-wrapper {
         position: relative;
      }

      .overlay-arrow-left,
      .overlay-arrow-right {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         z-index: 10;
         background: #122223;
         border: none;
      }

      .overlay-arrow-left {
         left: -160px!important;
      }

      .overlay-arrow-right {
         right: -160px!important;
      }

      @media screen and (max-width: 600px) {
         .media-swiper-wrapper {
            margin-right: 15px !important;
         }
      }

   .-type-btn {
    background: #83a17e;
    width: 200px;
    padding: 12px 7px;
    color: #ffff;
    text-align: right;
    float: right;
    border-radius: 100px;
    width: 130px;
    font-size: 14px;
    font-family:var(--font-secondary)!important;
    font-weight: bold;
}



      .-type-btn:hover {
         color: #fff;
         background-color: #83a17e;;
      }

      .layout-bg-banner {
         background: #f1ebdb;
      }

      .con-rooms {
         padding-top: 50px;
         padding-bottom: 60px;
      }


      /* ===== Section Background ===== */
      .wedding-section {
         background: #ffffef;;
         padding: 70px 0;
         text-align: center;
         overflow: hidden;
      }

      /* ===== Section Heading ===== */
      .wedding-section h2 {
         font-size: 2.4rem;
         font-weight: 400;
         color: #122223;
         margin-bottom: 50px;
         position: relative;
         animation: fadeDown 1s ease;
      }

      @keyframes fadeDown {
         from {
            opacity: 0;
            transform: translateY(-40px);
         }

         to {
            opacity: 1;
            transform: translateY(0);
         }
      }

      /* ===== Wedding Card ===== */
      .wedding-card {
         background: #fff;
         border-radius: 4px;
         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
         overflow: hidden;
         transition: transform 0.4s ease, box-shadow 0.4s ease;
         animation: fadeUp 1.2s ease-in-out;
      }

      .wedding-card:hover {
         transform: translateY(-10px);

      }

      @keyframes fadeUp {
         from {
            opacity: 0;
            transform: translateY(50px);
         }

         to {
            opacity: 1;
            transform: translateY(0);
         }
      }

      /* ===== Card Image ===== */
      .wedding-card img {
         width: 100%;
         height: 260px;
         object-fit: cover;
      }

      /* ===== Card Content ===== */
      .card-content {
         padding: 25px 20px 30px;
         height: 270px;
                
      }

      .card-content h3 {
         color: #575a49;
         font-size: 1.8rem!important;
         margin-bottom: 12px;
         font-weight:500;
      }

      .card-content p {
         font-size: 0.96rem;
         color: #555;
         line-height: 1.6;
      }

      .card-content a {
         display: inline-block;
         margin-top: 15px;
         background: #575a49;
         color: #fff;
         text-decoration: none;
         padding: 10px 20px;
         border-radius: 2px;
         font-size: 0.95rem;
         transition: all 0.3s ease;
      }

      .card-content a:hover {
         background: #575a49;
         transform: scale(1.05);
      }

      /* ===== Responsive ===== */
      @media (max-width: 768px) {
         .wedding-section h2 {
            font-size: 1.8rem;
         }

         .card-content h3 {
            font-size: 1.2rem;
         }
      }


      /*---- Rooms mobile responsive--*/
      /* General styles */
      .layout-pb-lg {
         padding-bottom: 80px;
      }

      .bg-white {
         background-color: #fff;
      }

      .layout-bg-banner {
         position: relative;
         z-index: 1;
      }

      /* Section heading */
      .con-rooms h2 {
         font-size: 42px;
         font-weight: 400;
         color: #1a1a1a;
      }

      .con-rooms p {
         font-size: 16px;
         line-height: 1.6;
         
      }

      /* Button styling */
      .button.-type-btns {
         background-color: #007b5e;
         text-align: center !important;
         color: #fff;
         padding: 12px 30px;
         border-radius: 30px;
         font-weight: 600;
         text-decoration: none;
         transition: all 0.3s ease;
      }

      .button.-type-btns:hover {
         background-color: #005e46;
         transform: translateY(-2px);
      }

      /* Room card */
      .roomCard {
         display: block;
         text-align: center;
         transition: transform 0.3s ease;
      }

      .roomCard:hover {
         transform: translateY(-5px);
      }

      .roomCard_image {
         position: relative;
      }

      .roomCard_image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         border-radius: 16px;
         transition: transform 0.4s ease;
      }

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

      /* Hover button center effect */
      .-hover-button-center__button {
         opacity: 0;
         transition: opacity 0.4s ease;
      }

      .roomCard:hover .-hover-button-center__button {
         opacity: 1;
      }

      /* Overlay arrow buttons */
      .overlay-arrow-left,
      .overlay-arrow-right {
         position: absolute;
         top: 45%;
         transform: translateY(-50%);
         z-index: 10;
         background-color: #83a17e;
         border: none;
      }

      .overlay-arrow-left {
         left: 10px;
      }

      .overlay-arrow-right {
         right: 10px;
      }

      .view-all-mobile {
         display: none;
      }

      /* Responsive breakpoints */
      @media (max-width: 1024px) {
         .con-rooms h2 {
            font-size: 34px;
            text-align: center;
         }

         .con-rooms p {
            font-size: 16px;
            text-align: center;
            padding: 0 10px;
         }
      }

      @media (max-width: 768px) {
         .layout-pb-lg {
            padding-bottom: 50px;
         }

         .view-all-mobile {
            display: block;
         }

         .con-rooms h2 {
            font-size: 30px;
         }

         .button.-type-btn {
            display: inline-block;
            margin-top: 15px;
         }

         .overlay-arrow-left,
         .overlay-arrow-right {
            display: none;
            /* Hide large nav buttons on mobile */
         }
      }

      @media (max-width: 600px) {
         .con-rooms h2 {
           
            line-height: 1.2;
         }

         .con-rooms p {
            font-size: 15px;
         }

         .roomCard__content h3 {
            font-size: 18px;
         }

         .-hover-button-center__button {
            opacity: 1;
            /* Always visible on mobile for better UX */
            background-color: rgba(0, 0, 0, 0.4);
            padding: 8px 16px;
         }

         .button.-type-btn {
            width: 100%;
            font-size: 15px;
            text-align: center;
            padding: 10px 20px;
         }

         .view-all-desktop {
            display: none;
         }

         .testimonialsPagination.-type-1>* {
            padding: 12px;
         }
      }

      /*------ Discover Himalayans ------*/
      /* Base styling */
      .discover-section {
         background-color: #f9f9f9;
         padding: 0px;
      }

      .discover-wrapper {
         position: relative;
         display: inline-block;
         width: 100%;
         max-width: 100%;
      }

      .discover-img {
         border-radius: 16px;
         object-fit: cover;
         width: 100%;
         height: auto;
      }

      /* Overlay text */
      .discover-title {
         position: absolute;
         bottom: 30px;
         left: 50%;
         transform: translateX(-50%);
         font-size: 2.5rem;
         font-weight: 400;
         color: #fff;
         z-index: 2;
         text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
         white-space: nowrap;
      }

      /* Dark overlay for contrast */
      .discover-wrapper::after {
         content: "";
         position: absolute;
         inset: 0;
         background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 60%);
   
         z-index: 1;
      }

      /* 🌐 Responsive adjustments */
      @media (max-width: 768px) {
         .discover-title {
            font-size: 1.8rem;
            bottom: 20px;
            white-space: normal;
            width: 90%;
         }

         .view-all-desktop {
            display: none;
         }
      }

      @media (max-width: 480px) {
         .discover-section {
            padding: 20px 0;
         }

         .discover-title {
            font-size: 1.4rem;
            bottom: 40px;
         }

         .discover-img {
            height: 50vh;
         }

         .view-all-desktop {
            display: none;
         }

         .sm\:pt-50 {
            padding-top: 10px !important;
         }

         .testimonialsPagination.-type-1>* {
            padding: 12px;
         }
      }

      /* Button */
      .open-btn {
         display: inline-block;
         margin: 100px auto;
         padding: 12px 25px;
         background-color: #007bff;
         color: white;
         border: none;
         border-radius: 5px;
         cursor: pointer;
         font-size: 16px;
         transition: background 0.3s;
      }

      .open-btn:hover {
         background-color: #0056b3;
      }
/*---------booking form  start-----*/
    :root {
      --primary-color: #007BFF;
      --hover-color: #0056b3;
      --bg-light: #f8f9fa;
      --text-dark: #222;
    }

  

    section.booking-section {
      width: 100%;
     /* padding: 70px 20px;*/
      background: #fff;
      box-sizing: border-box;
      text-align: center;
       /* border-bottom:1px solid  #575a49; */
       box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }

    .booking-section h2 {
      font-size: 2.5rem;
      font-weight: 600;
      color: var(--text-dark);
      margin-bottom: 15px;
    }

    .booking-section p {
      color: #555;
      margin-bottom: 35px;
      font-size: 1rem;
    }

    .searchForm {
         display: flex;
    flex-wrap: wrap;
    justify-content: center;

    gap: 15px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    /* border-radius: 4px; */
    padding: 20px!important;
    /*box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08)*/;
   
}

    .searchFormItem {
      flex: 1 1 220px;
      min-width: 200px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .searchFormItem label {
      font-size: 0.9rem;
      font-weight: 500;
      color: #444;
      margin-bottom: 6px;
    }

    .searchFormItem input,
    .searchFormItem select {
      width: 100%;
      padding: 12px 14px;
      border: 1px solid #ccc;
      border-radius: 1px;
      font-size: 1em;
      box-sizing: border-box;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    .searchFormItem input:focus,
    .searchFormItem select:focus {
      border-color: var(--primary-color);
      box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
      outline: none;
    }

    .searchForm__button {
      flex: 1 1 180px;
      min-width: 180px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }

    .searchForm__button button {
      width: 100%;
      padding: 14px 20px;
      background: #575a49;
      border: none;
      color: white;
      border-radius: 1px;
      font-size: 1em;
      font-weight: 500;
      cursor: pointer;
      transition: background 0.3s ease, transform 0.2s ease;
    }

    .searchForm__button button:hover {
  background: #575a49;
      transform: translateY(-1px);
    }

    /* Responsive Design */
    @media (max-width: 992px) {
      .booking-section h2 {
        font-size: 2rem;
      }
      .searchForm {
        padding: 20px;
      }
    }

    @media (max-width: 768px) {
      .searchForm {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
      }

      .searchFormItem,
      .searchForm__button {
        width: 100%;
      }

      .searchForm__button button {
        font-size: 1.1em;
      }
    }

    @media (max-width: 480px) {
      .booking-section h2 {
        font-size: 1.6rem;
      }

      .booking-section p {
        font-size: 0.95rem;
      }
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 80%;
     padding-right: var(--bs-gutter-x, 0px); 
    padding-left: var(--bs-gutter-x, 0px); 
    margin-right: auto;
    margin-left: auto;
}
.pageHero.-type-2 {
    position: relative;
    display: flex
;
    align-items: center;
    height: 100vh  ;
    z-index: 0;
}
.roomCard_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px!important;
    transition: transform 0.4s 
ease;
}
      /*------- End  Discover Himalayans -----*/
      
      /*=======  Home Page Css ============= */