@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Joan&display=swap');
/*======================= GENERAL STYLES =========================*/
    :root{
      --color-first:light-dark(#2f6271,#c7f2ff);
      --color-first-same:light-dark(#2f6271,#2f6271);
      --color-dark-first:light-dark(#1b4d61,#1b4d61);
      --color-second:#f45d6b;
      --color-second-dark:#c33643;
      --color-second-light:#ffe3e5;
      --color-content: light-dark(#474646,#cacaca);
      --bgColor-light:light-dark(#f5f5f5,#2d2d2d);
      --bg-body-color:light-dark(#f7f7f7,#333333);
      --color-white:light-dark(#fff,#333);
      --color-white-same:light-dark(#fff,#fff);
      --bgColor-white:light-dark(#fff,#000);
      --color-dark:light-dark(#333,#fff);
      --color-same:light-dark(#333,#333);
      --color-black:light-dark(#000,#fff);
      --color-black-same:light-dark(#000,#000);
      --dark-mode-color:light-dark(#fff,#505f63);  
      --color-blue-light:light-dark(#E7F2FF,#2f6271);    
      --color-blue-light2:light-dark(#c9eef9,#38464a);
      --color-blue-light3: light-dark(#e8faff,#49585c);
      --color-grey: #bdbdbd;
      --color-gray-2:#bab6ba;
      --color-light-grey: light-dark(#f4f4f4,#6f6f6f);
      --color-anchor:#9fb9ff;
      --color-pink-light:#f9dedc;
      --font-family-heading:'Gilda Display', serif;
      --font-family-sub-heading: 'Barlow Condensed', sans-serif;
      --font-family-content:'Barlow', sans-serif;
      --font-family-roboto: "Roboto", sans-serif;
      --font-family-work-sans: "Work Sans", sans-serif;
      --font-family-poppins: "Poppins", sans-serif;
      --font-family-inter: "Inter", sans-serif;
      --font-family-joan: "Joan", serif;
    }  
    :root {
      &:has(html[data-bs-theme="light auto"]) {
        color-scheme: light;
      }
      &:has(html[data-bs-theme="dark"]) {
        color-scheme: dark;
      }
    }
    html[data-bs-theme="dark"] .subscribe-section{
        background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/subscribe-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    html[data-bs-theme="dark"] .buttons.btnColor-first,
    html[data-bs-theme="dark"] .submenu-web .nav-pills .nav-link.active{color:var(--dark-mode-color); }
    html[data-bs-theme="dark"] .buttons.btnColor-first.dark-mode-bg-color{color: var(--color-white-same);}
    html[data-bs-theme="dark"] .dark-mode-bg-color{background:var(--dark-mode-color);color: var(--color-white-same);}
    html[data-bs-theme="dark"] .form-control,html[data-bs-theme="dark"] .travel-class-field,
    html[data-bs-theme="dark"] .collapse-fields-font,html[data-bs-theme="dark"] .body-color
    {color: var(--bs-body-color);}
    html[data-bs-theme="dark"] .select-location-block .list-group-item:hover,
    html[data-bs-theme="dark"] .country-location:hover{background: #757575;}
    html[data-bs-theme="dark"] .overlay-card .subHeading{color:var(--color-white-same) !important;}
    /*html[data-bs-theme="dark"]  footer,html[data-bs-theme="dark"]  .download-app-block {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../img/footer-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }*/
    html[data-bs-theme="dark"]  .download-app-block {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../img/footer-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    html[data-bs-theme="dark"]  .search-list-tabs.nav-pills .nav-link{color:#333;}
    /*html[data-bs-theme="dark"] .login-nav-span img{filter: brightness(0.5);}*/
    html[data-bs-theme="dark"]  .shadow-sm{box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.075) !important}
    html[data-bs-theme="dark"] header.header-top .navbar-nav .calling-button .buttons.btnColor-second{background-color: transparent;}
    *,::after,::before{box-sizing: border-box;}
    * {
      margin: 0;
      padding: 0;
      font-family: var(--font-family-content);
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.01em; 
      line-height: 1.5;
      color: var(--color-content);
      text-transform: none;
    }
    a{text-decoration: none;}
    a:focus-visible,button:focus-visible {outline: none;}
    html {scroll-behavior: smooth;} 
    img {object-fit: cover;object-position: center;} 
    ul li {list-style: none;}
    ul.list li {list-style: disc;}
    ul.circle li { list-style: disc;}
    .hideInMobile {display: block;}
    .hideInWeb,.sideBar {display: none;}
    .fa-remove:before, .fa-close:before, .fa-times:before {content: "\f00d";color: var(--color-second);}
    .wrapper {padding-top: 80px} /*73*/
    .displayFlex {display: flex;justify-content: center;align-items: center;}
    .boxShadow {box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24);}    
    .h-40{height: 40px !important;}
    .h-45{height: 45px !important;}
    .dropdown-toggle::after{display: none;}
    .daterangepicker.show-calendar .drp-buttons {display: none !important;}
    .light-pink-bg{
        background: url(../img/light-pink-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    ul.disc-style{padding-left: 1rem}
    ul.disc-style li{list-style: disc;}
    p {white-space: normal !important;}
    .ls-0 {letter-spacing: 0 !important;}
    .lh-0 {line-height: 0 !important;}
    .min-w-fit-content {min-width: fit-content;}
    .w-60 {width: 60px !important;min-width: 60px !important;}
    .h-60 {height: 60px !important;min-height: 60px !important;}
    .cursor-pointer {cursor: pointer;}
    .iti--inline-dropdown .iti__dropdown-content{z-index: 10 !important}
    .iti__search-input{height: 40px}
    .iti__search-input:focus-visible{border: 0;outline: 0}
    .iti__dropdown-content{background-color: var(--color-white);}
/*==================== BUTTON STYLES =============================*/    
    .buttons,input[type=submit].buttons{
      display: inline-block;
      border-radius: 0;
      padding: 13px 50px;
      color: var(--color-white-same);
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 1px;
      border: 2px solid transparent;
      text-transform: capitalize;
      outline: 0;
      cursor: pointer;
      position: relative;
      z-index: 2;
      border-radius: 12px;
    }
    .buttons.btnColor-first{background-color:var( --color-first);}
    .buttons.btnColor-second{background-color: var( --color-second);}
    .buttons.btnColor-second:focus,.buttons.btnColor-first:focus,input[type=submit].buttons:focus{color: var(--color-white-same);}
    .buttons.btn-subscribe{background: var(--color-second);padding:0 50px;}
    .buttons.btnColor-first.bg-facebook{background-color: #3b5998;}
    .buttons.btnColor-first.bg-google{background-color: #DB4437;}
    .buttons i,.buttons:hover {color: var(--color-white-same);}
    .buttons input[type="submit"] {
      color: var(--color-white-same);
      border: 0;
      padding: 0;
      font-weight: 700;
      background: 0 0;
      text-transform: uppercase;
    }
    button.buttons:focus,button.btn:focus,input.form-control:focus,select.form-select:focus,textarea:focus {
      outline: 0 !important;
      box-shadow: none !important;
    }  
    .no-bg-btn {
        padding: 0;
        margin: 0;
        border: none;
        background-color:  transparent;
        box-shadow:  none;
        outline:  none;
    }
    .buttons.btnColor-bordered-first {
      background-color: transparent;
      border: 1px solid var(--color-first);
      color: var(--color-first);
    }
    .buttons.btnColor-bordered-second {
      background-color: transparent;
      border: 1px solid var(--color-second);
      color: var(--color-second);
    }
    .buttons:disabled,
    input[type=submit],
    button:disabled {
      opacity: .5;
      pointer-events: none
    }
    .btnColor-first-outline {
      background: transparent;
      border: 1px solid var(--color-first);
      color: var(--color-first);
    }
    .btnColor-first-outline:hover,
    .btnColor-first-outline:hover small,
    .btnColor-first-outline:hover svg {
      color: var(--color-white) !important;
      background-color: var(--color-first);
      fill: var(--color-white);
    }
    .btnColor-second-outline{
        background: transparent;
        border: 1px solid var(--color-second);
        color: var(--color-second);
    }
    .btnColor-second-outline:hover,
    .btnColor-second-outline:hover small,
    .btnColor-second-outline:hover svg {
      color: var(--color-white-same) !important;
      background-color: var(--color-second);
      fill: var(--color-white-same);
    }
/*==================== COLOR & BACKGROUND =============================*/     
    .color-text-first{color:var(--color-first) !important;}
    .color-text-first-same{color:var(--color-first-same) !important;}
    .color-text-second{color:var( --color-second) !important;}  
    .color-text-white{color: var(--color-white) !important;}
    .color-text-same{color: var(--color-same) !important;}
    .color-text-white-same{color: var(--color-white-same) !important;}
    .color-text-dark{color: var(--color-dark) !important;}
    .color-text-black{color: var(--color-black) !important;}
    .color-text-black-same{color: var(--color-black-same) !important;}
    .color-grey { color: var(--color-grey) !important; }
    .color-light-grey {  color: var(--color-light-grey) !important; }
    .color-text-pink-light{color: var(--color-pink-light) !important;}
    .color-text-gray{color: var(--color-gray-2) !important;}
    .color-text-anchor{color: var(--color-anchor) !important;}
    .bgColor-first,.buttons.btnColor-first::after,.buttons.btnColor-second:hover::after,
    input[type=submit].btnColor-first{background-color:var(--color-first);}    
    .bgColor-first-same{background-color:var(--color-first-same) !important;}
    .bgColor-second,.buttons.btnColor-second::after,.buttons.btnColor-first:hover::after,
    input[type=submit].buttons.btnColor-second{background-color:var(--color-second);}
    .bgColor-second-light{background-color: var(--color-second-light);}
    .bg-body-color{background-color: var(--bg-body-color);}
    .bgColor-white{background-color: var(--bgColor-white);}
    .bgColor-white-same{background-color: var(--color-white-same);}
    .bgColor-black{background-color: var(--color-black);}
    .bgColor-black-same{background-color: var(--color-black-same);}
    .bgColor-same{background-color: var(--bgColor-same);}
    .bgColor-dark{background-color: var(--bgColor-dark);}
    .bg-second-dark{background-color:var(--color-second-dark);}
    .bgColor-pink-light{background-color:var(--color-pink-light) !important;}
    .bgColor-gray{background-color:var(--color-gray) !important;}
    .dark-mode-bg-color{background-color:var(--dark-mode-color);}
    .dark-mode-text-color{color:var(--dark-mode-color);}
    .bgColor-blue-light{background-color: var(--color-blue-light);}
    .bg-gradient1{
        background: #ffced3;
        background: -webkit-linear-gradient(to right, #ffced3, #fef1f2);
        background: -moz-linear-gradient(to right, #ffced3, #fef1f2);
        background: -o-linear-gradient(to right, #ffced3, #fef1f2);
        background: linear-gradient(to right, #ffced3, #fef1f2);
    }
    .lightBg {background-color:var(--bgColor-light);}
    .bgColor-grey { background-color: var(--color-grey); }
    .bgColor-light-grey { background-color: var(--color-light-grey); }
    .bgColor-blue-light2 { background-color: var(--color-blue-light2); }
    .bgColor-blue-light3 { background-color: var(--color-blue-light3); }
    .border-first { border-color: var(--color-first) !important; }
    .border-second { border-color: var(--color-second) !important;}
/*==================== HEADING STYLES =============================*/    
    .webNewContent .mainHeading {
      font-size: 2rem;
      font-weight: bold;
      color: var(--color-first);
      letter-spacing:0px;
      text-transform:initial;
      font-family: var(--font-family-inter);
      letter-spacing: 0;
      margin-bottom: 5px;
      line-height: 1.25em;
    }
    .webNewContent .mainHeading.bannerHeading { font-size: 3rem;font-weight: 600;}
    .webNewContent .subHeading {
      font-size: 1.4rem;
      color: var(--color-second);
      letter-spacing:0px;
      text-transform: uppercase;
      font-family: var(--font-family-inter);
      font-weight: 400;
      margin-bottom: 5px;
    }
    .webNewContent .smallHeading {
      font-size: 1.2rem;
      color: var(--color-first);
      letter-spacing:0px;
      text-transform: uppercase;
      font-family:var(--font-family-inter);
      font-weight: 500;
      margin-bottom: 5px;
    }
    .webNewContent .subHeading.bannersubHeading { font-size: 2rem;}
    .webNewContent p,.webNewContent p span {
      color: var(--color-content);
      font-size: 1.15rem;
      font-family: var(--font-family-inter);
      line-height: 1.5 !important;
      background: transparent !important;
    }
    .webNewContent .submenu-web p{font-size: 1rem;}
    .webNewContent .line{
      display: inline-block;
      width: 200px;
      height:1.5px;
      background: linear-gradient(90deg,var(--bg-body-color),var(--color-second),var(--bg-body-color));
      margin-bottom: 15px;
    }
    p.small-line-height,.small-line-height{line-height: 1 !important}
    .travelContent h1,
    .travelContent h2,
    .travelContent h3,
    .travelContent h4,
    .travelContent h5,
    .travelContent h6,
    .travelContent p,
    .travelContent a,
    .travelContent label,
    .travelContent b,
    .travelContent strong,
    .travelContent small,
    .travelContent span,
    .travelContent ul,
    .travelContent ul li,
    .travelContent p a,
    .travelContent button,
    .travelContent input.form-control,
    .travelContent .subHeading {
      font-family: var(--font-family-inter) !important;
      letter-spacing: 0;
    }
    .webNewContent.text-color-white .largeHeading,
    .webNewContent.text-color-white .subHeading,
    .webNewContent.text-color-white .thirdHeading,
    .webNewContent.text-color-white p,
    .webNewContent.text-color-white a,
    .webNewContent.text-color-white span,
    .webNewContent.text-color-white small,
    .webNewContent.text-color-white strong,
    .webNewContent.text-color-white b,
    .webNewContent.text-color-white label,
    .webNewContent.text-color-white li {color: var(--color-white);}
    .webNewContent.color-white-same .mainHeading,
    .webNewContent.color-white-same .largeHeading,
    .webNewContent.color-white-same .subHeading,
    .webNewContent.color-white-same .thirdHeading,
    .webNewContent.color-white-same p,
    .webNewContent.color-white-same a,
    .webNewContent.color-white-same span,
    .webNewContent.color-white-same small,
    .webNewContent.color-white-same strong,
    .webNewContent.color-white-same b,
    .webNewContent.color-white-same label,
    .webNewContent.color-white-same li {color: var(--color-white-same);}
/*==================== FONT SIZE ==============================*/
    .font-inter { font-family: var(--font-family-inter) !important;}
    .font-heading { font-family: var(--font-family-heading) !important;}
    .font-joan {font-family: var(--font-family-joan) !important;}
    .text-xxxl {font-size: 4.5rem !important;line-height: 1.3 !important;}
    .text-xxl {font-size: 1.5rem !important;line-height: 1.3 !important;}
    .text-xl {font-size: 1.25rem !important;line-height:1.5;}
    .text-lg {font-size: 1.125rem !important;line-height:1.2;}
    .text-md {font-size: 1rem !important;line-height: normal;}
    .text-sm {font-size: 0.875rem !important;}
    .text-xs {font-size: 0.75rem !important;line-height: normal;}    
/*==================== FONT WIGHT =============================*/
    .fw-400 {font-weight: 400 !important;}
    .fw-500 {font-weight: 500 !important;}
    .fw-600 {font-weight: 600 !important;}
    .fw-700 {font-weight: 700 !important;}
/*==================== INPUT FIELDS =============================*/    
    .login-section select.form-select{background-color:transparent;}
    input.form-control, select.form-select,.input-group-text,.collapse-fields-font{height: 40px;border: 0;}
    .collapse-fields-font{font-size: 1.5rem;font-weight: bold;line-height: 40px;display: inline-block;}
    .right-limit-text{padding-right: 30px !important; }
    label{font-size: 1rem; font-weight: 400}
    .collapse-fields label.d-block{height: 47px;}
    input.form-control:focus,.form-select:focus{box-shadow: none;}
    .booking-dropdown .show-booking-button,.travel-class-value span,
    .collapse-fields-font,.total-travellers,.roomValue,.travelClassValue{font-size: 1.5rem; font-weight: bold;}
    .travel-class-value span{font-size: 1.1rem;font-weight: 500}
    textarea.form-control {resize: none;border-radius: 0;}      
    .form-check-input[type=radio] {   background-color:transparent !important; }
    .booking-form-section .form-check-input[type=radio] { 
        border-color:var(--color-pink-light) !important;border-width: 1.5px;
    }
    .booking-form-section .form-check-input[type=checkbox]{background-color: var(--color-pink-light) !important;}
    .form-check-input:checked {background-color: var(--color-second) !important;border-color: var(--color-second);}
    .form-check-input:focus {
        border-color: var(--color-second-dark) !important;
        box-shadow: 0 0 0 .25rem rgba(255, 206, 211, .25);
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
    }
    .booking-form-section .form-check-input:focus{ border-color:var(--color-pink-light) !important; box-shadow:none; }
    .booking-form-section .form-check-input:checked[type=radio]{
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23f9dedc'/%3e%3c/svg%3e");
    }
    .booking-form-section .form-check-input:checked[type=checkbox]{
        --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%231b4d61' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
    }
    .form-check-input{width: 1.3em;height: 1.3em;}    
    .form-control.is-valid,
    .was-validated .form-control:valid,
    .form-control.is-invalid,
    .was-validated .form-control:invalid{background:transparent;}
    p {white-space: normal !important;}
    .ls-0 {letter-spacing: 0 !important;}
    .modal-class input.form-control,.modal-class select.form-select,
    .modal-class input.form-control:focus, .modal-class select.form-select:focus{background-color:var(--bg-body-color)}
    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], 
    .was-validated .form-select:valid:not([multiple]):not([size]),
    .was-validated .form-select:invalid:not([multiple]):not([size]){--bs-form-select-bg-icon: none !important;}
/*==================== TEXT LIMITS =============================*/    
    .text-limit-1,.text-limit-2,.text-limit-3,.travel-class-field{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
    .text-limit-1{-webkit-line-clamp: 1;}
    .text-limit-2{-webkit-line-clamp: 2;}
    .text-limit-3{-webkit-line-clamp: 3;}
/*==================== ICONS OR SVG SIZES =============================*/    
    .iconSize-10{width: 10px;height: 10px;}   
    .iconSize-12{width: 12px;height: 12px;}
    .iconSize-15{width: 15px;height: 15px;}
    .iconSize-20{width: 20px;height: 20px;}
    .iconSize-25{width: 25px;height: 25px;}
    .iconSize-30{width: 30px;height: 30px;}
    .iconSize-35{width: 35px;height: 35px;}
    .iconSize-40{width: 40px;height: 40px;}
    .iconSize-45{width: 45px;height: 45px;}
    .iconSize-100{width: 100px;height: 100px;}
    .iconSize-10,.iconSize-15,.iconSize-20,.iconSize-25,.iconSize-30,.iconSize-35,
    .iconSize-40,.iconSize-45,.iconSize-100{object-fit: scale-down;}
    svg.fill-first{fill:var(--color-first);}
    svg.fill-white{fill:var(--color-white);}
    svg.fill-white-same{fill:var(--color-white-same);}
    svg.fill-grey{fill:var(--color-grey);}
    svg.fill-second{fill:var(--color-second);}
    svg.stroke-first{stroke:var(--color-first);}
    svg.stroke-second{stroke:var(--color-second);}
    svg.fill-black{fill:var(--color-black);}
    svg.stroke-black{stroke:var(--color-black);}
/*======================= OWL CAROUSEL ===========================*/
    .owl-theme .owl-nav [class*=owl-] {margin: 0 !important;}
    .owl-carousel .owl-nav button span{opacity: 0;width: 0;height: 0;}
    .owl-carousel .owl-nav button:focus{outline: none !important;border:0 !important;}
    .owl-carousel .owl-nav button:hover{ background: transparent !important;}
    .owl-carousel .owl-nav button.owl-next::after,.owl-carousel .owl-nav button.owl-prev::after{
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        border-radius: 0;
        border:3px solid var(--color-second);
        border-left: 0;
        border-bottom: 0;
        position: absolute;
        left: 6px;
    }
    .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{
        width: 25px;
        height: 25px;
        background: #fff !important;
        border-radius: 50%;
        position: absolute;
        top:10%;
        display:flex;
        justify-content: center;
        align-items: center;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    }
    .listing-img-carousel.owl-carousel .owl-nav button.owl-prev,
    .listing-img-carousel.owl-carousel .owl-nav button.owl-next{top: 45%}
    .owl-carousel .owl-nav button.owl-prev {left: 10px;transform: rotate(180deg);}
    .owl-carousel .owl-nav button.owl-next {right:10px;}   
    .listing-img-carousel.owl-carousel .owl-dots{position: absolute;bottom: 5px;width: 100%;transform: scale(0.7);} 
/*======================= HOME PAGE =========================*/
    /*======================= BANNER SECTION =========================*/
        .mainBanner{
          /*background: url(../img/banners/Desktop-hero.avif);*/
          /*background: linear-gradient(180deg,#E7F2FF 0%,#FFFDFD 16%,#F3F3F3 27%,#E8E8E8 88%);    */
          background:#E7F2FF;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
          height:170px;
        }
        .top-plan-section:before{background-color:var(--color-first-same); }
        .member-section{
          background:url(../img/banners/member-banner.jpg);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: bottom;
        }
/*======================= BOOKING FORM TABS ======================*/
    /*.all-category-tabs{top: 72px;z-index: 1031;}*/
    .all-category-tabs-new {
      position: sticky;
      top: 85px;
      z-index: 999;
      background: url(../img/v748-toon-103.jpg);
      background-size: cover;
      background-repeat: no-repeat;
    }
    .all-category-tabs .nav-tabs .nav-item {margin-bottom: 0;cursor: pointer;}
    .all-category-tabs .nav-tabs .nav-item .nav-link{background: transparent;border: 0;padding: 5px 20px;
        color:var(--color-first);font-weight: 600;font-size: 1rem}
    .all-category-tabs .nav-tabs .nav-item .nav-link svg{fill:var(--color-first);}
    .all-category-tabs .nav-tabs .nav-item .nav-link.active,
    .all-category-tabs .nav-tabs .nav-item .nav-link:hover,
    .booking-modal .all-category-tabs .nav-tabs .nav-item .nav-link.active,
    .booking-modal .all-category-tabs .nav-tabs .nav-item .nav-link:hover{color: var(--color-second);}
    .all-category-tabs .nav-tabs .nav-item .nav-link:hover svg,
    .all-category-tabs .nav-tabs .nav-item .nav-link.active svg{fill:var(--color-second);}
    .all-category-tabs.leisureCatagory .nav-tabs .nav-item .nav-link {font-size: 1.2rem;}
    .all-category-tabs.leisureSearchCategory .nav-tabs .nav-item .nav-link {padding-top: 0;}
    .all-category-tabs .nav-tabs .nav-item .nav-link svg {display: none;}
    .submenu-web{
        position: absolute;
        top: 100%;
        left: 3%;
        z-index: 990;
        display: none;
        width: 110%;
        min-height: 50px;
        max-height: 300px;
        overflow-y: scroll;
        margin-top: 5px;
    }
    .submenu-web::-webkit-scrollbar{width: 10px}
    .submenu-web .select-location-block label.btn{width: 100%;text-align: left;}
    .submenu-web,.card, .card-body, .child-age-boxes {overflow: visible !important;}
    .submenu-web .btn-close {
      position: absolute;
      top: -15px;
      right: -10px;
      background-color: var(--color-white) !important;
      border: 1.5px solid var(--color-black);
      color: var(--color-black);
    }
    html[data-bs-theme="dark"] .submenu-web .btn-close{filter: invert(0);}
    /* Ensure the submenu itself has enough z-index to stay above page content */
    /*.submenu-web {z-index: 1060 !important;height: auto !important;}*/
    .daterangepicker.dropdown-menu{z-index: 990 !important}
    .submenu-web {height: auto !important;}
    /* Force Select2 dropdown to float above everything else */
    .select2-container--open {z-index: 9999 !important;}
    /* Ensure the child-age-boxes don't have leftover height */
    .child-age-boxes {min-height: auto !important;display: block !important;}
    .daterangepicker .calendar-table {padding: 0 !important}
    .guestPanel{position: relative;}
    .guestPanel .submenu-web {
      right: 0;
      left: auto;
      min-width: 450px;
      max-height: none;
      z-index: 9;
    }
    .guestPanel .submenu-web .child-age-boxes {
      max-height: 230px;
      overflow-x: hidden;
      overflow-y: auto  !important;
      padding-right: 15px;
    }
    .guestPanel .submenu-web .childSelectRow p {margin-bottom: 0;}
    .guestPanel .submenu-web .childSelectRow small {color: var(--color-black);}
    .guestPanel .submenu-web .childrenGroup p {color: var(--color-content);font-size: 14px;}
    .guestPanel .submenu-web .child-age-boxes h5 {font-size: 16px;color: var(--color-content)}
    /* Control dropdown popup height */
    .guestPanel .select2-results__options {max-height: 150px !important;/* scroll area height */}
    .guestPanel .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
      background-color: var(--color-second);
    }
    .accordion .submenu-web{width: 100%;top: 105%}
    .dates-submenu{width: 250%;max-height: 450px}
    #hotel-form .submenu-web{width: 100%}
    #hotel-form .submenu-web#div_collapseHotelDates{width: 190%}
    .removeValueButton,.selectedButton{position: absolute;right: 4%;top: 50%;opacity: 0;display: none;}
    .accordion .collapse .removeValueButton{top: 30%}
    .selectedButton{top: 30%}
    .holiday-type-block .selectedButton{top: 20%}
    .clear-input-box{display: none; font-size: 0.8rem;font-weight: bold;}
    .removeValueButton.show,.selectedButton.show,.clear-input-box.show{opacity: 1;display: block;}
    .btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active, 
    :not(.btn-check)+.btn:active,:not(.btn-check)+.btn:active {border: 0}
    .list-group-item{border-bottom:0;padding: 0}
    .select-location-block .list-group-item:hover,.country-location:hover{background: var(--bgColor-light);}
    .booking-form-section i,.updatePanel i{font-size: 1rem;color: var(--color-second);}
    .booking-form-section input:focus{outline: 0;border-color: #ced4da;}
    .booking-form-section .dropdown-toggle,.booking-form-section .btn-outline-dark:not(:disabled):not(.disabled).active, 
    .booking-form-section .btn-outline-dark:not(:disabled):not(.disabled):active, 
    .booking-form-section .show>.btn-outline-dark.dropdown-toggle{
        border:1px solid #ced4da;
        height: 41px;
        background: transparent;
        color:#343a40;
    }
    .holiday-type-block label,.holiday-type-block .btn-check+.btn:hover{border: 1px solid rgba(186, 186, 192, 0.3);}
    .holiday-type-block label p{font-size: 0.9rem;}
    .holiday-type-block .holiday-type-icons{width: 25px !important; object-fit: scale-down;}
    .submenu-web .nav-pills .nav-link{color: var(--color-second);font-weight: 500}
    .submenu-web .nav-pills .nav-link.active,.submenu-web .nav-pills .show>.nav-link{background: var(--color-first);
        color: #fff;}
    .dateRangePickerShow{position: relative;width: 100%;height: 300px}
    .flexible-dates{display: none;}
    .flexible-dates.showdates,.exact-dates.showdates{display: block;}
    .child-age-selection.hide{display: none;}
    .select2-container--default .select2-selection--single{background: transparent;}
    .select2-container--default .select2-results>.select2-results__options{background: var(--color-white);}
    /*.booking-form-section .dropdown-toggle:hover,.booking-form-section .dropdown-toggle:focus{
        background: transparent;
        color: #343a40;
    }
    .booking-form-section .dropdown:hover .dropdown-menu{display: none;}
    .booking-form-section .dropdown:active .dropdown-menu,
    .booking-form-section .dropdown .dropdown-menu.show{ display:block;margin-top:.125rem }
    .booking-form-section .booking-details-dropdown{ 
        /*transition: 0.3s linear;
        opacity: 1;*
        padding: 20px;
        position: absolute;
        background: var(--bgColor-white);
        width: 150%;
        border-radius: 0;
        padding:10px 20px 20px;
        z-index: 99999999;
        top:105%;
        right: 0%;
        display: none;
        border: 1px solid rgba(0, 0, 0, .15);
    }
    .booking-form-section .summaryDetails .dropdown .dropdown-menu{left: -100% !important}*/
    .qty-container{ display: flex; align-items: center; justify-content: flex-end; }
    .qty-container .input-qty{
        text-align: center;
        padding: 5px 10px;
        border:0;
        max-width:40px;
        font-size: 1rem;
        font-weight: 500;
    }
    .qty-container .qty-btn-minus, .qty-container .qty-btn-plus,.total-travellers,.roomValue,
    .custom-qty-btn-minus,.custom-qty-btn-plus{
        border: 0;
        padding:0px;
        transition: 0.3s;
        background: transparent;
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }
    .total-travellers,.roomValue{width: 15px}
    .qty-container .qty-btn-plus{ margin-left: -1px; }
    .qty-container .qty-btn-minus{ margin-right: -1px; }
    .qty-container .input-qty:focus-visible,.custom-child-count, .child-count{border: 0;box-shadow: 0;outline: 0}
    .booking-form-section .plan-option-radio-buttons [type="radio"]:checked + label, 
    .booking-form-section .plan-option-radio-buttons [type="radio"]:not(:checked) + label{padding-top: 0;line-height: 15px}
    .booking-form-section .plan-option-radio-buttons [type="radio"]:checked + label:before, 
    .booking-form-section .plan-option-radio-buttons [type="radio"]:not(:checked) + label:before{width: 20px;height: 20px}
    .booking-form-section .plan-option-radio-buttons [type="radio"]:checked + label:after, 
    .booking-form-section .plan-option-radio-buttons [type="radio"]:not(:checked) + label:after{
        width: 10px;height: 10px;top:5px;left: 5px;
    }
    .class-options .btn.btn-outline-success{border-radius: 9999px;box-shadow: rgb(234, 234, 235) 0px 0px 0px 1px inset;border:0;color:var(--color-first);}
    .class-options .btn-check:checked+.btn,.class-options .btn.active,.class-options .btn.show,
    .class-options .btn:first-child:active,.class-options :not(.btn-check)+.btn:active{background: var(--color-second);color: #fff;
    box-shadow: var(--color-second) 0px 0px 0px 1px inset;}   
    .class-options .btn-check:checked+.btn i,.class-options .btn.active i,.class-options .btn.show i,
    .class-options .btn:first-child:active i,.class-options :not(.btn-check)+.btn:active{color: #fff} 
    .holiday-type-block .btn-check:checked+.btn,.holiday-type-block .btn.active,.holiday-type-block .btn.show,
    .holiday-type-block .btn:first-child:active,.holiday-type-block :not(.btn-check)+.btn:active{background: var(--bs-secondary-bg-rgb) !important;}
    .submit-booking .buttons{line-height: 15px;padding:10px 30px}
    .price-converter-block label.price-label{font-size: 0.8rem;text-align: right;flex-basis: 15%}
    .price-converter-block input.form-control,.price-converter-block select.form-select{font-size: 0.8rem;height: 30px}
    .price-converter-block input.form-control{flex-basis: 55%}
    .price-converter-block select.form-select {
      color: var(--color-first-same);
      background-position-y: 10px;
      flex-basis: 30%;
      padding: .275rem 0.75rem .375rem .75rem;
      border: 1px solid var(--color-gray-2);
    }
    .price-converter-block input.form-control {
      background: var(--color-white);
      border: 1px solid var(--color-first);
      color: var(--color-first);
    }
    .radio-button-style .btn{padding:0.175rem 1rem;border:0;font-weight: 500}
    .travelling-type-options a{color: var(--bs-body-color);padding: 0.375rem 0.7rem;font-weight: 500}
    .radio-button-style .btn-check:checked+.btn, .btn.active,.radio-button-style .btn.show, 
    .radio-button-style .btn:first-child:active,.radio-button-style  :not(.btn-check)+.btn:active{
        background: var(--bgColor-white);opacity: 1;border: 0;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        color: var(--color-second);font-weight: 600;
    }
    .search-listing{column-count: 3;}
    .search-list-tabs{border-right: #dee2e6}
    .search-list-tabs.nav-pills .nav-link{width: 100%;color: var(--color-first);background: transparent;
        border-left: 4px solid transparent;font-weight: 500;font-size: 1.2rem;background: var(--bgColor-light); margin-bottom: 5px}
    .search-list-tabs.nav-pills .nav-link.active,
    .search-list-tabs.nav-pills .show>.nav-link{background: var(--bgColor-white);color: var(--color-second) !important;
        border-left: 4px solid var(--color-second); }
    .search-listing li{margin-bottom: 5px}    
    .search-listing li a,.detail-listing li{color: var(--color-first);text-decoration: none;font-weight: 500;
        position: relative;padding-left: 25px;
    }
    .search-listing li a:before,.detail-listing li:before{
        position: absolute;
        content: "\f101";
        font-family: 'FontAwesome';
        color: var(--color-second);
        width: 10px;
        height: 10px;
        font-size: 0.9rem;
        font-weight: 700;
        left: 0px;
        top: 0px;
    }
    .detail-listing li:before{content: "";top: 8px;width: 15px;height: 15px;
        background: url(../img/all-icons/check-second.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .center-form-section{background:var(--color-dark-first);border:2px solid var(--color-gray-2); }
    .center-form-section input::placeholder{color: var(--color-gray-2);}
    .center-form-section .col.position-relative{border-color: var(--color-gray-2);}
    .custom-select-arrow {
        appearance: none;         /* For most modern browsers */
        -webkit-appearance: none; /* Safari */
        -moz-appearance: none;    /* Firefox */
        background-color: var(--color-gray-2);
        background-image: url("data:image/svg+xml;utf8,<svg fill='%231b4d61' height='16' viewBox='0 0 20 14' width='16' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 20,0 10,10'/></svg>");
        background-repeat: no-repeat;
        background-position: right 0.4rem center;  
        background-size: 8px;
        padding-right: 1.5rem; 
        font-weight: 600;
        color: var(--color-dark-first);
    }
    .center-form-section .travel-class-value input.color-text-gray{border-color: var(--color-gray-2);}
    .center-form-section label{font-weight: 600;font-size: 1.1rem}
    .center-form-section .label-height{height: 55px}
    .booking-form-section .buttons.btn-Rounded{top: -12px;}
    .typewrap {
      display: flex;
      align-items: center;
      padding: 0px 11px;
      margin-bottom: 5px;
    }
    .typewrap .cursor {
      display: inline-block;
      width: 2px;
      height: 15px;
      margin-left: 5px;
      background: var(--color-black);
      animation: blink 1s steps(2, start) infinite;
    }
    @keyframes blink {
      to { visibility: hidden; }
    }
/*======================= PRICE DETAILS CARDS DESIGN =============*/ 
    .deals-expiry{
        background: var(--bgColor-white);
        padding: 3px 10px;
        color: var(--color-first);
        left: 5px;top: 5px;
        border-radius: 3px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
    }   
    .price-list-card p{font-size: 0.95rem;font-weight: 500;}
    .deal-city-img{width: 100%;height: 200px;overflow: hidden;}   
    .price-list-card .deal-city-img img{height: 100%;transition: 0.3s linear}
/*======================= OVERLAY CARDS DESIGN ===================*/   
    .overlay-card{overflow: hidden;} 
    .overlay-card .card-img-overlay{background:linear-gradient(rgba(47, 98, 113, 0.7),rgba(0, 0, 0, 0.3));}
    .overlay-card.left-overlay .card-img-overlay{background:linear-gradient(90deg,rgba(47, 98, 113, 0.99),rgba(0, 0, 0, 0.1));}
    .overlay-card img{height: 250px;border-radius: 7px;transition: 0.3s linear}
    .overlay-card.long-img-card img{height: 350px;}
    .overlay-card.left-overlay img{height: 200px;object-position: top;}
    /*.overlay-card:hover img,.price-list-card:hover img{transform: scale(1.1);}*/
    .overlay-card span.package-price{background: var(--color-second);padding: 5px 10px}
    .overlay-card .card-img-overlay .subHeading{letter-spacing: 1px}    
    .dest-country-flag-icon{width: 35px;object-fit: scale-down;}
    .destination-section .card.overlay-card { position: relative; }
    .destination-section .overlay-card .card-img-overlay {
      background: none;
      /*bottom: 0;
      display: block;
      right: auto;*/
    }
    .destination-section .overlay-card .card-img-overlay .mainHeading{font-size: 1.8rem}
    .destination-section .overlay-card .card-img-overlay .mainHeading.color-text-second{font-size: 1.3rem;
      color: #DF4453 !important}
    .destination-section .overlay-card .dest-country-flag-icon {height: auto;border-radius: 0;}
    .destination-section .card.overlay-card:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      background: linear-gradient(to bottom, var(--color-black-same) 20%, transparent 70%);
      opacity: 0.7;
      border-radius: 0.5rem;
    }
    .destination-section .card.overlay-card.green-overlay:after{
      background: linear-gradient(to top, #CDEE91 30%, rgba(0,0,0,0.4) 70%);
    }
    .destination-section .card.overlay-card.orange-overlay:after{
      background: linear-gradient(to top, #FAE6DB 30%, rgba(0,0,0,0.4) 70%);
    }
    .destination-section .card.overlay-card.skyblue-overlay:after{
      background: linear-gradient(to top, #87E9DB 30%, rgba(0,0,0,0.4) 70%);
    }
    .destination-section .card.overlay-card.blue-overlay:after{
      background: linear-gradient(to top, #CDEE91 30%, rgba(0,0,0,0.4) 70%);
    }
    .destination-section .card.overlay-card.yellow-overlay:after{
      background: linear-gradient(to top, #FFE668 30%, rgba(0,0,0,0.4) 70%);
    }
    .destination-section .card.overlay-card.pink-overlay:after{
      background: linear-gradient(to top, #ffbeda 30%, rgba(0,0,0,0.4) 70%);/*#EE68A2*/
    }
    .overlay-card.left-overlay img { height: 250px;}
/*======================= NUMBER CARD SECTION ====================*/  
    .number-icon-card .number-value{
        bottom: 0px;
        right: 15px;
        opacity: 0.1;
        font-size: 4rem;
        font-weight: bold;
        font-style: italic;
    }
    .number-icon-card img{width: 70px;margin-bottom: 10px}
/*======================= NORMAL CARD SECTION ====================*/      
    .card.normal-card .normal-card-img{height: 250px;overflow: hidden;}
    .card.normal-card .normal-card-img img{width: 100%;height: 100%;transition: 0.3s linear}
    .card.normal-card:hover .normal-card-img img{transform: scale(1.1);}
    .card.normal-card .buttons{padding: 5px 30px;font-size: 0.7rem;text-transform: uppercase;}
/*======================= APP SECTION ============================*/ 
    .download-app-img{width: 100%;height: 300px}
    .download-app-img img{width: 140%;height: 140%;top: -20%;right: 0;object-fit: scale-down;}
    .app-buttons img {width: 180px;}
/*======================= SEARCH RESULT LISTING PAGE =============*/
    .booking-form-listing-section{
        background: url(../img/v748-toon-103.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    /*=================== LISTING CARDS ==========================*/
        .listing-card,.listing-card .listing-card-row{position: relative;}
        .listing-card{min-height: 200px;max-height: 325px}
        .listing-card.cruise-listing-card{max-height: 380px}
        .listing-img{width: 100%;height: 325px}
        .listing-card.cruise-listing-card .listing-img{height: 380px}
        .listing-img img{width: 100%;height:100%}
        .booking-content-details i{font-size: 0.9rem;font-weight:400;}
        .booking-content-details small{font-size: 0.75rem;display: block;}
        .listing-img-carousel.owl-theme .owl-nav,
        .listing-img-carousel.owl-theme .owl-dots{opacity: 0;transition: 0.3s linear;}
        .listing-img-carousel.owl-theme:hover .owl-nav,
        .listing-img-carousel.owl-theme:hover .owl-dots{opacity: 1}
        .booking-price .smallHeading{font-size: 1rem}
        .booking-price .line{width: 75%;}
        .rating-avg-number{padding:3px 7px;color: var(--color-white-same);border-radius: 4px;font-size: 0.9rem;font-weight: 600}
        .rating-avg-number.dark-green{background: #7cb342;}
        .rating-avg-number.green{background: #a0ca3f;}
        .rating-avg-number.yellow{background: #f8ce72;}
        #package-saving-modal img{filter: brightness(50%);}
        .listing-card-group .bg-body-color small{line-height: 1.1}
    /*=================== FILTER SECTION =========================*/   
        .sort-by-section{overflow-x: auto;} 
        .noDisplay{display: none;}
        .filterMobButton{position: fixed;bottom: 5%;right: 0;padding: 5px 10px;font-size: 0.7rem;
          border-radius: 5px;z-index: 10;}
        .filterDetails p,.filterDetails small,.filterDetails .form-check small{font-size: 0.9rem}
        .filterDetails .form-check label{cursor: pointer;}
        .filterDetails input.form-control:focus{background: var(--bg-body-color);}
        .filterDetails .form-check.mb-3:nth-last-child(1){margin-bottom: 0 !important}
        .filterDetails .collapse{max-height:500px;overflow-y: auto;scrollbar-width: thin;}
        .selected-filter-options ul li{cursor: pointer; background-color:var(--bg-body-color);}
        .selected-filter-options ul li span.selected-option{white-space: nowrap;font-size: 0.9rem;
            line-height: 1;font-weight: 500;overflow-wrap: anywhere;width: 80%;
            word-break: break-word;
        }
        .sort-by-section .sort-by-div button{border-radius: 0.375rem;padding: 0.25rem 0.5rem;}
        .sort-by-section .sort-by-div button,.sort-by-section .sort-by-div button span{
          background: transparent;color: var(--color-dark);border: 0;outline: 0;
        }
        .sort-by-section .sort-by-div button:hover,
        .sort-by-section .sort-by-div button.active{background-color: var(--color-blue-light2); }
        .sort-by-section .sort-by-div button.active,.sort-by-section .sort-by-div button.active span,
        .sort-by-section .sort-by-div button:hover,.sort-by-section .sort-by-div button:hover span{
          color: var(--color-first);
        }
        #filterModal .nav-pills .nav-link{color: var(--color-black);}
        #filterModal .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
          background-color: var(--color-first-same);color: var(--color-white-same);
        }
        /*.radio-button-type .radio-icon{width: 50px;height: 50px;border:1px solid #eaeaeb; border-radius: 50%;
            display:block;text-align: center;line-height: 40px;}
        .radio-button-type .icon-label:hover .radio-icon,
        .radio-button-type .btn-check:checked+.btn  .radio-icon{background: var(--bg-body-color);
            border-color: transparent;}    
        .radio-button-type .btn-check:checked+.btn, 
        .radio-button-type .btn.show,
        .radio-button-type :not(.btn-check)+.btn:active{
            border:0;
        }
        .radio-button-type p{font-size: 0.75rem}
        .radio-button-type .icon-label:hover p,.radio-button-type .btn-check:checked+.btn  p{
            font-weight: 500;}
        .filter-view-section,.map-View-block{display: none;}
        .hide-map-filter{
            background-image: url(../img/map-bg.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .sort-filter{width: 50%}
        #filter-by-modal .btn-check:checked+.btn,#filter-by-modal .btn.active, .btn.show, 
        #filter-by-modal .btn:first-child:active,#filter-by-modal  :not(.btn-check)+.btn:active{
            background: var(--color-second) !important;border: 0;color: var(--color-white-same);
        }
        #filter-by-modal .btn-check:checked+.btn svg,#filter-by-modal .btn.active, .btn.show svg, 
        #filter-by-modal .btn:first-child:active svg,#filter-by-modal  :not(.btn-check)+.btn:active svg{
            fill: #fff;
        }
        .cruise-name-img{width: 100px;} */
/*======================= RESULT DETAILS PAGE ====================*/
    /*=================== GALLERY ================================*/
        .photo-gallery-block{overflow: hidden;width: 100%;cursor: pointer;margin-bottom: 10px;cursor: pointer;}
        .photo-gallery-block.photo-gallery-large{height: 350px}
        .photo-gallery-block.photo-gallery-small{height: 171px;}
        .photo-gallery-block img{width: 100%;height: 100%;object-fit: cover;transition: 0.3s linear;}
        .photo-gallery-block:hover img{transform: scale(1.1);}
        .photo-gallery-overlay{
          display: flex;
          justify-content: center;
          align-items: center;
          background:rgba(61, 75, 122, 0.7);
          z-index: 2;
          text-align: center;
          width: 100%;
          height: 100%;
          left: 0;top: 0;bottom: 0;right: 0;
          z-index: 1;
        }
    /*=================== ROOM TABS ==============================*/
        .itinerary-desc-tabs .nav-item{flex-basis: 20%;}
        .itinerary-desc-tabs .nav-item .nav-link{border-bottom:3px solid var(--color-white);color: var(--color-first); font-weight: 600;}
        .itinerary-desc-tabs .nav-item:hover .nav-link,.itinerary-desc-tabs .nav-item .nav-link.active{
          border-bottom:3px solid var(--color-second);background: transparent !important;
        }
        .itinerary-details-load-more{display: none;}
        .itinerary-details-card small.bg-second{padding: 2px 7px;font-weight: 500}
        .itinerary-facilities-list{column-count: 2}
        .itinerary-details-card img{height: 160px;}
    /*=================== REVIEWS ================================*/  
        .tripadvisor-review-block .dropdown-toggle::after{border-top: .3em solid var(--color-first);}
        .trip-review-accordion img.trip-logo{width: 150px}
        .trip-review-accordion .accordion-header .accordion-button:focus{outline: none;box-shadow: none}
        .trip-review-accordion .accordion-header .accordion-button:not(.collapsed){background: transparent;}
        .rating-cards .rating-number{background-color: var(--bg-3);}
        .rating-cards .rating-number span{color: var(--color-first);}
        .rating-cards .rating-number.higher-rating{background-color: var(--color-third);}
        .rating-cards .rating-number.higher-rating span{color: var(--color-white-same);}
        .rating-cards i{font-size: 1rem;}
    /*======================= PROGRESS STEPS =====================*/
        .itinerary-steps-listing .progressbar {
          margin-bottom: 30px;
          overflow: hidden;
          counter-reset: step;
        }
        .itinerary-steps-listing .progressbar li{
          list-style-type: none;
          float: left;
          position: relative;
          z-index: 2;
          padding-left: 40px;
          width: 100%;
        }
        /*.itinerary-steps-listing .progressbar.twoDays li{width:calc(100%/2);}
        .itinerary-steps-listing .progressbar.threeDays li{width:calc(100%/3);}
        .itinerary-steps-listing .progressbar.fourDays li{width:calc(100%/4);}
        .itinerary-steps-listing .progressbar.fiveDays li{width:calc(100%/5);}
        .itinerary-steps-listing .progressbar.sixDays li{width:calc(100%/6);}
        .itinerary-steps-listing .progressbar.sevenDays li{width:calc(100%/7);}*/
        .itinerary-steps-listing .progressbar li a,.itinerary-steps-listing .progressbar li:hover a,
        .itinerary-steps-listing .progressbar li span,.itinerary-steps-listing .progressbar li:hover span{
          color: var(--color-second);
          text-transform: uppercase;
          font-size: 0.8rem;
          font-weight: 600;
        }
        .itinerary-steps-listing .progressbar li:before {
          content:counter(step);
          counter-increment: step;
          width: 25px;
          line-height: 25px;
          display: block;
          font-size: 0.9rem;
          font-weight: 600;
          color: var(--color-white-same);
          background: var(--color-first);
          border-radius: 9999px;
          text-align: center;
          position: relative;
          z-index: 2;
          left: -16.5%;
          top: 30px;
        }
        .itinerary-steps-listing .progressbar li:after {
          content: "";
          width: 2px;
          height: 100%;
          background: var(--color-first);
          position: absolute;
          left: 0;
          top: 39px;
          z-index: -1;
        }
        .itinerary-steps-listing .progressbar li:nth-last-child(1):after{content: none;}
        .itinerary-steps-listing .progressbar li.active {color:var(--color-second);}
        .itinerary-steps-listing .progressbar li.active:before, .itinerary-steps-listing .progressbar li.active:after {
          background: var(--color-second);
          color: white;
        }  
        .booking-details-card,.booking-form-section{scroll-margin-top: 100px;}
    /*=================== SPONSORED BUTTON =======================*/       
        .cols-listing.sponsered-listing .listing-card {border: 1px solid var(--color-second)}
        .cols-listing.sponsered-listing .sponserd-section {display: flex;}
        .sponserd-section {
          align-items: center;
          justify-content: flex-start;
          gap: 10px;
          display: none;
        }
        .sponserd-section .sponserBy {
          display: flex;
          align-items: center;
          border: 1px solid var(--color-grey);
          background: transparent;
          border-radius: 5px;
        } 
        .sponserd-section .sponserBy svg {
          background: var(--color-grey);
          fill: var(--color-white-same);
          padding: 2px
        } 
        .sponserd-section .sponserBy span {
          color: var(--color-grey);
          font-size: 10px;
          padding: 0 5px;
        } 
        .sponserd-section .luxeIcon {
          background-color: var(--color-second);
          color: var(--color-white-same);
          padding: 1px 10px;
          border-radius: 5px;
          font-size: 12px;
          display: flex;
          align-items: center;
          font-weight: bold;
          gap: 5px;
          z-index: 99;
          cursor: pointer;
          position: relative;
        } 
        .sponserd-section .luxeIcon .luxe-popup {
          position: absolute;
          top: 140%;
          left: 100%;
          transform: translateX(-50%);
          background: #fff;
          color: #333;
          border: 1px solid #ddd;
          border-radius: 6px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          display: none;
          z-index: 10;
          min-width: 200px;
          padding: 15px;
          background: var(--color-blue-light2);
        } 
        .sponserd-section .luxeIcon .luxe-popup::before {
          content: "";
          position: absolute;
          top: -11px;
          left: 13%;
          transform: translateX(-50%);
          border-width: 6px;
          border-style: solid;
          border-color: transparent transparent var(--color-blue-light2) transparent;
          filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
        } 
        .sponserd-section .luxeIcon .luxe-popup p {
          margin: 0;
          line-height: 1px !important
        } 
        .sponserd-section .luxeIcon .luxe-popup ul {
          padding: 0;
          margin-top: 10px;
          margin-bottom: 0;
        } 
        .sponserd-section .luxeIcon .luxe-popup ul li {
          font-size: 12px;
          border-bottom: 1px solid #fff;
          padding: 5px 0;
          position: relative;
          display: flex;
          gap: 3px;
        } 
        .sponserd-section .luxeIcon .luxe-popup ul li:last-child {
          border: none;
          padding: 0;
        } 
        .sponserd-section .luxeIcon .luxe-popup ul li::before {
          font-family: "bootstrap-icons";
          content: "☀";
          font-size: 16px;
          color: var(--color-first);
          top: -3px;
          position: relative
        } 
        .sponserd-section .luxeIcon svg {
          fill: #fff
        } 
        .sponserd-section .luxeIcon span {
          color: #fff;
          line-height: 19px;
        }
    /*=================== SCROLL DETAIL MENU =====================*/       
        #scroll-navbar {
          background:var(--color-white);
          display: none;
          transform: translateY(-20px);
          transition: all 0.4s ease;
        }

        #scroll-navbar.show {
          display: block;
          transform: translateY(0);
          top: 130px;
        }

        #scroll-navbar .nav-link {
          color: var(--color-first);
          padding: 10px 0;
          font-weight: bold;
        }

        #scroll-navbar .nav-link.active {
          border-bottom: 4px solid var(--color-first);
        }
      /*=================== MAP LOCATION =================================*/  
      .mapView {position: relative;height: 100%;}
      .mapView img {height: 100%;width: 100%;object-fit: cover;}
      .mapView .mapHeader {position: absolute;padding: 15px;left: 0;right: 0} 
      .mapView .mapHeader .mapListViewBtn {background-color:var(--color-white);padding: 8px 13px;}
      .mapViewFilter {border: 1px solid #eee;height: 100%;}
      .mapViewFilter .form-check,.mapViewFilter .form-check * {cursor: pointer; }
      .mapOptionBox {display: flex;align-items: center;justify-content: space-between;gap: 10px;}
      .mapOptionBox figure {height: 60px;width: 60px;}
      .mapOptionBox figure img {height: 100%;width: 100%;object-fit: cover;}
      .mapOptionBox .optionTitle { max-width: 200px;}
      .mapOptionBox .optionTitle strong {font-size: 0.9rem;}
      .mapOptionBox .optionTitle small { font-size: 0.8rem;}
      .mapOptionBox span {text-align: center;}
      .mapOptionBox span svg {
        display: inline-block;
        background: var(--color-first);
        fill: var(--color-white);
        padding: 5px;
        border-radius: 20px;
        margin-bottom: 5px;
      }
      .mapOptionBox span small {display: block;}
    /*=================== RESPONSIVE =================================*/   
        @media only screen and (max-width: 992px){      
            .listing-card,.listing-card.cruise-listing-card{max-height: initial;height: auto}
        }
        @media only screen and (max-width: 768px){
            .submenu-web{width: 100%;top: 100%}
            .search-listing{column-count: 2;}
        }
        @media only screen and (max-width: 450px){
            .search-listing{column-count:1;}
        }
/*======================= LOGIN PAGE =============================*/
  .login-section .carousel-item img{border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
  .login-section .buttons{height: 40px;line-height: 20px}
  .login-section .card{border-radius:0;border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}
  .login-section .carousel-indicators [data-bs-target]{width: 7px;height: 7px;border-radius: 50%}
  .loginBar {display: flex;align-items: center;}
  .webNewContent .loginBar .line {background: var(--color-grey);height: 1px;width: 100%;  }
  .login-icon-button{display: block;width: 40px;height: 40px;line-height: 35px}
  .password-field {position: relative;}
  .password-field input {padding-right: 40px;}
  .toggle-eye {
    position: absolute;
    right: 12px;
    top: 45%;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .strength-wrapper {
    width: 100%;
    height: 8px;
    display: none;
    background: #ddd;
    border-radius: 10px;
    overflow: hidden;
  }
  #strength-bar {height: 100%;width: 0%;transition: 0.3s;}
  .login-section .carousel-caption-content{position: absolute;
    top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%}
  .caption-content{width: 80%}
  .download-link-number .iti{max-width: 100% !important;width: auto !important;flex: 1}
/*======================= DARK MODE ====================*/        
    html[data-bs-theme="dark"]  .all-category-tabs-new,
    html[data-bs-theme="dark"]  .booking-form-listing-section{
        background:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(../img/v748-toon-103.jpg);
    }
    html[data-bs-theme="dark"]  .carousel-control-next-icon,html[data-bs-theme="dark"]   .carousel-control-prev-icon,
    html[data-bs-theme="dark"] .login-section  .carousel-indicators [data-bs-target]{filter: invert(1); }
/*=======================CUSTOM CHECK ======================*/
    .customcheckbox input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }
    .customcheckbox label { position: relative; cursor: pointer; }
    .customcheckbox label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #272660;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 10px;
        margin-top: -5px;
    }
/*======================= BOOKING MODAL ===================================*/
    .booking-modal.booking-filght-details-modal .modal-header,.card.summaryDetails{
        position: sticky;
        top: 0%;
        z-index: 999;
    }
    .booking-modal.booking-filght-details-modal .modal-content{
        background: #fff !important;
        max-height: 400px;
        overflow-y: scroll;
    }
    .booking-modal .modal-content button.close{color: var(--color-first) !important;}
    .booking-modal .modal-content .subHeading {
        text-transform: capitalize;
        letter-spacing: 0px;
        font-size: 1.2rem;
        margin-bottom: 10px;
        color: var(--color-second);
        text-shadow: none;
    }
    .share-listing li img{width: 30px;height: 30px;margin-right: 10px}
    .share-listing li a:hover{color: var(--color-second);}
/*======================= booking  DETAILS ===============================*/ 
    /*======================= PRICE SUMMARY ============================*/
        .booking-price-summary:not(:nth-last-child(1)){border-bottom: 1px dashed rgba(0, 0, 0,0.13);}
        .booking-price-summary li.booking-number{width:60% }
        .booking-price-summary li.booking-fare{width:40% }
        .booking-price-summary-total li.booking-number,
        .booking-price-summary-total li.booking-fare{font-size: 1.3rem; font-weight: 700}
        .booking-fare-break,.booking-fare-break span{font-size: 1.2rem;font-weight: 600;}
        .booking-form-section .summaryDetails .dropdown.booking-dropdown .dropdown-menu { width: 150%;}
        .booking-form-section .summaryDetails small{line-height: 1}
    /*======================= FLIGHT SUMMARY ===========================*/  
        .card.summaryDetails{top: 20%}
        .flight-destination span{font-size: 1.2rem} 
        .flight-destination span.flight-total-duration{font-size: 1rem} 
        .flight-trip-summary .booking-flight-type:before,.flight-trip-summary .booking-flight-type:after{
            width: 10%;
        }
        .flight-trip-summary .booking-flight-type:before{left: 35%}
        .flight-trip-summary .booking-flight-type:after{right: 35%}
        .listing-card-row span.flight-travel-class {
            background: #4caf50;
            color: var(--color-white-same);
            padding: 3px 0;
            font-size: 0.9rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            height: 30px;
            width: 170px;
            position: relative;
        }
        .listing-card-row span.flight-travel-class:before {
            content: "";
            width: 0;
            height: 0;
            top: 7%;
            position: absolute;
            left: 0;
            border-left: 13px solid #f8f9fa;
            border-top: 13px solid transparent;
            border-bottom: 13px solid transparent
        }
        .flight-layover,.flight-layover span{position: relative;}
        .flight-layover span{
            display: inline-block;
            padding: 5px 10px;
            border-radius: 9999px;
            border: 1px solid rgba(0, 0, 0, .1);
        }
        .flight-layover:before{
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            border-top: 1px solid rgba(0, 0, 0, .1);
            top: 50%;
            left: 0;
        }
        html[data-bs-theme="dark"] .flight-layover span{border: 1px solid rgba(255, 255, 255, .1);}
        html[data-bs-theme="dark"] .flight-layover:before{border-top: 1px solid rgba(255, 255, 255, .1);}
        .container {max-width: 1320px !important;}
        @media (max-width: 1200px) {.container {max-width: 1140px;}}
        @media (max-width: 991px) {.container {max-width: 960px;}}
        @media (max-width: 991px) {
            .container {
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
            }
        }
/*======================= search result ===================================*/
    .list-grid-btn {border: 1px solid transparent;box-shadow: none !important;outline: none !important;}
    .list-grid-btn.active {background-color: var(--color-blue-light);border-color: var(--color-content);}
    .color-blue1 {color: var(--color-blue1) !important;}
    .color-blue2 {color: var(--color-blue2) !important;}

    /*img*/
    .h-imgs-carousel.carousel .carousel-inner .carousel-item {
        border-radius: 8px;
        transition: all 0.7s ease;
    }
    .h-imgs-carousel.carousel .carousel-inner .carousel-item img {
        width: 100%;
        height: 170px;
        object-fit: cover;
        object-position: center;
        border-radius: 8px;
    }
    .h-imgs-carousel.carousel .carousel-inner .carousel-item:hover {
        border-color: var(--color-first);
    }
    .h-imgs-carousel.carousel .indicators {
        overflow-x: auto;
        margin-top: 8px;
    }
    .h-imgs-carousel.carousel .indicators .carousel-indicators {
        position: relative;
        margin: 0 auto;
        justify-content: center;
        min-width: 100%;
    }
    .h-imgs-carousel.carousel .indicators .carousel-indicators li {
        list-style-type: none !important;
        margin: 0 2px;
        width: fit-content;
        height: fit-content;
        text-indent: inherit;
        border-radius: 4px;
        border: 1px solid transparent;
        opacity: 1;
    }
    .h-imgs-carousel.carousel .indicators .carousel-indicators li.active, .h-imgs-carousel.carousel .indicators .carousel-indicators li:hover {
        border-color: var(--color-first);
    }
    .h-imgs-carousel.carousel .indicators .carousel-indicators li img {
        padding: 0;
        width: 50px;
        height: 50px;
        object-fit: cover;
        object-position: center;
        border-radius: 4px;
    }
    .last-carousel-item {position: relative;}
    .carousel-view-all {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        width:  100%;
        height: 100%;
        font-size: 12px;
        font-weight: 600;
        color: var(--color-white-same);
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.45);
        z-index: 1;
    }
    .rating-stars {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 1px;
        width: fit-content;
    }
    .stars-svg {fill: var(--color-gray-2);min-width: 12px;width: 12px;height: 12px;}
    .stars-svg.active  {fill: var(--color-dark);}
    .limited-time-offer {
        width: fit-content;
        font-size: 12px;
        font-weight: 500;
        color: var(--color-first);
        padding: 2px 8px;
        border: 1px solid var(--color-first);
        border-right: none;
        border-radius: 50px 0 0 50px;
        margin: 0 -16px 0 0;
        background-color: var(--color-blue-light);
    }
    .listing-card, .listing-col-h {min-height: 260px;}
    .map-view-block img {
        height: 140px;
        object-fit: cover;
        object-position:  center;
        margin: 0;
    }
    .map-view-block .view-map-btn {
        position:  absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: fit-content;
        height: fit-content;
        display: flex;
        justify-items: center;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: var(--color-first);
        border: 1px solid var(--color-first);
        border-radius: 8px;
        margin: auto;
        background-color: var(--color-white) !important;
        z-index: 1;
    }
    .filterDetails .accordion-button::after {width: 16px;height: 16px;background-size: 16px;}
    .filterDetails .form-check.mb-3 {margin-bottom: 6px !important;}
    .filterDetails .form-check.mb-3:last-child {margin-bottom: 0 !important;}
    .filterDetails .form-check-input {width: 18px;height: 18px;}
    .font-15 {font-size: 15px;}
    .font-14 {font-size: 14px;}
    .w-fit-content {width: fit-content;}
    .rows-grid {margin-right: -8px;margin-left: -8px;}
    .rows-list .cols-listing {width: 100%;}
    .rows-grid .cols-listing {width: 33.33%;padding-right: 8px;padding-left: 8px;}
    .rows-grid .listing-row {flex-direction: column;}
    .rows-grid .listing-row .listing-col-h.border-start {border-top: 1px solid var(--color-gray-2);border-left: none !important;}
    .rows-grid .listing-row .listing-card,
    .rows-grid .listing-row .listing-col-h,
    .rows-grid .listing-row .listing-col-h .listing-div {min-height: auto;text-align: left !important;align-items: start !important;}
    .rows-grid .listing-row .limited-time-offer {
        border-right: 1px solid var(--color-first);
        border-left: none;
        border-radius: 0 50px 50px 0;
        margin: 0 0 0 -16px;
    }
    .rows-grid .listing-row .h-imgs-carousel.carousel .indicators .carousel-indicators li img {width: 56px;}
    .rows-grid .listing-row .col-12 {
        flex: 0 0 auto !important;
        width: 100% !important;
        padding: 16px !important;
    }
    .rows-grid .listing-row .col-12 .listing-col-h {padding-left: 0 !important;padding-right: 0 !important;}
    .search-result-page .booking-form-section .collapse-fields label.d-block {
        height: 22px;
        font-size: 14px;
        font-weight: 500;
    }
    .search-result-page .booking-form-section input.form-control, .search-result-page .booking-form-section select.form-select,
    .search-result-page .booking-form-section .input-group-text, .search-result-page .booking-form-section .collapse-fields-font {
        height: 22px;
        border: 0;
        font-size: 18px;
    }
    .search-result-page .booking-form-section .travel-class-value span {font-size: 14px;}

/* ====== @media screen ====== */
    @media screen and (max-width: 1200px){
        .h-imgs-carousel.carousel .indicators .carousel-indicators li img {width: 37px;}
        .filterDetails .form-check-input {width: 16px;height: 16px;}
        .rows-grid .cols-listing {width: 50%;}
        .search-result-page .booking-form-section .travel-class-value span {font-size: 10px;}
    }
    @media screen and (max-width: 991px){
        .stars-svg {min-width: 10px;width: 10px;height: 10px;}
    }
    @media screen and (max-width: 767px){
        .listing-col-h.border-start {border-top: 1px solid var(--color-gray-2);border-left: none !important;}
        .listing-card, .listing-col-h, .listing-col-h .listing-div {min-height: auto;text-align: left !important;align-items: start !important;}
        .limited-time-offer {
            border-right: 1px solid var(--color-first);
            border-left: none;
            border-radius: 0 50px 50px 0;
            margin: 0 0 0 -8px;
        }
        .h-imgs-carousel.carousel .indicators .carousel-indicators li img {width: 56px;}
        .rows-grid {margin-right: -16px;margin-left: -16px;}
        .rows-grid .cols-listing {width: 100%;padding-right: 16px;padding-left: 16px;}

    }
    

/*======================= search result end ===================================*/
    /*======================= booking review  DETAILS ===============================*/    
    .refundDetails {
        background-color:transparent;
        border-radius: 4px;
        box-shadow: none;
        padding: 15px 20px 15px;
        text-align: left;
        width: 100%;
        z-index: 1;
    }
    .refundTopDetail { border-radius: 22px; display: flex; height: 22px; }
    .refundTopDetail--col {
        align-items: center;
        display: flex;
        font-weight: 700;
        height: 22px;
        justify-content: center;
        position: relative;
    }
    .refundTopDetail--col:first-child {
        border-radius: 22px 0 0 22px;
        border-right: 1px dashed var(--color-first);
        text-align: center;background-color: var(--color-first);
        color: var(--color-white);
        flex-shrink: 0;
        padding: 0 3px 0 5px;
        text-align: center;align-items: center;
        display: flex;
        font-weight: 700;
        height: 22px;
        justify-content: center;
        position: relative;
    }
    .refundTopDetail--col.nonrefundable {
        background-color: var(--color-second);
        color: var(--color-white);
        flex-shrink: 0;
        text-align: right;
        width: 50%;
    }
    .refundTopDetail--col:last-child {
        border-radius: 0 22px 22px 0;
        flex-shrink: 0;
        padding: 0 5px 0 8px;
        width: 50%;
    }
    .refundTopDetail--oval {
        background-color: var(--color-white-same);
        border-radius: 16px;
        box-shadow: inset 0 1px 3px 0 #00000080;
        display: inline-flex;
        flex-shrink: 0;
        height: 14px;
        width: 14px;
    }
    .refundTopDetail--colText { flex: 1; font-size: 0.8rem; line-height: 22px; text-align: center; 
        color: var(--color-white);}
    .refundBottomDetail--colText{font-size: 0.9rem;font-weight: 500}    
    .refundBottomDetail--colSubText{
        color: #979797;
        font-size: 11px;
        line-height: 12px;
    }
    .refundBottomDetail { display: flex; padding-top: 13px; }
    .fcTimelineDhLeft, .refundDetails .fcTimelineDhLeft, .fctooltip__wrapper .fcTimelineDhLeft {
        display: flex;
        justify-content: space-between;
        width: 58%;
    }
    .fcTimelineDhLeft .fcTimelineCancellationDate {
        display: flex;
        flex-direction: column;
        position: relative;
        text-align: center;
    }
    .refundBottomDetail .fcTimelineLast { display: flex; flex-direction: column;margin-left: auto;text-align: right;}
/*======================= AMENTIES MODAL STYLE ===============================*/    
  .moreAmenitiesModal .moreAmenitiesSwiper .swiper-slide,
  .moreAmenitiesModal .amenities-modal-content  {
    height: 70dvh !important;
    max-height: 400px !important;
    margin: 0;
  }

  .moreAmenitiesModal .amenities-modal-content ul.circle {
    overflow-x: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    padding: 0;
    height: calc(100% - 50px);
  }

  .moreAmenitiesModal .moreAmenitiesSwiper .swiper-slide img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .moreAmenitiesModal .moreAmenitiesSwiper .swiper-pagination-fraction {
    position: absolute;
    top: 0px;
    width: auto;
    background: var(--color-black);
    height: auto;
    bottom: unset;
    padding: 2px 6px;
  }
  .moreAmenitiesModal .moreAmenitiesSwiper .swiper-pagination-fraction span {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
  } 
  .moreAmenitiesModal .moreAmenitiesSwiper .swiper-button-next::after,
  .moreAmenitiesModal .moreAmenitiesSwiper .swiper-button-prev::after {
    color: var(--color-black);
  }
  @media screen and (max-width: 991px) {
    .moreAmenitiesModal .moreAmenitiesSwiper .swiper-slide, .moreAmenitiesModal .amenities-modal-content {
      max-height: 320px !important;
    }
  }
  @media screen and (max-width: 767px) {
    .moreAmenitiesModal .moreAmenitiesSwiper .swiper-slide, .moreAmenitiesModal .amenities-modal-content {
      max-height: 280px !important;
    }
    .pointBlock .webContent .subHeading{letter-spacing: 0}
  }
  @media screen and (max-width: 480px) {
    .mapOptionBox figure{width: 60px;height: 40px; object-fit: scale-down;}
    .refundTopDetail--colText,.refundBottomDetail--colText{font-size: 0.6rem}
    .refundDetails{padding: 15px 0}
    .canceletation-panel{padding-left: 0em;}
    .pointBlock .webContent .subHeading{font-size: 1.2rem}
  }

.ui-widget.ui-widget-content{border:1px solid #ebebeb;z-index: 99 !important}
.ui-state-default, .ui-widget-content .ui-state-default,.ui-widget-header{
  background-color: #f8f9fa !important;
  text-align: center;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
 color: var(--color-first) !important;
 border: 1px solid #c8c8c8 !important;
 background-color:rgb(233, 236, 239) !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid var(--color-first) !important;
    background: var(--color-first) !important;
    color: #fff !important;
}
.ui-widget-header {background-color: var(--color-second) !important;}
.ui-state-default, .ui-widget-content .ui-state-default{border-radius: 2px}
.ui-state-default, .ui-widget-content .ui-state-default:focus-visible{border: none;}
.ui-slider-horizontal,.ui-slider .ui-slider-range{height: 0.4em;}
.ui-slider-horizontal .ui-slider-handle { top: -.5em;}
textarea{ resize: none; }
::placeholder{ font: 1.3rem; }

/* Custom searchable dropdown option hover + active */
.search-dropdown-option:hover,
.search-dropdown-option--active,
.search-dropdown-option:focus-visible{
  background-color:#0d6efd !important;
  color:#ffffff !important;
}