@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('fonts/AvenirNextCyr-Regular.woff2') format('woff2'),
        url('fonts/AvenirNextCyr-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Medium';
    src: url('fonts/AvenirNextCyr-Medium.woff2') format('woff2'),
        url('fonts/AvenirNextCyr-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro Demi';
    src: url('fonts/AvenirNextCyr-Demi.woff2') format('woff2'),
        url('fonts/AvenirNextCyr-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro Bold';
    src: url('fonts/AvenirNextCyr-Bold.woff2') format('woff2'),
        url('fonts/AvenirNextCyr-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

img {
    display: inline-block;
    vertical-align: middle;
}

body {
    font-family: 'Avenir Next LT Pro';
    line-height: normal;
    color: #031534;
    background-color: #F7F8FA;
}

p {
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 0 20px;
}

p:last-child {
    margin: 0;
}

h1 {
    font-size: 48px;
}
.text-sm-start {
	text-align: left !important;
}
.text-sm-end {
	text-align: right !important;
}
.text-sm-center {
	text-align: center !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.mt-6 {
    margin-top: 4rem !important;
}
.mt-7 {
    margin-top: 6rem !important;
}
.mt-8 {
    margin-top: 8rem !important;
}
.mt-9 {
    margin-top: 10rem !important;
}
.mt-10 {
    margin-top: 12rem !important;
}
.mt-11 {
    margin-top: 14rem !important;
}
.mt-12 {
    margin-top: 16rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-44 {
    margin-bottom: 2rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.mb-6 {
    margin-bottom: 4rem !important;
}
.mb-7 {
    margin-bottom: 6rem !important;
}
.mb-8 {
    margin-bottom: 8rem !important;
}
.mb-9 {
    margin-bottom: 10rem !important;
}
.mb-10 {
    margin-bottom: 12rem !important;
}
.mb-11 {
    margin-bottom: 14rem !important;
}
.mb-12 {
    margin-bottom: 16rem !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.fst-italic {
    font-style: italic !important;
}
.fst-normal {
    font-style: normal !important;
}
.fw-light {
    font-weight: 300 !important;
}
.fw-lighter {
    font-weight: lighter !important;
}
.fw-normal {
    font-weight: 400 !important;
}
.fw-bold {
    font-weight: 600 !important;
}
.fw-bolder {
    font-weight: 700 !important;
}
.fs-1 {
    font-size: 1rem !important;
}
.fs-2 {
    font-size: 2rem !important;
}
.fs-3 {
    font-size: 1.25rem !important;
}
.fs-4 {
    font-size: 1.50rem !important;
}
.fs-5 {
    font-size: 2.25rem !important;
}
.fs-6 {
    font-size: 2.5rem !important;
}
.section-title ~ .semi-txt {
    color: #5D6B82; /*add this*/
    font-size: 18px;
    font-family: 'Avenir Next Medium';
}
.loc-btn {
	max-width:87px;
	background-color:#EBEEF6;
	padding:4px 12px;
}
.dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border: 1px solid #ccc;
	background-color: white;
	max-height: 200px;
	overflow-y: auto;
	display: none;
	z-index: 10;
}
.dropdown div {
	padding: 8px;
	cursor: pointer;
}
.dropdown div:hover {
	background-color: #f1f1f1;
}
#input-container {
	position: relative;
	width: 100%;
}
/* my css ended here*/
#events-con img {
	max-width:400px;
	max-height:240px;
}
.btn,
.header-right .lanuage-switcher a,
.search-form  label {
    font-family: 'Avenir Next LT Pro Demi';
}
.container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.btn {
    border-radius: 6px;
    padding: 12px 25px;
    font-size: 18px;
    display: inline-block;
    overflow: hidden;
}

.btn-blue {
    background: #44B8C1;
    color: #fff;
}

.btn-blue:hover {
    background: #44B8C1;
    color: #fff;
}

.txt-white {
    color: #fff;
}

.semi-txt {
    font-size: 20px;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

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

main {
    padding-top: 85px;
}

header {
    padding: 15px 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 998;
}

.header-right {
    text-align: right;
    display: flex;
    justify-content: end;
    gap: 20px;
}

.header-right .lanuage-switcher {
    border: 5px solid #EBEEF6;
    background: #EBEEF6;
    border-radius: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.header-right .lanuage-switcher a {
    color: #031534;
    font-size: 14px;
    border-radius: 50px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
}

.header-right .lanuage-switcher a.active {
    background: #fff;
}

section {
    padding: 100px 0;
}

#search-banner {
    background: url(../img/home-banner.png) center center no-repeat;
    background-size: cover;
}


#search-banner h1 {
    margin: 0 0 20px;
}
.modal-dialog.swiper-slide-box{ width:594px;}
.search-form {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    overflow: hidden;
}

.search-form .form-row+.form-row {
    padding: 20px 0 0;
}

.search-form label {
    font-size: 14px;
    color: #031534;
    display: block;
    padding: 0 0 5px;
    font-family: 'Avenir Next LT Pro Demi';
}

.search-form input:not([type="submit"]) {
    width: 100%;
    padding: 12px 12px 12px 35px;
    border-radius: 8px;
    border: 1px solid #BFC6D6;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: 8px center;
    overflow: hidden;
}

.search-form input.city {
    background-image: url(../img/map-pin.svg);
}

.search-form input.dates {
    background-image: url(../img/calendar-event.svg);
}

.search-form input.guests {
    background-image: url(../img/user.svg);
}

.search-form .btn-search {
    display: block;
    width: 100%;
    border: none;
    background: #44B8C1 url(../img/white-search.svg) left 36% center no-repeat;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

#footer-top {
    padding: 40px 0;
}
/*nuri*/
#our-partners {
	border-radius:10px;
}
#footer-top .foot-logos {
    display: flex;
    gap: 25px;
	flex-wrap: wrap;
}
#footer-top .foot-logos img {
    width: 86px;
    height:auto;
}
.foot-visas img {
	width:68px;
	height:auto;
}

.footer-links .col-xs-6 {
    padding-right: 15px;
    padding-left: 15px;
}
.footer-links .col-sm-3 {
    padding-right: 30px;
    padding-left: 30px;
}

.business-logo img {
    width: 100%; 
    height: auto; 
    max-width: 100%; 
}
/*nuri*/
#footer-top h4 {
    font-size: 12px;
    margin: 0 0 12px;
    font-family: 'Avenir Next LT Pro Demi';
    color: #031534;
}

#footer-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer-top li {
    padding: 5px 0;
}

#footer-top li a {
    font-size: 14px;
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
}

#footer-top li a:hover {
    color: #44B8C1;
}

#footer-top .social-links {
    display: flex;
    gap: 5px;
}

#footer-top .social-links a:hover img {
    opacity: 0.8;
}

#footer-bottom {
    border-top: 1px solid #EBEEF6;
    padding: 15px 0;
}

#footer-bottom p {
    font-size: 14px;
}

#footer-bottom p strong {
    font-size: 16px;
	font-weight:600;
}
.foot-info img {
	margin-right:9px;
}


/*****/
.fillter-nav-bar {
    background-color: #8D7535;
    padding: 16px 0;
}
.fillter-nav-bar form {
    gap: 16px;
}
.form-nav {
    position: relative;
    max-width: 365px;
    min-width: 225px;
    width: 100%;
}
.form-nav> input::placeholder {
    color: #fff;
}
.form-nav> input {
    width: 100%;
    padding: 12px 12px 12px 50px;
    border-radius: 6px;
    outline: none;
    border: none;
    background-color: #a29163;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
}
.city.form-nav::after,
.dates.form-nav::after,
.guests.form-nav::after {
    content: "";
    position: absolute;
    left: 12px; 
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url('../img/map-pin.svg');
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.dates.form-nav::after {
    background-image: url('../img/calendar-event.svg');
}
.guests.form-nav::after {
    background-image: url('../img/user.svg');
}


.search-box {
    padding: 10px 24px;
    border-radius: 6px;
    outline: none;
    border: none;
    gap: 10px;
    color: #8D7535;
    font-size: 18px;
    font-family: 'Avenir Next LT Pro Demi';
    overflow: hidden;
}

.sidebar-nav {
    max-width: 308px;
    border: 1px solid #DEE3ED;
    width: 100%;
    padding: 24px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}
.content-product {
    max-width: 956px;
    border: 1px solid #DEE3ED;
    width: 100%;
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.product-logo-grid {
    gap: 32px;
    padding-bottom: 24px;
}
.line-box {
    border-bottom: 1px solid #DEE3ED !important;
}
.product-listing .list-des {
    color: #031534;
    font-size: 18px;
    font-family: 'Avenir Next LT Pro Demi';
}
.product-listing> div:nth-child(2) {
    color: #031534;
    font-size: 16px;
    font-family: 'Avenir Next LT Pro Demi';
}
.product-listing> div:nth-child(2)> select {
    color: #44B8C1;
    font-size: 16px;
    font-family: 'Avenir Next LT Pro Demi';
    border: none;
}
.product-listing> div:nth-child(2)> select:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.form-select { /*add this*/
    /* --bs-form-select-bg-img: url('/assets/images/chevron-down.png'); */
    display: block;
    width: auto;
    padding: .375rem 2.25rem .375rem 0.75rem;
    font-size: 1rem;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-position: right .75rem center;
    background-size: 14px 14px;
}
html[dir="rtl"] .form-select { /*add this*/
    background-position: left .75rem center; 
    padding: .375rem 0.75rem .375rem 2.25rem; 
}

html[dir="rtl"] .hotel-pricing .adultbox ~ .See-more { /*add this*/
    margin: 0 auto 0 0; 
}
html[dir="rtl"] p.description, html[dir="rtl"] p.content, html[dir="rtl"] .price-text, html[dir="rtl"] .founder-name, html[dir="rtl"] .founder-info-text, html[dir="rtl"] .accordion-description {
    text-align: right !important; 
}
html[dir="rtl"] input::placeholder, html[dir="rtl"] .secondary-item .textarea-field::placeholder, html[dir="rtl"] select, html[dir="rtl"] .heading-title, [dir="rtl"] label {
	text-align:right !important;
}


.pb24 {
    padding-bottom: 24px;
}
.pt24 {
    padding-top: 24px;
}
.pt16 {
    padding-top: 16px;
}
.pb16 {
    padding-bottom: 16px;
}
.mb24 {
    margin-bottom: 24px;
}
.margin0 {
    margin: 0px;
}
.gap24 {
    gap: 24px;
}
.gap16 {
    gap: 16px;
}
.mb8 {
    margin-bottom: 8px;
}
.mb12 {
    margin-bottom: 12px;
}
.mb16 {
    margin-bottom: 16px;
}
.mt16 {
    margin-top: 16px;
}
.mb18 {
    margin-bottom: 18px;
}
.mb32 {
    margin-bottom: 32px;
}
.mt32 {
    margin-top: 32px;
}
.font32 {
    font-size: 32px;
}
.mb40 {
    margin-bottom: 40px;
}

/*****/

.hotel-img-grid {
    max-width: 320px;
    width: 100%;
}
.slide {
    width: 320px;
    height: 320px;
    border-radius: 8px;
    overflow: hidden;
}
.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
}

.slide {
    display: none;
}

.slide.active {
    display: block;
}

button.prev, button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    padding: 10px;
    border-radius : 100px;
    overflow: hidden;
}

button.prev img, button.next img {
    width: 20px;
    height: 20px;
}

button.prev {
    left: 10px;
}

button.next {
    right: 10px;
}

.counter {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 12px;
    border-radius: 6px;
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 16px;
    overflow: hidden;
}
.rating-box {
    max-width: 564px;
    width: 100%;
}
.hotel-review {
    max-width: 282px;
    width: 100%;
}
.hotel-review h2 {
    font-size: 24px;
    font-family: 'Avenir Next LT Pro Demi';
    margin-bottom: 12px;
}

.tag-km-downtown {
    font-size: 14px;
    font-family: 'Avenir Next Medium';
    color: #5D6B82;
    background-color: #EBEEF6;
    padding: 4px 8px;
    border-radius: 4px;
    overflow: hidden;
}
.show-mapbox {
    font-size: 14px;
    text-decoration: underline;
    font-family: 'Avenir Next LT Pro Demi';
    color: #44B8C1;
}
.rating-star {
    gap: 4.85px;
    list-style: none;
    padding: 0;
}
.rating-grade p {
    font-size: 20px;
    font-family: 'Avenir Next LT Pro Demi';
    color: #031534;
}
.rating-grade p> span {
    font-size: 18px;
    font-family: 'Avenir Next Medium';
    color: #5D6B82;
}
.hotel-pricing {
    max-width: 282px;
    width: 100%;
    justify-content: flex-end;
    text-align: end;
}
.sar-start {
    font-size: 16px;
    color: #031534;
    font-family: 'Avenir Next LT Pro';
    display: flex;
    align-items: center;
    justify-content: end;
}
.sar-start .start-count {
    font-size: 32px;
    font-family: 'Avenir Next LT Pro Demi';
}
.sar-start .start-count .sar-val {
    font-size: 32px;
    font-family: 'Avenir Next Medium';
} 
.points-box {
    color: #9A3D83;
    font-size: 14px;
    font-family: 'Avenir Next Medium';
    display: flex;
    align-items: center;
    justify-content: end;

}
.points-box span {
    font-size: 18px;
    font-family: 'Avenir Next LT Pro Demi';
}

.adultbox {
    font-size: 14px;
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
}
.See-more,.See-more1 {
    font-size: 18px;
    font-family: 'Avenir Next LT Pro Demi';
    background-color: #44B8C1;
    padding: 10px 24px;
    border-radius: 6px;
    color: #fff;
    width: 166px;
    margin: 0 0 0 auto;
    overflow: hidden;
	border:0;
}
.See-more-cart {
    font-size: 13px;
    font-family: 'Avenir Next LT Pro Demi';
    background-color: #44B8C1;
    padding: 5px;
    border-radius: 6px;
    color: #fff;
    width: 90px;
    margin: 0 0 0 auto;
    overflow: hidden;
    border: 0;
}

.find-hotel .hotel-reviewbox:last-child {
    padding: 0;
    margin: 0;
    border-color: transparent;
 }
/****side-navbar-css***/
.sidebar-nav {
  margin-bottom: 16px;
}
.sidebar-nav .open-location-box:nth-child(1) {
    padding-bottom: 0;
}

.heading-map p {
    font-size: 20px;
    color: #031534;
    font-family: 'Avenir Next LT Pro Demi';

}
.map-open-box  {
    position: relative;
}

.location-icon-btn {
    width: 138px;
    height: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.location-icon-btn button {
    padding: 14px 20px;
    color: #fff;
    background-color: #009940;
    border: none;
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 18px;
    border-radius: 6px;
    overflow: hidden;
}


/* range-price-css */
.open-location-box  {
    padding-bottom: 30px;
}
.range-title p {
font-size: 18px;
color: #031534;
font-family: 'Avenir Next Medium';
}
.price-input {
width: 100%;
display: flex;
margin-bottom: 24px;
}
.price-input .field span {
font-size: 14px;
font-family: 'Avenir Next Medium';
color: #031534;
margin-bottom: 3px;
}
.price-input .field {
display: flex;
width: 100%;
flex-direction: column;
}
.price-input .field input {
width: 100%;
height: 100%;
outline: none;
font-size: 16px;
border-radius: 5px;
text-align: center;
border: 1px solid #BFC6D6;
-moz-appearance: textfield;
padding: 12px;
color: #031534;
font-family: 'Avenir Next Medium';

}
.price-input .separator {
width: 130px;
display: flex;
font-size: 19px;
align-items: center;
justify-content: center;
}
.range-slider-wheel {
height: 8px;
position: relative;
background: #ddd;
border-radius: 5px;
}
.range-slider-wheel .progress {
height: 100%;
left: 25%;
right: 25%;
position: absolute;
border-radius: 5px;
background: #28a745; 
}
.range-input {
position: relative;
}
.range-input input {
position: absolute;
width: 100%;
height: 5px;
top: -5px;
background: none;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.range-input input[type="range"]::-webkit-slider-thumb {
height: 25px;
width: 25px; 
border-radius: 50%; 
background: #fff; 
pointer-events: auto;
-webkit-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); 
}
.range-input input[type="range"]::-moz-range-thumb {
height: 25px; 
width: 25px; 
border: none;
border-radius: 50%; 
background: #fff; 
pointer-events: auto;
-moz-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}


.filter-optionbox {
border: none;
padding-bottom: 24px;
}

.filter-optionbox> h2 button {
padding: 0;
font-size: 18px;
font-family: 'Avenir Next Medium';
color: #031534;
} 

.filter-optionbox> h2 button:focus {
background-color: transparent;
box-shadow: none;
}
.filter-optionbox> h2 button:not(.collapsed) {
background-color: transparent;
box-shadow: none;
}
.filter-optionbox> .accordion-collapse .accordion-body {
padding: 0;
}




.filter-option-add .checkbox {
position: relative;
}
.filter-option-add .checkbox:last-child {
margin-bottom: 0 !important;
}

.filter-option-add .checkbox label {
padding-left: 40px;
cursor: pointer;
position: relative;
gap: 20px;
color: #031534;
font-size: 16px;
font-family: 'Avenir Next Medium';

}

.filter-option-add input[type="checkbox"] {
display: none; 
}

.filter-option-add input[type="checkbox"] + .box {
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
transform: translateY(-50%);  
}

.filter-option-add input[type="checkbox"] + .box:after {
content: '';
width: 20px;
height: 20px;
border: 1px solid #BFC6D6;
border-radius: 4px;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
}

.filter-option-add input[type="checkbox"]:checked + .box:after {
background-color: #009940;
border-color: #009940;
}

.filter-option-add input[type="checkbox"]:checked + .box:before {
transform: rotate(45deg);
position: absolute;
left: 7px;
top: 3px;
width: 6px;
height: 11px;
border-width: 2px;
border-style: solid;
border-top: 0;
border-left: 0;
border-color: #fff;
content: '';
z-index: 10000;
}

.filter-btnbox {
width: 100%;
text-align: center;
border: none;
color: #fff;
padding: 10px 24px;
border-radius: 6px;
background-color: #009940;
font-size: 18px;
font-family: 'Avenir Next LT Pro Demi';
}

/**********view-hotel-page-css-start***************/

.hotel-des-content h2 {
    font-size: 32px;
    font-family: 'Avenir Next LT Pro Demi';
    margin-bottom: 12px;
}

.hotel-address-location p {
    font-size: 18px;
    font-family: 'Avenir Next Medium';
    color: #5D6B82;
    margin-left: 10px;
}
.hotel-address-location p> span a {
    font-size: 18px !important;
} 

.hotel-room-view-img {
    margin: 32px 0;
    position: relative;
}
.hotel-room-view-img> div {
    gap: 16px;
}

.front-view-box,
.left-view-box {
    width: 632px;
    height: 480px;
    border-radius: 8px;
    overflow: hidden;
}
.left-view-box {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: auto; 
    gap: 16px; 
}
.room-view-box:nth-child(1) {
    grid-column: 1 / -1; 
    height: 232px;
    border-radius: 8px;
    overflow: hidden;
}
.room-view-box:nth-child(2) {
    grid-column: 1;
    height: 232px;
    border-radius: 8px;
    overflow: hidden;
}
.room-view-box:nth-child(3) {
    grid-column: 2;
    height: 232px;
    border-radius: 8px;
    overflow: hidden;
}
.front-view-box img,
.room-view-box:nth-child(1) img,
.room-view-box:nth-child(2) img,
.room-view-box:nth-child(3) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.see-btnbox {
    margin: 0 0 0 auto;
}
.ltr-margin {
    margin: 0 auto 0 0 !important;
}
.see-total-images {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
html[dir="rtl"] .see-total-images { /*add this*/
    left: 20px; 
    right: auto;
}
.see-total-images a {
    color: #031534;
    background-color: #FFFFFF;
    border: 1px solid #BFC6D6;
    width: 100%;
}
/******** tabs-css-code-start *******/
.overview-content-box  {
    gap: 16px;
}
.tabs-box> .container .nav-tabs {
    border-bottom: 1px solid #BFC6D6;
}
.tabs-box> .container .nav-tabs li button {
    background-color: transparent;
    color:#5D6B82;
    font-size: 16px;
    font-family: 'Avenir Next LT Pro Demi';
    padding: 0 12px 8px;
}

.tabs-box> .container .nav-tabs li button.active,
.tabs-box> .container .nav-tabs li button:hover,
.tabs-box> .container .nav-tabs li button:focus-visible {
    border-bottom: 2px solid green;
    color: #031534;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    outline: none;
    box-shadow: none;
}

.overview-content-container {
    width: 848px;
}
.left-sidebar-container {
    width: 416px;
}
.overview-logo-content p, .facilities-box {
    font-size: 16px;
    font-family: 'Avenir Next Medium';
    color: #031534;
}
.overview-logo-content {
    padding: 24px;
    border: 1px solid #DEE3ED;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
}
.icon-overviewbox {
    font-size: 20px;
    color: #031534;
    font-family: 'Avenir Next LT Pro Demi';
}

.overview-logo-content .hotel-img-grid {
    max-width: 256px;
    width: 100%;
}
.overview-logo-content .hotel-img-grid .slide {
    width: 256px;
    height: 256px;
    border-radius: 8px;
    overflow: hidden;
}
.room-facilities-box li {
    color: #5D6B82;
    font-size: 16px;
    font-family: 'Avenir Next Medium';
    margin-bottom: 8px;
}
.room-facilities-box li:last-child {
    margin-bottom: 0;
}


/**count***/
.counter-container {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .counter-btn {
    background-color: #40c9d8;
    color: white;
    border: none;
    padding: 13px 18px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    overflow: hidden;
}
  
  .counter-btn:hover {
    background-color: #35a7b5;
  }
  
  .counter-input {
    width: 48px;
    height: 48px;
    font-size: 18px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 5px;
    background-color: white;
    color: #333;
    overflow: hidden;
  }
  .increment-box a {
    margin: 0;
    background-color: transparent;
    color: #44B8C1;
    width: auto;
    padding: 0;
}
.overview-logo-content .hotel-reviewbox.line-box:last-child {
    border: none !important;
    padding: 0;
    margin: 0;
}
/**count***/

/* slick slider css start */
.slick-slider-items .slick-list {
    margin-right: -16px;
  }
  
.slick-slider-items .slick-slide {
    margin-right: 16px;
    height: auto;
  }
.slider-items {
    border: 1px solid #DEE3ED;
    padding: 16px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
} 
.user-admin h4 {
    font-size: 18px;
    color: #031534;
    font-family: 'Avenir Next LT Pro Demi';
    margin-bottom: 4px;
}
.user-admin p {
    font-size: 16px;
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
}
.user-admin p:nth-child(3) {
    color: #031534;
}
.testimonial-review p {
    font-size: 32px;
    font-family: 'Avenir Next LT Pro Demi';
    color: #031534;
}
.rating-grade p> span {
    font-size: 20px;
    font-family: 'Avenir Next Medium';
    color: #5D6B82;
}
[dir="rtl"] .testimonial-review ~ .gap-3 { /*add this*/
    flex-direction: row-reverse;
}
.custom-next,
.custom-prev {
    border: 1px solid #BFC6D6;
    outline: none;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    line-height: 40px;
    overflow: hidden;
}

/* slick slider css end */

.map-location-pin div {
    font-size: 16px;
    font-family: 'Avenir Next Medium';
    color: #031534;
    margin-bottom: 12px;
}
.map-location-pin div:last-child {
    margin-bottom: 0 !important;
}

/******** tabs-css-code-end *******/

.hide-desktop-view {
    display: none;
}
.filter-btn-add {
    padding: 10px 16px;
    border: 1px solid #DEE3ED;
    box-shadow: none;
    background-color: #fff;
    border-radius: 6px;
}

.filter-btn-add .heading-map p {
    font-size: 18px;
    font-family: 'Avenir Next Medium';
    color: #031534;
}

/**********view-hotel-page-css-end***************/

/* footer-css */
.footer-menu-box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
}
.footer-wrapperbox {
    display: flex;
    justify-content: space-between;
}


/****** nishu css start ******/

/***** booking page css start *****/
.booking-top-bar {
    background: #fff;
    border-top: 1px solid #EBEEF6;
    border-bottom: 1px solid #EBEEF6;
    padding: 14px 0px;
}
.booking-top-bar .left-arrow-icon {
    cursor: pointer;
}
.booking-top-bar .titile {
    margin: 0px;
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    padding-left: 22px;
}
.card-box {
    border: 1px solid #DEE3ED;
    background: #fff;
    padding: 24px;
    border-radius: 8px;
}
section.booking-section-wrapper {
    padding: 24px 0px;
}
.left-column-wrapper {
    width: 100%;
    max-width: 848px;
}
.right-column-wrapper {
    width: 100%;
    max-width: 416px;
}
.booking-section-wrapper .heading-title {
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    margin: 0px;
    padding-left: 6px;
    color: #031534;
}

.booking-inner-wrapper .left-column-wrapper .field-wrapper {
    flex-wrap: wrap;
    row-gap: 16px;
    justify-content: space-between;
}
.booking-inner-wrapper .left-column-wrapper .field-wrapper .filed-item {
    width: 49%;
    flex-direction: column;
    /* padding-right: 24px; */
}
.booking-inner-wrapper .left-column-wrapper .field-wrapper :nth-child(2n) {
    /* padding-right: 0px; */
}
.booking-inner-wrapper .left-column-wrapper .field-wrapper .filed-item .input-field {
    border: 1px solid #BFC6D6;
    border-radius: 6px;
    padding: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    width: 100%;
    text-overflow: ellipsis;
}
.booking-inner-wrapper .left-column-wrapper .field-wrapper .filed-item .input-field:focus {
    outline: none;
}
.booking-inner-wrapper .left-column-wrapper .field-wrapper .filed-item .input-field::placeholder {
    color: #98A1B0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
.booking-section-wrapper .booking-inner-wrapper {
    gap: 16px;
}
.field-wrapper .label-field {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #031534;
    font-family: 'Avenir Next Medium';
    margin-bottom: 4px;
}
.red {
    color: #FF4E42;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}
.check-box-wrapper .column {
    border: 1px solid #DEE3ED;
    padding: 16px;
    border-radius: 8px;
    width: 100%;
    max-width: 165px;
}
.check-box-wrapper .check-box-inner {
    gap: 8px;
}
.check-box-wrapper .sub-title {
    font-family: 'Avenir Next Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #031534;
}
.check-box-wrapper .title {
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #031534;
    margin: 4px 0px;
}
.check-box-wrapper .timing-heading {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #5D6B82;
    font-family: 'Avenir Next Medium'; 
}
.booking-inner-wrapper .right-column-wrapper .check-box-wrapper {
    margin-top: 20px;
}
.booking-inner-wrapper .right-column-wrapper .check-box-wrapper .heading-title {
    padding-bottom: 20px;
    padding-left: 0px !important;
    font-size: 24px;
}
.booking-inner-wrapper .right-column-wrapper .booking-review {
    margin-top: 20px;
}
.booking-review .booking-review-heading {
    font-family: 'Avenir Next LT Pro Demi';
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}
.booking-section-wrapper .price-detail-box .price-items {
    gap: 10px;
}
.price-detail-box .heading-title {
    padding-left: 0px;
    padding-bottom: 16px;
}
.proceed-payment-wrapper .price-detail-box .heading-title {
    padding-left: 0px;
}
.price-detail-box .left-price-box .price-heading {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next Medium';
    color: #031534;
    margin-bottom: 0px;
}
.price-detail-box .left-price-box .description {
    font-family: 'Avenir Next Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin: 0px;
    color: #5D6B82;
}
.price-detail-box .bold-text {
    font-weight: 600;
    text-align: left;
    color: #031534;
    font-family: 'Avenir Next LT Pro Demi';
}
.price-detail-box .sar-heading {
    font-size: 18px;
    text-align: right;
    font-family: 'Avenir Next Medium';
    margin: 0px;
}
.price-detail-box .price-items.total-price {
    background: #44B8C129;
    padding: 14px 16px;
    border-radius: 8px;
    font-family: 'Avenir Next LT Pro Demi';
}
.price-detail-box .total-price-heading {
    font-weight: 600;   
}
.price-detail-box .total-sar-heading {
    font-size: 24px !important;
}
.Continue-btn, .confirm-btn {
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    background: #44B8C1;
    width: 100%;
    border: none;
    color: #FCFCFC;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
}
.confirm-btn {
    display: none;
}
.buttons {
    flex-direction: column;
    gap: 10px;
}
.payment-section {
    background: #fff;
    border-top: 1px solid #EBEEF6;
    padding: 16px 0px;
    display: none;
}
.payment-section .heading-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    color: #031534;
    margin: 0px;
}
.payment-section .description .footer-mobile-arrow-icon {
    display: inline-block;
    padding: 0px 6px;
}
.payment-section .description {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #5D6B82;
    margin: 0px;
    font-family: 'Avenir Next Medium';
}
.payment-section .right-price-items .sar-heading {
    font-size: 24px;
    font-weight: 500;
    text-align: right;
    font-family: 'Avenir Next Medium';
}
.payment-section .right-price-items .sar-heading .bold-text {
    font-weight: 600;
    text-align: left;
    display: inline-block;
    font-family: 'Avenir Next LT Pro Demi';
}
.iti__selected-flag {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    font-family: 'Avenir Next Medium';
    color: #091E42;
    padding: 12px;
    gap: 4px;
}
.iti__flag {
    display: none;
}
.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 0px;
}
.iti__country-list {
    width: 375px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    font-family: 'Avenir Next Medium';
    color: #091E42;
    border-radius: 0px 0px 8px 8px
}
.iti__arrow {
    background: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.410582 0.910765C0.736018 0.585328 1.26366 0.585328 1.58909 0.910765L5.99984 5.32151L10.4106 0.910765C10.736 0.585328 11.2637 0.585328 11.5891 0.910765C11.9145 1.2362 11.9145 1.76384 11.5891 2.08928L6.58909 7.08928C6.26366 7.41471 5.73602 7.41471 5.41058 7.08928L0.410582 2.08928C0.0851447 1.76384 0.0851447 1.2362 0.410582 0.910765Z" fill="%23243757"/></svg>');
    border: 0px;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0;
}
/***** booking page css end *****/


/***** proceed page css start *****/
.proceed-payment-wrapper .heading-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    margin: 0px;
    color: #031534;
    padding-left: 6px;
}
.proceed-payment-wrapper .heading-title .Optional-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next LT Pro';
}
.proceed-payment-wrapper {
    padding: 24px 0px;
}
.proceed-payment-wrapper .discount-wrapper {
    row-gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between
}
.proceed-payment-wrapper .discount-wrapper .radio-btn-items {
    width: 49%;
    /* padding-right: 24px; */
}
.proceed-payment-wrapper .discount-wrapper .radio-btn-items .label-item {
    border: 1px solid #BFC6D6;
    border-radius: 6px;
    padding: 18px 16px;
    width: 100%;
    cursor: pointer;
}
/* .proceed-payment-wrapper .discount-wrapper > :nth-child(2n) {
    padding-right: 0px;
} */
.proceed-payment-wrapper .discount-wrapper .radio-btn-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    font-family: 'Avenir Next Medium';
    color: #031534;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.proceed-payment-wrapper .discount-wrapper .radio-btn {
    width: 20px;
    height: 20px;
    accent-color: #009940;
    margin-right: 8px;
}
.proceed-payment-wrapper .discount-wrapper :has(.radio-btn:checked) .label-item, .proceed-payment-wrapper .payment-method-wrapper :has(.payment-method-btn:checked) .label-item {
    background: #00994029;
    border: 1px solid #009940 !important;
}
.proceed-payment-wrapper .discount-wrapper .promo-code-field, .proceed-payment-wrapper .discount-wrapper .loyalty-points-field {
    margin-top: 16px;
}
.proceed-payment-wrapper .discount-wrapper .promo-code-field .code-field-input, .proceed-payment-wrapper .discount-wrapper .loyalty-points-field .code-field-input {
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    font-family: 'Avenir Next Medium';
    text-overflow: ellipsis;
    padding-right: 0px;
}
.proceed-payment-wrapper .discount-wrapper .promo-code-field .code-field-input:focus, .proceed-payment-wrapper .discount-wrapper .loyalty-points-field .code-field-input:focus {
    outline: none;
}
.proceed-payment-wrapper .discount-wrapper .code-label {
    margin-bottom: 4px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    font-family: 'Avenir Next LT Pro Demi';
    color: #031534;
}
.proceed-payment-wrapper .discount-wrapper .code-label-item {
    border: 1px solid #BFC6D6;
    border-radius: 6px;
    padding: 12px;
    width: 100%;
    cursor: pointer;
}
.apply-btn, .redeem-btn {
    border: none;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    font-family: 'Avenir Next LT Pro Demi';
    background: #BFC6D6;
    color: #fff;
    border-radius: 6px;
    padding: 10px 24px;
}
.proceed-payment-wrapper .discount-wrapper .code-box-inner {
    gap: 16px;
    width: 100%;
}
.proceed-payment-wrapper .discount-wrapper .apply-code-alert {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #009940;
    margin-top: 4px;
    font-family: 'Avenir Next Medium';
}
.proceed-payment-wrapper .discount-wrapper .radio-btn-items.pay-now-box {
    position: relative;
    overflow: hidden;
}
.percent-badge {
    background: #009940;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    display: inline-block;
    color: #fff;
    font-family: 'Avenir Next LT Pro';
    border-radius: 4px;
    padding: 6px 8px;
    margin-left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.left-column-wrapper .bank-field-wrapper {
    flex-wrap: wrap;
    row-gap: 16px;
    justify-content: space-between;
}
.left-column-wrapper .bank-field-wrapper .filed-item {
    width: 49%;
    flex-direction: column;
    /* padding-right: 24px; */
}
/* .left-column-wrapper .bank-field-wrapper :nth-child(2n) {
    padding-right: 0px;
} */
.left-column-wrapper .bank-field-wrapper .label-field {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #031534;
    font-family: 'Avenir Next Medium';
    margin-bottom: 4px;
}
.left-column-wrapper .bank-field-wrapper .input-field {
    border: 1px solid #BFC6D6;
    border-radius: 6px;
    padding: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    width: 100%;
    text-overflow: ellipsis;
    color: #031534;
    font-family: 'Avenir Next LT Pro';
}
.left-column-wrapper .bank-field-wrapper .input-field::placeholder {
   color: #98A1B0;
}
.left-column-wrapper .bank-field-wrapper .input-field:focus {
    outline: none;
}
.bank-field-wrapper .custom-form-field {
    position: relative;
}
.bank-field-wrapper .custom-form-field .card-icons {
    display: flex;
    gap: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 80px;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}
.bank-field-wrapper .custom-form-field .card-icons img {
    width: 20px;
}
.proceed-payment-wrapper .right-column-wrapper .check-box-wrapper .heading-title {
    padding-bottom: 20px;
    padding-left: 0px !important;
    font-size: 24px;
}
.proceed-payment-wrapper .right-column-wrapper .check-box-wrapper {
    margin-top: 20px;
}
.proceed-payment-wrapper .right-column-wrapper .booking-review {
    margin-top: 20px;
}
.blue-text {
    color: #44B8C1 !important;
}
.percentage-price-detail-box .disclaimer-icon {
    padding-right: 6px;
}
.proceed-inner-wrapper .percentage-price-detail-box .left-price-box .price-heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    font-family: 'Avenir Next LT Pro Demi';
}
.proceed-inner-wrapper .percentage-price-detail-box .right-price-box .sar-heading {
    font-size: 16px;
    text-align: right;
    font-family: 'Avenir Next Medium';
    margin: 0px;
}
.proceed-payment-wrapper .proceed-inner-wrapper {
    gap: 16px;
}
.loyalty-points-field .left-price-box .price-heading {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    font-family: 'Avenir Next Medium';
}
.loyalty-points-field .current-box-label .sar-heading {
    font-size: 18px;
    text-align: right;
    font-weight: 400;
    font-family: 'Avenir Next LT Pro';
    margin: 0px;
    color: #031534;
}
.loyalty-points-field .current-box-label .sar-heading .bold-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    font-family: 'Avenir Next LT Pro Demi';
}
.loyalty-points-field  .loyalty-points-items {
    background: #EBEEF6;
    padding: 8px;
    border-radius: 6px;
    margin-top: 12px;
    margin-bottom: 16px;
}
.grey-text {
    color: #5D6B82;
}
.loyalty-points-field  .alert-bold-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    font-family: 'Avenir Next LT Pro Demi';
}
.loyalty-points-field .custom-balance-box {
    border-bottom: 1px solid #DEE3ED;
}
.loyalty-points-field .loyalty-points-items .sar-heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
    font-family: 'Avenir Next LT Pro';
    margin: 0px;
}
.loyalty-points-field .loyalty-points-items .sar-heading .bold-text { 
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    font-family: 'Avenir Next LT Pro Demi';
}
.loyalty-points-field  .loyalty-points-items .disclaimer-icon {
    margin-right: 4px;
}
.loyalty-points-field {
    display: none;
}
/***** proceed page css end *****/

/***** payment successfull css start *****/
.payment-successfull-section .payment-successfull-wrapper, .booking-successfull-section .booking-successfull-wrapper {
    width: 100%;
    max-width: 590px;
    margin: 0 auto;
    text-align: center;
    padding: 48px;
}
.payment-successfull-wrapper .success-image-box, .booking-successfull-wrapper .success-image-box {
    text-align: center;
}
.payment-successfull-wrapper .main-heading, .booking-successfull-wrapper .main-heading {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    font-family: 'Avenir Next LT Pro Demi';
    color: #031534;
    margin: 24px 0px 12px 0px;
}
.payment-successfull-wrapper .description, .booking-successfull-wrapper .description {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: #5D6B82;
    font-family: 'Avenir Next LT Pro';
    margin-bottom: 32px;
}
.payment-successfull-wrapper .back-btn, .booking-successfull-wrapper .back-btn {
    background: #44B8C1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    display: inline-block;
    font-family: 'Avenir Next LT Pro Demi';
}
section.payment-successfull-section, section.booking-successfull-section {
    padding: 80px 0px;
}
/***** payment successfull css end *****/



/********fixes issue**************/
.check-box-wrapper {
    margin-top: 20px;
}
.check-box-wrapper .heading-title {
    padding-bottom: 16px;
    padding-left: 0px !important;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
    margin: 0px;
    font-family: 'Avenir Next LT Pro Demi';
    color: #031534;
}

.check-box-wrapper .left-box .title {
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 20px;
    font-weight: unset !important;
    text-align: left;
    color: #031534;
    margin: 4px 0px;
}

.checkout-checkbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.checkout-checkbox> div> p,
.des-box-sidebar> div> p {
    margin-bottom: 2px;
    font-size: 14px;
    color: #031534;
    font-family: 'Avenir Next Medium';

} 
.checkout-checkbox> div> p:last-child,
.des-box-sidebar> div> p:last-child {
    font-size: 16px;
}
.search-form input:focus {
    box-shadow: none;
    outline: none;
}
.unset-bold-box,
.unset-bold-box span {
    font-weight: unset !important;
}

/* my css start */

/* events page css start */
.events-section-wrapper, .main-contact-wrapper {
    padding: 56px 0px;
    background: #fff;
}
.top-bar-section .top-bar-title {
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
    color: #031534;
}
.top-bar-section .top-bar-subtitle {
    font-family: 'Avenir Next Medium';
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: #5D6B82;
}
.country-section-wrapper .country-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.main-section-wrapper .country-section-wrapper {
    margin-top: 32px;
}
.country-top-bar .tabs-left-column {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.country-top-bar .tabs-items {
    background: #fff;
    padding: 8px 16px;
    border: 1px solid #BFC6D6;
    border-radius: 6px;
    cursor: pointer;
    color: #5D6B82;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next Medium';
}
.country-top-bar .tabs-items.active {
    background: #44B8C11A;
    border: 1px solid #44B8C1;
    color: #44B8C1;
    font-weight: 600;
}
.country-top-bar .tabs-switch-sec {
    display: flex;
    align-items: center;
    background: #EBEEF6;
    padding: 4px;
    border-radius: 8px;
}
.tabs-switch-sec .tab-label-field {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    color: #5D6B82;
    height: auto;
    padding: 4px 30px;
    border-radius: 4px;
    font-family: 'Avenir Next Medium';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    cursor: pointer;
}
.tabs-switch-sec .tab-label-field:hover {
    color: #44B8C1;
}
.tabs-switch-sec .tab-input-field {
    display: none;   
}
.tab-input-field, #New:checked {
    transform: translate(-450px, 0px);
}
.tab-input-field, #Past:checked {
    transform: translate(-300px, 0px);
}
.tab-input-field:checked + .tab-label-field {
    color: #44B8C1;
    background: #fff;
    font-weight: 600;
}
.country-box-wrapper { /*add this*/
    display: grid; 
    grid-template-columns: repeat(3 , 1fr);
    gap: 40px;
}
.country-box-wrapper .country-box-item .media-img {
    max-width: 100%;
    width: 100%;
}
.country-box-wrapper .country-box-item .media-box {
    padding-bottom: 16px;
}
.country-box-item .info-wrapper .heading-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    color: #031534;
    font-family: 'Avenir Next LT Pro Demi';
    padding-bottom: 16px;
    margin: 0px;
}
.country-box-item .info-wrapper .description {
    font-family: 'Avenir Next Medium';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #5D6B82;
}
.country-box-wrapper .country-box-item .date-box {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
}
.country-box-wrapper .country-box-item .date-picker {
    display: flex;
    align-items: center;
    gap: 6px;
}
.info-wrapper .badge-button {
    font-family: 'Avenir Next Medium';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    background: #EBEEF6;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 6px;
    color: #5D6B82;
}
.info-wrapper .date-text {
    font-family: 'Avenir Next Medium';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: right;
    color: #5D6B82;
}
/* events page css end */

/* term condition page css start */
.legal-section-wrapper {
    padding: 56px 0px;
    background: #fff;
}
.legal-section-wrapper .inner-legal-section {
    display: flex;
}
.legal-section-wrapper .legal-left-column {
    width: 100%;
    max-width: 163px;
}
.legal-section-wrapper .legal-right-column {
    width: calc(100% - 370px);
    padding-left: 40px;
}
.legal-left-column .left-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    margin-bottom: 16px;
    font-family: 'Avenir Next LT Pro Demi';
}
.legal-left-column .legal-listing {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.legal-left-column .legal-list-items {
    margin-bottom: 16px;
}
.legal-left-column .list-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #031534;
    transition: ease-in-out 0.3s;
    font-family: 'Avenir Next Medium';
    display: inline-block;
}
.legal-left-column .list-name.selected {
    font-weight: 600;
    color: #44B8C1;
    font-family: 'Avenir Next LT Pro Demi';
}
.legal-left-column .list-name:hover {
    color: #44B8C1;
    transition: ease-in-out 0.3s;
}
.legal-right-column .right-top-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
    color: #031534;
    font-family: 'Avenir Next LT Pro Demi';
    margin-bottom: 16px;
}
.legal-right-column .right-top-section {
    text-align: center;
    margin-bottom: 32px;
}
.right-top-section .date-badge {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    background: #EBEEF6;
    padding: 6px 14px;
    border-radius: 8px;
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
}
.legal-info-wrapper .heaging1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next Medium';
    color: #031534;
}
.legal-info-wrapper .description-info {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next Medium';
    color: #031534;
}
.legal-info-wrapper .disclaimer-list {
    padding: 0px;
    list-style: none;
}
.legal-info-wrapper .disclaimer-list-item {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next Medium';
    color: #031534;
}
.legal-info-wrapper .heaging2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next Medium';
    margin-bottom: 16px;
}

/* term condition page css end */

/* contact page css start */
.booking-inner-wrapper .left-column-wrapper .field-wrapper .filed-item.secondary-item {
    width: 100% !important;
}
.secondary-item .textarea-field {
    border: 1px solid #BFC6D6;
    border-radius: 6px;
    padding: 12px;
    height: 141px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}
.secondary-item .textarea-field:focus {
    outline: none;
}
.submit-btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    padding: 10px 24px;
    border: none;
    background: #44B8C1;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-family: 'Avenir Next LT Pro Demi';
}
.contact-section-wrapper .left-column-wrapper {
    max-width: 620px;
}
.contact-section-wrapper .right-column-section {
    width: 100%;
    max-width: 620px;
}
.location-wrapper .inner-location-wrapper li {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
}
.location-wrapper .inner-location-wrapper li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #5D6B82;
}
.contact-section-wrapper .booking-inner-wrapper {
    gap: 40px;
}
.contact-section-wrapper .image-wrapper iframe {
    max-width: 100%;
    border-radius: 10px;
}
.location-wrapper .inner-location-wrapper li .icon {
    width: 18px;
    height: 18px;
}
.contact-section-wrapper .contact-left-box .field-wrapper .filed-item {
    width: 48.2%;
}
.contact-section-wrapper .contact-left-box .field-wrapper {
    row-gap: 24px;
}
/* contact page css end */

/* about page css start */
section.about-us-wrapper {
    background: #fff;
    padding: 56px 0px;
}
.top-bar-section .description-wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.top-bar-section .description-wrapper .top-bar-subtitle {
    font-size: 18px;
}
.main-card-wrapper .card-content-section {
    display: flex;
    gap: 40px;
}
section.main-card-wrapper {
    padding: 40px 0px;
}
.card-content-section .card-items {
    width: 33.333%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #DEE3ED;
    padding: 28px 24px;
}
.card-content-section .card-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.card-content-section .card-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    margin: 0px;
    color: #031534;
    font-family: 'Avenir Next LT Pro';
}
.card-content-section .question-icon svg {
    width: 25px;
    height: 25px;
}
.card-content-section .card-info .description {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
}
section.main-model-wrapper {
    background: #fff;
    padding: 56px 0px;
}
.box-wrapper .inner-box-wrapper {
    display: flex;
    gap: 40px;
}
.box-wrapper .box-items {
    width: 33.333%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.box-wrapper .box-items .media-image {
    border: 1px solid #DEE3ED;
    border-radius: 10px;
    padding: 56px 80px;
    text-align: center;
}
.lavel-badge {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    padding: 4px 12px;
    border-radius: 4px;
    display: inline-block;
    font-family: 'Avenir Next Medium';
}
.purple-bg {
    background: #9A3D8329;
}
.purple-color {
    color: #6E1E6A;
}
.golden-bg {
    background: #E8AD0029;
}
.golden-color {
    color: #E8AD00;
}
.blue-bg {
    background: #44B8C129;
}
.blue-color {
    color: #22728A;
}
.price-purple-color {
    color: #9A3D83;
}
.price-golden-color {
    color: #E8AD00;
}
.price-blue-color {
    color: #44B8C1;
}
.box-wrapper .box-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    font-family: 'Avenir Next LT Pro';
    display: flex;
    align-items: center;
    gap: 8px;
    color: #031534;
}
.dot {
    width: 16px;
    height: 16px;
    background: #9A3D83;
    display: inline-block;
    border-radius: 20px;
}
.golden-dot {
    background: #E8AD00;
}
.blue-dot {
    background: #44B8C1;
}
.box-wrapper .inner-box-wrapper .content {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
}
.box-wrapper .inner-box-wrapper .price-box {
    margin: 12px 0px;
}
.box-wrapper .inner-box-wrapper .price-text {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    font-family: 'Avenir Next Medium';
}
.box-wrapper .price-box .content {
    padding-bottom: 6px;
}
.box-wrapper .inner-box-wrapper .content.lavel-text {
    width: 100%;
    max-width: 400px;
}
.box-wrapper .box-items .media-image img {
    max-width: 100%;
}
.main-founder-wrapper {
    padding: 56px 0px;
}
.founder-section .inner-founder-section {
    display: flex;
    gap: 40px;
}
.founder-section .founder-column {
    width: 33.333%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.founder-section .founder-name {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    font-family: 'Avenir Next LT Pro';
}
.founder-section .founder-info-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
}
.founder-details .social-links-section {
    display: flex;
    align-items: center;
    gap: 16px;
}
.founder-details .social-links-section svg {
    width: 30px;
    height: 30px;
}
.founder-section .founder-column .founder-media img {
    border-radius: 10px;
    max-width: 100%;
    width: 100%;
}
.main-contact-business-wrapper {
    padding:56px 0px;
}
section.our-partner-wrapper {
    background:#fff;
    padding:56px 0px;
}
.logo-section .logo-item {
    text-align:center;display:flex;justify-content: center;align-items: center;
}
.logo-section .logo-item .business-logo{padding:0;}
.logo-section .logo-item img {
    max-width: 100%;
}

/* form and accordion css */
.outer-contact-section .inner-contact-section {
    gap: 40px;
}
.outer-contact-section .about-contact-form {
    width: 50%;
}
.outer-contact-section .about-accordion-wrap {
    width: 50%;
}
.outer-contact-section .about-contact-form .field-wrapper .filed-item {
    width: 100%;
}
.outer-contact-section .filed-item-group {
    gap: 24px;
}
.about-contact-form .filed-item select {
    appearance: none;
    background: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L7.70711 7.70711C7.31658 8.09763 6.68342 8.09763 6.29289 7.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z" fill="%23243757"/></svg>');
    background-repeat: no-repeat;
    background-position: 98% center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    font-family: 'Avenir Next Medium';  
    color: #031534;
    padding: 12px 30px 12px 12px !important;
}
.about-contact-form .file-upload-container {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.about-contact-form .file-upload-label {
    display: flex;
    background-color: #fff;
    color: #333;
    padding: 13px 26px;
    border: 1px solid #BFC6D6;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    align-items: center;
}
.about-contact-form .attach-file {
    font-size: 18px;
    font-weight: 600;
    color: #5D6B82;
    padding-left: 8px;
    font-family: 'Avenir Next LT Pro Demi';
}
.about-contact-form .file-upload-label:hover {
    background-color: #e0e0e0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.about-contact-form .file-upload-input {
    display: none;
}
.about-contact-form .file-name {
    color: #5D6B82;
    font-size: 18px;
    font-family: 'Avenir Next Medium';
}
.about-accordion-wrap .accordion {
    border-radius: 5px;
}
.about-accordion-wrap .accordion-item {
    margin-bottom: 24px;
    border: 1px solid #DEE3ED;
    border-radius: 10px;
}
.about-accordion-wrap .accordion-item:last-child {
    margin-bottom: 0px;
}
.about-accordion-wrap .accordion-header {
    padding: 20px 24px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next Medium';
}
.about-accordion-wrap .accordion-content {
    padding: 0px 20px 24px;
    display: none;
}
.about-accordion-wrap .accordion-content .accordion-description, .accordion-content p {
    margin: 0;
    color: #5D6B82;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    font-family: 'Avenir Next Medium';
}
.about-accordion-wrap .accordion-content .accordion-description a {
    margin: 0;
    color: #5D6B82;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    text-decoration: underline;
    font-family: 'Avenir Next Medium';
}
.about-accordion-wrap .accordion-header::after {
    content: "";
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C8.55228 0 9 0.447715 9 1V7H15C15.5523 7 16 7.44772 16 8C16 8.55228 15.5523 9 15 9H9V15C9 15.5523 8.55228 16 8 16C7.44772 16 7 15.5523 7 15V9H1C0.447715 9 0 8.55228 0 8C0 7.44772 0.447715 7 1 7H7V1C7 0.447715 7.44772 0 8 0Z" fill="%2342526D"/></svg>');
    background-repeat: no-repeat;
    width: 100%;
    max-width: 20px;
    height: 20px;
    background-position: center;
    margin-top: 5px;
}
.about-accordion-wrap .accordion-header.active::after {
    content: "";
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="%2342526D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    width: 100%;
    max-width: 20px;
    height: 20px;
    background-position: center;
}
/* about page css end */

/*** home-page-css-start ***/
.branch-slider-container {
    padding: 0 60px;
}
.lft-btn-arrow, .rlt-btn-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.rlt-btn-arrow {
    left: auto;
    right: 0;
}
.img-box {
	
}
#header-logo{
	width:70px;
	height:auto;
}
.our-img-box {
    position: absolute;
    bottom: 15px !important;
    right: 15px !important;
}
.our-branch-des h3 {
    font-size: 24px;
    color: #031534;
    font-family: 'Avenir Next LT Pro Demi';
    margin-bottom: 8px;
}
.icon-list {
    margin-top: 16px;
}
.location-address-box {
    font-family: 'Avenir Next Medium';
    font-size: 17px;
    color: #5D6B82;
    line-height: 24px;
    text-align: start;
}
.sae-count-tfc {
    justify-content: flex-start;
    align-items: flex-start;
}
.logo-list {
    padding: 40px 80px;
}
.logo-list h5 {
    font-size: 18px;
    font-family: 'Avenir Next LT Pro Demi';
    line-height: 20px;
    color: #5D6B82;
    text-align: center;
    margin-bottom: 8px;
}
.business-logo {
    padding: 0 40px;
}
.logo-list .row .col-xs-6 {
    display: none;
}
.logo-list .row .col-xs-6.visible {
    display: flex;align-items: center;
}
.btn {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
}
.btn.load-mores:hover {
    background-color: #44B8C1;
	color:#fff;
}
.loading-icon {
    display: none;
    margin: 10px auto; /* Center align */
    width: 30px; /* Icon size */
    height: 30px;
}
.logo-list {
    text-align: center;
}
.load-mores {
    background-color: #44B8C1;
    color: white;
    border-radius: 6px;
    padding: 10px 24px;
    font-size: 18px;
    font-family: 'Avenir Next LT Pro Demi';
}
/*** home-page-css-end ***/

/******* our-branch-page-css-start *******/
.branch-review {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
/******* our-branch-page-css-end *******/

/* my css end */

[dir="rtl"] .heading-map ~ .btn-close { /*add this*/
    margin: 0  auto 0 0;
}
/* popup-css-start */
.swiper-slide-box {
    width: 952px;
}
.swiper-image-content {
    width: 320px;
}
.slider-image-box-popup {
    justify-content: space-between;
    gap: 24px;
}
.slider-image-box-popup .swiper-image {
    width: 560px;
    /* border: 1px solid red; */
}
.swiper-image .hotel-img-grid {
    max-width: 100%;
    width: 100%;
}
.swiper-image .slide {
    width: 560px;
    height: 560px;
    border-radius: 8px;
    overflow: hidden;
}
.about-box-content h4,
.room-facilties-provide h4 {
    font-size: 18px;
    color: #031534;
    font-family: 'Avenir Next LT Pro Demi';
    margin-bottom: 8px;
}
.about-box-content p {
    font-size: 16px;
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
}
.room-facilties-provide ul {
    list-style: none;
}
.dotes-feauture {
    color: #5D6B82;
    font-family: 'Avenir Next Medium';
    font-size: 16px;
    margin-bottom: 8px;
}
.dots-grid-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}
.price-checkbox {
    border: 1px solid #DEE3ED;
    border-radius: 8px;
    padding: 16px;
}
.price-checkbox .hotel-pricing .points-box {
    color: #5D6B82;
}
.price-checkbox .hotel-pricing .See-more {
    width: 100%;
    text-align: center;
}

.inner-box-item .info-wrapper{padding:10px 0;}

/* popup-css-end */
/***************** media query start ****************/

@media (max-width: 1330px) {
    .container {
        padding: 0 16px;
    }
    .form-nav {
        max-width: 325px;
        min-width: 225px;
    }
    .content-product,
    .overview-content-container {
        max-width: 825px;
    }
    .sidebar-nav,
    .left-sidebar-container {
        max-width: 348px;
    }
    .tag-km-downtown {
        font-size: 12px;
        padding: 4px 6px;
    }
    .slide {
        width: 265px;
        height: 265px;
    }
    .hotel-img-grid {
        max-width: 265px;
    }
}

@media (max-width: 1200px) {
    .form-nav {
        max-width: 265px;
    }
    .form-nav > input {
        padding: 12px 12px 12px 40px;
        font-size: 14px;
    }
    .content-product {
        max-width: 715px;
    }
    .overview-content-container {
        max-width: 680px;
    }
    .left-sidebar-container {
        max-width: 400px;
    }
    
    .slide {
        width: 235px;
        height: 235px;
    }
    .hotel-img-grid {
        max-width: 235px;
    }
    .hotel-review h2 {
        font-size: 18px;
    }
    .sar-start .start-count {
        font-size: 20px;
    }
    .font32 {
        font-size: 22px;
    }
    .sar-start {
        font-size: 13px;
    }
    .See-more, .See-more1 {
        font-size: 16px;
        width: 148px;
    }
    .location-icon-btn button,
    .filter-btnbox {
        font-size: 16px;
    }
    .hotel-reviewbox.gap24 {
        gap: 15px;
    }
    .hotel-pricing {
        max-width: 153px;
    }
    .show-mapbox {
        font-size: 13px;
    }
    .rating-grade p {
        font-size: 18px;
    }
    .filter-option-add .checkbox label {
        font-size: 15px;
    }
    .swiper-image .slide {
        width: 450px;
        height: 450px;
    }
    .slider-image-box-popup .swiper-image {
        width: 450px;
    }
    .price-checkbox .hotel-pricing {
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .right-column-wrapper {
        max-width: 300px;
    }
    .check-box-wrapper .title {
        font-size: 14px !important;
    }
    .check-box-wrapper .timing-heading {
        font-size: 11px;
    }
    .booking-top-bar .titile {
        font-size: 20px;
    }
    .check-box-wrapper .column {
        padding: 10px;
    }
    .booking-review .booking-review-heading {
        font-size: 17px;
    }
    .booking-inner-wrapper .right-column-wrapper .check-box-wrapper .heading-title, .proceed-payment-wrapper .right-column-wrapper .check-box-wrapper .heading-title {
        font-size: 20px;
    }
    .price-detail-box .left-price-box .price-heading {
        font-size: 16px;
    }
    .price-detail-box .left-price-box .description {
        font-size: 14px;
    }
    .price-detail-box .sar-heading {
        font-size: 14px;
    }
    .price-detail-box .total-sar-heading {
        font-size: 20px !important;
    }
    .proceed-inner-wrapper .percentage-price-detail-box .left-price-box .price-heading {
        font-size: 14px;
    }
    .loyalty-points-field .loyalty-points-items .price-heading {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .desktop-filter {
        display: none;
    }
    .hide-desktop-view {
        display: block;
    }
    .filter-navbarbox,
    .overview-content-box  {
        flex-direction: column;
    }
    .content-product,
    .sidebar-nav,
    .overview-content-container {
        max-width: 100%;
    }
    .filter-option-add .checkbox label {
        font-size: 16px;
    }
    .form-nav {
        min-width: 255px;
        max-width: 225px;
    }
       .short-listbtn {
        display: none !important;
    }
    .rating-box {
        justify-content: space-between;
    }

    .overview-content-container {
        width: 100%;
    }
    .left-sidebar-container {
        max-width: 100%;
        width: 100%;
    }
    .left-sidebar-container {
        display: none;
    }
    .payment-section.mobile-leftbar {
        display: block;
        width: 100%;
    }
}
@media (max-width: 992px) {
    .slider-image-box-popup  {
        flex-direction: column;
    }
    .slider-image-box-popup .swiper-image,
    .swiper-image-content,
    .swiper-image .slide  {
        width: 100%;
        margin: 0 auto;
    }
    .swiper-slide-box {
        width: auto;
    }
}
@media (max-width: 991px) {
    .search-text {
        display: none;
    }
    .form-nav {
        min-width: 211px;
        max-width: 211px;
    }
    .city.form-nav::after, .dates.form-nav::after, .guests.form-nav::after {
        left: 8px;
    }
    .form-nav > input {
        padding: 10px 10px 10px 35px;
        font-size: 14px;
    }
    .search-box {
        padding: 10px 15px;
    }
 
    .footer-menu-box {
        gap: 0px;
    }
    .hotel-room-view-img> div {
        flex-direction: column;
    }
    .left-view-box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .room-view-box:nth-child(1) {
        grid-column: 1;
        height: 200px;
    }
    .room-view-box:nth-child(2) {
        grid-column: 2;
        height: 200px;
    }
    .room-view-box:nth-child(3) {
        grid-column: 3;
        height: 200px;
    }
    .front-view-box, .left-view-box {
        width: 100%;
        height: auto;
    }
    .see-total-images {
        position: absolute;
        right: 20px;
        bottom: 235px;
    }
    .hotel-des-content h2 {
        font-size: 28px;
    }
    .hotel-address-location p {
        font-size: 16px;
    }
    .price-detail-box .left-price-box .description {
        font-size: 15px;
    }
    .proceed-payment-wrapper .discount-wrapper .radio-btn-content {
        font-size: 16px;
    }
    .proceed-payment-wrapper .discount-wrapper .radio-btn {
        width: 16px;
        height: 16px;
    }
    .proceed-payment-wrapper .discount-wrapper .radio-btn-items .label-item {
        padding: 12px 10px;
    }
    .proceed-payment-wrapper .discount-wrapper .code-box-inner {
        gap: 10px;
    }
    .check-box-wrapper .check-box-inner {
        gap: 5px;
    }
    .proceed-payment-wrapper .discount-wrapper .radio-btn-items.promo-code-field {
        width: 100% !important;
    }
    .percent-badge {
        font-size: 11px;
        padding: 3px 5px;
        margin-left: 5px;
    }
    .apply-btn, .redeem-btn {
        font-size: 16px;
    }
    .proceed-payment-wrapper .discount-wrapper .radio-btn-items {
        width: 100%;
    }
    .proceed-payment-wrapper .proceed-inner-wrapper, .booking-section-wrapper .booking-inner-wrapper {
        gap: 10px;
    }
    .iti__selected-flag {
        font-size: 14px;
        padding: 8px;
    }
}
/*nuri*/
 @media (min-width: 768px) {
    .footer-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer-links .col-xs-6 {
        flex: 1 1 23%; /* 4 columns in a row on large screens */
        margin-bottom: 20px; /* Add some bottom margin for row spacing */
    }
	.business-logo img {
		width: 140px; 
		height: auto;  
	}
}  

@media(max-width:767px){
	h1{font-size:44px;}
	section{padding:70px 0;}
	.header-right .lanuage-switcher a{font-size:0;}
	.search-form{margin:25px 0 0;}
	.search-form input:not([type="submit"]){width:100%;}
	#footer-top{padding:30px 0;}
	#footer-top .foot-logos{justify-content: space-between;margin: 0 0 30px;}
	#footer-top h4{margin:0 0 10px;}
	#footer-top .row .row .col-xs-12{margin:20px 0 0;}
	#footer-bottom p strong{display:block;}
	#footer-bottom .align-right{text-align:left;padding:20px 0 0;}
	.outer-contact-section .about-accordion-wrap, .outer-contact-section .about-contact-form {width:100%; }
	.outer-contact-section .inner-contact-section { flex-direction:column;}
}

 
/*nuri*/
@media (max-width: 767px) {
    /*nuri*/
    #footer_links .col-xs-6 { 
        margin-bottom: 35px;
    }
	.business-logo {
		padding: 0;
	}
	.slider-container .mt32{
		margin-top:0px;
	}
    /*nuri*/
	.footer-hfn strong {
        display: flex !important;
        flex-direction: column !important;
    }
	.lft-btn-arrow, .rlt-btn-arrow {
		position: unset;
        transform: none;
	}
	[dir="rtl"] .branch-slider-container> div:nth-child(2){ /*add this*/
        flex-direction: row-reverse;
    }
	.branch-slider-container{
		padding:0;
	}
	.hotel-gallery> div .hotel-des-content {
        margin-bottom: 24px;
    }
    .hotel-gallery> div .see-btnbox {
        width: 100%;
    }
    .hotel-gallery> div .see-btnbox .See-more {
        width: 100% !important;
        display: block;
        text-align: center;
    }
    .hotel-gallery> div, 
    .footer-wrapperbox {
        flex-direction: column;
    }
    .footer-menu-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px; 
    }
    .input-fillbox {
        flex-direction: column;
    }
    .input-fillbox .form-nav {
        margin: 0 auto 0 0;
    }
    .input-fillbox .form-nav {
        min-width: 261px;
    }
    .content-product .find-hotel .hotel-reviewbox {
        flex-direction: column;
    }
    .overview-logo-content .hotel-img-grid {
        max-width: 335px;
        width: 100%;
    }
    .content-product .find-hotel .hotel-reviewbox .hotel-img-grid {
        max-width: 335px;
    }
    .find-hotel .hotel-reviewbox .hotel-img-grid .slide {
        width: 335px;
        height: 335px;
    }
    .rating-box {
        max-width: 100%;
        width: 100%;
    }
    .hotel-pricing {
        max-width: 100%;
    }
    .hotel-review h2 {
        font-size: 24px;
    }
    .tag-km-downtown {
        font-size: 14px;
    }
    .show-mapbox {
        font-size: 14px;
    }
    .sar-start {
        font-size: 16px;
    }
    .sar-start .start-count {
        font-size: 32px;
    }
    .font32 {
        font-size: 32px;
        font-family: 'Avenir Next LT Pro';
    }
    .overview-logo-content .hotel-reviewbox {
        flex-direction: column;
    }
    .booking-section-wrapper .booking-inner-wrapper, .proceed-payment-wrapper .proceed-inner-wrapper {
        flex-direction: column-reverse;
    }
    .right-column-wrapper, .left-column-wrapper {
        max-width: 100%;
    }
    .check-box-wrapper .title {
        font-size: 20px;
    }
    .check-box-wrapper .timing-heading {
        font-size: 14px;
    }
    .price-detail-box .left-price-box .description {
        font-size: 16px;
    }
    .booking-top-bar .titile {
        font-size: 24px;
    }
    .card-box {
        padding: 24px 16px;
    }
    .booking-inner-wrapper .left-column-wrapper .field-wrapper .filed-item {
        width: 100%;
        padding-right: 0px;
    }
    .Continue-btn.desktop-layout {
        display: none;
    }
    .booking-section-wrapper .booking-inner-wrapper {
        gap: 0px;
    }
    .payment-section.mobile-layout {
        display: block;
    }
    .price-detail-box .sar-heading {
        font-size: 18px;
    }
    .booking-inner-wrapper .right-column-wrapper .check-box-wrapper .heading-title, .proceed-payment-wrapper .right-column-wrapper .check-box-wrapper .heading-title {
        font-size: 24px;
    }
    .booking-review .booking-review-heading {
        font-size: 20px;
    }
    .price-detail-box .left-price-box .price-heading {
        font-size: 18px;
    }
    .proceed-payment-wrapper .discount-wrapper .radio-btn-items, .left-column-wrapper .bank-field-wrapper .filed-item {
        width: 100%;
        padding-right: 0px;
    }
    .left-column-wrapper .bank-field-wrapper > :nth-child(3) {
        width: 50%;
        padding-right: 16px;
    }
    .left-column-wrapper .bank-field-wrapper :nth-child(4) {
        width: 50%;
    }

    .proceed-inner-wrapper .percentage-price-detail-box .left-price-box .price-heading {
        font-size: 16px;
    }
    section.payment-successfull-section, section.booking-successfull-section {
        padding: 48px 0px;
    }
	.country-box-wrapper { /*add this*/
		display: grid; 
		grid-template-columns: repeat(2 , 1fr);
		gap: 40px;
	}
}

@media (max-width: 640px) {
    .rating-box {
        flex-direction: column;
    }
    .hotel-pricing {
        margin-top: 16px;
    }
    .See-more, .See-more1 {
        font-size: 16px;
        width: 100%;
        text-align: center;
    }
    .overview-logo-content .hotel-img-grid,
    .content-product .find-hotel .hotel-reviewbox .hotel-img-grid {
        margin: 0 auto;
    }
    .hotel-reviewbox .increment-box {
        flex-direction: column-reverse;
    }
    .counter-container {
        width: 100%;
        margin-bottom: 16px;
    }
    .counter-input {
        width: 100%;
    }
    .room-view-box:nth-child(1),
    .room-view-box:nth-child(2),
    .room-view-box:nth-child(3) {
        height: 138px;
    }
    .see-total-images {
        bottom: 175px;
    }
    .left-sidebar-container {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .load-mores {
        width: 100%;
    }
    .logo-list {
        padding: 20px 16px;
    }
    .country-box-wrapper .country-box-item {
        width: 100%;
    }
	.country-box-wrapper { /*add this*/
        grid-template-columns: repeat(1 , 1fr);
        flex-wrap: wrap;
    }
  
    .country-section-wrapper .country-top-bar {
        flex-wrap: wrap;
        gap: 24px;
        justify-content: center;
    }
    .country-box-item .info-wrapper .heading-title {
        font-size: 24px;
        line-height: 32px;
		padding-top:6px;
    }
    .info-wrapper .date-text, .info-wrapper .badge-button {
        font-size: 18px;
    }
    .country-box-wrapper .country-box-item .media-box {
        text-align: center;
    }
    .legal-section-wrapper .inner-legal-section {
        flex-direction: column-reverse;
    }
    .legal-section-wrapper .legal-right-column {
        width: 100%;
        padding-left: 0px;
    }
    .legal-section-wrapper .legal-left-column {
        max-width: 100%;
    }
    .legal-left-column .list-name {
        font-size: 18px;
    }
    .legal-right-column .right-top-title {
        margin-bottom: 12px;
    }
    .contact-section-wrapper .booking-inner-wrapper {
        flex-direction: column;
        gap: 32px;
    }
    .contact-section-wrapper .left-column-wrapper, .contact-section-wrapper .right-column-section {
        max-width: 100%;
    }
    .submit-btn {
        width: 100%;
        text-align: center;
    }
    .main-card-wrapper .card-content-section, .box-wrapper .inner-box-wrapper, .founder-section .inner-founder-section {
        flex-wrap: wrap;
    }
    .card-content-section .card-items, .box-wrapper .box-items, .founder-section .founder-column {
        width: 100%;
    }
    .card-content-section .card-heading {
        font-size: 20px;
    }
    .main-card-wrapper .card-content-section {
        gap: 24px;
    }
    section.main-model-wrapper, section.our-partner-wrapper, .main-contact-business-wrapper, section.about-us-wrapper {
        padding: 40px 0px;
    }
    .lavel-badge {
        font-size: 18px;
        line-height: 28px;
    }
    .box-wrapper .box-heading {
        font-size: 24px;
        line-height: 32px;
    }
    .founder-section .founder-name {
        font-size: 24px;
        line-height: 32px;
    }
    .founder-section .founder-info-text {
        font-size: 20px;
        line-height: 28px;
    }
    .founder-details .social-links-section svg {
        width: 30px;
        height: 30px;
    }
    .founder-section .inner-founder-section, .outer-contact-section .inner-contact-section {
        gap: 24px;
    }
    .logo-section .logo-item {
        flex-basis: 50%;
        max-width: 50%;
    }
    .about-accordion-wrap .accordion-item {
        margin-bottom: 16px;
    }
    .outer-contact-section .about-contact-form .field-wrapper .filed-item {
        margin-bottom: 16px;
    }
    .about-contact-form .submit-btn {
        width: auto;
    }
    .card-content-section .question-icon svg {
        width: 24px;
        height: 24px;
    }
    .logo-section .business-logo {
        padding: 0px;
    }
    
}


@media (max-width: 479px) {
    .check-box-wrapper .title {
        font-size: 18px;
    }
    .booking-top-bar .titile {
        font-size: 22px;
    }
    .payment-successfull-wrapper .main-heading, .booking-successfull-wrapper .main-heading  {
        font-size: 23px;
        line-height: 32px;
    }
    .payment-successfull-section .payment-successfull-wrapper, .booking-successfull-section .booking-successfull-wrapper {
        padding: 48px 24px;
    }
    .payment-successfull-wrapper .description, .booking-successfull-wrapper .description {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 23px;
    }
}



@media (max-width: 480px) {
	.sli-items { padding: 0;}
	.slider-items { padding:16px 0;}
    .product-logo-grid  img {
        width: 70px;
    }
    .find-hotel .hotel-reviewbox .hotel-img-grid .slide {
        width: 100%;
        height: 240px;
    }
    .tabs-box > .container .nav-tabs li button {
        font-size: 14px;
        padding: 0 8px 4px;
    }
    .room-view-box:nth-child(1), .room-view-box:nth-child(2), .room-view-box:nth-child(3) {
        height: 109px;
    }
    .see-total-images {
        bottom: 140px;
    }
     .facilities-box {
        font-size: 15px;
    }
}
@media (max-width: 399px) {
    .check-box-wrapper .title {
        font-size: 16px;
    }
    .booking-top-bar .titile {
        font-size: 18px;
        padding-left: 22px;
    }
    .booking-top-bar .left-arrow-icon svg {
        width: 20px;
        height: 20px;
    }
    .booking-inner-wrapper .right-column-wrapper .check-box-wrapper .heading-title {
        font-size: 20px;
    }
    .check-box-wrapper .column {
        padding: 10px;
    }
    .booking-review .booking-review-heading {
        font-size: 18px;
    }
    .check-box-wrapper .timing-heading {
        font-size: 12px;
    }
    .check-box-wrapper .title, .price-detail-box .left-price-box .description {
        font-size: 15px;
    }
    .check-box-wrapper .right-arrow-icon svg {
        width: 16px;
        height: 16px;
    }
    .payment-section .right-price-items .sar-heading {
        font-size: 19px;
    }
    .check-box-wrapper .check-box-inner, .booking-section-wrapper .price-detail-box .price-items {
        gap: 5px;
    }
    .loyalty-points-field .loyalty-points-items .price-heading {
        font-size: 11px;
    }
    .loyalty-points-field .loyalty-points-items .sar-heading {
        font-size: 11px;
    }
    .discount-wrapper .close-icon svg {
        width: 10px;
        height: 10px;
    }
}
@media (max-width: 640px) and (min-width: 392px) {
    .pe-sm-0 {
        padding-right: 0 !important;
    }
}