/**
 * Theme Name:     OnePress Child
 * Author:         FameThemes
 * Template:       onepress
 * Text Domain:	   onepress-child
 * Description:    OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

h1, h2, h3, h4, h5, h6, a {
  font-family: 'Inter', sans-serif;
}
body {
  font-family: 'Inter', sans-serif;
}

input#date-range,input#guests {
    padding: 10px 12px 10px 38px !important;
    border: 1px solid #ccc;
    background: white;
}
.amitiesss{
    text-align: end;
}
.range-sliderss{
    padding-left: 40px !important;
}
.property-title {
   text-transform: capitalize;
   font-size: 20px;   font-weight: 700;
   color: #18355D !important;
  text-decoration: none;
}

.booking-btnsss {
    display: flex;
    gap: 10px;
}
.chat-file img{
    width: 100% !important;
}
.btn{
    font-size: 16px !important;
}
.lds-ring span{
    left: 114px !important;
        border-color: #000 transparent transparent transparent !important;
}
.empatyss {
    margin: 0 0 20px;
    height: 45vh important;
    display: flex important;
    flex-direction: column important;
    justify-content: center important;
}
.property-item.active strong{
    color: #fff! important;
} 
.open-review-form , #pay-due-now{text-decoration: none;
    background: #18355D;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgb(255, 255, 255);
    transition: all 0.3s ease;}
    .btn.btn-danger.openCancellationModal{
    text-transform: capitalize;
    text-decoration: none !important ;
    background: #D84C4D;
    color: #ffffff;
    font-size: 16px !important ;
    font-weight: 600;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid rgb(255, 255, 255);
    transition: all 0.3s ease;
    }

/*singleroom design***/
.btns-group {
    display: flex;
    align-items: center;
    gap: 20px;
}
.damag-depos{
    display: flex;
}
.preview-sec {
    padding: 0;
}
.per-nightss {
    font-size: 16px;
}
.text-primary a {
    color: #fff !important;
    background-color: #18355D;
    padding: 10px 9px;
    border-radius: 6px;
}
.taxes-para {
    color: #000 !important;
}
.heading-sellecter {
    font-size: 18px !important;
    color: #000 !important;
}
.drop-item {
    display: none !important;
}
.inner-praps {
    color: #000;
    font-size: 14px;
}
.taxes-tool-btn {
    background-color: transparent !important;
    border: none !important;
}
.tool-tip-btn {
    background-color: transparent !important;
    color: #1668e3 !important;
    font-size: 12px !important;
}
#customModalId{
    z-index:11111 !important;
}
.price-details div{
    color: #000 !important;
}
.price-details a:hover{
   
}
.price-details a{
    color: #000 !important;
}
       .price-box {
      max-width: 100%;
      margin: 0 auto;
      background-color: #fff;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }
    .price-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .price-header h4 {
      margin: 0;
      font-weight: bold;
    }
    .price-header span {
      font-weight: 600;
      color: #28a745;
    }
    .price-details {
      margin-top: 20px;
      font-size: 16px;
    }
    .price-details .row {
      margin-bottom: 10px;
    }
    .price-details .row.total {
      font-weight: bold;
      font-size: 18px;
    }
    .divider {
      border-top: 1px solid #ddd;
      margin: 20px 0;
    }
    .note {
      font-size: 14px;
      color: #555;
    }
    .book-btn {
      width: 100%;
      padding: 12px;
      font-size: 18px;
      font-weight: bold;
      border-radius: 8px;
    }
.amities-button {
    background-color: transparent ! important;
    color: #000 !important;
    font-size: 30px !important;
}
 .top-ss{
     display: flex;
     padding-left: 0;
 }
.btnsssimg:focus-visible {
    background-color: transparent;
    border-color: none;
    outline: 0;
    box-shadow: 0;
}
.btnsssimg:hover{
        background-color: transparent;
}
.btnsssimg {
    background: transparent !important;
    padding: 0;
    margin: 0;
    border: 0;
}
.room-imageicon{
    width: auto;
}
 .section-title {
      font-size: 1.75rem;
      font-weight: 700;
    }

    .subtitle {
      font-size: 1.25rem;
      color: #6c757d;
      margin-bottom: 1rem;
    }

    .room-card {
      border: none;
      text-align: left;
    }

    .room-image {
      width: 100%;
      border-radius: 10px;
    }

    .room-title {
      font-weight: 600;
      font-size: 16px;
      color: #000 !important;
    }

    .bed-icon {
      margin-right: 5px;
    }

    .bed-info {
      color: #6c757d;
    }
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  overflow-y: auto; /* Enable vertical scrolling */
}

/* Popup panel */
#travelerPopup {
  position: relative;
  margin: 40px auto;
  background-color: white;
  border-radius: 12px;
  padding: 20px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.form-section {
  margin-bottom: 15px;
}

label {
  display: block;
  margin-bottom: 8px;
}

input[type="number"] {
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 16px;
  box-sizing: border-box;
}

.done-btn {
  background-color: #006aff;
  color: white;
  padding: 12px;
  width: 100%;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}

.done-btn:hover {
  background-color: #0051cc;
}
.rightspeces {
    width: 30%;
}
.rightspecestwo {
    width: 70%;
}
.right-sidebtn{
    background: transparent !important;
    border: none;
    box-shadow: none;
    padding: 0;
}

  .booking-card {
      max-width: 100%;
      border: 1px solid #ddd;
      border-radius: 15px;
      padding: 20px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      font-family: Arial, sans-serif;
    }

    .booking-card .price {
      font-size: 24px;
      font-weight: bold;
      display: flex;
      align-items: center;
    }

    .booking-card .subtext {
      font-size: 14px;
      color: #28a745;
    }

    .booking-card .info-text {
      font-size: 13px;
      color: #555;
    }

    .booking-card .date-input,
    .booking-card .traveler-input {
      margin-bottom: 15px;
    }

    .booking-card .total-text {
      font-weight: 500;
      font-size: 16px;
      color: #000 !important;
    }

    .booking-card .book-btn {
      width: 100%;
      background-color: #007bff;
      color: white;
      font-weight: bold;
      border-radius: 30px;
    }

    .booking-card .book-btn:hover {
      background-color: #0056b3;
    }

    .booking-card .disclaimer {
      font-size: 12px;
      color: gray;
      margin-top: 10px;
      text-align: center;
    }

    .booking-card .form-label {
      font-weight: 500;
      font-size: 14px;
    }

    .info-icon {
      font-size: 12px;
      cursor: pointer;
    }
.swiper-wrapper{
    height: auto !important;
}
.spacesssone {
    width: 10%;
}
.spacessstwo {
    width: 90%;
}

.top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.unit-titelss{
    font-size: 15px;
}
.faq-container {
      width: 100%;
      background-color: #ffffff;
      border-radius: 10px;
      overflow: hidden;
    }

    .faq-item {
      border-bottom: 1px solid #e9ecef;
    }

    .faq-item:last-child {
      border-bottom: none;
    }

    .faq-question {
      padding: 20px;
      font-size: 14px;
      font-weight: 500;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
      color: #000;
    }


    .faq-answer {
      max-height: 0;
      overflow: hidden;
      padding: 0 20px;
      background-color: #ffffff;
      color: #6c757d;
      font-size: 14px;
      line-height: 1.6;
      transition: max-height 0.3s ease, padding 0.3s ease;
    }

    .faq-answer.open {
      max-height: 200px; /* Adjust for longer answers */
      padding: 15px 20px;
    }

    .arrow {
      font-size: 18px;
      transition: transform 0.3s ease;
    }

    .arrow.open {
      transform: rotate(90deg);
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .faq-question {
        font-size: 14px;
        padding: 15px;
      }

      .faq-answer {
        font-size: 13px;
      }
    }

    @media (max-width: 480px) {
      .faq-container {
        max-width: 90%;
      }
    }
    .timeline-container {
      background-color: #f8f9fa;
      border-radius: 12px;
      padding: 40px 20px 20px 20px;
      max-width: 700px;
      margin: auto;
    }

    .timeline {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .timeline::before {
      content: '';
      position: absolute;
      top: 38px;
      left: 0;
      right: 0;
      height: 2px;
      background-color: #0d1b39;
      z-index: 1;
    }

    .timeline-step {
      text-align: center;
      position: relative;
      z-index: 2;
    }

    .circle {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: 2px solid #0d1b39;
      background-color: #fff;
      margin: 0 auto;
    }

    .circle.active {
      background-color: #0d1b39;
    }

    .label-top {
      font-size: 0.85rem;
      margin-bottom: 8px;
      color: #0d1b39;
    }

    .label-bottom {
      font-size: 0.85rem;
      margin-top: 8px;
      color: #0d1b39;
    }
.modal-content{
    overflow: scroll;
    height: 500px;
}
.headingress{
    font-size: 18px !important;
    color: #000;
}
.popup-head{
    color: #000;
    font-size: 18px;
}
.spacesss li{
    color: #000;
}
.spacesss{
    list-style: none;
    padding: 0;
}
.feature-itemss li{
    color: #000;
}
.feature-itemss {
    list-style: none;
}
.unit-container {
  background-color: #fff;
  font-family: Arial, sans-serif;
}

.headingre {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}



 .property-item strong {
  color: #333;
}

.para-one {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin:0;
}
p.para-two {
    font-size: 14px;
}
.Description-head {
    font-size: 28px;
    color: #000;
}
.preview-tops{
    display: flex;
    align-items: center;
    gap:20px;
}
.preview-ull {
    list-style: none;
}

.pree-listone {
    margin: 0;
}
.pree-list {
       margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.headingre {
    font-size: 20px !important;
    font-weight: 600;
    color: #000;
}
.block-wrap{
        border: 1px solid #dee2e6;
        padding: 30px;
        border-radius: 10px;
}
.swiper-imagess{
  max-width: 100%;
  height: auto;
}
.image-section{
  width:100%;
  padding: 10px;
  margin: 0 auto 20px;
  box-sizing: border-box;
}

.swiper-slide-thumb-active{
  opacity: .6;
}

/*  */
.js-swiper-thumbs .swiper-slide img{
  border-radius: 4px;
}

.swiper-button-prev, .swiper-button-next{
  color: #efefef;
}

/* .js-swiper-thumbs .swiper-wrapper{
  flex-wrap: wrap;
} */

.title-tops {
    font-size: 30px;
    font-family: 'Inter';
}
    .top-ul {
    list-style: none;
    gap:8px;
}
.list-cont a {
    color: #18355D;
}
.item-tool{
    border:1px solid #000;
  padding:5px 8px;
  border-radius:5px;
}
@media (min-width: 320px) and (max-width: 768px) {
    .price-header{
        display: block !important;
    }
    .preview-sec{
        padding: 15px;
    }
    #travelers{
        padding: 10px 8px !important;
    }
    .headingre{
        margin-bottom: 0 !important;
    }
    #share-popup {
    position: absolute;
    top: 115px;
    right: 100px !important;
}
    
     #travelerPopup {
    padding: 15px;
  }

  .done-btn {
    padding: 10px;
    font-size: 14px;
  }

  input[type="number"] {
    font-size: 14px;
    padding: 8px;
  }
 
    .booking-card{
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 25px !important;
    }
    .feature-itemss{
        padding-left:0 !important;
    }
    .preview-ull{
        padding-left:0 !important;
    }
    .block-wrap{
        padding: 15px !important;
    }
    .title-tops{
        font-size: 21px !important;
    }
    .top-header {
    display: block;
}
.top-ss{
    display: none;
}
.top-ul{
    padding-left: 0;
}
.timeline::before {
    top: 35px;
}
.preview-tops{
    display: block;
}
.spacesssone {
    width: 100%;
}
.spacessstwo {
    width: 100%;
}
.spacesss{
    margin-left: 0 !important;
}
.preview-ull{
    margin:20px 0;
}
}

#share-popup {
    position: absolute;
    top: 115px;
    right: 0px;
    background: white;
    border: 1px solid #ccc;
    padding: 20px;
    width: 240px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
    z-index: 1000;
}
.share-content {
    display: flex;
    flex-direction: column;
}
.share-content p {
    font-weight: bold;
    margin-bottom: 10px;
}
.share-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #18355d;
    color: white;
    text-decoration: none;
    padding: 8px 12px;
    margin: 5px 0;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    justify-content: center;
}
.share-btn i {
    font-size: 16px;
}
.share-btn:hover {
    background: #142a48;
}
.share-close {
    background: #ccc;
    color: #000;
    margin-top: 10px;
}
.share-close:hover {
    background: #bbb;
}





 h1, h2, h3, h4, h5, h6,
p, span {
  font-family: 'Inter', sans-serif !important;
}
.change-dates{
    color: #e64b50 !important;
}
/*chat*/
.btn-reset {
    background-color: #18355D;
    color: #fff;
}
.text-t {
    font-weight: 600;
    margin-top: 14px;
}
.info-head 
{font-size: 20px !important;color: #000 !important;}
.houserulls h2{font-size: 20px !important; color: #000 !important;}
  .user-chat-sidebar {
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                border-radius:8px ;
                border: 1px solid #ddd; padding: 10px; 
                 overflow-y: auto;
            }
            .user-chat-sidebar .property-item {
                padding: 10px; border-bottom: 1px solid #eee; cursor: pointer;
            }
            .user-chat-sidebar .property-item.active {
                background: #18355D; font-weight: bold;
                    border-radius: 10px;
                color:#fff;
            }
            .user-chat-main {
                flex-grow: 1; border: 1px solid #ccc; padding: 15px; background: #fff;
              
            }
            .chat-box {  overflow-y: auto;  padding: 10px; margin-bottom: 10px; }
            .chat-message { margin-bottom: 10px; }
            .chat-message strong { display: block; color: #555; }
            .chat-message small { font-size: 11px; color: #888; }
    .user-chat-main {
      
      border: 1px solid #ddd;
      border-radius: 10px;
     
      background-color: #fff;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    
    .chat-box {
      flex: 1;
      padding: 15px;
      height: 350px;
      overflow-y: auto;
     
    }
    
    #user-chat-form,#property-chat-form {
      display: flex;
      align-items: center;
      padding: 10px;
      border-top: 1px solid #ccc;
      
      gap: 10px;
      flex-wrap: wrap;
    }
    
    #user-chat-form textarea ,#property-chat-form textarea {
      flex: 1;
      padding: 10px 15px;
      border-radius: 25px;
      border: none;
      font-size: 15px;
      resize: none;
      height: 44px;
      outline: none;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
      background-color: white;
    }
    
    #user-chat-form input[type="file"], #property-chat-form  input[type="file"] {
      display: none;
    }
    
    .file-label {
      cursor: pointer;
      margin-left: 10px;
      color: #555;
    }
    
    .send-button {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #18355D;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
      transition: background-color 0.3s ease;
    }
    
    .send-button:hover {
      background-color: #1DA851;
    }
    
    .send-button svg {
      width: 20px;
      height: 20px;
      fill: white;
    }
    
    .chat-message {
        margin-bottom: 15px;
    }
    .chat-message strong {
        display: block;
        font-weight: bold;
        margin-bottom: 2px;
    }
    .chat-message small {
        display: block;
        font-size: 11px;
        color: #888;
        margin-bottom: 5px;
    }
    .bubble {
        padding: 10px 15px;
        border-radius: 15px;
        display: inline-block;
        max-width: 80%;
        word-wrap: break-word;
    }
    
    .user-msg .bubble {
        background-color:#18355D;
        color: #fff;
      
        border-top-left-radius: 0;
    }
    
    .admin-msg .bubble {
        background-color: #d84c4d;
        color: #fff;
        border-top-right-radius: 0;
        margin-left: auto;
    }
    
    .chat-bubble {
        display: flex;
        flex-direction: column;
        max-width: fit-content;
        margin: 10px;
        padding: 10px 15px;
        border-radius: 15px;
        background: #f1f1f1;
        position: relative;
        clear: both;
    }
    
    
    
    .chat-meta {
        text-transform: capitalize;
        font-size: 18px;
        color: #000;
        margin-bottom: 5px;
    }
    
    .chat-text {
        font-size: 14px;
        color: #fff;
    }
    
    .chat-file {
        margin-top: 5px;
    }
    
    .chat-wrapper {
        display: flex;
        flex-direction: column;
        margin: 10px;
        
        border-radius: 12px;
        padding: 20px;
        background: aliceblue;
    }
    
    .chat-wrapper.user {
        align-self: flex-start;
        text-align: left;
    }
    
    .chat-wrapper.admin {
        align-self: flex-end;
        text-align: right;
    }
    .chat-wrapper.user .chat-bubble{
        background-color:#18355D !important;
    }
    .chat-name {
        text-transform: capitalize;
        font-size: 18px;
        color: #000;
        margin-bottom: 0;
    }
    .chat-name small { font-size: 12px;
        color: #000;
        margin-bottom: 0;
    }
    .chat-name i {
        font-size: 25px;
       
    }
    
    .chat-bubble {
        padding: 10px 15px;
        border-radius: 15px;
        background: #f1f1f1;
        word-wrap: break-word;
        position: relative;
    }
    
    .chat-wrapper.user .chat-bubble {
        background-color:#18355D !important;
        border-top-left-radius: 0;
        
    }
    
    .chat-wrapper.admin .chat-bubble {
        width: fit-content;
        background-color: #d84c4d !important;
        border-top-right-radius: 0;
       margin-left: auto;
      margin-right: 0;
     
    }
    
    
    
    .chat-file {
        margin-top: 5px;
    }
    
    .file-preview-wrapper {
        position: relative;
        display: inline-block;
    }
    
    .preview-close {
        display: inline-block;
        color: #d00;
        margin-left: 10px;
    }
    
    
/**/
.contact-host {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #123D6A;
  padding: 10px 15px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.contact-host a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: white !important;
}

.contact-host img {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  object-fit: cover;
}

.contact-host p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
color:#fff;
}

.contact-host:hover {
  background-color: #0f2e4f;
}
.user-dropdown {
    text-decoration: none !important;
}
input#reg_phone{
max-width:100% !important;
}
.foot-logos a:hover{
    text-decoration: none !important;
}
.search-field select {
	height:47px !important;
    width: 100%;
    padding: 10px 12px 10px 38px !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    outline: none;
    box-sizing: border-box;
    background-color: #fff;

    /* Remove default dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Optional: Add custom arrow icon so you control layout */
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23666" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
}
#hotel-booking-cart a:hover {
    text-decoration: none !important;
}
  #custom-preloader {
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: #ffffff;
            top: 0;
            left: 0;
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .spinner {
            width: 50px;
            height: 50px;
            border: 6px solid #f3f3f3;
            border-top: 6px solid #18355D;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
 
 .user-menu-wrapper {
    position: relative;
    display: inline-block;
}

.user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
}
body.logged-in .hfe-menu-itemz > a.hfe-menu-item {
    display: none !important;
}

/* By default, hide avatar if NOT logged in */
body:not(.logged-in) .hfe-menu-itemz .user-menu-wrapper {
    display: none !important;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.user-menu-wrapper.elementor-item {
   
}

.user-dropdown {
    display: none;
    position: absolute;
    top: 70%;
    width: max-content !important;
    background: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 99;
    min-width: 100px;
    text-align: left;
}

.user-dropdown.show {
    display: block;
}
ul.user-dropdown li a{
    font-size:14px !important;
    color:#000 !important;
    font-weight: 600 !important;
}

.user-dropdown a:hover {
    background-color: transparant;
    color: #D84C4D !important;
    text-decoration: none !important;
}

.user-dropdown.show {
    display: block;
} 
 .uitk-heading {
    font-size: 18px !important;
}
 
 .flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.4) !important; /* Increased visibility */
}
.modal-header {
  position: sticky !important;
  top: -17px !important;
  background-color: #fff !important;
  z-index: 1055 !important;
  border-bottom: 1px solid #dee2e6 !important; 
}

.search-bar-wrapper {
    background: #f9f9f9;
    padding: 20px;
    margin: 40px auto;
    max-width: 1100px;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;;
  }

  .search-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
  }

  .search-field {
    flex: 1;
    min-width: 160px;
    position: relative;
  }

  .search-field i {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: #18355d;
    font-size: 16px;
  }

  .search-field input,
  .search-field select {
    width: 100%;
    padding: 10px 12px 10px 38px !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    outline: none;
  }

  .search-btn {
    background-color:  #18355d;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease;
    flex-shrink: 0;
  }

/*  .search-btn:hover {*/
/*    background-color:  #18355d;*/
  
/* text-transform: capitalize;*/
/*    font-family: "Inter", Sans-serif !important;*/
/*    font-size: 16px ! IMPORTANT;*/
/*    font-weight: 700 !important;*/
/*    line-height: 28px;*/
/*    color: #FFF;*/
/*text-decoration: none;}*/
.property-title:hover {
    transition: color 0.3s ease;
    color: #D84C4D;
}
.property-card {
    transition: transform 0.3s, box-shadow 0.3s;
    border-radius: 8px;
}
.property-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.price {
    font-size: 1.3rem;
    color: #18355D;
}
.pernight {
    font-size: 0.8rem;
    color: #6c757d;
}
.more-details-btn {
    text-transform: capitalize !important;
    background-color: #18355D;
    color: #fff;
    border-radius: 20px !important;
    padding: 6px 14px;
    font-size: 14px !important;
    transition: background-color 0.3s ease;
}
.more-details-btn:hover {
    background-color: #D84C4D;
    color: #fff;
}
.img-hover img {
    transition: transform 0.3s ease;
}
.img-hover:hover img {
    transform: scale(1.05);
}
.property-banner h2 {
    color: #fff;
    padding: 80px 0px;
    font-size: 34px;
}
.property-banner
{
    margin:0px 0px 40px ;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*customcart*/
 .card-header {
     
      color: #fff;
    }

    .room-title {
      font-weight: 600;
      color: #18355D;
    }

    .label {
      font-size: 0.9rem;
      font-weight: 500;
      color: #6c757d;
    }

    .value {
      font-weight: 600;
    }

    .summary-box {
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      background-color: #fff;
      border: 1px solid #dee2e6;
      padding: 15px;
      border-radius: 8px;
    }

    .summary-line {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
    }

    .summary-line.total {
      font-weight: bold;
      color: #18355D;
    }

    .btn-checkout {
      background-color: #D84C4D;
      color: #fff;
      padding: 10px 30px;
      border: none;
    }

    a.btn-checkout:hover {
      background-color: #b83d3e;
      color: #fff !important;
    }

    .remove-btn {
      color: #D84C4D;
      font-size: 1.5rem;
      cursor: pointer;
    }
    
    /*customcheckout*/
    
    
    .headingcheck {
      color: #18355D;
    }

    .form-label {
      font-weight: 600;
      color: #18355D;
    }

    .form-control:focus {
      border-color: #18355D;
      box-shadow: 0 0 0 0.2rem rgba(24, 53, 93, 0.25);
    }

    .form-required {
      color: #D84C4D;
    }

    .form-section {
      background-color: #fff;
      border: 1px solid #dee2e6;
      border-radius: 8px;
      padding: 25px;
    }

    .btn-submit {
      background-color: #D84C4D;
      color: #fff;
      font-weight: 600;
      padding: 10px 30px;
    }

    .btn-submit:hover {
      background-color: #b83c3d;
    }
     .section-header {
    color: #18355D;
    font-weight: 600;
    margin-bottom: 1rem;
  }

  .payment-box, .info-box {
    background: #fff;
    border: 1px solid #dee2e6;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 1.5rem;
  }

  .form-check-label {
    color: #18355D;
    font-weight: 500;
    margin-left: 0.5rem;
  }

  .form-check-input:checked {
    background-color: #D84C4D;
    border-color: #D84C4D;
  }

  .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 76, 77, 0.25);
  }

  .form-control:focus {
    border-color: #18355D;
    box-shadow: 0 0 0 0.2rem rgba(24, 53, 93, 0.25);
  }

  .btn-checkout {
    background-color: #D84C4D;
    color: white;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 6px;
  }

  .btn-checkout:hover {
    background-color: #b83c3d;
  }

  .form-check-inline {
    margin-bottom: 0.5rem;
  }

  .terms-link {
    color: #00aaff;
    text-decoration: none;
  }

  .terms-link:hover {
    text-decoration: underline;
  }
    
    @media (min-width: 320px) and (max-width: 768px) {
        .amitiesss{
    text-align: start;
}
         .blog-single-content h1{
        font-size: 25px !important;
}
        .btn{
            font-size: 16px !important;
            margin-bottom: 20px !important;
        }
        .damag-depos{
            display: block;
        }
        div#contactHostModal {
    z-index: 11111111 !important;
        }
        .map-single{
            width: 100% !important;
        }
    }
    
    
    
  @media (max-width: 768px) {
.user-avatar{
padding: 15px !important;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.user-menu-wrapper.elementor-item {
    padding: 8px !important;
}
    .search-bar {
      flex-direction: column;
      align-items: stretch;
    }

    .search-btn {
      width: 100%;
    }
    body.wp-hotel-booking-page:not(.tp-themes-premium) {
      padding-left: 0px !important; 
       padding-right: 0px !important ; 
    }
}
    @media (max-width: 1024px){
        body.wp-hotel-booking-page:not(.tp-themes-premium){
            padding: 0 !important;
        }
    }
  
  
  /*chat */