body, address, li, dt, dd, .pac-container, .control  {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    font-family: Swiss721_Roman, sans-serif;
  }
  .woocommerce ul.products li.product .button {
    font-family: Swiss721_Roman, sans-serif;
    font-size: 15px;
  }

    h1, h2, h3, h4, h5, h6, .banner-title {
      font-family: Swiss721_Medium, sans-serif;
      font-weight: 400;
      text-transform: inherit;
      text-align: inherit;
    }

    .navi > .main-menu > li > a,
    .account-loggedin,
    .login-register a {
      font-size: 14px;
      line-height: 80px;
      font-weight: 400;
      text-transform: none;
      font-family: Swiss721_Medium, sans-serif;
    }
    .menu-dropdown,
    .sub-menu li a,
    .navi .hotelseeker-megamenu-wrap > .sub-menu,
    .listing-navi .hotelseeker-megamenu-wrap > .sub-menu,
    .account-dropdown ul > li a {
      font-size: 14px;
      line-height: 1;
      font-weight: 400;
      text-transform: none;
      font-family: Swiss721_Medium, sans-serif;
    }


    a,
    .primary-color,
    .btn-primary-outlined,
    .btn-link,
    .super-host-flag,
    .is-style-outline .wp-block-button__link,
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span,
    .woocommerce-MyAccount-navigation ul li a:hover  {
      color: #0663fe;
    }
    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover,
    .btn-primary-outlined,
    .searchform button,
    .is-style-outline .wp-block-button__link,
    .wp-block-file .wp-block-file__button,
    .wp-block-search__button {
      border-color: #0663fe;
    }

    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover,
    .media-signal .signal-icon,
    .single-blog-article .meta-tags a,
    .title .circle-icon,
    .label-primary,
    .searchform button,
    .next-prev-block .prev-box,
    .next-prev-block .next-box,
    .dropdown-menu>.selected>a,
    .dropdown-menu>.selected>a:focus,
    .dropdown-menu>.selected>a:hover,
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover,
    .tagcloud a,
    .title-section .avatar .super-host-icon,
    .wp-block-button__link,
    .wp-block-file .wp-block-file__button,
    .wp-block-search__button {
      background-color: #0663fe;
    }

    .slick-prev,
    .slick-next {
      color: #0663fe;
      border: 1px solid #0663fe;
      background-color: transparent;
    }
    .slick-prev:before,
    .slick-next:before {
      color: #0663fe;
    }
    .slick-prev:hover:before,
    .slick-next:hover:before,
    .top-gallery-section .slick-prev:before,
    .top-gallery-section .slick-next:before {
      color: #fff;
    }

    .header-slider .slick-prev,
    .header-slider .slick-next,
    .top-gallery-section .slick-prev,
    .top-gallery-section .slick-next {
      border: 1px solid #0663fe;
      background-color: #0663fe;
    }
    .nav-tabs > li.active > a {
      box-shadow: 0px -2px 0px 0px inset #0663fe;
    }
    .woocommerce nav.woocommerce-pagination ul li a:focus,
    .woocommerce nav.woocommerce-pagination ul li a:hover,
    .woocommerce nav.woocommerce-pagination ul li span.current {
      border: 1px solid #0663fe;
      background-color: #0663fe;
      color: #fff;
    }

    a:hover,
    a:focus,
    a:active,
    .btn-primary-outlined:focus,
    .crncy-lang-block > li:hover a,
    .crncy-lang-block .dropdown-menu li:hover {
      color: #0663fe;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .table-hover > tbody > tr:hover,
    .search-auto-complete li:hover,
    .btn-primary-outlined:hover,
    .btn-primary-outlined:active,
    .item-tools .dropdown-menu > li > a:hover,
    .tagcloud a:hover,
    .pagination-main a:hover,
    .page-links a:hover,
    .wp-block-button__link:hover,
    .wp-block-file .wp-block-file__button:hover,
    .wp-block-search__button:hover {
      background-color: #0663fe;
    }
    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination-main a:hover,
    .page-links a:hover,
    .wp-block-file .wp-block-file__button:hover,
    .wp-block-search__button:hover {
      border: 1px solid #0663fe;
    }
    .is-style-outline .wp-block-button__link:hover  {
      border: 2px solid #0663fe;
      color: #fff;
    }

    .slick-prev:focus, .slick-prev:active,
    .slick-next:focus,
    .slick-next:active {
      color: #0663fe;
      border: 1px solid #0663fe;
      background-color: transparent;
    }
    .slick-prev:hover,
    .slick-next:hover {
      background-color: #0663fe;
      border: 1px solid #0663fe;
      color: #fff;
    }

    .header-slider .slick-prev:focus,
    .header-slider .slick-next:active {
      border: 1px solid #0663fe;
      background-color: #0663fe;
    }
    .header-slider .slick-prev:hover,
    .header-slider .slick-next:hover {
      background-color: rgba(241, 94, 117, 0.65);
      border: 1px solid #0663fe;
    }

    .secondary-color,
    .btn-secondary-outlined,
    .taber-nav li.active a,
    .saved-search-block .saved-search-icon,
    .block-title .help,
    .custom-actions .btn-action,
    .daterangepicker .input-mini.active + i,
    .daterangepicker td.in-range,
    .payment-list-detail-btn {
      color: #0663fe;
    }

    .daterangepicker td.active,
    .daterangepicker td.active.end-date,
    .homy-progress-bar .progress-bar-inner,
    .fc-event,
    .property-calendar .current-day,
    .label-secondary,
    .wallet-label {
      background-color: #0663fe;
    }

    .availability-section .search-calendar .days li.day-available.current-day {
      background-color: #0663fe !important;
    }

    .daterangepicker .input-mini.active,
    .daterangepicker td.in-range,
    .msg-unread {
      background-color: rgba(84, 196, 217, 0.2);
    }

    .msgs-reply-list .msg-me {
      background-color: rgba(84, 196, 217, 0.1) !important;
    }

    .control input:checked ~ .control-text {
      color: #0663fe;
    }
    .control input:checked ~ .control__indicator {
      background-color: #7ed2e2;
      border-color: #0663fe;
    }

    .open > .btn-default.dropdown-toggle,
    .custom-actions .btn-action,
    .daterangepicker .input-mini.active,
    .msg-unread {
      border-color: #0663fe;
    }

    .bootstrap-select .btn:focus,
    .bootstrap-select .btn:active {
      border-color: #0663fe !important;
    }
    .main-search-calendar-wrap .days li.selected,
    .main-search-calendar-wrap .days li:hover:not(.day-disabled),
    .single-listing-booking-calendar-js .days li.selected,
    .single-listing-booking-calendar-js .days li:hover:not(.day-disabled) {
      background-color: #0663fe !important;
      color: #fff
    }
    .main-search-calendar-wrap .days li.in-between,
    .single-listing-booking-calendar-js .days li.in-between {
      background-color: rgba(84, 196, 217, 0.2)!important;
    }
    .single-listing-booking-calendar-js .days li.hotelseeker-not-available-for-booking:hover {
      background-color: transparent !important;
      color: #949ca5;
    }
    li.current-month.reservation_start.hotelseeker-not-available-for-booking:hover {
      background-color: #0663fe !important;
      color: #fff
    }
    .woocommerce span.onsale,
    .woocommerce ul.products li.product .button,
    .woocommerce #respond input#submit.alt,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce #review_form #respond .form-submit input,
    .woocommerce #respond input#submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button {
      color: #fff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .woocommerce ul.products li.product .button:focus,
    .woocommerce ul.products li.product .button:active,
    .woocommerce #respond input#submit.alt:focus,
    .woocommerce a.button.alt:focus,
    .woocommerce button.button.alt:focus,
    .woocommerce input.button.alt:focus,
    .woocommerce #respond input#submit.alt:active,
    .woocommerce a.button.alt:active,
    .woocommerce button.button.alt:active,
    .woocommerce input.button.alt:active,
    .woocommerce #review_form #respond .form-submit input:focus,
    .woocommerce #review_form #respond .form-submit input:active,
    .woocommerce #respond input#submit:active,
    .woocommerce a.button:active,
    .woocommerce button.button:active,
    .woocommerce input.button:active,
    .woocommerce #respond input#submit:focus,
    .woocommerce a.button:focus,
    .woocommerce button.button:focus,
    .woocommerce input.button:focus {
      color: #fff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .woocommerce ul.products li.product .button:hover,
    .woocommerce #respond input#submit.alt:hover,
    .woocommerce a.button.alt:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce input.button.alt:hover,
    .woocommerce #review_form #respond .form-submit input:hover,
    .woocommerce #respond input#submit:hover,
    .woocommerce a.button:hover,
    .woocommerce button.button:hover,
    .woocommerce input.button:hover {
      color: #fff;
      background-color: #7ed2e2;
      border-color: #7ed2e2;
    }

    .taber-nav li:hover a,
    .payment-list-detail-btn:hover,
    .payment-list-detail-btn:focus {
      color: #7ed2e2;
    }

    .header-comp-search .form-control:focus {
      background-color: rgba(84, 196, 217, 0.2);
    }

    .bootstrap-select.btn-group .dropdown-menu a:hover,
    .daterangepicker td.active:hover,
    .daterangepicker td.available:hover,
    .daterangepicker th.available:hover,
    .custom-actions .btn-action:hover,
    .calendar-table .prev:hover,
    .calendar-table .next:hover,
    .btn-secondary-outlined:hover,
    .btn-secondary-outlined:active,
    .btn-preview-listing:hover,
    .btn-preview-listing:active,
    .btn-preview-listing:focus,
    .btn-action:hover,
    .btn-action:active,
    .btn-action:focus {
      background-color: #7ed2e2;
    }

    .woocommerce #respond input#submit.alt:hover,
    .woocommerce a.button.alt:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce input.button.alt:hover,
    .woocommerce #respond input#submit:hover,
    .woocommerce a.button:hover,
    .woocommerce button.button:hover,
    .woocommerce input.button:hover {
      background-color: #7ed2e2;
    }

    .form-control:focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle:active,
    .header-comp-search .form-control:focus,
    .btn-secondary-outlined:hover,
    .btn-secondary-outlined:active,
    .btn-secondary-outlined:focus,
    .btn-preview-listing:hover,
    .btn-preview-listing:active,
    .btn-preview-listing:focus {
      border-color: #7ed2e2;
    }

    .bootstrap-select .btn:focus,
    .bootstrap-select .btn:active {
      border-color: #7ed2e2 !important;
    }

    body {
      background-color: #f7f8f9;
    }

    body,
    .fc button,
    .pagination > li > a,
    .pagination > li > span,
    .item-title-head .title a,
    .sidebar .widget .review-block .title a,
    .sidebar .widget .comment-block .title a,
    .adults-calculator .quantity-calculator input[disbaled],
    .children-calculator .quantity-calculator input[disbaled],
    .nav-tabs > li > a,
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus,
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus,
    .modal-login-form .forgot-password-text a,
    .modal-login-form .checkbox a,
    .bootstrap-select.btn-group .dropdown-menu a,
    .header-nav .social-icons a,
    .header-nav .crncy-lang-block > li span,
    .header-comp-logo h1,
    .item-list-view .item-user-image,
    .item-title-head .title a,
    .control,
    .blog-wrap h2 a,
    .banner-caption-side-search .banner-title,
    .banner-caption-side-search .banner-subtitle,
    .widget_categories select,
    .widget_archive  select,
    .woocommerce ul.products li.product .price,
    .woocommerce div.product p.price,
    .woocommerce div.product span.price,
    .woocommerce #reviews #comments ol.commentlist li .meta,
    .woocommerce-MyAccount-navigation ul li a {
      color: #000000;
    }

    /*.item-title-head .title a:hover,
    .sidebar .widget .review-block .title a:hover,
    .sidebar .widget .comment-block .title a:hover {
      color: rgba(79, 89, 98, 0.5);
    }*/

.hotelseeker-osm-cluster {
  background-image: url(../assets/images/cluster-3.png);
  text-align: center;
  color: #fff;
  width: 47px;
  height: 47px;
  line-height: 47px;
}

    .transparent-header .navi > .main-menu > li > a,
    .transparent-header .account-loggedin,
    .transparent-header .header-mobile .login-register a,
    .transparent-header .header-mobile .btn-mobile-nav {
      color: #ffffff;
    }
    .transparent-header .navi > .main-menu > li > a:hover, .transparent-header .navi > .main-menu > li > a:active,
    .transparent-header .account-loggedin:hover,
    .transparent-header .account-loggedin:active,
    .transparent-header .login-register a:hover,
    .transparent-header .login-register a:active {
      color: #ffffff;
    }
    .transparent-header .navi > .main-menu > li > a:before {
      background-color: #ffffff;
    }
    .transparent-header .navi > .main-menu > li > a:before,
    .transparent-header .listing-navi > .main-menu > li > a:before {
      background-color: #ffffff;
    }
    .transparent-header .navi > .main-menu > li.active > a,
    .transparent-header .listing-navi > .main-menu > li.active > a {
      color: #ffffff;
    }
    .transparent-header .account-loggedin:before {
      background-color: #ffffff;
    }
    .transparent-header .navi .hotelseeker-megamenu-wrap,
    .transparent-header .listing-navi .hotelseeker-megamenu-wrap {
      background-color: #ffffff;
    }

    .header-nav {
      background-color: #ffffff;
      border-bottom: 1px solid #d8dce1;
    }

    .navi > .main-menu > li > a {
      background-color: #ffffff;
    }
    /*.navi > .main-menu > li > a,
    .header-mobile .btn-mobile-nav {
      color: #4f5962;
    }*/
    .navi > .main-menu > li > a:hover, .navi > .main-menu > li > a:active {
      background-color: #ffffff;
    }
    .navi > .main-menu > li > a:hover, .navi > .main-menu > li > a:active,
    .navi .hotelseeker-megamenu-wrap > .sub-menu a:hover,
    .navi .hotelseeker-megamenu-wrap > .sub-menu a:active {
      color: #0663fe;
    }

    .navi > .main-menu > li > a:before,
    .listing-navi > .main-menu > li > a:before {
      background-color: #0663fe;
    }
    .navi > .main-menu > li.active > a,
    .listing-navi > .main-menu > li.active > a {
      color: #0663fe;
    }
    .navi .hotelseeker-megamenu-wrap,
    .listing-navi .hotelseeker-megamenu-wrap {
      background-color: #fff;
    }
    .banner-inner:before,
    .video-background:before {
      opacity: 0.5;
    }
    .page-template-template-splash .banner-inner:before,
    .page-template-template-splash .video-background:before {
      opacity: 0.35;
    }
    .top-banner-wrap {
     height: 700px
   }
   .slick-dots li button:before{font-size: 6px;}

   /* hotel details page css start */

   /*.hotel-services .container{padding-left: 8px;}*/
     .breadcrumb {
          background-color: #fff;
          border-radius: 5px;
          padding: 10px;
         /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
      }
      .trip_summary_data i{width:25px;}
      .trip_summary_data{padding:10px 0 0;display: flex;flex-direction: row;gap: 2px;white-space: nowrap;}
      .breadcrumb-item + .breadcrumb-item::before {
          content: " > ";
          color: #6c757d;
          font-weight: 400;
          padding: 0 8px;
      }
      .trip_summary_change_Date{margin:0 0 10px 0;font-weight: 400;font-size: 16px;cursor:pointer;font-family: Swiss721_Medium, sans-serif;}

      .breadcrumb-item a {
          color: var(--primary-color);
          text-decoration: underline;
          font-weight: 500;
          font-size: 0.85rem;

      }

      .breadcrumb-item a:hover {
          text-decoration: underline;
          color: #0056b3;
      }

      .breadcrumb-item.active {
          color: #6c757d;
          font-weight: 400;
          font-size: 0.85rem;
      }

      #hotel_slider {
          width: 100%; height: 400px; overflow: hidden;    padding-top: 0px;
      }
      #hotel_breadcrumb{
        padding-bottom:0px;
      }

      .hotel_title{
        font-size: 2.1rem;
        font-weight: 600;
        color: #1F1F1F;


      }

      .hotel_details_title{
          font-size: 2.1rem;
        font-weight: 600;
        color: #1F1F1F;


      }
      .hotel_rating{font-size: 1.2rem;}
      .home-hotel_list {padding-bottom:1px;}
      .hotel_details_location{font-weight:400;}
      .hotel-services{padding-top:1px;}
      .hotel-room{border:1px solid #e9e9ea; /*border-top:none; */width:100%;padding: 20px 10px}
      .hotel-room.active{border:2px solid #043f70;}
      
      .filter_btn{color:#212529;text-decoration: underline;}
      .hotel_rooms_rates{font-size: 1.4rem;}
      .trip_summary_label{font-weight:400; font-size:18px;}
      .trip_summary_details{font-weight:400;font-size:15px;display:flex;gap:25px;flex-wrap:wrap;font-family: Swiss721_Roman;}
      .hotel_room.pic{height:180px;}
      .find_available_rooms{margin: 25px auto 5px;text-align: center;}

      .room_rate{
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        white-space: nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        padding-bottom: 0px;
        flex-wrap: wrap;
        font-family: Swiss721_Medium;
      }
      .room_book_btn{
        background-color: #0663fe;
        border-radius: 0px;
        height: 40px;
        line-height: 37px;
        font-weight: bold;
        width: 100% !important;
        
        color:#FFF;
      }

        .room-items{
          display: flex;
          padding: 10px 5px;
          align-items: flex-start;
          align-self: stretch;
          border: 1px solid #E9E9EA;
          background: #fdf9f6;
          margin: 0px 0px;
        }
        .title-amenities{
          font-weight: 500;
          font-size: 13px;
          margin: 0px 0px 5px 0px;

        }
        .room_title{font-size: 22px;}
        .fw-semi-bold { font-weight: 400;}
        .room_amenities{
          list-style: none;
          padding-left: 0px;
          font-size: 0.85rem;
          color:#202027;
        }
        .amenities_details{
          color: #636368;
        text-decoration: underline;
        font-weight: 500;
        font-size:12px;
        }

        .amenities {
            font-size: 16px;
            margin: 0;
            padding: 0;
        }

        .amenities li {
            display: flex;
            align-items: center;
            margin-bottom: 8px; /* Spacing between items */
            font-size: 0.9rem;
            color: #333;
            padding: 7px 20px 5px 0px;
            width: 33.333%;
            line-height: 0.9rem;
        }

        .amenities li i {
            font-size: 16px;
            color: #28a745; /* Green for check mark */
        }
        .bg-light{background: #f5f5f5 !important;}
        .amenities_title{font-size:16px;color:#202027;font-weight: 500;}
        .amenities_hide{display:none;}

        .room-details{
        width: 95%;
        padding: 1.5rem 2rem;
        margin: 0.5rem 0 1.5rem 0;
        border: 1px solid #e9e9ea;
        margin-left: 30px;
        }

        .amenities-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
        }

        .amenities-list li {
            width: 33%;
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

        .amenities-list i {
            color: #8f5902;
            margin-right: 8px;
            font-size: 1.25rem;
            padding-right: 15px;
        }
         .about_hotel_title{font-size:1.25rem;}
          .about_hotel_subtitle{font-size:1.125rem;}
        .about_hotel_amenities{font-size:1.25rem;}
        /* hotel details page css end */
        #listings_found{font-size: 24px;font-weight: 400;font-family:Swiss721_Medium, sans-serif}
        .nodata_error{text-align:center; font-size:22px;}

/* login css start*/
.google_btn_mobile{display: none;}
.google_btn_desktop{display: flex;}
#modal-login .err,#modal-register .err,#update_password_form .err { border:1px solid red;}
#modal-login .err_msg,#modal-register .err_msg ,#update_password_message .err_msg {
    color: #f15e75;
    float: left;
    font-size: 14px;
    text-align: left;
    padding:10px 0;
}
#first_name,#last_name,#user_email_signup,#user_password_signup,#confirm_user_password{margin-bottom:10px}
/*  login css end */

.logout{cursor:pointer;}

.user-desktop-nav{
    font-size: 18px;
    width: 90px;
    height: 90px;
    padding: 0 5px;
    background-color: transparent;
}
.user-nav-wrap-desktop{
      right: 15px;
      box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
      border-radius:10px;
}
footer{border-top:1px solid #d8dce1;}
.block-reservation{margin-bottom:30px;}
/* my profile css start */

#myprofile_section .media .media-object{width: 80px;height:80px;}
.div_separator{margin-bottom: 0px;border-bottom: 0px dotted #d8dce1;padding-bottom: 50px;}
.profile-text-color{color:#0663fe;}



 #myprofile_section .edit-icon {
    position: absolute;
    bottom: 30px;
    left: 90px;
    background: #0663fe;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
  }
#myprofile_section  .edit-icon:hover {
  background: #0663fe;
}

#myprofile_section input[type="file"] {
  display: none;
}

.modal-login-form .form-control.mybooking{margin-bottom: 10px;}

#listings .booking_listing.mobile{display:none;}
#listings .booking_listing .infoHeader {
  padding: 10px;
  background: #0056b3;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

#listings .booking_listing .infoDetails {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  border-bottom: 1px solid #ddd;
}

#listings .booking_listing .headerOption {
  font-weight: bold;
  background-color: #CDDFFE;
  padding: 10px 5px;
  flex: 1;
  text-align: center;
}

#listings .booking_listing .detailInfo {
  padding: 10px 5px;
  flex: 1;
  text-align: center;
}

.detailsButton {
  
  color: #0056b3;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}

#listings .booking_listing .infoDetails.no_order_found{ flex-direction: column; padding:10px;}

.promotiontext{color:#006fd2;}
.freecancellation{color:#11948E;}
.roomsavailable{color:#ff0000;}

.freecancellation .free-cancellation-title{    font-weight: 800;padding-right: 2px;color: #139490;}
.free-cancellation-container{ background: #E4FFF3;display: flex;flex-direction: row;width: max-content;line-height: 20px;font-weight: 400;color: #11948E; padding: 2px 4px;}
.free-cancellation-cancel-before-mobile{background: #E4FFF3;display: flex;flex-direction: row;width: max-content;line-height: 20px;font-weight: 400;color: #11948E;}
.hotel-room p.free-cancellation-container,.hotel-room p.free-cancellation-cancel-before-mobile{margin:0px 0px;}
.room_amenities li.freecancellation{margin-top: 5px;}

.promotion-container{background: #e6f2ff;display: flex;flex-direction: row;width: max-content;line-height: 20px;font-weight: 400;color: #006fd2; font-weight: 600;padding: 2px 4px;}
.roomsavailable-container{background: #ffb3b3;display: flex;flex-direction: row;width: max-content;line-height: 20px;font-weight: 400;color: #ff0000; font-weight: 600;padding: 2px 4px;}
.room_total_amount{font-size:12px;display: flex;align-items: center;flex-direction: column;gap:2px;}
.room_total_amount .total,.room_total_amount .incl{display: block;}
.room_total_amount .incl{line-height: 0px;margin: 0 0 6px;}


.room-items {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.room_right_section {display: flex;flex-direction: column;align-items: end;justify-content: center;}
.room_right_section_mock {display: flex;flex-direction: column;}
.low_rate_text{margin:10px auto 0; }
.price_main {margin-bottom: 10px; /* Adds spacing between price and button */}

/* price slider css start */

/* Custom Slider Styles */
.priceRangeSlider_label{    font-weight: 600;font-size: 16px;}
#priceRangeSlider_section{    padding-top: 20px;}


.ui-slider-horizontal .ui-slider-range{background-color:#0663fe;top: 0px;}

.ui-slider-horizontal .ui-slider-handle{
   width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #0663fe;
    border: 2px solid #ffffff;
    cursor: pointer;
    margin-top: 4px;
}

.ui-widget.ui-widget-content{
height: 4px;background-color: #e7e7e7;border-radius: 2px;
}

.maxPrice-label{text-align:right;}

.ui-slider-horizontal .ui-slider-handle:last-of-type{margin-left: -11px;margin-top: 4px;}
/* price slider css end */
.hotel-room p{margin: 5px 0px;}
.best_value_icon{margin:0px 0px;}
.best_value{color: #13948F !important;font-size:18px;font-weight: bolder;}
/*.best_value_img{height: 28px;width: 28px;top: -2px;display: inline-block;}*/
.best_value_img{height: 40px;width: 100px;top: -2px;display: inline-block;}

.change_date_summary{display:block;}
.trip_summary_mobile{display:none;}
.trip_summary_mobile .search-banner{width: 100%;}
.trip_summary_mobile .search-banner #search_submit_button {width: 100%;}
.trip_summary_mobile .search-banner > form.clearfix{display:block;}
.trip_summary_mobile .search-banner .search-button{display: inline-block;}
.trip_summary_mobile .search-guests-wrap{position: relative;}

.hotel_rating.black{color:#000000;}
.rating_details{width: 100%;}

 .room_mobile_section{display:none;}
 .room_amenities li.freecancellation,.room_amenities li.promotiontext,.room_amenities li.roomsavailable{display: block;}
 .amenities_img{display:none;}
 .profile-img.loading {
    filter: blur(0.2px);
}

.profile-spinner-icon {position: absolute;top: 45%;left: 5%;transform: translate(-50%, -50%);font-size: 24px;color: #ffffff;display: none; /* Initially hidden */}

.map-search-hotel {width: 100%;height: inherit;}

.half-map-wrap .listing-wrap.item-grid-view, .half-map-wrap .listing-wrap.item-card-view{
  -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
  .half-map-left-wrap{width:60%;float:none !important;}
  .half-map-right-wrap{width:40%;}

  .search_listings_module{width:100%;display:flex !important;flex-direction:row !important;gap:15px;}
  .desktop_view{display:flex !important;}
  .mobile_view{display:none !important}
  .search_explore_hotel_page{width:80%;}/*width:100%;*/
/******************** new design as per mobile lay out ***************************/


/* Mobile - Label in front of value */

@media (max-width: 575px){
  .room_left_section.mock {display:none;}
  .room-items.mock{border:none;background:none;}
  .room_right_section_mock{width:80%;}
}

@media (max-width: 991px){
  .search-banner .search-button{ width: 100%;}
  .change_date_summary{display:none;}
  .trip_summary_mobile{display:block;}
  .block-body.trip_summary_mobile {padding: 20px;}
  .trip_summary_mobile .trip_summary_change_Date{margin: 0px 0px 10px 0px;}

  .half-map-wrap .listing-wrap.item-card-view{
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);}
}


@media (max-width: 767px) {
  #listings .booking_listing.mobile{display:block;}
  #listings .booking_listing.desktop{display:none;}
  #listings .booking_listing .infoDetails {
    display: flex;
    flex-direction: column;
  }
  .booking_listing.mobile .infoDetails{border-bottom:1px solid #0056b3 !important;}

  #listings .booking_listing .bookInfo {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }

  #listings .booking_listing .headerOption {
    font-weight: bold;
    background-color: #CDDFFE;
    padding: 10px;
    width: 40%;
    text-align: left;
  }

  #listings .booking_listing .detailInfo {
    padding: 10px;
    width: 60%;
    text-align: left;
    background-color: #CDDFFE;
  }

  .detailsButton {
    text-align: left;
  }
}
/***************************** new design end ********************/



/* my profile css end */

/* my booing details css start */
.bookmodal .headerOption.bookhead {
    width: 100%;
}

.bookmodal .bookhead {
    width: 100%;
    border-bottom: 1px solid #0663fe;
    color: #0663fe;
    font-size: 24px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 10px;
    }

  .neve {
    width: 100%;
    display: flex;
}
.ois {
    width: 100%;
}
.each_row{padding-bottom: 15px;border-bottom:1px solid #d8dce1;}
.bookmodal .detailInfo, .bookmodal .headerOption {
    padding: 5px;
    text-align: left;
    font-weight: 400;
}

.bookmodal .headerOption {
    width: 30%;
}
.bookmodal .detailInfo {
    width: 68%;
}

.bookinginfo .orderInfoOuter .orderInfo .infoDetails .detailInfo, .bookmodal .detailInfo {
    color: #0663fe;
    font-size: 16px;
    padding: 10px;
    }

.error_reason{margin-bottom:0px;}
/* my booking details css end */

.img-circle {
  border-radius: 50%; /* Makes the image circular */
  object-fit: cover;  /* Ensures the image fits within the circle without stretching */

  overflow: hidden;  /* Ensures content outside the circle is hidden */
  width:36px;
  height:36px;
}

#modal-deleteaccount .delete_tag{    margin: 0 31px;
    color: #c1272d;
    border-bottom: 5px solid #ebebeb;
    font-size: 18px;
    padding: 10px 0;
    font-weight: 700;}

    #modal-deleteaccount .all_content1,#modal-deleteaccount .all_content2  {
      padding: 5px 0px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    }


    .delete_option_tag {
    padding: 10px 30px;
    width: 85%;
    position: relative;}

    #modal-deleteaccount .delete_option_tag .container {
    display: inline-block;
    margin: 8px;
    position: relative;
    width: 100%;}

    #modal-deleteaccount .radio_text {
    display: inline;
    float: right;
    font-size: 16px;
    position: relative;
    width: 90%;
    color: #000;
    }


    #modal-deleteaccount .radio_btn {
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    display: inline;
    float: left;
    height: 25px;
    position: relative;
    width: 25px;
    }

    #modal-deleteaccount .radio_active {
    background-color: #09f;
    border: 4px solid #ccc;
    height: 25px;
    width: 25px;
    }
    .othertextarea {
    display: inline-block;
    margin: 15px 0 0 0;
    width: 100%;
    min-height: 60px;}
    .othertextarea textarea {
    width: 100%;
    min-height: 50px;
    padding: 10px;
    }

    .del_pass {
    padding: 20px 40px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    }
    #modal-deleteaccount .pass_container {
    margin: 0 2.5%;
    position: relative;
    width: 95%;
    }
    #modal-deleteaccount .user_container {
    width: 30%;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    }

    #modal-deleteaccount .usr_input, #modal-deleteaccount .usr_input_data, #modal-deleteaccount .usr_pass, #modal-deleteaccount .usr_pass_data {
    font-size: 25px;
    font-weight: 700;
}

#modal-deleteaccount .user_pass_info {
    border-bottom: 4px solid #ebebeb;
    padding: 5px 25px 20px;
    margin: 15px 0;
}

#modal-deleteaccount .showerror{color:red;}
#modal-deleteaccount input{
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    background-color: #fff;
    padding: 3px 5px;
    width: 190px;
    }


   @media (max-width: 767px) {
    .top-banner-wrap {
     height: 500px
   }
   #listings_found{font-size: 16px;font-weight: 600;}
   .nodata_error{text-align:center; font-size:16px;}

   .room_title{text-align:center;    margin-top: 10px;    margin: 20px 10px;}
   .hotel-services .container{padding-right:0px;}
   .amenities_box{text-align:center; }
   .hotel-services .detail-list.detail-list-2-cols {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    }
    .room-details{width: 85%;}
  
    .room_book_btn{  width: 100% !important;}
    /*.room-items{ padding: 10px 10px 10px 5px;align-items: end;}*/
    .room-items{ padding: 10px 5px;}
     #myprofile_section .media .media-object{ width:50px;height:50px;}

     #modal-deleteaccount .all_content1,#modal-deleteaccount .all_content2  {font-size: 14px;}
    .delete_option_tag {padding: 10px 20px;width: 100%;}

 }
 @media (max-width: 768px) {
  /* room price section start */
  /*.room-items {flex-direction: column;}
  .room_left_section {order: 1;width:100%;}
  .room_right_section {width: 100%; order: 2;margin-top: 15px;align-items: center; margin-bottom: 15px;}*/
  .submit_booking_btn{width:100%;}

  /* room price section end */
  .promotion-container{ flex-direction: column;width: 100%;}
  .free-cancellation-container{ flex-direction: column; width: 100%;}
  .search_listings_module{flex-direction: column-reverse !important;}
  .half-map-left-wrap,.half-map-right-wrap{width: 100%;}
  .half-map-wrap .listing-wrap.item-grid-view, .half-map-wrap .listing-wrap.item-card-view{
  -ms-grid-columns: minmax(0, 1fr)  ;
  grid-template-columns: minmax(0, 1fr) ;}

  .desktop_view{display:none !important;}
  .mobile_view{display:block !important}
  .listing_child.half-map-left-wrap {height:420px !important;}
  #map-section.half-map-right-wrap {height:350px !important;}
  .half-map-wrap .listing-wrap{max-width: 100%;padding: 0 0px;}

  }

  @media (max-width: 480px){
    .find_available_rooms{margin:15px auto;}
  }
 @media only screen and  (min-width:640px) and (max-width:980px)
{
  .search-banner-desktop.hidden-xs{display: table !important;}
  .search-banner .search-button{display: table-footer-group;}
  .search-banner-mobile{display: none;}
}

 @media only screen and  (min-width:480px) and (max-width:767px)
{
  .room_amenities li{font-size:14px;}
  .google_btn_mobile {display: flex;}
  .google_btn_desktop{display: none;}
  #myprofile_section .edit-icon{ bottom: 19px;left: 61px;font-size: 12px; width: 20px;height: 20px;}



  /* room amenities css start */

  .room_mobile_section{display:block;}
  .room_amenities li.freecancellation,.room_amenities li.promotiontext,.room_amenities li.roomsavailable{display: none;}
  .room_mobile_section .room_amenities li.freecancellation,.room_mobile_section .room_amenities li.promotiontext,.room_mobile_section .room_amenities li.roomsavailable{display:block;}
  .hotel-room p.best_value_icon{ text-align: center;margin: 10px 0px;}
   .room_title{ margin: 10px 10px;}
.room_amenities li.freecancellation{margin-top: 0px;}

/* Room Mobile Section */
.room_mobile_section {display: flow-root;justify-content: center;margin-top:10px;padding:0;}

/* Room Amenities */
.room_mobile_section .room_amenities {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;margin-bottom: 5px;}

/* Room Amenities Items */
.room_mobile_section .room_amenities li {width: 100%;padding: 10px;border-radius: 0px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}

/* Promotion Container */
.room_mobile_section .promotion-container {background: #e6f2ff;display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;line-height: 20px;font-weight: 600;color: #006fd2;border-radius: 4px;}

/* Free Cancellation Container */
.room_mobile_section .room_amenities li.freecancellation {
  background-color: #E4FFF3;
}
.room_mobile_section .room_amenities li.promotiontext{background-color: #e6f2ff;}
.room_mobile_section .room_amenities li.roomsavailable{background-color: #ffb3b3;}

/* Free Cancellation Text */
.room_mobile_section .free-cancellation-container {width: 100%;max-width: 100%;display: block;margin-left: auto !important;margin-right: auto !important;text-align: center;}

.free-cancellation-cancel-before-mobile{width: 100%;max-width: 100%;display: block;margin-left: auto !important;margin-right: auto !important;text-align: center;}

/* Rooms Available Container */
.room_mobile_section .roomsavailable-container {background: #ffb3b3;display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;line-height: 20px;font-weight: 600;color: #ff0000;border-radius: 4px;}

  /* room amenities css end */

}
@media only screen and  (min-width:360px) and (max-width:479px)
{
  .room_amenities li{font-size:14px;display: flex;align-items: baseline;}
  .room-items .col-xs-6{padding-left: 5px;padding-right: 5px;}
  .google_btn_mobile {display: flex;}
  .google_btn_desktop{display: none;}
  #myprofile_section .edit-icon{ bottom: 19px;left: 61px;font-size: 12px; width: 20px;height: 20px;}
  /* room amenities css start */

  .room_mobile_section{display:block;}
  .room_amenities li.freecancellation,.room_amenities li.promotiontext,.room_amenities li.roomsavailable{display: none;}
  .room_mobile_section .room_amenities li.freecancellation,.room_mobile_section .room_amenities li.promotiontext,.room_mobile_section .room_amenities li.roomsavailable{display:block;}
  .hotel-room p.best_value_icon{ text-align: center;margin: 10px 0px;}
   .room_title{ margin: 10px 10px;}
.room_amenities li.freecancellation{margin-top: 0px;}

/* Room Mobile Section */
.room_mobile_section {display: flow-root;justify-content: center;margin-top:10px;padding:0;}

/* Room Amenities */
.room_mobile_section .room_amenities {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;margin-bottom: 5px;}

/* Room Amenities Items */
.room_mobile_section .room_amenities li {width: 100%;padding: 10px;border-radius: 0px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}

/* Promotion Container */
.room_mobile_section .promotion-container {background: #e6f2ff;display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;line-height: 20px;font-weight: 600;color: #006fd2;border-radius: 4px;}

/* Free Cancellation Container */
.room_mobile_section .room_amenities li.freecancellation {
  background-color: #E4FFF3;
}
.room_mobile_section .room_amenities li.promotiontext{background-color: #e6f2ff;}
.room_mobile_section .room_amenities li.roomsavailable{background-color: #ffb3b3;}

/* Free Cancellation Text */
.room_mobile_section .free-cancellation-container {width: 100%;max-width: 100%;display: block;margin-left: auto !important;margin-right: auto !important;text-align: center;}

.free-cancellation-cancel-before-mobile{width: 100%;max-width: 100%;display: block;margin-left: auto !important;margin-right: auto !important;text-align: center;}

/* Rooms Available Container */
.room_mobile_section .roomsavailable-container {background: #ffb3b3;display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;line-height: 20px;font-weight: 600;color: #ff0000;border-radius: 4px;}

  /* room amenities css end */
  .profile-spinner-icon {left: 8%;}



}
 @media only screen and  (min-width:320px) and (max-width:359px)
{
  .room-items{padding: 10px 4px; }
  .room-items .col-xs-6{    padding-left: 5px;padding-right: 5px;}
  .room_amenities li{    font-size:14px;}
  .room_rate{    font-size: 22px;}
  .trip_summary_label{ font-size: 14px;}
  .trip_summary_details{ font-size: 14px;}
  .room-details li{font-size: 14px;}
  .google_btn_mobile {display: flex;}
  .google_btn_desktop{display: none;}
  #myprofile_section .edit-icon{ bottom: 19px;left: 61px;font-size: 12px; width: 20px;height: 20px;}
    /* room amenities css start */

  .room_mobile_section{display:block;}
  .room_amenities li.freecancellation,.room_amenities li.promotiontext,.room_amenities li.roomsavailable{display: none;}
  .room_mobile_section .room_amenities li.freecancellation,.room_mobile_section .room_amenities li.promotiontext,.room_mobile_section .room_amenities li.roomsavailable{display:block;}
  .hotel-room p.best_value_icon{ text-align: center;margin: 10px 0px;}
   .room_title{ margin: 10px 10px;}
.room_amenities li.freecancellation{margin-top: 0px;}

/* Room Mobile Section */
.room_mobile_section {display: flow-root;justify-content: center;margin-top:10px;padding:0;}

/* Room Amenities */
.room_mobile_section .room_amenities {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;margin-bottom: 5px;}

/* Room Amenities Items */
.room_mobile_section .room_amenities li {width: 100%;padding: 10px;border-radius: 0px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}

/* Promotion Container */
.room_mobile_section .promotion-container {background: #e6f2ff;display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;line-height: 20px;font-weight: 600;color: #006fd2;border-radius: 4px;}

/* Free Cancellation Container */
.room_mobile_section .room_amenities li.freecancellation {
  background-color: #E4FFF3;
}
.room_mobile_section .room_amenities li.promotiontext{background-color: #e6f2ff;}
.room_mobile_section .room_amenities li.roomsavailable{background-color: #ffb3b3;}

/* Free Cancellation Text */
.room_mobile_section .free-cancellation-container {width: 100%;max-width: 100%;display: block;margin-left: auto !important;margin-right: auto !important;text-align: center;}

.free-cancellation-cancel-before-mobile{width: 100%;max-width: 100%;display: block;margin-left: auto !important;margin-right: auto !important;text-align: center;}

/* Rooms Available Container */
.room_mobile_section .roomsavailable-container {background: #ffb3b3;display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;line-height: 20px;font-weight: 600;color: #ff0000;border-radius: 4px;}

  /* room amenities css end */
  .profile-spinner-icon {left: 10%;}
  .slick-dots{bottom: -50px;}

}

 .header-type-2 .top-inner-header,
 .header-type-3 .top-inner-header {
  background-color: #ffffff;
  border-bottom: 1px solid #d8dce1;
}

.header-type-2 .bottom-inner-header {
  background-color: #ffffff;
  border-bottom: 1px solid #d8dce1;
}

.header-type-3 .bottom-inner-header {
  background-color: #ffffff;
  border-bottom: 1px solid #d8dce1;
}
.login-register a,
.account-loggedin,
.account-login .login-register .fa {
  /*color: #4f5962;*/
  background-color: transparent;
}
.login-register a:hover,
.login-register a:active,
.account-loggedin:hover,
.account-loggedin:active {
  color: #0663fe;
  background-color: transparent;
}
.account-loggedin:before {
  background-color: #0663fe;
}
.account-loggedin.active .account-dropdown {
  background-color: #ffffff
}
.account-dropdown ul > li a {
  color: #4f5962;
}
.account-dropdown ul > li a:hover {
  background-color: rgba(84,196,217,.15);
  color: #4f5962;
}
span.side-nav-trigger {
  color: #4f5962;
}
.transparent-header span.side-nav-trigger {
  color: #ffffff;
}
.top-inner-header .social-icons a {
  color: #4f5962;
}

    .navi .hotelseeker-megamenu-wrap > .sub-menu a,
    .listing-navi .hotelseeker-megamenu-wrap > .sub-menu a {
      color: #4f5962;
      background-color: #ffffff;
    }
    .navi .hotelseeker-megamenu-wrap > .sub-menu a:hover,
    .listing-navi .hotelseeker-megamenu-wrap > .sub-menu a:hover {
      color: #0663fe;
      background-color: #ffffff;
    }
    .header-nav .menu-dropdown a,
    .header-nav .sub-menu a {
      color: #4f5962;
      background-color: #ffffff;
      border-bottom: 1px solid #f7f7f7;
    }
    .header-nav .menu-dropdown a:hover,
    .header-nav .sub-menu a:hover {
      color: #0663fe;
      background-color: #ffffff;
    }
    .header-nav .menu-dropdown li.active > a,
    .header-nav .sub-menu li.active > a {
      color: #0663fe;
    }

    .btn-add-new-listing {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
      font-size: 14px;
    }
    .btn-add-new-listing:focus {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .btn-add-new-listing:hover {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .btn-add-new-listing:active {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }

    .btn-primary,
    .post-password-form input[type='submit'],
    .wpcf7-submit,
    .gform_wrapper .button, .gform_button {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .btn-primary:focus,
    .btn-primary:active:focus,
    .post-password-form input[type='submit']:focus,
    .post-password-form input[type='submit']:active:focus,
    .wpcf7-submit:focus,
    .wpcf7-submit:active:focus,
    .gform_wrapper .button, .gform_button:focus,
    .gform_wrapper .button, .gform_button:active:focus {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .btn-primary:hover,
    .post-password-form input[type='submit']:hover,
    .wpcf7-submit:hover,
    .gform_wrapper .button, .gform_button:hover {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .btn-primary:active,
    .post-password-form input[type='submit']:active,
    .wpcf7-submit:active,
    .gform_wrapper .button, .gform_button:active {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }

    .btn-secondary {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .btn-secondary:focus,
    .btn-secondary:active:focus {
      color: #ffffff;
      background-color: #0663fe;
      border-color: #0663fe;
    }
    .btn-secondary:hover {
      color: #ffffff;
      background-color: #7ed2e2;
      border-color: #7ed2e2;
    }
    .btn-secondary:active {
      color: #ffffff;
      background-color: #7ed2e2;
      border-color: #7ed2e2;
    }
    .btn-secondary-outlined,
    .btn-secondary-outlined:focus {
      color: #0663fe;
      border-color: #0663fe;
      background-color: transparent;
    }
    .btn-secondary-outlined:hover {
      color: #ffffff;
      background-color: #7ed2e2;
      border-color: #7ed2e2;
    }
    .btn-secondary-outlined:hover:active {
      color: #ffffff;
      background-color: #7ed2e2;
      border-color: #7ed2e2;
    }

    .main-search {
      background-color: #ffffff;
    }

    .header-top-bar {
      background-color: #4f5962;
    }

    .social-icons a,
    .top-bar-inner,
    .top-bar-inner li {
      color: #ffffff;
    }

    .top-contact-address li {
      color: #ffffff;
    }
    .top-contact-address a {
      color: #ffffff;
    }
    .top-contact-address a:hover {
      color: rgba(255,255,255,0.8);
    }

    .header-comp-logo img {
      width: 200px;
      height: 55px;
    }
    .mobile-logo img {
      width: 200px;
      height: 55px;
    }

    .footer-top-wrap {
      background-color: #ffffff;
      color: #000000;
    }

    .footer-bottom-wrap,
    .footer-small {
      background-color: #ffffff;
      color: #000000;
    }

    .footer .social-icons a,
    .footer a,
    .footer .title a,
    .widget-latest-posts .post-author,
    .widget-latest-posts .post-author a {
      color: #000000;
    }

    .footer .social-icons a:hover,
    .footer a:hover,
    .footer .title a:hover {
      color: #0663fe;
    }

    .footer-copyright {
      color: #000000;
    }

    .label-featured {
      background-color: #0663fe;
      color: #ffffff;
    }
    .new-item {
    position: relative;
}


.hotel_location{margin-bottom:5px;}
.hotelseeker-loadmore{grid-column:1 / -1;}
.new-item.menu-item:after {
    content: "new";
    text-transform: none;
    background-color: #61ce70;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    padding: 2px 4px 3px;
    font-weight: 500;
    position: absolute;
    line-height: 12px;
    top: 8px;
    left: calc(100% - 40px);
}
.sub-menu .new-item.menu-item:after {
    top: 14px;
}
.hotelseeker-matchHeight img{aspect-ratio:3 / 2;}
/* Autocomplete dropdown */
.autocomplete-results {
    max-height: 400px;
    overflow-y: auto;
    background: #fff;
    min-width: 400px;
    z-index: 9999;
    position: absolute;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.autocomplete-results .result_column {
    padding: 15px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
.autocomplete-results .result_column:hover {
    background: #f0f0f0;
}

.left_side.image_node{flex-shrink: 0;}
.left_side.image_node img{width: 48px;height: 48px;object-fit: cover;}
.search_box_container{position:relative;}
.search_box_container #spinner-icon-search{position:absolute;right:10px;top:14px;}
.search_result_parent{display:flex;flex-direction:row;gap:15px;}
.search_result_parent_top_rated{display:flex;flex-direction:column;gap:15px;}
.search_result_parent_top_rated .row_flex{display:flex;flex-direction:row;gap:15px;}
.search_result_parent_top_rated .tags_block{display:flex;flex-direction:row;gap:10px;padding-bottom:10px;}
.top_rated_tag,.eds_choice_tag,.top_attraction_tag{border: 1px solid #cddffe;padding: 0px 5px;font-size: 12px;color:#0663fe;background-color: #cddffe;font-weight: bold;}
.right_side .poi_title,.right_side .poi_address{padding:0;}
.right_side .poi_title{font-size:16px;font-weight:bold;}
.right_side .poi_address{font-size:13px;font-weight: normal;line-height: normal;}
.left_side,.right_side{padding:0;}
.search_box{position:relative;}
.left_side img{border-radius:4px;}
.right_side{display: flex;flex-direction: column;justify-content: center;text-align: left;}
.result_column a{color:inherit;}

@media (max-width: 768px) {
  .custom-modal-login .modal-dialog{max-width: calc(100% / 1.3);}
}
@media (max-width: 480px) {
  .custom-modal-login .modal-dialog{max-width: calc(100% / 1.2);}
  .right_side .poi_address{line-height: normal;}
}
.listing_child{display: flex;flex-direction: column;}
/******* annotation desing ******/
.custom-annotation {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  padding: 6px 8px;
  font-size: 16px;
  display: inline-block;
  
}

.custom-content {
  display: flex;
  align-items: center;
  gap:10px;

}

.custom-img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 6px;
}

.custom-text {
  display: flex;
  flex-direction: column;
  width: 225px;
  justify-content: center;
  align-items: baseline;
  line-height: normal;
}

.custom-title {
  font-weight: 600;
  color: #333;
}

.custom-distance {
  font-size: 14px;
  color: #777;
}
.search_filter_page{padding:10px 0 0; margin:0 0 20px;}

@media (max-width: 1600px){
  .search_explore_hotel_page{width:90%;}
}

@media (min-width: 801px) and (max-width: 991px) {
  .search_explore_hotel_page{width:95%;}
  #module_listings.item-grid-view .item-wrap{max-width:225px !important;}
  .half-map-right-wrap{width:45%;}
  .half-map-left-wrap{width:55%;}
  .item-price{font-size:20px;}
  .item-price sub, .item-price sup,.item-title-head .item-address{font-size:12px;}
  .title, .sub-title, .item-title-head .title{font-size:17px;}
  .label-wrap.top-left{left:10px;top:10px}
  .item-body{padding:15px;}
  .half-map-wrap .listing-wrap.item-grid-view{grid-gap:10px;}
  .half-map-wrap .number-of-listings{display:block;}
  #listings_found h1{font-size:24px;}
}

@media (min-width: 640px) and (max-width: 800px) {
/*.half-map-wrap .listing-wrap.item-grid-view, .half-map-wrap .listing-wrap.item-card-view{
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);}
  .half-map-right-wrap{width:50%;}
  .half-map-left-wrap{width:50%;}*/
  .item-price{font-size:20px;}
  .item-price sub, .item-price sup,.item-title-head .item-address{font-size:12px;}
  .title, .sub-title, .item-title-head .title{font-size:17px;}
  .label-wrap.top-left{left:10px;top:10px}
  .item-body{padding:15px;}
  .half-map-wrap .number-of-listings{display:block;}
  #listings_found h1{font-size:22px !important;}
  .search_filter_page{padding:5px 0;}
  .sort-wrap{display: block;padding-right:0 !important;padding-left:0 !important;}
 
  .half-map-wrap .listing-wrap{margin-top:0;}
  .half-map-left-wrap {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  /*.listing_child.half-map-left-wrap {height:865px !important;}*/

  .elementor-column-gap-default > .elementor-column > .elementor-element-populated{max-width:480px;margin:0 auto;}
  .listing-page.listing-page-full-width .listing-wrap.item-grid-view > .row{grid-template-columns:minmax(0px, 1fr) minmax(0, 1fr);}
  .listing-page .container,.header-mobile-wrap .container,.container.mobile_menu_box{width:95%;}
  .container.mobile_menu_box .mobile-nav-wrap,.container.mobile_menu_box .user-nav-wrap{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
}
@media (max-width: 768px) {
  .custom-modal-login .modal-dialog{max-width: calc(100% / 1.3);}
}
@media (max-width: 640px) {

    .listing_child.half-map-left-wrap{height: 380px !important;}

}
@media (max-width: 480px) {
  .custom-modal-login .modal-dialog{max-width: calc(100% / 1.2);}
  .right_side .poi_address{line-height: normal;}
  .search_explore_hotel_page{width: 100%;}
  .listing_child.half-map-left-wrap{height: 390px !important;}
  .slick-dots{display: none;}
}
@media (min-width: 640px) and (max-width: 991px) {
  .mobile_view_hide{display: none;}
}