/* Header Css  */
.site-header .mobile-header {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	right: 0;
	padding: 100px 20px 20px;
	background-color: var(--extra-color-7);
	min-height: 100%;
	transform: translateX(100%);
	transition: 0.2s;
	z-index: 999;
}
.header-logo .logo-here {
	max-width: 220px;
	height: 30px;
	object-fit: cover;
	width: 100%;
}

.site-header .dropdown-toggle::after {
	content: unset;
}

.flag-icon-us {
	background-image: url(../img/flag-img.webp);
}

.flag-icon {
	width: 40px;
	height: 30px;
}

@media (max-width: 991px) {
	.site-header .mobile-header.active {
		transform: translateX(0);
	}
}

/* Header Css  */

/* Banner Section Start Here */
.banner .banner-wrapper {
	left: 90px;
}

.banner .banner-wrapper .banner-box-wrapper {
	background-color: #f2f5fb;
	background: linear-gradient(
		130deg,
		rgb(255 255 255 / 87%) 0%,
		rgb(242 245 251 / 89%) 0%,
		rgb(255 255 255 / 76%) 70%
	);
	max-width: 50%;
	padding: 30px;
	border-radius: 30px;
	backdrop-filter: blur(20px);
}

.banner .banner-wrapper .banner-box-wrapper .box-span {
	color: #747474;
}

.banner-search {
	background: var(--body-color);
}

.banner-bottom-wrapper {
	max-width: 55%;
	bottom: 50px;
	padding: 30px 20px 18px 20px;
	border-radius: 30px;
	backdrop-filter: blur(20px);
	background-color: #f2f5fb;
	background: linear-gradient(
		130deg,
		rgb(255 255 255 / 87%) 0%,
		rgb(242 245 251 / 89%) 0%,
		rgb(255 255 255 / 76%) 70%
	);
}

.padding-wrapper {
	padding: 0px 6px !important;
}
.banner__vid {
	height: 800px;
}
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.marg {
	margin-top: 15px;
	margin-bottom: 15px;
}
.swiper-slide {
	height: unset !important;
}
.varify-green-star div {
	background: #40c790;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.varify-check i {
	background: #6f6e82;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.customer-stars {
	display: flex;
	gap: 10px;
}
h5.color-varified {
	font-size: 15px;
	color: #6f6e82;
}
img#img-preview {
	width: 100%;
	height: 24px;
	object-fit: scale-down;
}
.varify-check {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.varify-green-star div i {
	font-size: 12px;
	color: #fcfdfd;
}
.varify-green-star {
	display: flex;
	gap: 3px;
}
.bedroom-wrapper {
	background: #f3f3fa;
	border-radius: 14px;
	padding: 4px 20px;
}

.banner .slick-prev {
	left: 10px;
	top: 120%;
}

.banner .slick-next {
	right: 83%;
	top: 120%;
}

/* Laptop Resposnive  */

@media (max-width: 1400px) {
	.banner .banner-wrapper {
		left: 140px;
	}
}

@media (max-width: 1200px) {
	.banner .banner-wrapper {
		left: 60px;
	}
	.banner .slick-next {
		right: 77%;
	}
	.bedroom-icon {
		flex: 0 0 23%;
	}
	.bedroom-wrapper {
		padding: 6px 20px;
	}
}

/* Table Responsive  */
@media (max-width: 991px) {
	.banner-bottom-wrapper {
		max-width: 85%;
	}
}

@media (max-width: 768px) {
	.bedroom-icon {
		flex: unset;
	}
	.banner .banner-wrapper {
		padding-top: 20px;
		left: 0px;
		max-width: 80%;
		margin: auto;
	}
	.banner__vid {
		height: 710px;
	}
}
/* Table Responsive  */

/* Mobile Responsive  */
@media (max-width: 575px) {
	.banner-bottom-wrapper {
		padding: 10px;
	}
	.banner .banner-wrapper .banner-box-wrapper {
		max-width: 100%;
	}
	.banner .slick-next {
		right: 67%;
	}
}
/* Mobile Responsive  */

/* Banner Section End Here */

/* support-section Css  */
.support-section .support-icon {
	flex: 0 0 18%;
}

/* Laptop Responsive  */
@media (max-width: 1400px) {
	.support-section .support-icon {
		flex: 0 0 25%;
	}
}
/* Laptop Responsive  */

/* support-section Css  */

/* customer-section Css  */
.customer-slider {
	padding: 0px 50px;
}
.customer-section .customer-slider-inner {
	margin: 0px 10px;
}

/* Mobile Responsive  */
@media (max-width: 575px) {
	.customer-slider {
		padding: 0px 0px;
	}
}
/* customer-section Css  */

/* listing-section Starts Here  */
.listing-section .listing-slider-wrapper {
	height: 350px;
	margin: 0px 10px;
	overflow: hidden;
}

.listing-section .listing-slider {
	padding: 0px 60px;
}

/* Laptop Resposnive  */
@media (max-width: 1400px) {
	.listing-section .listing-slider-wrapper {
		height: 310px;
	}
}
/* Laptop Resposnive  */

/* Mobile Responsive  */
@media (max-width: 575px) {
	.listing-section .listing-slider {
		padding: 0px 0px;
	}
}

/* listing-section Ends Here  */

/* unique-section Css  */
.unique-slider {
	padding: 0px 60px;
}
.unique-section .unique-slider .unique-wrapper {
	margin: 0px 10px;
}

.unique-img-wrapper:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(transparent, #000);
	z-index: 1;
	transition: 0.6s cubic-bezier(0.92, -0.08, 0, 1.06);
}
.unique-img-wrapper:hover:before {
	top: 0;
}
.unique-img-wrapper:hover img.img-fluid,
.inner-img:hover {
	transform: scale(1.1);
}

.unique-img-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 20px 20px 0px 0px;
}

/* Mobile Resposnive  */
@media (max-width: 575px) {
	.unique-slider {
		padding: 0px 0px;
	}
}
/* Mobile Resposnive  */

/* unique-section Css  */

/* stay-section Css  */
.stay-section:after {
	content: "";
	position: absolute;
	background-image: url(../img/stay-bg.webp);
	background-repeat: no-repeat;
	width: 450px;
	height: 210px;
	background-size: cover;
	left: 90px;
	top: 67%;
	z-index: -1;
}

/* Tablet Responsive  */
@media (max-width: 991px) {
	.stay-section:after {
		content: unset;
	}
}
/* stay-section Css  */

/* faqs-section Css  */
.faqs-wrapper {
	padding: 80px;
}
.faqs-wrapper:after {
	content: "";
	position: absolute;
	background-image: url(../img/faq-bg.webp);
	background-repeat: no-repeat;
	width: 590px;
	height: 210px;
	background-size: 100%;
	left: 13%;
	top: 84%;
}

/* Laptop Responsive  */
@media (max-width: 1200px) {
	.faqs-wrapper {
		padding: 50px;
	}
	.faqs-wrapper:after {
		width: 370px;
		height: 90px;
		left: 14%;
		top: 88%;
	}
}

/* Tablet Responsive  */
@media (max-width: 768px) {
	.faqs-wrapper:after {
		content: unset;
	}
}
/* Tablet Responsive  */

/* Mobile Responsive  */
@media (max-width: 575px) {
	.faqs-wrapper {
		padding: 10px;
	}
}
/* faqs-section Css  */

/* about-page Css  */
.about-section::after {
	content: "";
	position: absolute;
	background-image: url(../img/about-bg.webp);
	background-repeat: no-repeat;
	width: 400px;
	height: 130px;
	background-size: cover;
	left: 30%;
	top: 67%;
	z-index: -1;
}

/* Mboile Responsive  */
@media (max-width: 575px) {
	.about-section::after {
		content: unset;
	}
}
/* Mboile Responsive  */

/* about-page Css  */

/* contact page Css  */
.contact-form-wrapper {
	max-width: 70%;
	margin: auto;
}

/* Mobile Responsive  */
@media (max-width: 991px) {
	.contact-form-wrapper {
		max-width: 80%;
	}
}
/* Mobile Responsive  */

/* contact page Css  */

/* faqs-page Css  */
.faq-page-section .faqs-wrapper {
	padding: 50px;
}

/* Mobile Responsive  */
@media (max-width: 575px) {
	.faq-page-section .faqs-wrapper {
		padding: 10px;
	}
}
/* Mobile Responsive  */

/* faqs-page Css  */

/* blogs-page Css  */
.blogs-line-span {
	background: var(--secondary-color);
	width: 1px;
	height: 16px;
	display: block;
}
/* blogs-page Css  */

/* personal-detail-page Css  */
.file-label {
	background: #dbeffb;
	padding: 13px 10px;
	border-radius: 9px;
	justify-content: center;
	text-align: center;
}
/* personal-detail-page Css  */

/* profile page Css  */
.profile-banner-section .profile-banner-content-here {
	padding-left: 50px;
}
.profile-section .profile-sidebar .nav-tabs .nav-link.active {
	color: var(--secondary-color);
}
.profile-section .profile-sidebar .nav-tabs .nav-link {
	border: 0;
	color: #4b4b49;
	padding: 0.5rem 10px;
}
/* .profile-section .wishlist-table-wrapper table.table td {
    vertical-align: middle;
} */
.profile-section .reservation-tabs .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: var(--secondary-color);
	background-color: #cce7fa;
	border: 0;
}
.profile-section .reservation-tabs .nav-pills .nav-link {
	background: 0 0;
	border: 0;
	border-radius: 0.25rem;
	border: 1px solid var(--secondary-color);
	border-radius: 4px;
}
.reservation-detail-wrapper span.white-circle {
	background: var(--extra-color-10);
}
.reservation-detail-wrapper span.capacity-border {
	background: var(--extra-color-10);
}

/* Laptop Responsive  */
@media (max-width: 1400px) {
	.reservation-booking {
		flex: 0 0 70%;
	}
}
/* Laptop Responsive  */

/* Mobile Responsive  */
@media (max-width: 575px) {
	.reservation-detail-wrapper .carousel-control-next {
		right: -5px;
	}
	.reservation-detail-wrapper .carousel-control-prev {
		left: -5px;
	}
	.reservation-detail-wrapper .carousel-indicators {
		justify-content: center;
		margin: 0px 0px 70px 0px;
		right: 0px;
	}
	.wishlist-wrapper table.table {
		min-width: 550px;
	}
	.profile-banner-section .profile-banner-content-here {
		padding-left: 0px;
	}
}
/* Mobile Responsive  */

/* profile page Css  */

/* listing-page Css  */
.filter-select {
	background-image: url(../img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center left 95%;
}

/* Laptop Responsive  */
@media (max-width: 1200px) {
	.house-information-wrapper {
		justify-content: space-between;
		gap: 0;
	}
}
/* listing-page Css  */

/* listing-detail-page Css  */
.listing-slider-inner {
	width: 40%;
	right: 10px;
}
.listing-detail-section .listing-detail-tabs .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef #dee2e6;
	isolation: isolate;
	border: 0;
	color: var(--extra-color-9);
}
.listing-detail-section .listing-detail-tabs .nav-tabs .nav-link.active {
	border: 0;
	color: var(--secondary-color);
}
.amenties-wrapper .amenties-wrap {
	height: 100px;
}
.reviews-wrapper .reviews-main {
	background: #f3f3f3;
}
.name-profile h5 {
	margin-bottom: 0;
	font-family: "gabarito-medium";
	font-size: 21px;
}
.name-profile h6 {
	margin-bottom: 0;
	font-family: "gabarito-regular";
	font-size: 16px;
	color: #5f84e3;
}
span.reviews-dot {
	width: 6px;
	height: 6px;
	display: block;
	background: #a8a8a8;
	border-radius: 50%;
}
.house-detail-wrapper .nav-tabs .nav-link {
	border: 0;
}
.house-detail-wrapper .nav-tabs .nav-link.active {
	color: var(--secondary-color);
	background-color: transparent;
	border-bottom: 2.47px solid var(--secondary-color);
}
.date-icon {
	background-image: url(../img/date-icon.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 95% center;
}
span.capacity-border {
	background: var(--body-color);
	width: 1px;
	height: 14px;
	display: block;
}
span.white-circle {
	background: var(--body-color);
	width: 4px;
	height: 4px;
	border-radius: 100%;
	display: block;
}

.listing-slider-inner figure img.img-fluid {
	max-width: 110px;
	height: 110px;
}

.listing-slider-inner .slick-slide.slick-current.slick-active img.img-fluid {
	border-color: var(--body-color);
}

.listing-slider-inner img.img-fluid {
	border: 2px solid transparent;
}
.new-slatter {
	position: relative;
	margin-bottom: 40px;
}
.profile-log-in img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #d9d9d9;
	margin-left: 9px;
}
.password h6 {
	margin-bottom: 0;
}
.edit-password-wrapper-main {
	display: none;
}
.edit-info-wrapper-main {
	display: none;
}
.edit {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.profile-log-in {
	display: flex;
	align-items: center;
	gap: 10px;
}
.name-profile h5 {
	margin-bottom: 0;
}
a.submit-btn-wrapper {
	position: absolute;
	right: 0;
	top: 0%;
	text-decoration: none;
	background: #5f84e3;
	padding: 10px 30px;
	border-radius: 10px 9px 9px 10px;
	color: #fff;
}
.new-slatter .form-control:focus {
	border-color: none;
	box-shadow: 0 0 0 0.15rem rgb(244 249 252);
	background-color: #ececec;
	border: transparent;
}
/* Laptop Responsive  */
@media (max-width: 1200px) {
	.listing-slider-inner {
		width: 40%;
		right: 20px;
	}
	.listing-slider-inner figure {
		margin: 0px 10px;
	}
	.listing-slider-inner figure img.img-fluid {
		max-width: 90px;
		height: 90px;
	}
}

/* Tablet Responsive  */
@media (max-width: 991px) {
	.listing-slider-inner {
		width: 40%;
		right: 0;
		bottom: -120px !important;
		/* position: unset !important; */
	}
	section.listing-tabs-section {
		padding-top: 100px;
	}
}
/* Tablet Responsive  */

/* Mobile Responsive  */
@media (max-width: 575px) {
	.listing-detail-wrapper .listing-slider-main img.img-fluid {
		height: 250px;
	}
	.listing-slider-inner {
		width: 100%;
	}
}
/* Mobile Responsive  */

/* listing-detail-page Css  */

/* reviews-page Css  */
.star-rating {
	display: flex;
	flex-direction: row-reverse;
	font-size: 1.5em;
	justify-content: space-around;
	gap: 3px;
	padding: 0 0.2em;
	text-align: center;
}

.star-rating input {
	display: none;
}

.star-rating label {
	color: #e7e1e1;
	cursor: pointer;
}

.star-rating :checked ~ label {
	color: #fbc60d;
}

.star-rating label:hover,
.star-rating label:hover ~ label {
	color: #fbc60d;
}
/* reviews-page Css  */
span.border-right-id {
	width: 100%;
	height: 1px;
	background: #bbddeb;
	display: block;
}
.upload-btn-wrapper.profilr-page-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
.upload-btn-wrapper.profilr-page-wrapper h4 {
	text-wrap: nowrap;
}
.address-bg {
	border: 1px solid #5f84e3;
	padding: 14px;
	border-radius: 20px;
}