body{
    font-family: "Inter";
}
a{
    text-decoration: none;
    color: #36A4FB;
}

.top-header{
    padding:10px 0
}

.page-header{
    
}

.page-title{
    margin-top:10rem;
    margin-bottom: 2rem;
    font-family: "Quicksand", serif;
font-size: 80px;
font-weight: 700;
line-height: 88px;
text-align: center;
color: #09253C;


}

.page-glow{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%),
radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
padding:40px;
min-height: 600px;  
}

.hotel-index .page-header{
    background: url('../images/hotel-index-slider.jpg');
    background-size: cover;  
    min-height: 600px;  
    background-position: center;
}

.btn-blue-outline{
font-size: 14px;
font-weight: 600;
line-height: 24px;
border:1px solid #36A4FB;
border-radius: 20px;
display: inline-block;
padding:5px 7px;
color: #36A4FB;
}


.main-navigation {
display: flex;
justify-content: center;
gap:15px;
}



.search-bar{
    display: flex;
    justify-content: center;
}
#hotel-search-form{
    border: 1px solid #FFFFFFE5;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000001A;    
    padding:10px;  
    display: flex;
    gap:2px;
    z-index: 10;
  position: relative;
  border-radius: 15px !important;
}

#hotel-search-form .form-group{
background: #fff;
padding:10px 20px;
margin-right:2px;
width: 100%;
}

#hotel-search-form .form-group label{
    font-family: "Inter";
font-size: 12px;
font-weight: 700;
line-height: 16px;
text-align: left;
color: #09253C;
}

.main-navigation a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:7px 20px;
    border-radius: 20px;
    background: #fff;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;    
    color:#36A4FB
}
.main-navigation a.main-nav-active{
    background: #36A4FB;    
    color:#fff;
    box-shadow: 0px 4px 24px 0px #09253C14;
    font-weight: 700;

}


.btn-search-hotel:hover{
    background: #dd602a;
    color:#fff;
}

.last-form-round-corners{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    
}

#flights-search-form .last-form-round-corners{
padding:0 !important;    
}

.btn-search-hotel
{
    background: #FB7136;
    color:#fff;
    font-family: "Quicksand", serif;
font-size: 16px;
font-weight: 700;
padding:15px;

justify-content: center;
align-items: center;
margin-left:20px;
border-radius: 10px;
width: 60%;
display: flex;
}

.btn-search-hotel img{
    width:24px;
    height:24px;
    display: inline-block;
}

.our-holiday
{
    margin-top:4rem
}

.our-holiday h3{
font-family: "Quicksand", serif;
font-size: 32px;
font-weight: 700;
color:#09253C ;
}

.btn-black{    
padding: 13px 28px;
border-radius: 8px;
border: 1px solid #09253C;
color:#09253C;
display: flex;
}

.holiday-packages-wrapper{
  margin-top:30px;
  margin-bottom: 80px;
  display: flex;
  gap: 20px;
}

.holiday-package-item{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 300px;
    width: 320px;
    display: flex;
    align-items: end;
    border-radius: 24px;
    
    /* box-shadow: 0px 4px 48px 0px #29323C1F; */
    overflow: hidden;

}

.holiday-packages-wrapper .slick-slide {
    width: 320px; /* Set the desired width */
    height: 350px; /* Set the desired height */
    display: flex; /* Ensures proper alignment of content */
    align-items: end;
    justify-content: center;
    box-sizing: border-box; /* Ensures padding and borders are included */
}

.holiday-packages-wrapper .slick-slide {
    margin: 0 10px; /* Adjust the margin for the desired gap */
}

.holiday-package-item div{
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    
}

#rooms-search{
    position: relative;
}

#rooms-selection{
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 20px;
    width: 300px;
    padding:10px;  
    box-shadow: 0px 0px 24px 0px #00000014;
    border: 1px solid #D2D2D233;
    max-height: 500px;
  overflow: auto;
}

#rooms-selection .selector{
display:flex;
background: #F4FAFF;
font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;
display: flex;
justify-content: space-between;
padding:10px;
margin:10px
}

#rooms-selection img{
    width:24px;
    height:24px;
    cursor: pointer;
}

#rooms-selection .nmb-rooms{
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #0E171F;
}

.increment-selector{
    display: flex;
    justify-content: end;
    gap:10px;
    font-family: "Inter";
font-size: 16px;
font-weight: 700;

text-align: center;
color:#0E171F
}

#rooms-selection .number-qty{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;
color:#0E171F;
margin-left:10px
}

#hotel-deals{
    background:#36A4FB;
    background-image: url('../images/Vector\ 125.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 100%;
    padding:20px 0;
    padding-bottom: 60px;
}


.heading-medium{
font-family: "Quicksand", serif;
font-size: 40px;
font-weight: 700;
text-align: center;
}

#hotel-deals .hotel-offers{
    color:#fff;
    margin-top: 40px;
    margin-bottom: 30px;  
}

.underline-fancy{
    background: url('../images/underline-fancy.png') no-repeat;
    background-position: bottom;
    padding-bottom: 10px;
}


.deal-card-wrapper{
    border-radius: 20px;
    box-shadow: 0px 40px 50px 0px #09253C33;
    overflow: hidden;
}

.deal-img{
    height: 300px;
  background-size: cover !important;
}

.deal-description{
    background: #fff;
    padding: 25px;
}

.deal-title{
font-family: "Roboto";
font-size: 20px;
color:#36A4FB;
font-weight: 500;
margin-bottom: 10px;
}
.deal-price-discount{
    display: flex;
    justify-content: space-between;
    font-size: 1em;
    font-family: "Inter";
}

.deal-price{
font-family: "Inter";
font-size: 0.8em;
font-weight: 700;
text-align: left;
margin-bottom:10px;
color: #0E171F;
}

.deal-price span{
    font-family: "Inter";
font-weight: 700;
text-align: left;
color:#36A4FB
}

.deal-discount{
    color:#1AD320;
    background: #50EE551A;
padding: 2px 7px;
font-size: 0.7em;
border-radius: 5px;
border:1px solid #1AD320;
margin-bottom: 10px;
}
.deal-country, .deal-distance{
    font-family: "Inter";
font-size: 0.9em;
font-weight: 400;

color: #0E171F;
}
.deal-location{
display: flex;
gap:10px;
font-family: "Inter";
font-size: 0.7em;
font-weight: 400;
text-align: left;
color:#0E171F;
width:100%;

}

.deal-distance, .deal-country{
    display: block;
}

.deal-distance img, .deal-country img{
    display: inline;
}

/* .deal-location img{
    width:24px;
    height: 24px;
} */


.deal-detail{
font-family: "Inter";
font-size: 1em;
font-weight: 400;
text-align: left;
color:#29323C;
margin-top:10px;

}
.deal-cta{
    display: flex;
    justify-content: start;
    margin-top:20px
}

.deal-cta-btn{
    background: #FB7136;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 7px;
    font-size: 16px;
    font-family: "Quicksand", serif;
    font-weight: 700;

}



.hotel-deals-wrapper{
    
}

.rooms-options{
    margin:10px
}
.room-option{
    background: #F4FAFF;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.hotel-filter-options{
    display: flex;
  justify-content: space-between;
  backdrop-filter: blur(6px);
  background: #fff;
  box-shadow: 0px 20px 40px 0px #0000001A;
  padding: 10px 20px;
  align-items: center;
  border-radius: 20px;
  position: relative;
  z-index: 9;
  margin-bottom: 10px;

  background: #FFFFFF59;

  backdrop-filter: blur(6px);
 box-shadow: 0px 20px 40px 0px #0000001A;
 border: 1px solid #FFFFFFE5

}

.search-result-count{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
text-align: left;
color: #09253C;
}

.sort-by-dropdown-options{
    padding: 10px 20px 10px 10px;
    background: #fff;
    border-radius: 10px;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #D2D2D233;
    box-shadow: 0px 0px 24px 10px #00000014;
    width: 280px;
    position: absolute;
    right: 10px;
  top: 55px;
}
.sort-by-dropdown{
    cursor: pointer;
}
.sort-by-dropdown-options label{
    display: block;
    margin: 5px 0;
}
.selected-option{
font-family: "Inter";
font-size: 14px;
font-weight: 600;

color: #09253C;
}

.hotel-search-result{
    display: flex;
    flex-direction: column;    
}

.hotel-item{
    display: flex;    
    background: #FFFFFF59;
    border: 1px solid #FFFFFFE5;
    border-radius: 10px;
    overflow: hidden;
    margin:10px 0;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000000A;

}

.hotel-item-header{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-shrink: 1;
}
.hotel-title h5{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
text-align: left;
color: #09253C;
margin-bottom: 0px;
}

.hotel-rating{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
text-align: left;
color: #36A4FB;
}

.hotel-super{
    font-family: "Inter";
font-size: 12px;
font-weight: 500;
line-height: 18px;
text-align: right;
color: #0E171F;
margin-top: -7px;
}

.hotel-area{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #0E171F;
}

.hotel-rating img{
    width:17px;
    display: inline-block;
    margin-right: 1px;
}

.hotel-rating span{
    font-size: 12px;
}

.hotel-item-img{
    width:260px;
    height: 260px;
    background-size: cover;
    flex-shrink: 0;    
}

.hotel-item-body{
    background: #fefefe;
    overflow: hidden;
    height: 260px;
    padding: 20px 15px;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;

    display:flex;justify-content:space-between;flex-direction: column;
}


.hotel-address, .hotel-distance{
    display: flex;
    gap: 10px;
    font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-align: left;
color:#0E171F;
margin: 10px 0;
}

.hotel-address{
    margin-top: 15px;
}
.hotel-distance{
margin-top: -5px;
}
.hotel-address-detail{
    font-family: "Inter";
font-size: 14px;
font-weight: 500;
color: #0E171F;
text-transform: uppercase;
width: 70%;
}

.hotel-distance-detail{
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;    
    color: #0E171F;
    
}

.hotel-price-wrapper{
    display: flex;
    justify-content: end;
    align-items: center;
    gap:10px;
    
}

.hotel-price{
    
    font-family: "Quicksand", serif;
font-size: 28px;
font-weight: 700;
text-align: right;
color:#36A4FB;
margin-top: -7px;
}

.hotel-price span{
    font-family: "Inter";
font-size: 12px;
font-weight: 500;
line-height: 18px;
text-align: right;
color:#0E171F;
display: block;
}


.back-to-search{
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
color:#09253C;
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 10px;
}


.selected-filter #hotel-search-form{
    width:100%
}

.selected-filter #hotel-search-form .form-group
{
    width: 100%;
}

.package-item{
    border: 1px solid #FB7136;
    padding: 20px;
    border-radius: 10px;
    margin:10px 0
}

.package-rooms{

}

.room-header{
    display: flex;
    justify-content: space-between;
    font-family: "Quicksand", serif;

}

.room-header .room-name{
    color:#09253C;
    font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: left;
}
.room-header .room-bed{
    color: #36A4FB;
    font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-align: left;

}


.room-header .room-adult-icon{
    background: #36A4FB;    
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-family: "Inter";
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-align: left;
display: flex;
gap:5px;
margin-bottom: 10px;

}

.room-header .start{
    display: flex;
    gap:10px;
    align-items: baseline;
}

.room-detail{
    display: flex;
    justify-content: space-between;
}

.room-services-detail{
    display: flex;    
    flex-direction: column;
    gap: 10px;
    justify-content: start;
}

.room-service-item{
    font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 16px;
text-align: left;
color:#09253C;

}

.room-service-item img{
display: inline;
}

.btn-orange{
    background:#FB7136;
    color:#fff;
    font-family: "Quicksand", serif;
font-size: 16px;
font-weight: 700;
line-height: 23.76px;
text-align: center;
padding:15px;
display: flex;
border-radius: 10px;
}

.pp{
    color:#36A4FB;
    font-family: "Quicksand", serif;
font-size: 28px;
font-weight: 700;

text-align: left;

}

.room-price{
    display: flex;
    justify-content: end;
    align-items: center;
}


.hotel-tabs{
 display: inline-block;           
 background: #09253C14;
 font-family: "Inter";
font-size: 13px;
font-weight: 400;
line-height: 16px;
text-align: left;
color:#09253C;
margin-top:30px;
border-radius: 15px;

}

.hotel-tab-items
{
display: flex;
gap:20px;
justify-content: start;
}
.hotel-tab-header{
    padding:7px 15px;
    border-radius: 15px;
    cursor: pointer;
}

.hotel-tab-header.active{
    background: #36A4FB;
    color:#fff;
}



.inner-slide-item{
    height: 450px;
    width:100%;
    background-size: cover !important;
    background-repeat: no-repeat;

    background-position: center !important;
  background-repeat: no-repeat !important;
  
}

.inner-slide-item-thumb{
    height: 50px;
    width:50px;    
    background-size: cover !important;
    background-repeat: no-repeat !important;
}



.hotel-page-bg{        
    background-image: url('../images/hotel-bg2.jpg'); /* Replace with the actual image path */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: top; /* Positions the image at the top */
    background-size: contain;
    position: unset;
}

.hotel-page-bg-white{          
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, #FFFFFF 86%);
    width: 100%;
    min-height:460px;
    padding-top:80px;    
}


.filter-heading{
font-family: "Quicksand", serif;
font-size: 18px;
font-weight: 700;
text-align: left;
color: #09253C;
margin-bottom: 10px;
}

.filter-detail{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.filter-detail-item
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-detail-item-label{
font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-align: left;
color:#0E171F;
display: flex;
gap:10px;
align-items: center;
}

.filter-detail-item-count{
font-family: "Inter";
font-size: 10px;
font-weight: 700;
line-height: 14.29px;
text-align: left;
color: #36A4FB;
}

.filter-block{
    margin-top:10px;
    margin-bottom: 10px;
}

.custom-checkbox {
    appearance: none; /* Remove default styling */
    width: 16px; /* Custom width */
    height: 16px; /* Custom height */
    border: 1px solid #36A4FB; /* Border color */
    border-radius: 2px; /* Optional: rounded corners */
    outline: none; /* Remove default outline */
    cursor: pointer; /* Change cursor on hover */
}
#display-search-result-map{
    text-align: center;
    justify-content: center;
    margin-bottom: 20px;
    font-family: "Quicksand", serif;
    font-size: 16px;
    font-weight: 700;
    color: #09253C;
    padding: 10px !important;

}

#display-search-result-map img{
    margin-right: 5px;
}
.hotel-search-filters{
    min-height: 100vh;
    background: #fff;
    border: 1px solid #FFFFFFE5;
    padding:15px;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000000D;
    border-radius: 10px;

    background: #FFFFFF59;
    border: 1px solid #FFFFFFE5;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000000D;

}

 #filter-range-slider .ui-slider-range{
    background: #dff0fe;
    height:15px;
    border:0 !important
}

#filter-range-slider .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
    background: #36A4FB;
    border: 0;
}

.ui-slider{
    height:15px;
} 

#hotel-filter-min-value
{
    display: flex;
  justify-content: start;
  margin-bottom: 10px;
  font-family: "Inter";
font-size: 13px;
font-weight: 700;
line-height: 18.57px;
text-align: left;
color: #36A4FB;

}

.ui-slider{
    height: 15px;
}

#hotel-filter-max-value
{
    display: flex;
  justify-content: end;
  margin-top: 10px;
  font-family: "Inter";
font-size: 13px;
font-weight: 700;
line-height: 18.57px;
text-align: left;
color: #36A4FB;

}

.ui-slider-horizontal .ui-slider-handle{
    top:0.4em !important
}

.ui-widget.ui-widget-content{
    border: 0;
}

.slider {
    margin: 20px;
    width: 100%; /* Set slider to full width */
}

/* Customize the slider track */
.ui-slider {
    background: #36A4FB29; /* Slider bar background color */
    height: 15px; /* Adjust the height of the track */
}

/* Customize the slider handle */
.ui-slider-handle {
    background: #36A4FB; /* Slider thumb background color */
    border: none; /* Remove the border */
    width: 20px; /* Adjust width of the thumb */
    height: 20px; /* Adjust height of the thumb */
    cursor: pointer; /* Show pointer cursor on hover */
    border-radius: 50%; /* Make the thumb circular */
    margin-top: -7px; /* Center the thumb on the track */
}

/* Optional: Add hover effect to the thumb */
.ui-slider-handle:hover {
    background: #2e8bbf; /* Darker shade on hover */
}

.filter-star-rating{
    display: flex;
    gap: 5px;
}

.filter-star-rating img{
    width:15px;
    height: 15px;
}

.hotel-search-container{
    
  position: relative;
  
}

.hotel-package-container{
    
    position: relative;
    
}

.hotel-tab-details .hotel-detail{
    display: flex;
    justify-content: space-between;
}

.hotel-name-rating{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #09253C;
display: flex;
gap:10px;

}

.hotel-name-rating img{
    width:14px;
    height: 14px;
}


.hotel-tab-details .hotel-location{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #0E171F;
margin-top: 10px;
}

.hotel-rating-ta{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #36A4FB;
}

.hotel-rating-ta span{
    font-size: 12px;
}

.hotel-detail{
    margin-bottom: 5px;
}


.hotel-rating-ta-super{
    color: #0E171F;
    font-family: "Inter";
font-size: 12px;
font-weight: 400;
margin-top: -10px;
text-align: right;
}

.slick-next{
    right:10px;
    z-index: 3;
}

.slick-prev{
    left:10px;
    z-index: 3;
}

.hotel-details-description{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;
color:#0E171F;
/* padding: 20px;
background: #fefefe;
border-radius: 10px;
border: 1px solid #FFFFFFE5;
backdrop-filter: blur(6px);
box-shadow: 0px 20px 40px 0px #0000000A; */

}

.hotel-packages-heading{
font-family: "Quicksand", serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #09253C;
border-bottom: 1px solid #09253C14;
padding-bottom: 15px;

}

.hotel-packages
{
    /* background: #fefefe;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000000A;
    padding: 20px;
    
border-radius: 10px; */
}

.hotel-package-filter{
    display: flex;
    gap:20px;
    padding-top:20px;
    padding-bottom: 20px;
    font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-align: left;
color: #0E171F;
}

.hotel-package-fitler-item input{
    margin-right:10px
}

.package-room-name{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #09253C;
}

.package-room-bedtype{
    color: #36A4FB;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    
}

.tarrif-per-night{
    color:#0E171F;
    font-family: "Inter";
font-size: 12px;
font-weight: 500;
line-height: 18px;
text-align: left;
margin-top:7px

}

.room-price .pp{
margin-right: 10px;
text-align: right;
}

.btn-orange img{
    margin-left:10px
}

/* .hotel-facility-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
} */
/* 
.hotel-facility-wrapper .facility-item {
    flex: 1 1 20%; 
    box-sizing: border-box; 
} */

.facility-item{
    margin:10px 0
}

.filter-star-rating {
display: flex;
gap: 5px;
}

.hotel-name-detail .hotel-name{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #09253C;
}

.hotel-name-detail .hotel-location{
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color:#0E171F
}
.hotel-info{
    display: flex;
    justify-content: space-between;
}
.hotel-info .hotel-pic{
width:260px;
}


.room-guest-info-room-title{
    font-family: "Quicksand", serif;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #09253C;
margin-bottom: 20px;
}

.room-guest-info-wrapper{
    border-bottom: 1px solid #09253C14;
    padding: 20px;
    background: #fff;
}

.room-guest-info-room-title span{
    display: inline-block;
    padding: 5px 15px ;
    color: #44E64A;
    background: #50EE551A;
    border: 1px solid #44E64A;
    border-radius: 10px;
    font-family: Inter;
font-size: 12px;
font-weight: 500;
line-height: 14.52px;
text-align: left;

}

.room-guest-detail-wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.room-guest-detail-row{
    background: #F2F8FF;
    border: 1px solid #D5E2F1;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}


.room-guest-detail-row .row-group{
    width:33%
}

.room-guest-detail-row .row-group input{
    background: #FFFFFF;
    box-shadow: 0px 2px 16px 0px #11123908;
    border: 1px solid #EDEDED;
border-radius: 10px;
}

.room-guest-detail-row .row-group label{
    font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 18px;
letter-spacing: -0.01em;
text-align: left;
color: #09253C;
display: block;
}

.room-guest-detail-row .row-group label .required{
    color: #FB7136;

}

.tab-content, .tab-wraper .tab{
    border-bottom: 0;
}
.tab-content, .tab-wraper{
    border: 1px solid #FFFFFF;
    background: #FFFFFF59;
    box-shadow: 0px 20px 40px 0px #09253C0A;
margin-bottom: 15px;
padding: 0 15px;
  border-radius: 10px;
  background: #fff;
}

.tab-item span{
    background: #FB71361F;
  border: 1px solid #FB7136;
  backdrop-filter: blur(12px);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  padding-top: 5px;
  color: #FB7136;
  padding-left: 0px;
}

.payer-info-title{
font-family: "Quicksand", serif;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #09253C;
}


.payer-info-fields{
    display: flex;
    flex-wrap: wrap;
}
.payer-info-fields .row-group{
    width:33%;
    margin:10px 0
}

.payer-info-fields .row-group input, .payer-info-fields .row-group select{
    background: #FFFFFF;
    box-shadow: 0px 2px 16px 0px #11123908;
    border: 1px solid #EDEDED;
border-radius: 10px;
width:95%
}

.payer-info-fields .row-group label{
    font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 18px;
letter-spacing: -0.01em;
text-align: left;
color: #09253C;
display: block;
}

.payer-info-fields .row-group label .required{
    color: #FB7136;
}

.payer-coupon-code{
    background: #36A4FB14;
display: flex;
width: 100%;
padding: 20px;
border-radius: 10px;
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.01em;
text-align: left;
gap:15px
}

.payer-coupon-code .row-group input{
    background: #FFFFFF;
    box-shadow: 0px 2px 16px 0px #11123908;
    border: 1px solid #EDEDED;
border-radius: 10px;   
}

.payer-coupon-code .btn-black{
    padding: 7px 20px !important;
}

.continue-payment{
    display: flex;
    justify-content: end;
}

.discover-heading-top{
    font-family: "Quicksand", serif;
    font-size: 40px;
    font-weight: 700;
    color: #36A4FB;
}

.discover-heading{
font-family: "Quicksand", serif;
font-size: 80px;
font-weight: 700;
color: #09253C;
}

.discover-hotel{
    padding-top:60px;
    background: url('../images/Vector\ 122.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}

.discover-description
{
    max-width: 60%;
    font-family: "Inter";
font-size: 16px;
font-weight: 400;
color: #29323C;

}

.reserve-button{
    width: auto;
  display: inline-block;
  margin-top:20px
}

.reserve-button .btn-orange{
    padding: 10px 20px;
}

.booking-reference-wrapper{
    border: 1.5px solid #36A4FB;
    display: flex;    
    
    justify-content: space-between;
    background: #FFFFFF59;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000001A;

}


.round-blue-half-circle{
    background: #36A4FB;
    height: 100%;
    width: 200px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.round-blue-half-circle img{
    width:60px;
    margin-right: 10px;
}

.booking-reference-wrapper .start{
    display: flex;
    justify-content: start;
}
.booking-reference-wrapper .end{
    display: flex;
    justify-content: end;
}

.info-booking-ok{
    margin-left:20px;
    padding: 10px 0;
}

.info-booking-name{
font-family: "Quicksand", serif;
font-size: 24px;
font-weight: 700;

color: #09253C;
}

.info-booking-description{
font-family: "Inter";
font-size: 13px;
font-weight: 400;
color: #0E171F;
}

.booking-ref{
    border: 1px dashed #36A4FB;
  padding: 10px;
  background: #FFFFFF59;
  box-shadow: 0px 20px 40px 0px #00000014;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px;
}

.booking-ref label{
font-family: "Inter";
font-size: 14px;
font-weight: 600;
color: #0E171F;

}

.booking-ref-num{
font-family: "Quicksand", serif;
font-size: 24px;
font-weight: 700;
color: #FB7136;
}

.booking-hotel-details{
font-family: "Quicksand", serif;
font-size: 24px;
font-weight: 700;
color: #09253C;
margin-top:30px
}

.booking-hotel-rooms{
    background: #FFFFFF59;
    border: 1px solid #FFFFFFE5;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #09253C05;
    padding: 20px;
    border-radius: 16px;
}

.booking-hotel-title{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
color: #09253C;
display: flex;
justify-content: start;
align-items: center;

}

.booking-hotel-title img{
    margin-right:10px
}


.booking-hotel-rooms-wrapper{
    display: flex;
    flex-direction: column;
}

#rooms-selected{
    cursor: pointer;
}

.click-arrow-direction img{
    display: inline-block;
}

.hotel-filter-options label{
    font-family: "Inter";
font-size: 12px;
font-weight: 500;
color: #09253C;
display: flex;
  gap: 10px;
  align-items: start;
}

.hotel-filter-options label div{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
color: #0E171F;
}

.sort-by-placeholder{
font-family: "Inter";
font-size: 14px;
font-weight: 600;

color: #09253C;
}

.checkout-tabs{
    margin-top: 20px !important;
}


.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent background */
    z-index: 1050; /* Bootstrap modals are 1040, so 1050 will place it above */
    
}

.h-100{
height: 100%;
}




.user-nav {
    font-family: "Quicksand", serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Allows for multi-row layout */
    gap: 1rem;
    border: 1.5px solid #FB7136;
    padding: 1rem;
    border-radius: 8px;
    background-color: #fff;

    backdrop-filter: blur(6px);

box-shadow: 0px 20px 40px 0px #0000000A;

}

.left-info {
    flex: 1 1 50%; /* Take up half the width of the container */
}

.right-actions {
    display: flex;
    flex-direction: column; /* Stack buttons vertically */
    align-items: flex-end;
    gap: 0.5rem;
}

.right-actions .btn {
    min-width: 120px;
}

@media (max-width: 768px) {
    .left-info, .right-actions {
        flex: 1 1 100%; /* Full width for small screens */
        text-align: center;
    }

    .right-actions {
        align-items: center;
    }
}


.booking-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

.section-block {
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    padding: 20px;
}

.booking-header {
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 2px solid #ddd;
}

.text-primary {
    color: #007bff;
}

.text-secondary {
    color: #6c757d;
}

.shadow-sm {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.bg-light {
    background-color: #f8f9fa;
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #f8f9fa;
    cursor: pointer;
}

.card-header:hover {
    background-color: #e9ecef;
}

.section-block {
    margin-top: 1rem;
}

.bg-light {
    background-color: #f8f9fa !important;
}


#hotel-search-form #destination-g, #hotel-search-form #date,#hotel-search-form #rooms-selected, #searchbar-display-date{
    border:0 !important;
    padding-left:0;
    font-family: "Inter";
font-size: 14px;
font-weight: 700;

text-align: left;
color: #0E171F;

}

.main-nav-item{
font-family: "Inter";
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-align: left;

}

.main-nav-item img{
    display: inline;
    max-width: 20px;
    margin-right:10px
}

.image-slider-nav img{
    width: 80px;
    height: auto;
    cursor: pointer;
}

.image-slider-nav .slick-slide {
    margin: 5px;
}

.image-slider-nav .slick-current img {
    border: 2px solid #000; /* Highlight the selected thumbnail */
}

.extra-search-bar{
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-top:15px
}

.search-on-map, .search-options{
    font-family: "Inter";
font-size: 14px;
font-weight: 600;
line-height: 16px;
color: #09253C;

background: #FFFFFF80;
border: 1px solid #FFFFFFE5;
padding:7px 10px;
border-radius: 8px;
cursor: pointer;
}

.search-on-map img, .search-options img{
    display: inline-block;
}

#search-bar-map-selection{
    height:400px;
    width:80%;
}

.search-options-extra{
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding:10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.search-options-extra .option-group{
    display: flex;
    justify-content: space-between;
}


.slider-inner-block {
    display: flex; 
    justify-content: center;
    align-items: end;
    width: 100%;
    max-height: 350px; 
    position: relative;
    text-align: center;
    color: #fff;    
    overflow: hidden;
    background-size:cover;
    background-position:center ;
}


.inner-blocks{
    width: 25%;
}

.slider-inner-block .slider-image{
    position: absolute;
    border-radius: 10%;
    padding: 0 10px;
}

.slider-inner-block-bg{
    display: flex;
    align-items: end;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: relative;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    padding: 10px 10px;
  
}

.slider-inner-block-bg a{
    color: #FFFFFF;
    font-family: "Quicksand", serif;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.slider-inner-block-bg .icon{
    width: 35px;
}

h3{
    font-family: "Quicksand", serif;
    font-size: 1.5em;
font-weight: 700;
line-height: 59.4px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}

h3 .blue-text{
    color:#36A4FB
}

.section-space-80{
    margin-top:80px;
    margin-bottom: 80px;    
}
.pb-60{
    padding-bottom: 60px;
}
.pt-80{
    padding-bottom: 80px;
}

.bg-gradient-whtie-bluewhite{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F2F9FF 100%);    
}

.discover-amazing-stay .image-bg{
    width:100%;
    height:300px;
    border-radius: 10px;
    background-size: cover !important;
  background-position: center center !important;
}

.discover-amazing-stay .bg-overlay{
    background: linear-gradient(180deg, rgba(54, 164, 251, 0) 64%, #09253C 100%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    font-family: "Quicksand", serif;
font-size: 24px;
font-weight: 700;
line-height: 32px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
border-radius: 10px;
}

.discover-amazing-stay  .country-text{
    padding: 24px;
}

.discover-amazing-stay .slide-wrapper{
    padding:10px;
    
}


.popular-destination-slider .slider-wrapper{    
    background: #fff;    
    padding: 10px;
}

.popular-destination-slider .slider-card{
    border-radius: 10px;
    overflow: hidden;
}
.popular-destination-slider .slider-img{
    width:100%;
    height:300px;
    background-size: cover !important;
    background-position: center center !important;
}

.popular-destination-slider .sldier-body{
    padding: 20px;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    background: #B6B6B614;
}

.popular-destination-slider .sldier-body .heading{
    font-family: "Quicksand", serif;
font-size: 24px;
font-weight: 700;
text-align: left;
color:#36A4FB;
margin-bottom: 10px;
}


.popular-destination-slider .sldier-body .body{
    color: #29323C;
    
    font-family: Inter !important;
font-size: 16px;
font-weight: 400;
line-height: 24px;

}

.popular-destination-slider .sldier-body .price-offer{
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    color: #0E171F;
    margin-top: 10px;
    margin-bottom: 20px;
}

.popular-destination-slider .sldier-body .price-offer span{
    color: #36A4FB;
}

.sldier-body .cta .btn-orange{
width: 150px;
display: block;
}

.sldier-body .cta .btn-orange img{
    display: inline-block;
}

h3 img{
    display: inline-block;
}

.popular-destinations .info-detail-icon{
    font-family: "Roboto";
font-size: 20px;
font-weight: 600;
line-height: 64px;
text-align: center;
color: #09253C;

}

.popular-destinations .info-detail-icon img{
    margin-top: 30px;
    margin-left:20px
}

.popular-destination-slider{
    margin-top: 30px;
    margin-bottom: 60px;
}


.footer-wrapper{
    background: #0E171F;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 40px;
}

.footer-wrapper .logo-footer{
    font-family: "Quicksand", serif;
    font-size: 23.7px;
    font-weight: 700;
    color: #fff;
}

.footer-wrapper .logo-footer .blue-text{
    color: #36A4FB;
}

.footer-wrapper .social-media{
    margin-top: 50px;
    margin-bottom: 50px;
}

.footer-wrapper .heading{
    
    font-family: Roboto;
font-size: 16px;
font-weight: 700;

}

.footer-wrapper{
    color: #929DAA;
}
.footer-wrapper .contact-info .email{
    color: #36A4FB;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
}



.footer-wrapper .heading-blue{
    font-family: Roboto;
font-size: 20px;
font-weight: 700;
color: #36A4FB;
}


.footer-wrapper .footer-links{
    margin:0;
    padding: 0;
}

.footer-wrapper .footer-links a{
    color: #929DAA;
    font-size: 16px;
    font-weight: 400;
    display: block;    
    margin:10px 0
}


.sep-line{
    height: 1px;
    background: #929DAA1A;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;
}

.footer-wrapper .rights-reserved{
    font-family: Roboto;
font-size: 14px;
font-weight: 400;
color: #36A4FBB2;

}

.footer-wrapper .footer-desc{
    font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-top: 24px;
margin-bottom: 24px;
color: #929DAAB2;
}

.age-selector-wrapper{
    display: flex;
    flex-direction: column;
}
.infant-secltor{
    flex-direction: column;
}

.marker-price-tag{
    width:auto;
    border:4px solid #fff;
    background: #36A4FB;
    font-size: 0.9em;
    font-family: "Inter";
    padding:10px 15px;
    border-radius: 7px;
    font-weight: 700;
    color: #fff;
    position: relative;
}

.map-hinfo{
    display: flex;
    gap:10px
}

.map-hinfo .hinfo{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: #09253C;

}
.map-hinfo .address{
    font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #0E171F;

}
.map-hinfo .star-rating{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: #36A4FB;

}

.map-hinfo .offer a{
    display: block;
    padding: 10px 15px;
    font-family: "Quicksand", serif;
font-size: 16px;
font-weight: 700;
border: 1px solid #09253C;
border-radius: 10px;
width: 150px;

}

.option-text
{
    width:70%
}
.option-text .start-range{
    font-family: "Inter";
font-size: 13px;
font-weight: 700;
line-height: 18.57px;
color: #36A4FB;
}

.option-text .end-range{
    font-family: "Inter";
font-size: 13px;
font-weight: 700;
line-height: 18.57px;
color: #36A4FB;
text-align: right;
}

#search-hotel-fitler-budget{
width: 98%;
margin-bottom: 5px;
}
.option-label{
    font-family: "Inter";
    font-size: 13px;
    font-weight: 500;
    line-height: 18.57px;
    color: #0E171F;
}

.search-options i{
    color: #36A4FB;
}

.search-filter-checbox{
    margin:5px
}

.box-card{
    background: #FFFFFF59;
    border: 1px solid #FFFFFFE5;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000000A;
    padding: 10px;
    border-radius: 15px;
    margin:15px 0;

    font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 16px;

color: #09253C;
}

.box-card h2{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
border-bottom: 1px solid #eee;
padding-top:10px;
padding-bottom: 10px;
color: #09253C;

}


.icon-8{
    width:8px;
    display: inline;
}

.icon-20{
    width:20px
}

.mr-10{
    margin-right: 10px;
}

.view-comments{
    background: #929DAA0D;
    border: 1px solid #FFFFFFE5;
    backdrop-filter: blur(8px);
    box-shadow: 0px 4px 24px 0px #0000000D;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
padding: 10px;
    
}

.overall-rating-avis{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.overall-star{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
color: #36A4FB;

}

.overall-star img{
    width: 20px;
}

.overall-star span{
    font-size:12px
}

.rating-overview h4{
    font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 16px;
color: #09253C;
border-bottom: 1px solid #EAEAEA;
padding-bottom:10px
}

.icon{
    display: inline;
}

.w-60{
    width:60%
}

.h-15{
    height: 15px;
}

.rating-overview-summary .title{
    font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 16px;

color: #09253C;
}

.mb-10{
    margin-bottom: 10px;
}

.overall-star{
    display: flex;
    gap:6px
}

.overall-rating-avis .hotel-info{
    margin:10px 0;
    flex-direction: column;
}

.f-col{
    flex-direction: column;
}

.book-hotel-info .hotel-name{
    font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 16px;
color:#09253C
}

.vertical-sep{
    height: 100%;
    width:1px;
    background:  #09253C14;
    margin-left:20px;
    margin-right:20px;
}

.book-hotel-info .price-total label{
    font-family: Inter;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color:#09253C
}

.book-hotel-info .price-total span{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 32px;
text-align: left;
color:#36A4FB
}

.book-hotel-info{
    display: flex;    
    align-items: center;
}

.existing-guest-payer{
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 15px;
}
.existing-guest-payer label{
display: inline-block !important;
font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 18px;
letter-spacing: -0.01em;
color: #09253C;
}
.existing-guest-payer select{
    width: 300px;
    height: 40px;
    display: inline-block;
}

.payment-options{
    font-family: "Quicksand", serif;
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #09253C;

}

.payment-option-left{
    display: flex;
    gap: 10px;
}

.payment-option-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #09253C14;
    margin:10px 0
}

.cart-total{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;

color: #36A4FB;
}

.payment-confirm-info{
    display: flex;
    gap:10px;
    
    border-radius: 10px;
    border: 1px solid #44E64A;
    margin:10px 0;
    overflow: hidden;
}

.payment-confirm-start{
    background: #50EE55;
    display: flex;
    align-items: center;
    padding: 20px;
}

.book-hotel-alert-orange .payment-confirm-start{
    background: #FB7136;
    display: flex;
    align-items: center;
    padding: 20px;
}


.payment-confirm-text .detail-text{
    font-family: "Inter";
font-weight: 400;
font-size: 16px;
line-height: 28px;
letter-spacing: 0%;
color: #000;

}

.payment-confirm-info .heading-text{
    font-family: "Quicksand", serif;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: left;

color: #09253C;
}

.payment-confirm-info ul{
    margin:0;
    padding:0;
    font-family: Inter;
font-size: 14px;
font-weight: 500;
color: #09253C;

}

.payment-confirm-info li span{
    font-family: Inter;
font-size: 14px;
font-weight: 700;

color: #FB7136;
}

.payment-confirm-text{
    padding: 10px;
    display: flex;
  align-items: center;
}

.continue-payment{
    margin-bottom: 50px;
}

.customer-menu{
    display: flex;
  gap: 10px;
  align-items: center;
}

.dd-menu{
    position: absolute;
    display: none;
  left: -50px;
  margin: 0;
  padding: 0;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}

#hotel-search-results{
    position: absolute;
  max-height: 250px;
  overflow: auto;
  background: #fff;
  padding: 10px;
  margin: 0;
  box-shadow: 0px 20px 40px 0px #0000001A;  
  border-radius: 10px;
  max-width: 200px;
}

#hotel-search-results li{
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-size: 0.8em;
  font-family: "Inter";
  color: #09253C;
}

#hotel-search-results li:hover{
    background: #eee;
cursor: pointer;
}


.book-hotel-page .hotel-page-bg, .confirm-payment-page .hotel-page-bg{
    /* background-size: cover !important; */
}

.payment-form{
    background: #FFFFFF59;
    border: 1px solid #FFFFFFE5;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #09253C05;

    padding: 20px;
    border-radius: 10px;

}

.payment-form .heading{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 32px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.payment-form .start{
    color: #09253C;
}
.payment-form .end{
    color: #36A4FB;
}

.selected-hotel .heading{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 32px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #09253C;
}

.selected-hotel .hotel-info{
    border-bottom: 1px solid #eee;
}

.selected-hotel .stay-dates{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}

.selected-hotel .stay-nights{
    font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 18px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #0E171F;
}
.selected-hotel .stay-rooms{
    font-family: "Quicksand", serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
color: #09253C;    
}

.selected-hotel .stay-rooms span{
    font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}


.selected-hotel{
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000000A;

}

.book-hotel-alert-info{
    display: flex;
    border: 1px solid #44E64A;
    border-radius: 10px;
margin:10px 0;
overflow: hidden;

}

.book-hotel-alert-orange{
      display: flex;
    border: 1px solid #FB7136;
    border-radius: 10px;
margin:10px 0;
overflow: hidden;
background: #FB713614;
}

.book-hotel-alert-info .payment-confirm-text{
    background: #50EE551A;
    width: 100%;
padding: 10px;
}

#hotel-info-card .hotel-name-detail{
    display: flex;
}
#hotel-info-card  .hotel-pic{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    margin-right: 15px;
}

#hotel-info-card
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #FFFFFFE5;
    background: #FFFFFF59;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000000A;
    

}

#hotel-info-card .hotel-card-footer .date{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #0E171F;
}

#hotel-info-card .hotel-card-footer .nights{
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    color: #0E171F;
}

#hotel-info-card .hotel-card-footer .selected-room{
    font-family: "Quicksand", serif;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: left;

}

#hotel-info-card.style-2 .hotel-pic{
    width:80px;    
    border-radius: 10px;    
    background-size: cover !important;
}


.hotel-policy h3{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: #09253C;
text-align: left;

}

.hotel-policy{
    margin-top:15px;
    text-align: left;
    border: 1px solid #09253C14;
    padding: 15px;
    border-radius: 10px;
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 24px;

}

.new-card{
    background: #FFFFFF59;
    border: 1px solid #FFFFFFE5;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #09253C05;
    padding: 20px;
    border-radius: 15px;
    margin-bottom:10px 
}

.new-card-header .heading{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 32px;
text-align: left;

}

.booked-room-detail-item{
    background: #F2F8FF;
    border: 1px solid #D5E2F1;
    padding: 8px 15px;
    border-radius: 8px;
    margin:10px 0
}

.booked-room-detail-item .room-title{
    font-family: "Quicksand", serif;
font-size: 18px;
font-weight: 700;
line-height: 28px;

}

.booked-room-detail-item label{
    font-family: "Quicksand", serif;
font-size: 16px;
font-weight: 700;
line-height: 28px;
}

.booked-room-detail-item p{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 24px;

}

.booking-payment-details-item{
    font-family: "Inter";
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #09253C14
        
}

.booking-payment-details .amount{
font-family: "Inter";
font-size: 14px;
font-weight: 700;
line-height: 24px;


}

.booking-payment-details-item.final{
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;          
}

.booking-payment-details-item.final .amount{
    color: #36A4FB;
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
line-height: 32px;
text-align: left;


}

.travels-features
{
    background: linear-gradient(180deg, #F2F8FF 0%, #FFFFFF 100%);
    padding: 80px;
    padding-bottom: 10px;
}

.travels-features  h3{
    font-family: "Quicksand", serif;
    font-size: 40px;
    font-weight: 700;    
    text-align: center;       
    margin-bottom: 40px;
    color: #09253C;
    line-height: unset;
}

.travels-features .row{
    max-width: 1500px;
    margin: auto;
}

.travels-features  h3 img{
    display: inline;
    margin:0 10px
}

.travels-features  h3 span{
 color: #36A4FB;   
}

.icon-with-text{
    background: #FFFFFFCC;
    box-shadow: 0px 24px 40px 0px #09253C0A;
    border: 1px solid #FFFFFFE5;
    padding: 20px;
    border-radius: 15px;
}

.icon-with-text .icon{
    height: 50px;
    margin-bottom: 10px;
}
.icon-with-text .icon img{
    max-height: 40px;
}

.icon-with-text .heading{
    font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
text-align: left;
color: #09253C;
margin-bottom: 10px;
}

.icon-with-text .body{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #0E171F;
}

.search-date-group{
    position: relative;
}

.search-date-group .flatpickr-calendar{
    top:30px !important;
    left:0 !important;
}

#destination-g{
    
}

.destination-group{
    border-bottom-left-radius: 10px !important;
  border-top-left-radius: 10px !important;
}

.hotel-country-month-slider{
    
}

.offer-cities-wrapper{
    display: flex;
    align-items: end;
    gap: 20px;

}

.offer-city-slide-wrapper{
    width: 25%;
    flex:auto;

}


.offer-city-slide-item{
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 85%;
    border-radius: 30px;
    display: flex;
    align-items: end;
    overflow: hidden;
}


.offer-city-text{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
    align-items: center;
}

.offer-city-text a{
    font-family: "Quicksand", serif;
font-size: 1.5em;
color: #fff;
font-weight: 700;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}

.offer-city-text img{
    width: 30px;
}

.offer-city-dark-bg{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
width: 100%;
height: 100%;
display: flex;
align-items: end;
}

.offer-city-name{
width: 60%;
}

.amazing-stay h3, .popular-destinations h3{
 color: #09253C;   
}

.search-hotel-rating img{
    width: 15px;
    margin-right: -3px;
}

.search-hotel-rating{
    margin-top: -5px;
}

.hotel-search-offer-btn{
    padding: 13px 30px;
    font-family: "Quicksand", serif;
    font-size: 16px;
    font-weight: 700;
    color: #09253C;
    align-items: center;

}
.hotel-search-offer-btn img{
    margin-left: 5px;
    margin-top: 5px;
}

.room-reserve .btn-orange{
    font-size: 16px;
}

#load-more{
    font-family: "Quicksand", serif;
    font-size: 16px;
font-weight: 700;


}

.tab-wraper h2{
    font-family: "Quicksand", serif;
    font-size: 16px;
font-weight: 700;
color: #09253C;
margin-bottom: 0;

display: flex;
  align-items: center;
  gap: 10px;
}

.view-details a{
    font-family: "Inter";
font-size: 14px;
font-weight: 600;

color: #09253C;
}

.book-hotel-info img{
    margin-right: 10px;
}

.hotel-info-card{
    display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  width: 100%;
}

.hotel-card-footer{
    border-top: 1px solid #09253C0D;
    padding-top: 15px;
    margin-top: 40px;
}

.hotel-card-footer .room-name{
    font-family: "Quicksand", serif;
    font-size: 1.15em;
font-weight: 700;
color: #09253C;


}

.hotel-info .start{
    width: 100%;
}

.hotel-info-card .hotel-pic{
    height: 260px;
  background-size: cover !important;
}


.room-main-image{
    width: 100%;
    max-width: 200px;
  height: 200px;
  background-size: cover !important;
  border-radius: 30px;
  margin-bottom: 10px;
}

.more-room-images{
    margin-bottom: 30px;
}
.more-room-images a{
font-family: "Inter";
font-size: 14px;
font-weight: 600;
color: #09253C;
}

.more-room-images a img{
    margin-left:10px
}


.room-service-label{
    font-family: "Inter";
font-size: 14px;
font-weight: 600;
color: #09253C;
}


.room-detail{
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    padding: 20px;
    align-items: center;
}
.ml-minus-25
{
    margin-left: -75px;
}

.room-service-label{
    margin-bottom: 20px;
}

.room-service-item{
    font-family: "Inter";
font-size: 14px;
font-weight: 400;
color:#0E171F;
margin: 5px 0;
}

.column-20{
    width: 18%;
    flex:0 0 auto
}
.column-80{
    width: 82%;
    flex:0 0 auto
}

.column-2{
    flex: 0 0 auto;
    width: 16.66666667%;
}

.our-holiday .btn-black{
    font-family: "Quicksand", serif;
font-size: 16px;
font-weight: 700;

text-align: center;


}

.inner-black{
    width: 100%;;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    display: flex;
    align-items: end;
    padding: 20px;
}

.large-icon{
    font-size:20px;
    color: #36A4FB;
}


.offer-cities-wrapper .slick-track{
display: flex !important;
align-items: end;
}

.filter-by-heading{
font-family: "Quicksand", serif;
font-size: 20px;
font-weight: 700;
color: #09253C;
border-bottom: 1px dashed #36A4FB33;
padding-bottom: 15px;
margin-bottom: 10px;
}


.hotel-search-image-wrapper {
    width: 100%;
    max-width: 260px; /* Adjust as needed */
    margin: auto;
}

.hotel-item-img {
    height: 260px; /* Adjust height */
    background-size: cover;
    background-position: center;
    
}

.custom-prev, .custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: none;
    border: none;
    cursor: pointer;
    width: 8px;
    background: #FFFFFF59;
    border: 1px solid #FFFFFFE5;
    backdrop-filter: blur(6px);
    box-shadow: 0px 20px 40px 0px #0000001A;
    width:34px;
    height: 34px;
    padding-left: 12px;
    border-radius: 50%;
}

.custom-prev { left: 10px; }  /* Adjust position */
.custom-next { right: 10px; }


.continue-btn-wrapper{
    display: flex;
  justify-content: end;
  margin-top: 20px;
}

.continue-btn-wrapper .btn-orange {
    min-width: 220px;
    white-space: nowrap;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* Hide items beyond the 5th one */
#filter-detail .filter-detail-item.hidden {
    display: none;
}

/* Optionally style the See More button */
#see-more-btn {
    display: block;
    margin-top: 10px;
    padding: 5px;

    font-family: "Inter";
font-size: 14px;
font-weight: 500;
line-height: 18px;
letter-spacing: -0.01em;
color: #09253C;
border-radius: 5px;
  margin-bottom: 10px;

}

#see-more-btn:hover{
    border:1px solid #222;
}

.hotel-search-container, .container-searchbar{
    padding-left:5rem;
    padding-right: 5rem;
    margin:auto auto
}


.booking-hotel-room-item {
  background-color: #f1f6fe; /* light blue background */
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #e0e6f0;
}

.room-number {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
  color: #0c2444; /* Dark navy */
}

.room-guest-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap; /* responsive on smaller screens */
}

.guest {
  flex: 1 1 45%; /* Two guests side-by-side */
}

.guest-label {
  font-weight: bold;
  color: #0c2444;
  margin-bottom: 4px;
}

.guest-name {
  font-size: 14px;
  color: #000;
}


.new-card-header .heading{
    display: flex;
  align-items: center;
  gap: 10px;
}
.new-card-header img{
    display: inline-block;
}

.new-card-body .r1{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EEEEEE;
    padding:15px 0
}

.new-card-body .c1{
    font-family: "Inter";
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
color: #0E171F;
}

.new-card-body .c-strong{
    font-family: "Inter";
font-weight: 700;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
color: #0E171F;
}

.new-card-body .c1.c1-total
{
    font-family: "Inter";
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: 0%;
color: #0E171F;
}

.new-card-body .c1.c1-total.c-strong
{
 font-family: "Quicksand", serif;
font-weight: 700;
font-size: 32px;
line-height: 34px;
letter-spacing: 0%;
color: #36A4FB;
}

.booking-hotel-details h3{
 font-family: "Quicksand", serif;
font-weight: 700;
font-size: 24px;
line-height: 32px;
letter-spacing: 0px;
color: #09253C;
text-align: left;
}

.payment-form .heading{
    display: flex;
    justify-content: space-between;
}

.new-card-blue{
    background: #F2F8FF;
    padding:10px;
    border-radius: 10px;
    border:1px solid #D5E2F1
}

.new-card-header-blue{
font-family: "Quicksand", serif;
font-weight: 700;
font-size: 18px;
line-height: 28px;
letter-spacing: 0px;
border-bottom:1px solid #D5E2F1;
padding-bottom: 5px;
padding-top: 5px;
}

.new-card-blue .detail-rows .row1{
border-bottom:1px solid #D5E2F1;
padding-bottom: 5px;
padding-top: 5px;
}

.new-card-blue .detail-rows .row1 label{
    font-family: "Inter";
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 0%;
color: #0E171F;

}

.new-card-blue .detail-rows .row1 div{
    font-family: "Inter";
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0%;
color: #0E171F;
}

.new-card-blue .detail-rows .row1.info-price span{
    color: #36A4FB;
    font-weight: bold;
}

#conditions h4{
    font-size:16px;font-weight: bold;
}


.flights-index .page-header{
    background: url('../images/flights-bg.jpg');
    background-size: cover;  
    min-height: 600px;  
    background-position: center;
}

.flights-index .page-title
{
      font-size: 3.5rem;
    line-height: 1.5;        
}

.page-title .logo-text{
    background: radial-gradient(58.64% 58.64% at 50.6% 100.19%, rgba(167, 216, 255, 0.9) 0%, rgba(54, 164, 251, 0.9) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    transform: rotate(2deg);
  display: inline-block;
  color: #fff;
  padding: 15px;
  border-radius: 15px;
    line-height: 1;
}

.flights-trip-type{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:40px 0
}

.flights-trip-type .trip-type-container{
    display: flex;
    background: #FFFFFFCC;
    justify-content: center;
    align-items: center;
    padding: 20px 30px;
    border-radius: 10px;
    gap:20px;

    font-family: "Inter";
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
}

#flights-search-form .form-group{
background: #fff;
padding:10px 20px;
margin-right:2px;
width: 100%;
}

#flights-search-form .form-group label{
    font-family: "Inter";
font-size: 12px;
font-weight: 700;
line-height: 16px;
text-align: left;
color: #09253C;
}


#searchbar-departure-date, #searchbar-display-date-return{
    border:0 !important;
    padding-left:0;
    font-family: "Inter";
font-size: 14px;
font-weight: 700;

text-align: left;
color: #0E171F;

}

#passengers-dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #D2D2D233;
    box-shadow: 0px 0px 24px 0px #00000014;
    z-index: 1000;
    margin-top: 5px;
}

#passengers-selected{    
  font-family: "Inter";
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #0E171F;
  cursor: pointer;
}

#origin-search-results, #destination-search-results
{
    margin: 0;
  padding: 5px;
  background: #eee;
}

#origin-search-results li , #destination-search-results li{
    cursor: pointer;
}

.book-info{
    display: flex;
    align-items: center;
}

.book-info .price-total span{
font-family: "Quicksand", serif;
font-weight: 700;
font-style: Bold;
font-size: 20px;
letter-spacing: 0%;
color: #36A4FB;
}