.px-header-logo.pt-30 img {
	width: 24% !important;
}

.px-gallery-item img {
	object-position: top !important;
}

.px-hero-bg {
	padding-bottom: 100px;
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0 0 20px 20px;
	overflow: visible;
	height: 100vh;
	position: relative;
}

.px-hero-bg::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.74) 100%);
	border-radius: 0 0 20px 20px;
}

.bannerh_content {
	padding: 0px 60px;
}

.sliderthumbs img {
	width: 80px;
	border-radius: 4px;
}

.px-header-logo img {
	width: 25%;
}

.ripple-image.px-hero-bg-img.ripples video {
	width: 100%;
	border-radius: 0 0 20px 20px;
	height: 100%;
	object-fit: cover;
}

.px-hero-2-text {
	position: relative;
	font-weight: 700;
	font-size: 160px;
	line-height: 0.7;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #262626;
	font-family: var(--tp-ff-thunder);
}

.px-hero-2-text span {
	position: absolute;
	bottom: 30px;
	left: 0%;
	right: 0%;
	margin: 0 auto;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.07;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	color: #A59086;
	font-family: var(--tp-ff-body);
}

.px-hero-2-text i {
	flex: 0 0 auto;
	height: 10px;
	width: 420px;
	margin: 0 30px;
	font-style: normal;
	margin-right: 15px;
	display: inline-block;
	transform: translateY(0px);
	background-color: #A59086;
}

.bannerh_content {
	position: absolute;
	z-index: 10;
	top: 50%;
	bottom: auto;
	width: 100%;
	left: 0;
	transform: translateY(-50%);
	padding: 80px 60px 0;
}

.banner-weather-glass {
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;
	width: min(92%, 760px);
	display: flex;
	justify-content: center;
	pointer-events: none;
}

.banner-weather-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 26px;
	padding: 12px 34px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(214, 220, 226, 0.5) 0%, rgba(212, 187, 165, 0.5) 100%);
	border: 1px solid rgba(255, 255, 255, 0.35);
	box-shadow: 0 16px 45px rgba(21, 28, 38, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.35);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.banner-weather-segment {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.banner-weather-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	line-height: 1;
	color: rgba(255, 255, 255, 0.96);
	filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.14));
}

.banner-weather-value {
	font-family: "Inter", sans-serif;
	font-size: clamp(24px, 3vw, 24px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.04em;
	color: #fff;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.14);
	white-space: nowrap;
}

.banner-weather-divider {
	width: 1.5px;
	height: 38px;
	background: rgba(255, 255, 255, 0.55);
}

.header-transparent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	width: 100%;
	padding: 0px 55px;
}

.px-hero-5-content p {
	font-weight: 500;
	font-size: 36px;
	line-height: 1.1;
	margin-bottom: 30px;
	letter-spacing: -0.04em;
	color: var(--tp-common-px-black);
}

.px-hero-4-content p {
	color: #FFF;
}

.px-hero-4-scrolldown {
	color: var(--tp-common-px-white);
	border-color: var(--tp-common-px-red);
	background-color: var(--tp-common-px-red);
}

.px-hero-4-scrolldown {
	color: var(--tp-common-px-white);
}

.bf-hero-video {
	padding-left: 60px;
	margin-bottom: 0px;
	width: 250px;
	margin-left: auto;
	height: 200px;
}

.bf-hero-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.px-hero-4-content p {
	font-size: 52px;
}

.tag-welcome {
	display: inline-block;
	border-radius: 9999px;
	background-color: hsl(0, 0%, 100%);
	padding: 10px 20px;
	font-size: .75rem;
	line-height: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: hsl(0, 0%, 9.4%);
	margin-bottom: 35px;
}

.bannertitle454 {
	font-size: 68px;
	font-weight: 400 !important;
	line-height: 72px;
	color: #FFFFFF;
	margin-bottom: 40px;
	text-shadow: 0 2px 20px hsl(218 50% 10% / .5);
	font-family: var(--tp-ff-p) !important;
	font-family: var(--tp-ff-thunder);
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: capitalize;
}

.bnribghtbt .px-service-2-content {
	text-align: right;
	margin-top: 30px;
}

.bnribghtbt .px-service-2-content p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.18;
	letter-spacing: -0.05em;
	color: #FFF;
}

.bnribghtbt .px-service-accordion-category {
	display: flex;
	justify-content: flex-end;
}

.bnribghtbt .px-service-accordion-category span {
	font-weight: 600;
	font-size: 13px;
	padding: 4px 16px;
	border-radius: 32px;
	display: inline-block;
	text-transform: uppercase;
	color: var(--tp-common-px-white);
	background: rgba(255, 255, 255, 0.13);
}

.bnribghtbt .px-service-2-content span {
	color: #fff;
}

.bannerh_content .px-hero-4-content p {
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
}

.bannerh_content .row {
	justify-content: center;
}

.banner-centered-copy {
	width: 100%;
	bottom: 20px;
	margin: 0 auto;
	text-align: center;
}

/* .bannertitle454 span {
	display: block;
} */

/* .px-header-style-black .px-header-menu nav > ul > li > a {
    text-transform: uppercase;
    color: var(--tp-common-px-white);
} */

.banner-centered-btn {
	padding: 10px 24px;
	border: 1px #8b7b6b;
	border-radius: 50px;
	background: #8b7b6b;
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
}

.banner-centered-btn-wrap {
	display: flex !important;
	justify-content: center;
	width: 100%;
}

.banner-centered-btn {
	margin-left: 0 !important;
}

.bnribghtbt .px-service-2-content span {
	font-weight: 400;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 16px;
	display: inline-block;
	letter-spacing: -0.06em;
}

.tp-offcanvas-logo img {
	width: 19% !important;
}

.tp-offcanvas-title {
	font-size: 28px;
}

.tp-offcanvas-gallery-img.fix {
	height: 100%;
}

.tp-offcanvas-gallery-img.fix img {
	height: 100%;
}

/* .px-header-area.header-transparent.px-header-ptb.px-header-style-black {
	background: #fff;
} */

/* .px-header-style-black .px-header-menu nav > ul > li.has-dropdown a::after
 {
    color: var(--tp-common-px-white);
} */

.bannercontainer {
	width: 95%;
	max-width: 95%;
}

@media (max-width: 991px) {
	.bannerh_content {
		padding-top: 190px;
	}

	.banner-weather-glass {
		top: 36%;
	}

	.banner-weather-pill {
		gap: 20px;
		padding: 10px 24px;
	}

	.banner-weather-segment {
		gap: 14px;
	}

	.banner-weather-icon {
		font-size: 26px;
	}

	.banner-weather-divider {
		height: 44px;
	}
}

@media (max-width: 575px) {
	.banner-weather-glass {
		top: 50%;
		width: calc(100% - 130px);
	}

	.bannerh_content {
		padding: 150px 20px 0;
	}

	.banner-weather-pill {
		width: 100%;
		gap: 16px;
		padding: 8px 18px;
	}

	.banner-weather-segment {
		flex: 1 1 0;
		justify-content: center;
		gap: 10px;
	}

	.banner-weather-icon {
		font-size: 24px;
	}

	.banner-weather-value {
		font-size: clamp(20px, 6vw, 20px);
	}

	.banner-weather-divider {
		height: 36px;
	}
}

.px-header-area .container {
	width: 100%;
	max-width: 100%;
}

.login-page-body {
	margin: 0;
	font-family: 'Inter', sans-serif;
}

.login-background {
	position: relative;
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	color: #ffffff;
}

.login-page-overlay {
	position: absolute;
	inset: 0;
	background: rgba(4, 11, 18, 0.65);
	backdrop-filter: blur(5px);
}

/* .login-page-header {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 40px;
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
} */

.login-brand img {
	max-height: 42px;
}

.login-header-nav {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}

.login-header-nav a {
	color: #f6f7f9;
	text-decoration: none;
	font-weight: 500;
	transition: color .25s ease;
}

.login-header-nav a:hover {
	color: #d8c7b6;
}

.login-page-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	align-items: center;
	gap: 80px;
	max-width: 1240px;
	width: 100%;
	margin: auto;
	padding: 120px 40px 80px;
}

.login-copy {
	max-width: 660px;
}

.login-copy-top {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .26em;
	color: #fff;
	opacity: .8;
	font-size: 13px;
	margin-bottom: 24px;
}

.login-copy h1 {
	font-size: clamp(3.4rem, 4vw, 5.6rem);
	line-height: 1.02;
	margin: 0 0 24px;
	font-weight: 700;
}

.login-copy p {
	max-width: 540px;
	font-size: 1rem;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 36px;
}

.login-hero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 0 32px;
	border-radius: 999px;
	background-color: #e7d5c7;
	color: #111;
	font-weight: 600;
	text-decoration: none;
	transition: transform .2s ease, background-color .2s ease;
}

.login-hero-btn:hover {
	transform: translateY(-1px);
	background-color: #d6bdab;
}

.login-card {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	backdrop-filter: blur(18px);
	border-radius: 32px;
	padding: 44px;
	max-width: 520px;
	box-shadow: 0 32px 80px rgba(3, 8, 18, 0.4);
}

.login-card-head p {
	margin: 0 0 10px;
	color: #f6f7f9;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 12px;
	opacity: .9;
}

.login-card-head h2 {
	margin: 0;
	font-size: 2.4rem;
	line-height: 1.05;
	color: #ffffff;
}

.login-form {
	margin-top: 34px;
	display: grid;
	gap: 18px;
}

.login-form label {
	font-size: .92rem;
	color: rgba(255, 255, 255, 0.82);
	display: block;
	margin-bottom: 8px;
}

.login-form input {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font-size: 1rem;
	line-height: 1.6;
	padding: 18px 20px;
	outline: none;
	transition: border-color .2s ease, background .2s ease;
}

.login-form input:focus {
	border-color: rgba(255, 255, 255, 0.45);
	background: rgba(255, 255, 255, 0.12);
}

.login-submit {
	margin-top: 10px;
	width: 100%;
	min-height: 56px;
	border: none;
	border-radius: 16px;
	background: #ffffff;
	color: #141414;
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
	transition: transform .2s ease, background-color .2s ease;
}

.login-submit:hover {
	transform: translateY(-1px);
	background: #f3f0ec;
}

.login-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 28px 0 18px;
	color: rgba(255, 255, 255, 0.75);
	font-size: .95rem;
}

.login-divider::before,
.login-divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: rgba(255, 255, 255, 0.16);
}

.login-google {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 56px;
	padding: 0 24px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 16px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}

.login-note {
	margin: 22px 0 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: .95rem;
}

.login-note a {
	color: #ffffff;
	text-decoration: underline;
}

@media (max-width: 1024px) {
	.login-page-grid {
		grid-template-columns: 1fr;
		padding: 90px 24px 60px;
		gap: 40px;
	}

	.login-page-header {
		padding: 24px;
	}
}

@media (max-width: 768px) {
	.login-header-nav {
		display: none;
	}

	.login-page-header {
		padding: 20px 20px 0;
	}

	.login-copy h1 {
		font-size: clamp(2.8rem, 9vw, 4.2rem);
	}
}

@media (max-width: 580px) {
	.login-card {
		padding: 32px 24px;
		border-radius: 24px;
	}

	.login-page-grid {
		padding-top: 70px;
	}

	.login-copy p {
		font-size: .96rem;
	}
}

.homeaboutsection {
	padding-top: 200px;
	padding-bottom: 200px;
}

.titlecenter_custom_w {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}

.servisec_sec_title {
	padding-top: 80px;
}

.colored_text {
	color: rgb(164, 138, 123) !important;
}

.px-service-5-icon {
	width: 110px;
}

.sectionServices {
	background: #fcfcfc;
}

.servicessec_mainwrap {
	background: #fcfcfc;
	padding: 80px 0px 70px 0px;
}

.sectionServices .px-section-title {
	font-weight: 700;
	font-size: 100px;
	line-height: 0.83;
	letter-spacing: -0.06em;
}

.px-capsule-area {
	background: #fff;
	padding-bottom: 60px;
}

.px-capsule-inner {
	border: 1px solid rgba(30, 30, 30, 0.1);
	border-radius: 20px;
	background: #fbf8f4;
}

.vehicleimg_container {
	height: 450px;
}

.flexcol_content {
	flex-direction: column;
	display: flex;
	justify-content: space-between;
	gap: 6px;
	text-align: center;
}

.px-project-5-content span::before {
	display: none;
}

.ourVehicle_sec {
	background: #fff;
	padding: 100px 0px 20px 0px;
}

.ar-funfact-area {
	background: #fff;
}

.ourVehicle_sec .px-project-5-title {
	font-size: 225px;
}

.px-blog-title a:hover {
	color: #A48A7B;
}

.container_90Width {
	max-width: 90%;
}

.container_85Width {
	max-width: 85%;
}

.videosection {
	background: #fff;
}

.vehicleimg_container {
	position: relative;
}

.vehicle-price-badge {
	position: absolute;
	top: 16px;
	right: 16px;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	z-index: 2;
	backdrop-filter: blur(6px);
}

/* Optional hover polish */
.px-blog-item:hover .vehicle-price-badge {
	background: #000;
}

.ar-testimonial-area {
	background: #fff;
	padding: 165px 0px 170px 0px;
	position: relative;
}

.px-brand-item img {
	width: 150px;
}

.design-footer-area {
	padding: 10px 0px 40px 0px;
	background: #fff;
}

.bf-portfolio-title {
	font-family: var(--tp-ff-thundermed);
	font-weight: 500;
	font-size: 145px;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 44px !important;
}

.px-brand-area {
	padding: 90px 0px 95px 0px;
	background: #f9faf7;
}

.freelylogo_content img {
	width: 10%;
}

.steptobook_image img {
	width: 100%;
}

.freelylogo_content {
	margin-bottom: 30px;
}

.steptobook_image {
	width: 60%;
}

.steptobook_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

footer {
	position: relative;
}

.stepsection_title p {
	font-weight: 600;
	font-size: 22px;
	line-height: 1.18;
	letter-spacing: -0.05em;
	color: #0C0C0C;
	width: 40%;
	margin: 20px 0px 40px 0px;
}

.testi_caption_title {
	position: relative;
	text-align: center;
}

.testi_caption_title .px-hero-2-text {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
}

.px-step-area {
	background: #fffbeb !important;
}

/* .px-step-area .px-step-item{
	background-color: rgb(255, 254, 240) !important;
} */

.design-footer-bg {
	background-color: rgb(255, 255, 255);
}

.px-brand-style-3 .px-brand-item {
	min-width: 240px;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

.px-inner-service-2-faq-ptb {
	padding: 80px 0px;
	background: #fff;
}

.bf-contact-area {
	padding: 100px 0px 60px 0px;
}

.bf-contact-area .rowcenteralign {
	align-items: center;
}

.bf-contact-area::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
	border-radius: 0 0 20px 20px;
}

.bf-contact-area .container {
	position: relative;
	z-index: 10;
}

.tp-footer-area {
	padding: 50px 0px 0px 0px;
	border-radius: 0px;
	margin: 0px;
	background: #a48a7b;
}

.footerWraperr .px-social-area {
	overflow: hidden;
}

.footerWraperr .px-social-shape {
	display: block;
	line-height: 0;
}

.footerWraperr .px-social-shape svg {
	display: block;
	width: 100%;
	height: auto;
}

.footerWraperr .px-social-bg {
	margin-top: -1px;
}

.px-footer-widget-menu ul li a:hover {
	color: var(--tp-common-px-white);
	background-color: #A48A7B;
}

.px-footer-widget-title-sm.pre::before {
	display: none;
}

.px-footer-col-2 {
	padding-left: 124px;
}

.aboutbanner img {
	width: 100%;
}

.px-inner-about-style .px-about-3-bigtext {
	color: #887061;
}

.px-inner-about-style .px-about-3-content p span {
	color: #A48A7B;
}

.abpage_banner {
	padding: 150px 0px 80px 0px;
}

.px-about-6-content p {
	font-size: 24px;
}

.rowcenteralign {
	align-items: center;
}

.abp_sec2 {
	padding: 30px 0px 80px 0px;
}

.abfrlogo img {
	width: 22%;
}

.swiper-slide.swiper-slide-active span {
	color: #A48A7B !important;
}

.whoerare_section {
	padding: 90px 0px 80px 0px;
	background: #fff;
}

.whoerare_section .bf-about-3-title-wrap.mb-20 {
	padding-left: 40px;
}

.px-service-6-text span {
	font-weight: 400 !important;
	font-size: 120px;
	line-height: 40px;
	letter-spacing: -0.01em;
	text-transform: capitalize;
	color: var(--tp-common-px-black);
}

.px-gallery-area {
	padding-top: 530px;
	padding-bottom: 60px;
}

.bf-instagram-thumb-inner-1.instathub_item img {
	width: 190px;
	height: 190px;
}

.bf-instagram-thumb-inner-2.instathub_item img {
	width: 290px;
	height: 190px;
}

.bf-instagram-thumb-inner-4.instathub_item img {
	width: 190px;
	height: 190px;
}

.bf-instagram-thumb-inner-5.instathub_item img {
	width: 96px;
	height: 96px;
}

.bf-instagram-thumb-inner-6.instathub_item img {
	width: 96px;
	height: 96px;
}

.bf-instagram-thumb-inner-3.instathub_item img {
	width: 380px;
	height: 380px;
}

.px-gallery-item.instathub_item.tm01 {
	width: 96px !important;
	height: 96px !important;
}

.bf-instagram-thumb-inner-7.instathub_item img {
	width: 290px;
	height: 287px;
	object-fit: cover;
}

.instathub_item img {
	width: 25%;
	object-fit: cover;
}

.gallerportfolio {
	padding-bottom: 70px;
}

.cmninrhero {
	padding: 190px 0px 70px 0px;
}

.in-team-hero-title img {
	width: 140px;
	height: 140px;
	object-fit: cover;
	border-radius: 100px;
}

.contacthero {
	padding: 180px 0px 50px 0px;
}

.contacthero .in-team-hero-title {
	font-size: 250px;
	font-weight: 700;
	line-height: 0.8;
	text-transform: uppercase;
	color: var(--tp-common-px-black);
	font-family: var(--tp-ff-thunder);
}

.bf-btn-rounded {
	width: 181px;
	height: 46px;
	font-weight: 500;
	font-size: 15px;
	color: #FFF;
	border: 1px solid #dfdfdf;
	border-radius: 12px;
	display: inline-block;
	text-align: center;
	line-height: 22px;
	padding-top: 9px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.butn-arrow-circle {
	padding: 5px 7px 5px 19px;
	border: 1px solid rgb(164, 138, 123);
	border-radius: 50px;
	background: #a48a7b;
	color: #fff;
	display: flex;
	align-items: center;
}

.butn-arrow-circle:hover {
	border: 1px solid rgb(150, 121, 104);
	background: rgb(150, 121, 104);
	color: #fff;
}

.butn-arrow-circle .icon {
	width: 35px;
	height: 36px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	color: #a48a7b;
	margin-left: 20px;
	display: flex;
	font-size: 29px;
	align-items: center;
	justify-content: center;
}

/* new code 04/06/2026 */

.fr-addons-tiplefts {
    display: flex;
}

.fr-addons-tipright a.fr-addons-tiprightlink {
        text-decoration: underline;
    font-weight: 500;
}

.fr-addons-skip-btn-mobile {
	display: none;
}
.fr-addons-tip.fr-addons-tip-nonemore{
	justify-content: space-between;
}








@media (max-width: 768px) {
	.px-header-logo img {
		width: 50%;
	}

	.header-transparent {
		padding: 10px 12px;
	}

	.cmninrhero {
		padding: 120px 0px 40px 0px;
	}

	.px-gallery-area {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.bf-instagram-title {
		font-size: 35px;
	}

	.px-project-inner-4-box .ripples canvas {
		display: block;
		width: 100%;
	}

	.gallerportfolio {
		padding-bottom: 15px;
	}

	/* gallery style end */

	/* about page style */
	.abpage_banner {
		padding: 99px 0px 40px 0px;
	}

	.container_85Width {
		max-width: 95%;
	}

	.px-about-3-bigtext {
		font-size: 60px;
		text-align: left;
	}

	.px-inner-about-style .px-about-3-content p {
		font-size: 30px;
	}

	.px-section-title.ff-thunder.fs-130 {
		font-size: 45px;
	}

	.px-service-6-text span {
		font-weight: 400 !important;
		font-size: 70px;
		line-height: 8px;
		letter-spacing: -0.01em;
		text-transform: capitalize;
		color: var(--tp-common-px-black);
	}

	.px-about-6-top {
		margin-bottom: 30px;
	}

	.whoerare_section .bf-about-3-title-wrap.mb-20 {
		padding-left: 0px;
	}

	.px-capsule-area {
		background: #fff;
		padding-bottom: 30px;
	}

	.whoerare_section {
		padding: 40px 0px 10px 0px;
		background: #fff;
	}

	.bf-portfolio-title {
		font-family: var(--tp-ff-thundermed);
		font-weight: 500;
		font-size: 75px;
		letter-spacing: -0.01em;
		text-transform: uppercase;
		line-height: 1;
		margin-bottom: 44px !important;
	}

	.px-brand-area {
		padding: 100px 0px 20px 0px;
		background: #f9faf7;
	}

	.px-brand-area .bf-portfolio-title {
		margin-bottom: 24px !important;
	}

	.fr-addons-header-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}

	.fr-addons-header-row .fr-addons-skip-btn-mobile {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		text-decoration: underline;
		font-weight: 500;
		color: #a48a7b;
		font-size: 15px;
		white-space: nowrap;
	}

	.fr-addons-header-row .fr-addons-skip-btn-mobile img {
		width: 16px;
		height: 16px;
	}

	.fr-addons-tip-nonemore .fr-addons-tipright {
		display: none !important;
	}
	

}

.logo-white {
	display: none;
}


/* experience page style dtart */

.exp_cardcontent {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
}

.freely-tour-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 20px;
}

.freely-tour-tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: var(--freely-bg);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 20px;
	padding: 5px 14px;
	font-size: 13px;
	font-weight: 500;
	color: var(--freely-text);
}

.freely-tour-tag svg {
	width: 14px;
	height: 14px;
	opacity: 0.7
}

.freely-tour-price {
	margin-left: auto;
	font-weight: 600;
	font-size: 15px;
	color: var(--freely-text);
}

.px-project-title a:hover {
	color: #A48A7D;
}

.freely-experiences-section {
	padding: 80px 0px 70px 0px;
	background: #d3e3e6;
	border-top-left-radius: 35px;
	border-top-right-radius: 35px;
}

.freely-experiences-section .container {
	width: 80%;
}

.tourc_image {
	height: 380px;
}

/* experience page style end */


/* tour detail page */

/* BREADCRUMB */
.fdt-breadcrumb {
	/* max-width: 1200px; */
	margin: 32px auto 20px;
	/* padding: 0 48px; */
	font-size: 14px;
	color: var(--fdt-text-muted);
	display: flex;
	align-items: center;
	gap: 10px;
}

.fdt-breadcrumb a {
	color: var(--fdt-text);
	text-decoration: none;
	font-weight: 500
}

.fdt-breadcrumb a:hover {
	color: var(--fdt-accent)
}

.fdt-breadcrumb svg {
	width: 16px;
	height: 16px;
	opacity: 0.5
}

/* MAIN CARD */
.fdt-main {
	max-width: 1200px;
	margin: 0 auto 60px;
	padding: 0 48px;
}

.tourdetails {
	background: #d3e3e6;
	border-radius: var(--fdt-radius-lg);
	box-shadow: var(--fdt-shadow);
	padding: 48px;
}

/* TITLE ROW */
.fdt-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 32px;
	gap: 24px;
	flex-wrap: wrap;
}

.fdt-title-row h1 {
	font-size: clamp(24px, 3.5vw, 36px);
	max-width: 680px;
}

.fdt-title-price {
	text-align: right;
	white-space: nowrap;
}

.fdt-title-price .fdt-from {
	font-size: 13px;
	color: var(--fdt-text-muted);
}

.fdt-title-price .fdt-amount {

	font-size: 32px;
	font-weight: 700;
	font-style: italic;
	color: var(--fdt-price-color);
}

/* IMAGE GALLERY */
.fdt-gallery {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 16px;
	margin-bottom: 40px;
}

.fdt-gallery img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	border-radius: var(--fdt-radius);
	transition: transform var(--fdt-transition);
}

.fdt-gallery img:hover {
	transform: scale(1.02)
}

/* CONTENT LAYOUT */
.fdt-content-layout {
	display: grid;
	grid-template-columns: 1fr 360px;
	gap: 40px;
	align-items: end;
	padding-top: 45px;
}

.fdt-description h3 {
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 16px;
	color: #252525;
}

.fdt-description p {
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 1.8;
	color: var(--fdt-text-muted);
}

.fdt-description ul {
	margin: 16px 0 16px 20px;
	color: var(--fdt-text-muted);
	font-size: 15px;
}

.fdt-description ul li {
	margin-bottom: 8px
}

/* SIDEBAR BOOKING */
.fdt-sidebar {
	background: #fff;
	border-radius: 24px;
	padding: 32px;
	position: sticky;
	top: 100px;
}

.fdt-session-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.fdt-session-row span {
	font-weight: 600;
	font-size: 15px
}

.fdt-session-duration {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: var(--fdt-text-muted);
}

.fdt-session-duration svg {
	width: 16px;
	height: 16px
}

.fdt-price-label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
}

.fdt-price-detail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.fdt-price-detail span:first-child {
	font-size: 14px;
	color: var(--fdt-text-muted);
}

.fdt-price-detail .fdt-price-val {
	font-size: 22px;
	font-weight: 700;
	font-style: italic;
	color: #a88e7f;
}

.fdt-book-btn {
	display: block;
	width: 100%;
	padding: 12px;
	background: #a88e7f;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-family: var(--fdt-font-body);
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: background var(--fdt-transition), transform var(--fdt-transition);
	text-align: center;
	text-decoration: none;
}

.fdt-book-btn:hover {
	background: #8a7263;
	color: #fff;
}

.fdt-book-btn:focus {
	background: #8a7263;
	color: #fff;
}

/* FOOTER */
.fdt-footer {
	text-align: center;
	padding: 40px;
	color: var(--fdt-text-muted);
	font-size: 13px;
}

/* LIGHTBOX */
.fdt-lightbox {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.92);
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.fdt-lightbox.fdt-lightbox--open {
	display: flex;
	opacity: 1
}

.fdt-lightbox-img {
	max-width: 90vw;
	max-height: 85vh;
	border-radius: 12px;
	object-fit: contain;
	animation: fdt-lb-zoom 0.3s ease;
}

@keyframes fdt-lb-zoom {
	from {
		transform: scale(0.9);
		opacity: 0
	}

	to {
		transform: scale(1);
		opacity: 1
	}
}

.fdt-lightbox-close {
	position: absolute;
	top: 24px;
	right: 28px;
	background: none;
	border: none;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.8);
	font-size: 36px;
	line-height: 1;
	transition: color 0.2s;
}

.fdt-lightbox-close:hover {
	color: #fff
}

.fdt-lightbox-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.12);
	border: none;
	color: rgba(255, 255, 255, 0.8);
	font-size: 28px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fdt-lightbox-arrow:hover {
	background: rgba(255, 255, 255, 0.25);
	color: #fff
}

.fdt-lightbox-prev {
	left: 20px
}

.fdt-lightbox-next {
	right: 20px
}

.fdt-lightbox-counter {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	font-weight: 500;
}

.fdt-gallery img {
	cursor: pointer
}

/* RESPONSIVE */
@media(max-width:900px) {


	.fdt-breadcrumb,
	.fdt-main {
		padding: 0 20px
	}

	.fdt-card {
		padding: 28px
	}

	.fdt-gallery {
		grid-template-columns: 1fr;
		gap: 12px
	}

	.fdt-gallery img {
		height: 220px
	}

	.fdt-content-layout {
		grid-template-columns: 1fr
	}

	.fdt-sidebar {
		position: static
	}

	.fdt-title-row {
		flex-direction: column
	}

	.fdt-lightbox-arrow {
		width: 40px;
		height: 40px;
		font-size: 22px
	}
}

.tourthumb_image {
	height: 350px;
}

.tourdetail_content {
	padding: 80px 0px 60px 0px;
}

.title_detail {
	font-size: 50px;
	letter-spacing: 0;
	width: 80%;
	margin: 0 auto;
	font-weight: 500;
}

.tourdetail_content {
	padding: 160px 0px 30px 0px;
}

.px-pd-2-categories span::before {
	background-color: #A3897B;
}

.tourdetail_content_main {
	padding-top: 30px;
	padding-bottom: 100px;
}

.titlednt_header {
	padding-bottom: 20px
}

#partners {
	scroll-margin-top: 100px;
	/* adjust to header height */
}

.slidingtext_wrap span {
	font-weight: 400 !important;
	font-size: 80px;
	line-height: 0;
	letter-spacing: -0.01em;
	text-transform: capitalize;
	color: var(--tp-common-px-black);
	font-family: var(--tp-ff-p);
}

.titlebig_leftal {
	font-weight: 500;
	font-size: 75px !important;
	letter-spacing: -4px;
	text-transform: capitalize;
	color: #1B1B1B !important;
	font-family: var(--tp-ff-p);
}

.whowearecontent p {
	font-size: 22px;
	color: #313131;
	font-weight: normal;
	margin-bottom: 34px;
}

.vidionmission {
	padding: 80px 0px;
	background: #e5eff1;
}



.vidionmission .tp-section-subtitle {
	color: #1B1B1B;
	font-size: 23px;
}

.bf-service-3-dec {
	font-size: 18px;
	line-height: 167%;
	color: rgba(14, 14, 14, 0.73);
}

.vidionmission .bf-section-title-3 {
	font-weight: 500;
	font-size: 48px;
	line-height: 105%;
	letter-spacing: -0.02em;
	color: #1b1b1b !important;
}

.vidionmission .bf-section-title-3 {
	font-weight: 500;
	font-size: 38px;
	line-height: 105%;
	letter-spacing: -0.02em;
	color: #1b1b1b !important;
}

.feelingsec_content {
	text-align: center;
}

.feelingsec_content .px-about-title {
	font-size: 85px;
	margin-bottom: 18px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 50px;
}

.feelingsec_content .px-about-title span {
	color: #a48a7b !important;
}

.feelingsec-desc p {
	font-size: 20px
}

.servicessec_mainwrap .px-service-5-content {
	margin-bottom: 0px;
}

.servicessec_mainwrap .px-section-title {
	font-weight: normal;
	font-size: 90px;
	line-height: 0.83;
	letter-spacing: -0.06em;
}

.howitfeelssection {
	padding: 20px 0px 100px 0px;
	background: #fff !important;
}

.servicessec_mainwrap .px-service-5-item {
	padding: 60px 40px;
	border: 1px solid rgba(30, 30, 30, 0.1);
	border-radius: 15px;
}

.howitfeelssection .px-section-title {
	font-size: 65px;
	font-weight: normal;
	color: #9e897a;
}

.howitfeelssection p {
	font-size: 20px;
	color: #313131;
	font-weight: normal;
	margin-top: 20px;
}

.container_80Width {
	max-width: 80%;
}

.px-service-5-link {
	margin-top: 30px;
}

.sectionServices .px-section-title {
	font-weight: normal;
	font-size: 92px;
	line-height: 0.83;
	letter-spacing: 0;
	color: #9e897a;
}

.px-service-5-title {
	font-weight: 500;
	font-size: 25px;
	letter-spacing: 0;
}

/* Testimonials
-----------------------------------------------------------------*/
.testimonials-ds .qoute-icon {
	position: relative;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.testimonials-ds .qoute-icon .text {
	width: 240px;
}

.testimonials-ds .qoute-icon .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 100px;
}

.testimonials-ds .item .info {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonials-ds .item .info .img-author {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}

.testimonials-ds .item .info .info-text {
	padding-left: 20px;
}

.testimonials-ds .item .info .info-text p {
	font-size: 14px;
	color: #323232;
	margin-top: 5px;
}

.testimonials-ds .swiper {
	position: relative;
}

.testimonials-ds .swiper .swiper-pagination {
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto !important;
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	padding: 5px 15px;
	border-radius: 30px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonials-ds .swiper .swiper-pagination .swiper-pagination-bullet {
	margin: 0 7px;
	background: #313131;
}

.testimonials-ds .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #2d03ff;
}

.box-lyars {
	background: #eee;
	border-radius: 15px;
	padding: 100px 80px;
	position: relative;
}

.box-lyars .layers {
	position: absolute;
	top: 5px;
	left: 30px;
	right: 30px;
	bottom: -10px;
	background: #eee;
	border-radius: 15px;
	opacity: .7;
	z-index: -1;
}

.box-lyars .layers:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 20px;
	right: 20px;
	bottom: -10px;
	background: #eee;
	border-radius: 15px;
	opacity: .7;
	z-index: -1;
}

.testim-style1 {
	position: relative;
}

.testim-style1 .testim-sliders {
	position: relative;
}

.testim-style1 .testim-sliders .main-slider {
	position: relative;
	overflow: hidden;
}

.testim-style1 .testim-sliders .main-slider .swiper-pagination {
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto;
	width: auto;
	font-size: 14px;
}

.testim-style1 .testim-sliders .main-slider .swiper-pagination span {
	margin: 0 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.testim-style1 .testim-sliders .main-slider .swiper-pagination .swiper-pagination-bullet-active {
	background: #111;
}

.testim-style1 .testim-sliders .thumb-slider {
	position: relative;
	overflow: hidden;
}

.testim-style1 .thumb-side {
	text-align: center;
}

.testim-style1 .thumb-side .swiper-button-prev,
.testim-style1 .thumb-side .swiper-button-next {
	position: static;
	margin: 0 5px;
	display: inline-block;
	color: inherit;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 50%;
}

.testim-style1 .thumb-side .swiper-button-prev:after,
.testim-style1 .thumb-side .swiper-button-next:after {
	font-size: 13px;
}

.testim-style1 .thumb-side .swiper-button-prev:hover,
.testim-style1 .thumb-side .swiper-button-next:hover {
	background: #000;
	color: #fff;
}

.testim-style2 .swiper-slide {
	padding: 20px 20px 30px;
	background: #1f1f1f;
	position: relative;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.testim-style2 .swiper-slide p {
	color: #bababa;
}

.testim-style2 .swiper-slide:hover {
	z-index: 3;
	-webkit-transform: rotate(0) !important;
	-ms-transform: rotate(0) !important;
	transform: rotate(0) !important;
}

.testim-style2 .swiper-slide:nth-of-type(even) {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.testim-style2 .bg-light,
.testim-style2 .bg-main-color {
	color: #000;
}

.testim-style2 .bg-light p,
.testim-style2 .bg-main-color p {
	color: #4d4d4d;
}

.testim-style3 .testim-swiper {
	padding: 0 120px;
	position: relative;
}

.testim-style3 .swiper-slide {
	padding: 50px;
	border-radius: 15px;
	background: #252525;
	color: #fff;
	position: relative;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.testim-style3 .swiper-slide p {
	color: #bababa;
}

.testim-style3 .bg-light,
.testim-style3 .bg-main-color {
	color: #000;
}

.testim-style3 .bg-light p,
.testim-style3 .bg-main-color p {
	color: #4d4d4d;
}

.testim-style3 .swiper-controls {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 4;
}

.w-90px {
	width: 90px;
}

.testim-style2 p {
	color: #4d4d4d;
	font-size: 14px;
}

.testim-style2 .swiper-slide p {
	color: #bababa;
}

.testim-style2 .bg-light p,
.testim-style2 .bg-main-color p {
	color: #4d4d4d;
}

.h-60px {
	height: 60px;
}

.w-60px {
	width: 60px;
}

.border-radius-50 {
	border-radius: 50%;
}

.o-hidden {
	overflow: hidden;
}

.fit-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.swiper-slide .fs-18.mb-10px {
	color: #fff;
	margin-left: 20px;
}

.testim-style2 .bg-main-color {
	background: #FFF1E8 !important;
}

.swiper-slide.bg-light .fs-18.mb-10px {
	color: #000 !important;
}

.testim-style2 .bg-main-color .fs-18.mb-10px {
	color: #000 !important;
}

.testim-style2 {
	padding: 90px 0px 50px 0px;
}

.sec-head-stand.text-align-center.mb-80px {
	text-align: center;
	margin-bottom: 100px;
}

.testim-style2 .sec-head-stand h2 {
	font-size: 58px !important;
	letter-spacing: 0;
	margin-top: 20px;
}

.testim-style2 .sec-head-stand h2 span {
	color: #AD8F7E;
}

.sm-title-dot {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: 5px 15px;
	border-radius: 50px;
}

.sm-title-dot::before {
	content: '';
	position: relative;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #a48a7b;
	display: inline-block;
	margin-right: 10px;
}

.bf-portfolio-title {
	font-weight: normal;
	font-size: 95px;
	letter-spacing: 0;
	text-transform: capitalize;
	line-height: 1;
	margin-bottom: 44px !important;
	color: #9e897a;
}

.bf-portfolio-title {
	font-family: var(--tp-ff-heading);
}

.partnerSection .bf-portfolio-wrap.text-center {
	margin-bottom: 60px !important;
}

.footerlogo {
	width: 20%;
	margin-bottom: 20px;
}

p {
	letter-spacing: 0 !important;
}

.px-inner-service-2-faq-ptb .px-section-title.ff-thunder.fs-100 {
	font-weight: 600;
	font-size: 68px;
	line-height: initial;
	letter-spacing: 0;
	text-transform: capitalize;
	font-family: var(--tp-ff-heading);
	color: #9e897a;
}

.px-text-slider-active-2 .swiper-wrapper {
	transition-timing-function: linear !important;
}

.pf-4-hero-title {
	font-size: 105px;
	line-height: 0.6;
	margin-bottom: 45px;
	letter-spacing: -2px;
	color: var(--tp-common-px-black-2);
	font-family: "Raleway", sans-serif;
}

.pf-4-hero-subtitle {
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 6px;
	display: inline-block;
	color: var(--tp-common-px-black-2);
	font-family: "Raleway", sans-serif;
	width: 60%;
}

.px-pd-2-overview-title {
	font-size: 50px;
	font-weight: 500;
}

.btnsingle_center {
	text-align: center;
	justify-content: center;
	display: flex;
	margin-top: 20px;
}

.btnsingle_center .butn-arrow-circle {
	padding: 5px 7px 5px 19px;
	border: 1px solid rgb(164, 138, 123);
	border-radius: 50px;
	background: #a48a7b;
	color: #fff;
	display: flex;
	align-items: center;
	display: inline-flex;
}

.cmninrhero.partnerbanner {
	background: #fff;
}

.partrnerform_section {
	background: transparent;
}

.partrnerform_section .container {
	width: 98%;
}

.tp-contact-us-bottom {
	padding: 0px;
}

.tp-contact-us-info-details {
	margin-bottom: 0px;
}

.tp-contact-us-info-title {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 25px;
	padding-bottom: 20px;
	letter-spacing: -0.52px;
	color: var(--tp-common-px-black);
	border-bottom: 1px solid rgba(30, 30, 30, 0.1);
	margin-top: 15px;
}

.galleryhome {
	padding-top: 0px;
	background: white !important;
	padding-bottom: 2px;
}

.px-blog-title {
	margin-bottom: 0;
	font-weight: 500;
	font-size: 27px;
	font-family: var(--tp-ff-body);
}

.px-blog-thumb {
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 10px;
	height: 400px;
}

.px-blog-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.blog-item.hidden-blog {
	display: none;
}

.load-more-wrap {
	text-align: center;
	margin-top: 40px;
}

.load-more-btn {
	padding: 14px 35px;
	background: #a48a7b;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 7px;
}

.px-blog-title {
	line-height: 1.4;
	min-height: 48px;
	/* keeps card height consistent */
}

.px-blog-title a {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tp-blog-details-banner {
	height: 450px;
}

.postbox-title.ff-thandar {
	font-size: 45px;
	font-weight: 500;
	letter-spacing: -1px;
	font-family: var(--tp-ff-body);
	margin-bottom: 35px;
}

.rc-post-thumb {
	flex: 0 0 auto;
	overflow: hidden;
	margin-right: 30px;
	border-radius: 14px;
	width: 100px;
	height: 100px;
}

.blogsidesocial {
	margin-bottom: 20px;
}

.blogsidesocial ul {
	display: flex;
	justify-content: center;
}

.tp-offcanvas-social ul li a:hover {
	background-color: #A48A7B;
	border-color: #A48A7B;
	color: var(--tp-common-px-white);
}

.sidebar-widget-author-img {
	margin-bottom: 35px;
	overflow: visible;
	width: 100%;
	display: flex;
	justify-content: center;
}

.sidebar-widget-author-img img {
	width: 120px;
	border-radius: 50%;
	overflow: visible;
}

.tp-blog-details-related-ptb {
	padding: 70px 0px 50px 0px;
}

.tp-blog-details-ptb {
	padding: 60px 0px 70px 0px;
}

.tp-blog-details-without-heading .postbox-title {
	font-size: 60px;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 18px;
	letter-spacing: -0.04em;
	color: var(--tp-common-px-black);
	width: 65%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.postbox-author-img {
	flex: 0 0 auto;
	margin-right: 15px;
	overflow: visible;
	border: 1px solid #f7f7f7;
	border-radius: 50px;
	padding: 5px;
	background: #f6f6f9;
}

.postbox-author-img img {
	width: 30px;
	border-radius: 50%;
	height: 30px;
	overflow: visible;
	padding: 4px;
}

.tp-blog-details-without-ptb {
	padding-top: 150px;
}

@media (max-width:767px) {
	.pf-4-hero-title {
		font-size: 38px;
		line-height: 0.6;
		margin-bottom: 18px;
		letter-spacing: -2px;
		color: var(--tp-common-px-black-2);
		font-family: "Raleway", sans-serif;
	}

	.pf-4-hero-subtitle {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 6px;
		display: inline-block;
		color: var(--tp-common-px-black-2);
		font-family: "Raleway", sans-serif;
		width: 100%;
	}

	.tp-contact-us-title {
		font-size: 24px;
		font-weight: 600;
		letter-spacing: -0.6px;
		text-transform: capitalize;
		color: var(--tp-common-px-black);
	}

	.tp-contact-us-form-ptb.pt-60.pb-120 {
		padding-bottom: 30px;
	}

	.cn-contactform-support-text span {
		font-size: 25px;
		line-height: 37px;
	}

	.tp-contact-us-info-area.pb-120 {
		padding-bottom: 30px;
	}

	.tp-contact-us-wrap {
		padding: 0px 6px;
	}

	.titlebig_leftal {
		font-weight: 500;
		font-size: 46px !important;
	}

	.offset-xl-1.col-xl-6.col-lg-6.slidingtext_wrap {
		display: none;
	}

	.freelylogo_content {
		margin-bottom: 10px;
	}

	.whowearecontent p {
		font-size: 16px;
		color: #313131;
		font-weight: normal;
		margin-bottom: 20px;
	}

	.abp_sec2 {
		padding: 30px 0px 40px 0px;
	}

	.vidionmission .bf-section-title-3 {
		font-weight: 500;
		font-size: 23px;
		line-height: initial;
		letter-spacing: -0.02em;
		color: #1b1b1b !important;
		margin-bottom: 9px;
	}

	.bf-service-3-dec {
		font-size: 16px;
		line-height: 167%;
		color: rgba(14, 14, 14, 0.73);
	}

	.vidionmission {
		padding: 40px 0px;
		background: #e5eff1;
	}

	.bf-portfolio-title {
		font-weight: normal;
		font-size: 40px;
		letter-spacing: 0;
		text-transform: capitalize;
		line-height: 1;
		margin-bottom: 44px !important;
		color: #9e897a;
	}

	.freely-experiences-section {
		padding: 40px 0px 40px 0px;
	}

	.tp-offcanvas-logo img {
		width: 50% !important;
	}

	.tp-blog-details-without-heading .postbox-title {
		font-size: 32px;
		width: 100%;
	}

	.tp-blog-details-ptb {
		padding: 20px 0px 10px 0px;
	}

	.tp-blog-details-without-ptb {
		padding-top: 100px;
	}

	.tp-blog-details-banner {
		height: 400px;
	}

	.tp-blog-details-banner img {
		height: 100%;
		margin-top: 0px;
		object-fit: cover;
	}

	.postbox-title.fs-34 {
		font-size: 25px;
		margin-bottom: 18px;
	}

	.sidebar-wrapper {
		padding-left: 0;
		margin-top: 20px;
	}

	.tp-blog-details-related-ptb {
		padding: 40px 0px 30px 0px;
	}

	.postbox-title.ff-thandar {
		font-size: 30px;
		font-weight: 500;
		letter-spacing: -1px;
		font-family: var(--tp-ff-body);
		margin-bottom: 35px;
	}

	.fl-hero {
		position: relative;
		height: 70vh;
		min-height: 665px;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		overflow: hidden;
	}

	.px-hero-4-content.z-index-3 {
		width: 100%;
		bottom: 0px;
		top: 130px;
	}

	.bannerh_content {
		padding: 0px 20px;
	}

	.px-hero-4-content {
		margin-bottom: 0px;
	}

	.bannertitle454 {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	.homeaboutsection {
		padding-top: 75px;
		padding-bottom: 40px;
	}

	.feelingsec_content .px-about-title {
		font-size: 38px;
		margin-bottom: 18px;
	}

	.px-about-title.feelingsec_title {
		display: flex;
		flex-direction: column;
		gap: 49px;
	}

	.feelingsec-desc {
		margin-top: 30px;
	}

	.sectionServices .px-section-title {
		font-weight: normal;
		font-size: 40px;
	}

	.titlecenter_custom_w {
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.px-project-title-wrap {
		margin-bottom: 0px;
	}

	.container_80Width {
		max-width: 100%;
	}

	.servicessec_mainwrap {
		background: #fcfcfc;
		padding: 25px 0px 15px 0px;
	}

	.px-step-num {
		position: absolute;
		top: 5px;
		left: 20px;
	}

	.howitfeelssection .px-section-title {
		font-size: 40px;
		font-weight: normal;
		color: #9e897a;
	}

	.howitfeelssection p {
		width: 100%;
	}

	.steptobook_image {
		width: 94%;
	}

	.freelylogo_content img {
		width: 25%;
		margin-bottom: 15px;
		margin-top: 20px;
	}

	.servicessec_mainwrap .px-service-5-item {
		padding: 28px 20px;
	}

	.px-service-5-title {
		margin-bottom: 10px;
	}

	.px-step-item {
		height: 475px;
	}

	.howitfeelssection {
		padding: 20px 0px 10px 0px;
		background: #fff !important;
		margin-bottom: 0px;
	}

	.testim-style2 {
		padding: 50px 0px 40px 0px;
	}

	.testim-style2 .sec-head-stand h2 {
		font-size: 45px !important;
		letter-spacing: 0;
		margin-top: 20px;
	}

	.sec-head-stand.text-align-center.mb-80px {
		text-align: center;
		margin-bottom: 55px;
	}

	.partnerSection .bf-portfolio-wrap.text-center {
		margin-bottom: 20px !important;
	}

	.bf-contact-area {
		padding: 30px 0px 10px 0px;
	}

	.bf-contact-content-dec {
		font-size: 20px;
		line-height: 133%;
	}

	.bf-contact-content-title {
		font-size: 45px;
		margin-bottom: 12px;
	}

	.bf-contact-condition-wrap {
		border-top: 1px solid #d9d9d94a;
		padding-top: 35px;
		margin-top: 40px;
	}

	.px-inner-service-2-faq-ptb .px-section-title.ff-thunder.fs-100 {
		font-weight: 600;
		font-size: 37px;
	}

	.px-inner-service-2-faq-ptb {
		padding: 35px 0px 50px 0px;
		background: #fff;
	}

	.px-footer-widget.pb-40.px-fade-anim {
		opacity: 1 !important;
	}

	.tp-footer-widget.mb-40 {
		margin-top: 40px;
		margin-bottom: 10px;
	}

	.tp-footer-tittle-wrap.p-relative.mb-50 {
		margin-bottom: 20px;
	}

	.footerlogo {
		width: 36%;
		margin-bottom: 20px;
	}

	.tp-footer-area {
		padding: 50px 0px 0px 0px;
		border-radius: 0px;
		margin: 0px;
	}

	.px-step-card-wrap .row>div:first-child {
		margin-top: 0px !important;
		/* pull first card up to align with section top */
	}

	.profile-dropdown .trigger span {
		display: none;
	}

	.profile-dropdown .trigger {
		padding: 6px;
		width: 40px;
		height: 40px;
	}

	.px-header-ptb .trigger svg {
		display: none;
	}

	.profile-dropdown .trigger {
		padding: 6px !important;
	}

}

.px-step-card-wrap .row>div:first-child {
	margin-top: -100vh;
	/* pull first card up to align with section top */
}


/* profile dropdown css start */
.profile-dropdown {
	position: relative;
	display: inline-block;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.profile-dropdown .trigger {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 12px 6px 6px;
	background: transparent;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	transition: background 150ms ease, transform 100ms ease;
	background: rgba(0, 0, 0, 0.04);
	white-space: nowrap;
}

.profile-dropdown .trigger:hover {
	background: rgba(0, 0, 0, 0.04);
}

.profile-dropdown .trigger:active {
	transform: scale(0.97);
}

.profile-dropdown .trigger img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

.profile-dropdown .trigger span {
	font-size: 14px;
	font-weight: 500;
	color: #0f172a;
}

.profile-dropdown .trigger svg {
	color: #64748b;
	transition: transform 200ms ease;
}

.profile-dropdown .menu {
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	width: 270px;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.03);
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 999;
	display: flex;
	flex-direction: column;
	gap: 12px;
	box-sizing: border-box;
}

.open .menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.open .trigger svg {
	transform: rotate(180deg);
}

/* User Info Styling */
.profile-dropdown .menu-user-info {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 4px 4px 4px 4px;
}

.profile-dropdown .avatar-ring {
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background:linear-gradient(135deg, #a08b7c, #a18d7e, #eab308);
	padding: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.profile-dropdown .avatar-ring img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #ffffff;
	box-sizing: border-box;
	background: #f1f5f9;
}

.profile-dropdown .user-meta {
	display: flex;
	flex-direction: column;
	gap: 1px;
	overflow: hidden;
}

.profile-dropdown .user-name {
	font-size: 15px;
	font-weight: 600;
	color: #1e293b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.profile-dropdown .user-email {
	font-size: 12px;
	color: #64748b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Upgrade Banner Styling */
/* .profile-dropdown .upgrade-banner {
	background: linear-gradient(135deg, #3b82f6 0%, #14b8a6 60%, #eab308 100%);
	border-radius: 16px;
	padding: 10px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
} */

.profile-dropdown .upgrade-left {
	display: flex;
	align-items: center;
	gap: 8px;
}

.profile-dropdown .crown-icon {
	color: #fbbf24;
	filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
}

.profile-dropdown .upgrade-left span {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.1px;
}

.profile-dropdown .pro-badge {
	background: #ffffff;
	color: #1e293b;
	font-size: 10px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 99px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	letter-spacing: 0.5px;
}

/* Card Groups Styling */
.profile-dropdown .menu-group-card {
	background: #f8fafc;
	border-radius: 16px;
	padding: 4px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

/* Link Items inside Card Groups */
.profile-dropdown .menu-link-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	font-size: 13px;
	color: #475569;
	text-decoration: none !important;
	border-radius: 12px;
	font-weight: 500;
	transition: all 150ms ease;
	cursor: pointer;
}

.profile-dropdown .menu-link-item svg {
	color: #94a3b8;
	transition: color 150ms ease;
}

.profile-dropdown .menu-link-item:hover {
	background: #ffffff;
	color: #0f172a;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02);
}

.profile-dropdown .menu-link-item:hover svg {
	color: #475569;
}

/* Dark Mode Row */
.profile-dropdown .mode-toggle-row {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 6px 12px;
}

.profile-dropdown .menu-link-item-static {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	color: #475569;
	font-weight: 500;
}

.profile-dropdown .menu-link-item-static svg {
	color: #94a3b8;
}

/* Fake iOS Switch & Toggle Animation */
.profile-dropdown .fake-toggle-switch {
	position: relative;
	width: 36px;
	height: 20px;
	background: #e2e8f0;
	border-radius: 10px;
	padding: 2px;
	transition: background 200ms ease;
	box-sizing: border-box;
}

.profile-dropdown .fake-toggle-thumb {
	width: 16px;
	height: 16px;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.profile-dropdown #fake-dark-toggle:checked ~ .fake-toggle-switch {
	background: #10b981;
}

.profile-dropdown #fake-dark-toggle:checked ~ .fake-toggle-switch .fake-toggle-thumb {
	transform: translateX(16px);
}

/* Red Logout Item */
.profile-dropdown .menu-logout-card {
	background: #fef2f2;
	border-radius: 16px;
	padding: 4px;
}

.profile-dropdown .menu-logout-link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	font-size: 13px;
	color: #ef4444;
	text-decoration: none !important;
	border-radius: 12px;
	font-weight: 600;
	transition: all 150ms ease;
	cursor: pointer;
}

.profile-dropdown .menu-logout-link svg {
	color: #ef4444;
}

.profile-dropdown .menu-logout-link:hover {
	background: #ffffff;
	color: #dc2626;
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.04);
}


/* .px-header-area.header-transparent.px-header-ptb.px-header-style-black .trigger span {
	color: #272727;
}

.px-header-area.header-transparent.px-header-ptb.px-header-style-black .trigger svg {
	color: #2b2b2b;
	transition: transform 200ms ease;
} */
/* .px-header-style-black .px-header-bar span {
    background-color: var(--tp-common-px-white);
} */

.banner-centered-copy a.butn-arrow-circle.banner-centered-btn {
	background: #8b7b6b;
	border-color: #8b7b6b;
	padding: 12px 30px;
	font-weight: 500;
	color: #fff;
	transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.banner-centered-copy a.butn-arrow-circle.banner-centered-btn:hover,
.banner-centered-copy a.butn-arrow-circle.banner-centered-btn:focus,
.banner-centered-copy a.butn-arrow-circle.banner-centered-btn:active {
	background: #dce5e7c9;
	border-color: #dce5e7c9;
	color: #000;
	box-shadow: 0 10px 24px rgba(161, 143, 127, 0.28);
	transform: translateY(-1px);
}

.px-hero-bg::before {
	background: transparent;
}

.px-hero-bg-img {
	filter: brightness(80%);
}

/* .px-header-area.header-transparent.px-header-ptb .trigger span {
	color: #fff;
}

.px-header-area.header-transparent.px-header-ptb .trigger svg {
	color: #fff;
	transition: transform 200ms ease;
} */
.menu-header h3 {
	margin-bottom: 0px;
	font-size: 16px;
}

.menu-header p {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 0px;
	color: #565252;
	font-weight: 400;
}

.px-header-action {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-left: 20px;
}

.px-header-bar {
	margin-top: -12px;
}

/* End */


.loader-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #8a7363;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.loader-overlay.hidden {
	opacity: 0;
	visibility: hidden;
}

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

.loader-brand {
	font-family: "Dancing Script", cursive;
	font-size: 3rem;
	font-weight: 300;
	letter-spacing: 3px;
	color: #fff;
	margin: 0 0 30px;
	animation: brandPulse 1.8s ease-in-out infinite;
}

img.loader-brand {
	width: 160px;
}

.loader-bar {
	width: 200px;
	height: 2px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	overflow: hidden;
	margin: 0 auto;
}

.loader-progress {
	height: 100%;
	width: 0;
	background: #fff;
	border-radius: 2px;
	animation: loadBar 1.5s ease-in-out forwards;
}

@keyframes brandPulse {

	0%,
	100% {
		opacity: 0.4;
	}

	50% {
		opacity: 1;
	}
}

@keyframes loadBar {
	0% {
		width: 0;
	}

	50% {
		width: 70%;
	}

	100% {
		width: 100%;
	}
}

/* loader css style end */

/* ==============================
   New Home Services Section CSS
============================== */
.freely-home-services-intro {
	background: #f8f4ed;
	padding: 80px 0 50px;
}

.freely-home-services-intro__inner {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}

.freely-home-services-intro__title {
	margin: 0 0 18px;
	font-size: clamp(46px, 6vw, 65px);
	font-weight: 300;
	line-height: 1.08;
	letter-spacing: 0.02em;
	color: #a89585;
	font-family: var(--tp-ff-heading);
}

.freely-home-services-intro__text {
	margin: 0;
	font-size: clamp(22px, 3vw, 28px);
	font-weight: 300;
	line-height: 1.35;
	color: #beaFA0;
}

.freely-home-services-cards {
	background: #f8f4ed;
	padding: 18px 0 80px;
}

.freely-home-services-cards__row {
	row-gap: 28px;
}

.freely-home-service-card {
	position: relative;
	overflow: hidden;
	border-radius: 28px;
	height: 560px;
	background: #1f1c19;
	box-shadow: 0 28px 55px rgba(0, 0, 0, 0.12);
}

.freely-home-service-card__image {
	width: 100%;
	height: 100%;
	min-height: 560px;
	object-fit: cover;
	display: block;
}

.freely-home-service-card__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 30%, rgba(0, 0, 0, 0.28) 62%, rgba(0, 0, 0, 0.72) 100%);
}

.freely-home-service-card__content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 42px 42px;
	z-index: 2;
}

.freely-home-service-card__title {
	margin: 0 0 8px;
	font-size: clamp(34px, 4vw, 36px);
	font-weight: 300;
	line-height: 1.08;
	color: #f8f6f1;
	font-family: var(--tp-ff-heading);
}

.freely-home-service-card__subtitle {
	margin: 0;
	font-size: clamp(20px, 2.4vw, 22px);
	font-weight: 300;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 991px) {
	.freely-home-services-intro {
		padding: 80px 0 34px;
	}

	.freely-home-services-cards {
		padding: 12px 0 80px;
	}

	.freely-home-service-card,
	.freely-home-service-card__image {
		min-height: 560px;
	}
}

@media (max-width: 767px) {
	.freely-home-services-intro {
		padding: 60px 0 26px;
	}

	.freely-home-services-intro__title {
		margin-bottom: 12px;
	}

	.freely-home-services-cards {
		padding: 8px 0 60px;
	}

	.freely-home-service-card,
	.freely-home-service-card__image {
		min-height: 460px;
		border-radius: 22px;
	}

	.freely-home-service-card__content {
		padding: 0 24px 24px;
	}
}

/* ==============================
   New Home Experience Gallery CSS
============================== */

section.freely-home-services-cards .container,
section.freely-home-experience .container,
.freely-home-map-section .container {
	max-width: 1440px;
}

.freely-home-experience {
	background: #fff;
	padding: 80px 0px;
}

.freely-home-experience__intro {
	max-width: 860px;
	margin: 0 auto 38px;
	text-align: center;
}

.freely-home-experience__title {
	margin: 0 0 14px;
	font-size: clamp(42px, 5.2vw, 65px);
	font-weight: 300;
	line-height: 1.08;
	letter-spacing: 0.02em;
	color: #a89585;
	font-family: var(--tp-ff-heading);
}

.freely-home-experience__text {
	max-width: 680px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.7;
	color: #b5a89b;
}

.freely-home-experience__item--small img.freely-home-experience__image {
	object-position: top;
}

.freely-home-experience__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 290px;
	gap: 18px;
}

.freely-home-experience__item {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 16px;
	background: #d9d1c8;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.freely-home-experience__item::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.16) 100%);
	opacity: 0;
	transition: opacity 0.25s ease;
}

.freely-home-experience__item:hover::after {
	opacity: 1;
}

.freely-home-experience__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease;
}

.freely-home-experience__item:hover .freely-home-experience__image {
	transform: scale(1.05);
}

.freely-home-experience__item--hero {
	grid-column: span 2;
	grid-row: span 2;
}

.freely-home-experience__item--wide {
	grid-column: span 2;
}

.freely-home-experience__item--small {
	grid-column: span 1;
	grid-row: span 1;
}

@media (max-width: 991px) {
	.freely-home-experience {
		padding: 0 0 80px;
	}

	.freely-home-experience__grid {
		grid-auto-rows: 140px;
		gap: 14px;
	}
}

@media (max-width: 767px) {
	.freely-home-experience {
		padding: 50px 0px;
	}

	.freely-home-experience__intro {
		margin-bottom: 26px;
	}

	.freely-home-experience__text {
		font-size: 16px;
		line-height: 1.6;
	}

	.freely-home-experience__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: 110px;
		gap: 8px;
	}

	.freely-home-experience__item {
		border-radius: 12px;
	}

	.freely-home-experience__item--hero {
		grid-column: 1 / -1;
		grid-row: span 3;
	}

	.freely-home-experience__item--wide {
		grid-column: 1 / -1;
		grid-row: span 1;
	}

	.freely-home-experience__item--small {
		grid-column: span 1;
		grid-row: span 2;
	}
}

/* ==============================
   New Home Map Section CSS
============================== */
footer.bf-footer-2-top-spacing.newbg-footer {
	padding-bottom: 0 !important;
}

footer.bf-footer-2-top-spacing.newbg-footer .tp-footer-area {
	background: #8b7b6b;
}

footer.bf-footer-2-top-spacing.newbg-footer .tp-footer-link {
	color: #fff;
}

a.tp-footer-link.socalicon {
	height: 84px;
}

a.tp-footer-link.socalicon iconify-icon {
	font-size: 28px;
}

section#testimonialsection {
	background: #fff;
}

.tp-footer-widget.new-ft a {
	display: block;
}

.freely-home-map-section {
	background: #f8f4ed;
	padding: 80px 0px;
}

.freely-home-map-section__intro {
	max-width: 760px;
	margin: 0 auto 34px;
	text-align: center;
}

.freely-home-map-section__title {
	margin: 0 0 14px;
	font-size: clamp(42px, 5.2vw, 46px);
	font-weight: 300;
	line-height: 1.06;
	letter-spacing: 0.02em;
	color: #a89585;
	font-family: var(--tp-ff-heading);
}

.freely-home-map-section__text {
	margin: 0;
	font-size: clamp(20px, 2.6vw, 32px);
	font-weight: 300;
	line-height: 1.35;
	color: #beaFA0;
	padding-bottom: 20px;
}

.freely-home-map-section__frame-wrap {
	overflow: hidden;
	border-radius: 12px;
	background: #e8e1d8;
	box-shadow: none;
	position: relative;
}

.freely-home-map-section__frame {
	display: block;
	width: 100%;
	height: 520px;
	border: 0;
	filter: saturate(0.94);
	pointer-events: none;
}

.freely-home-map-section__frame-wrap--active .freely-home-map-section__frame {
	pointer-events: auto;
}

.freely-home-map-section__activator {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.freely-home-map-section__frame-wrap--active .freely-home-map-section__activator {
	display: none;
}

.banner-centered-copy a.butn-arrow-circle.banner-centered-btn.movefreely {
	padding: 8px 8px 8px 30px;
}

section#testimonialsection .sec-head-stand h2 {
	color: #a89585;
	font-size: clamp(42px, 5.2vw, 65px) !important;
	font-weight: 300;
	line-height: 1.08;
	letter-spacing: 0.02em;
}

section#testimonialsection .sec-head-stand h2 span {
	color: #a89585;
}

.px-brand-area.partnerSection.nspartner h2.bf-portfolio-title {
	color: #a89585;
	font-size: clamp(42px, 5.2vw, 65px) !important;
	font-weight: 300;
	line-height: 1.08;
	letter-spacing: 0.02em;
	margin-bottom: 20px !important;
}

.pattner-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* centers incomplete rows */
	gap: 25px;
}

.pattner-wrap .swiper-slide {
	width: 240px;
	/* card width */
	flex: 0 0 240px;
}

.px-brand-item {
	height: 220px;
	background: #fff;
	border-radius: 16px;
	padding: 20px;

	display: flex;
	align-items: center;
	justify-content: center;

	box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
}

.px-brand-item img {
	max-width: 80%;
	max-height: 100px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.container.brand-containers {
	max-width: 1370px;
	margin: auto;
}

a.freely-login-btn {
	font-weight: 500;
	color: var(--tp-common-px-black);
}

.fl-cta-bg-text img {
	max-width: 100%;
	opacity: .1;
}

.abbanner-new {
	display: flex;
	gap: 40px;
	max-width: 65%;
	margin: auto;
	justify-content: space-between;
}

.abbanner-new img {
	height: 350px;
	width: 50%;
	object-fit: cover;
}

.cn-contactform-support-bg {
	height: 290px;
}


@media (max-width: 991px) {
	.freely-home-map-section {
		padding: 0 0 80px;
	}

	.freely-home-map-section__frame {
		height: 620px;
	}

	.pattner-wrap .swiper-slide {
		width: calc(50% - 15px);
		flex-basis: calc(50% - 15px);
	}
}

@media (max-width: 767px) {
	.freely-home-map-section {
		padding: 50px 0px;
	}

	.freely-home-map-section__intro {
		margin-bottom: 24px;
	}

	.freely-home-map-section__frame-wrap {
		border-radius: 8px;
	}

	.freely-home-map-section__frame {
		height: 520px;
	}

	.freely-home-service-card,
	.freely-home-service-card__image {
		min-height: 430px;
		height: 430px;
	}

	footer.bf-footer-2-top-spacing.newbg-footer .row.align-items-center .col-lg-2.col-md-6.col-sm-6 {
		width: 50%;
	}

	.tp-footer-copyright-wrap {
		padding: 15px 0px 6px 0px;
		margin-top: 10px;
	}

	.scrolltop-ns {
		display: none;
	}

	.px-hero-bg::before {
		height: 100vh;
	}

	.px-hero-bg {
		overflow: hidden !important;
	}

	.px-header-bar span {
		width: 40px !important;
	}

	.swiper-slide {
		width: 100%;
		flex-basis: 100%;
	}

	.px-brand-item {
		height: 160px;
	}

	.px-brand-style-3 .px-brand-item {
		min-width: 150px;
	}

	.pattner-wrap {
		gap: 15px;
	}

	.tp-contact-us-map iframe {
		height: 365px;
	}

	.tp-contact-us-map {
		height: auto;
		margin-bottom: 0px;
	}

	.partrnerform_section .container {
		width: 100%;
	}

	.tp-contact-us-wrap {
		border-radius: 14px !important;
		margin-top: 20px !important;
		padding: 15px 15px 10px !important;
	}

	section#partnerFrm {
		padding: 0px 0px 40px 0px !important;
	}

	.px-gallery-item {
		width: 100%;
	}

	.abbanner-new img:last-of-type {
		display: none;
	}

	.abbanner-new img {
		height: 350px;
		width: 100%;
		object-fit: cover;
	}

	.abbanner-new {
		gap: 0px;
		max-width: 100%;
	}

	.fl-experience:last-of-type {
		padding-bottom: 60px !important;
	}

	.cn-contactform-support-bg {
		height: 180px;
	}



}

/* Center-align upload box contents vertically and horizontally */
.fr-upload-box {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
}

.fr-upload-placeholder {
	width: 100% !important;
}

@media (max-width: 767px) {
  /* Collapse the left wrapper so its children become direct flex items */
  #rentalStep7 .fr-nav-footer-left,
  #tourStep6 .fr-nav-footer-left,
  #deliveryStep7 .fr-nav-footer-left {
    display: contents !important;
  }

  #rentalStep7 .fr-nav-footer,
  #tourStep6 .fr-nav-footer,
  #deliveryStep7 .fr-nav-footer {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px 12px !important;
    padding: 16px !important;
  }

  /* Row 1: Total Amount Row (full width, label on left, amount on right) */
  #rentalStep7 .fr-footer-total,
  #tourStep6 .fr-footer-total,
  #deliveryStep7 .fr-footer-total {
    order: 1 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 4px !important;
  }

  #rentalStep7 .fr-footer-total-label,
  #tourStep6 .fr-footer-total-label,
  #deliveryStep7 .fr-footer-total-label {
    font-size: 13px !important;
    color: var(--fr-muted-foreground, #64748b) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  #rentalStep7 .fr-footer-total-amount,
  #tourStep6 .fr-footer-total-amount,
  #deliveryStep7 .fr-footer-total-amount {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--fr-primary, #b49b8e) !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  /* Row 2 - Left: Back button (with light gray background, arrow icon restored) */
  #rentalStep7 #btnBackToStep6,
  #tourStep6 #btnTourBackToStep5,
  #deliveryStep7 #btnDeliveryBackToStep6 {
    order: 2 !important;
    flex: 1 !important;
    background: #f1f5f9 !important;
    border: none !important;
    box-shadow: none !important;
    color: #0f172a !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    border-radius: var(--fr-radius, 8px) !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
  }

  /* Restore the icon inside the back button */
  #rentalStep7 #btnBackToStep6 svg,
  #tourStep6 #btnTourBackToStep5 svg,
  #deliveryStep7 #btnDeliveryBackToStep6 svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
  }

  /* Row 2 - Right: Complete Booking button */
  #rentalStep7 #btnCompleteBooking,
  #tourStep6 #btnTourCompleteBooking,
  #deliveryStep7 #btnDeliveryCompleteBooking {
    order: 3 !important;
    flex: 1.5 !important;
    min-width: unset !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
  }

  #rentalStep7 .fr-footer-divider,
  #tourStep6 .fr-footer-divider,
  #deliveryStep7 .fr-footer-divider {
    display: none !important;
  }
}

/* ==========================================================================
   Booking Success Popup Styles (Pure CSS Override)
   ========================================================================== */

   .success-icon-wrap{
	display: none !important;
   }
.swal2-popup:has(.premium-success-modal) {
	width: 680px !important;
    background: #f8fafc !important;
    border-radius: 24px !important;
    padding: 32px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.15) !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
    box-sizing: border-box !important;
    max-width: 680px !important;
}

.swal2-popup:has(.premium-success-modal) .swal2-html-container {
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	text-align: center !important;
}

.premium-success-modal {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	color: #1e293b !important;
	padding: 0 !important;
}

/* Success Checkmark & Confetti overrides - Disabled as per request */
.premium-success-modal .success-icon-wrap {
	display: none !important;
}

/* Title and secured badge overrides */
.premium-success-modal h2 {
	font-size: 24px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin: 0 0 10px 0 !important;
	letter-spacing: -0.5px !important;
	line-height: 1.2 !important;
}

.premium-success-modal > div[style*="background: #e0f2fe"] {
	background: #ecfdf5 !important;
	color: #0f623f !important;
	border-radius: 99px !important;
	font-weight: 700 !important;
	padding: 6px 14px !important;
	margin-bottom: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
}

.premium-success-modal > div[style*="background: #e0f2fe"] iconify-icon {
	color: #0f623f !important;
}

/* Information Card (Payment Details + Fare Breakdown Grid Layout) */
.premium-success-modal > div[style*="background: #f8fafc"] {
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	row-gap: 0 !important;
	column-gap: 0 !important;
	text-align: left !important;
	margin-bottom: 15px !important;
	box-sizing: border-box !important;
	position: relative !important;
}

/* Card 1 container (drawn via ::before on grid) */
.premium-success-modal > div[style*="background: #f8fafc"]::before {
	content: "" !important;
	grid-column: 1 / 4 !important;
	grid-row: 1 / 3 !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
	z-index: 1 !important;
}

/* payment status column */
.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(1) {
	grid-column: 1 / 2 !important;
	grid-row: 1 / 2 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 2px !important;
	border-bottom: none !important;
	border-right: 1px solid #e2e8f0 !important;
	padding: 20px 20px 16px 20px !important;
	margin: 0 !important;
	z-index: 2 !important;
	position: relative !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(1) span:first-child {
	font-size: 13px !important;
	color: #64748b !important;
	font-weight: 500 !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(1) span:last-child {
	    font-size: 13px !important;
    color: #10b981 !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(1) span:last-child span {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: #10b981 !important;
	display: inline-block !important;
}

/* booking id column */
.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(2) {
	    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    border-bottom: none !important;
    border-right: 1px solid #e2e8f0 !important;
    padding: 12px 20px 10px 20px !important;
    margin: 0 !important;
    z-index: 2 !important;
    position: relative !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(2) span:first-child {
	font-size: 13px !important;
	color: #64748b !important;
	font-weight: 500 !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(2) span:last-child {
	font-size: 14px !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

/* vehicles row */
.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(3) {
	grid-column: 1 / 4 !important;
	grid-row: 2 / 3 !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	border-top: 1px solid #e2e8f0 !important;
	border-bottom: none !important;
	border-right: none !important;
	padding: 12px 20px 14px 20px !important;
	margin: 0 !important;
	z-index: 2 !important;
	position: relative !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(3) span:first-child {
	font-size: 13px !important;
	color: #64748b !important;
	font-weight: 500 !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(3) span:last-child {
	font-size: 14px !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	white-space: normal !important;
	text-align: right !important;
	max-width: 70% !important;
}

/* period column */
.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(4) {
	grid-column: 3 / 4 !important;
	grid-row: 1 / 2 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 2px !important;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
	padding: 12px 20px 10px 20px !important;
	margin: 0 !important;
	z-index: 2 !important;
	position: relative !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(4) span:first-child {
	font-size: 13px !important;
	color: #64748b !important;
	font-weight: 500 !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(4) span:last-child {
	font-size: 14px !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	text-align: left !important;
}

/* Card 2: fare breakdown row */
.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(5) {
	    grid-column: 1 / 4 !important;
    grid-row: 3 / 4 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 15px 20px 8px 20px !important;
    margin: 10px 0 0 0 !important;
    z-index: 2 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* fare breakdown div styles */
.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(5) > div:first-child {
	font-size: 11px !important;
	font-weight: 800 !important;
	color: #94a3b8 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.7px !important;
	margin-bottom: 10px !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(5) > div:not(:first-child) {
	display: flex !important;
	justify-content: space-between !important;
	font-size: 13px !important;
	margin-bottom: 6px !important;
	color: #475569 !important;
	font-weight: 500 !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(5) > div:not(:first-child) span:last-child {
	color: #0f172a !important;
	font-weight: 600 !important;
}

/* Card 2: amount paid row */
.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(6) {
	    grid-column: 1 / 4 !important;
    grid-row: 4 / 5 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 1px dashed #cbd5e1 !important;
    border-radius: 0 0 16px 16px !important;
    padding: 6px 20px 6px 20px !important;
    margin: 0 !important;
    z-index: 2 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(6) span:first-child {
	font-size: 14px !important;
	color: #0f172a !important;
	font-weight: 700 !important;
}

.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(6) span:last-child {
	font-size: 17px !important;
	font-weight: 800 !important;
	color: #0f623f !important;
}

/* Queue notification box (p tag transform) */
.premium-success-modal > p[style*="font-size: 14.5px"] {
	background: #f4f7ff !important;
	border: 1px solid #e0e7ff !important;
	border-radius: 16px !important;
	padding: 16px 20px 16px 68px !important;
	color: #475569 !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	text-align: left !important;
	position: relative !important;
	margin: 0 0 20px 0 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	display: none !important;
}

.premium-success-modal > p[style*="font-size: 14.5px"]::before {
	content: "" !important;
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: #e0f2fe !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: 18px !important;
	background-position: center !important;
}

.premium-success-modal > p[style*="font-size: 14.5px"]::first-line {
	font-weight: 700 !important;
	color: #0f172a !important;
}

/* Support Card styles */
/* .popup-support-card .support-link:hover {
	color: #4f46e5 !important;
} */

/* Button overrides */
.premium-success-modal > div[style*="display: flex; gap: 12.5px"] a.fr-btn {
	background: #ffffff !important;
	color: #0f172a !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 12px !important;
	padding: 12px 16px !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: none !important;
	transition: all 0.2s ease !important;
	margin: 0 !important;
	z-index: 2 !important;
}

.premium-success-modal > div[style*="display: flex; gap: 12.5px"] a.fr-btn::before {
	content: "" !important;
	width: 18px !important;
	height: 18px !important;
	margin-right: 8px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%230f172a' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center !important;
	display: inline-block !important;
}

.premium-success-modal > div[style*="display: flex; gap: 12.5px"] a.fr-btn iconify-icon {
	display: none !important;
}

.premium-success-modal > div[style*="display: flex; gap: 12.5px"] a.fr-btn:hover {
	background: #f8fafc !important;
	border-color: #94a3b8 !important;
	transform: translateY(-1px) !important;
}

.premium-success-modal > div[style*="display: flex; gap: 12.5px"] button.fr-btn {
	background: #95735f !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 12px 16px !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	box-shadow: 0 8px 20px -6px rgba(15, 98, 63, 0.3) !important;
	transition: all 0.2s ease !important;
	margin: 0 !important;
	z-index: 2 !important;
}

.premium-success-modal > div[style*="display: flex; gap: 12.5px"] button.fr-btn:hover {
	background: #95735f !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 8px 20px -4px #f9e1d4e8 !important;
}

/* Modal Responsive adjustments */
@media (max-width: 640px) {
	.swal2-popup:has(.premium-success-modal) {
		width: calc(100% - 24px) !important;
		height: 90vh !important;
		max-height: 90vh !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
		position: relative !important;
		background: #f8fafc !important;
		border-radius: 24px !important;
	}

	.swal2-popup:has(.premium-success-modal) .swal2-html-container {
		height: 100% !important;
		overflow: hidden !important;
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.premium-success-modal {
		height: 100% !important;
		overflow-y: auto !important;
		display: block !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		position: relative !important;
		text-align: center !important;
	}

	.premium-success-modal::-webkit-scrollbar {
		width: 4px !important;
	}
	.premium-success-modal::-webkit-scrollbar-track {
		background: transparent !important;
	}
	.premium-success-modal::-webkit-scrollbar-thumb {
		background: #cbd5e1 !important;
		border-radius: 10px !important;
	}

	/* Sticky Header Title */
	.premium-success-modal h2 {
		position: sticky !important;
		top: 0 !important;
		z-index: 100 !important;
		background: #f8fafc !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 20px 16px 8px 16px !important;
		font-size: 20px !important;
		line-height: 1.2 !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	/* Sticky Header Mask Extension behind the Badge */
	.premium-success-modal h2::after {
		content: "" !important;
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		height: 48px !important;
		background: #f8fafc !important;
		z-index: -1 !important;
		border-bottom: 1px solid rgba(15, 23, 42, 0.05) !important;
	}

	/* Sticky Badge */
	.premium-success-modal > div[style*="background: #e0f2fe"],
	.premium-success-modal > div[style*="background: #ecfdf5"] {
		position: sticky !important;
		top: 52px !important;
		z-index: 100 !important;
		margin: 0 auto !important;
		padding: 4px 12px !important;
		font-size: 12px !important;
		white-space: nowrap !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
	}

	/* Scrollable Content: Details Card */
	.premium-success-modal > div[style*="background: #f8fafc"] {
		width: calc(100% - 32px) !important;
		margin: 40px auto 15px auto !important; /* margin-top leaves space below the sticky badge */
		grid-template-columns: 1fr !important;
		row-gap: 0 !important;
		column-gap: 0 !important;
	}
	
	.premium-success-modal > div[style*="background: #f8fafc"]::before {
		grid-column: 1 / 2 !important;
		grid-row: 1 / 5 !important;
	}
	
	.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(1) {
		grid-column: 1 / 2 !important;
		grid-row: 1 / 2 !important;
		border-right: none !important;
		border-bottom: 1px dashed #e2e8f0 !important;
		padding: 16px 16px 12px 16px !important;
	}
	
	.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(2) {
		grid-column: 1 / 2 !important;
		grid-row: 2 / 3 !important;
		border-right: none !important;
		border-bottom: 1px dashed #e2e8f0 !important;
		padding: 12px 16px !important;
	}
	
	.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(4) {
		grid-column: 1 / 2 !important;
		grid-row: 3 / 4 !important;
		border-bottom: 1px dashed #e2e8f0 !important;
		padding: 12px 16px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 2px !important;
	}
	
	.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(3) {
		grid-column: 1 / 2 !important;
		grid-row: 4 / 5 !important;
		border-top: none !important;
		border-bottom: none !important;
		padding: 12px 16px 16px 16px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 2px !important;
	}
	
	.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(3) span:last-child {
		text-align: left !important;
		max-width: 100% !important;
	}
	
	.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(5) {
		grid-column: 1 / 2 !important;
		grid-row: 5 / 6 !important;
		padding: 16px 16px 8px 16px !important;
	}
	
	.premium-success-modal > div[style*="background: #f8fafc"] > div:nth-child(6) {
		grid-column: 1 / 2 !important;
		grid-row: 6 / 7 !important;
		padding: 12px 16px 16px 16px !important;
	}

	/* Scrollable Content: Paragraph Description */
	.premium-success-modal > p {
		width: calc(100% - 32px) !important;
		margin: 0 auto 20px auto !important;
	}

	/* Scrollable Content: Security Deposit Warning Box */
	.premium-success-modal > div[style*="background: #fffbeb"] {
		width: calc(100% - 32px) !important;
		margin: 0 auto 12px auto !important;
		box-sizing: border-box !important;
	}
	
	/* Scrollable Content: Support Card Mobile adjustments */
	.popup-support-card {
		width: calc(100% - 32px) !important;
		margin: 0 auto 15px auto !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
		padding: 16px !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 16px !important;
		box-sizing: border-box !important;
	}
	
	.popup-support-card .support-divider {
		display: none !important;
	}
	
	.popup-support-card .support-link {
		width: 100% !important;
		border-top: 1px dashed #e2e8f0 !important;
		padding-top: 10px !important;
		justify-content: flex-start !important;
	}
	
	/* Sticky Footer Elements */
	.premium-success-modal > div[style*="display: flex; gap: 12.5px"] {
		position: sticky !important;
		bottom: 0 !important;
		z-index: 100 !important;
		margin: 0 !important;
		padding: 12px 16px 20px 16px !important;
		background: #f8fafc !important;
		border-top: 1px solid rgba(15, 23, 42, 0.05) !important;
		box-shadow: 0 -8px 20px rgba(15, 23, 42, 0.03) !important;
		flex-direction: column !important;
		gap: 8px !important;
		display: flex !important;
		box-sizing: border-box !important;
	}
	
	.premium-success-modal > div[style*="display: flex; gap: 12.5px"] a.fr-btn,
	.premium-success-modal > div[style*="display: flex; gap: 12.5px"] button.fr-btn {
		width: 100% !important;
		margin-top: 0 !important;
	}
	
	#rentalStep7 #btnBackToStep6 {
		margin-left: 0px !important;
	}
}

/* ==========================================================================
   DEVELOPER ENHANCEMENTS: Premium Custom Checkbox & Glassmorphic Loader
   ========================================================================== */

/* Custom Checkbox Design */
input[type="checkbox"].fr-checkbox {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #cbd5e1 !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  outline: none !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
}

/* Checkbox Hover Effect */
input[type="checkbox"].fr-checkbox:hover {
  border-color: #a59086 !important;
  box-shadow: 0 0 0 4px rgba(165, 144, 134, 0.15) !important;
}

/* Checkbox Checked State */
input[type="checkbox"].fr-checkbox:checked {
  background-color: #a59086 !important;
  border-color: #a59086 !important;
  box-shadow: 0 4px 10px rgba(165, 144, 134, 0.25) !important;
}

/* Draw the custom white checkmark using SVG or pure CSS */
input[type="checkbox"].fr-checkbox::after {
  content: '' !important;
  position: absolute !important;
  width: 5px !important;
  height: 10px !important;
  border: solid white !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) scale(0) !important;
  opacity: 0 !important;
  top: 3px !important;
  left: 6px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

input[type="checkbox"].fr-checkbox:checked::after {
  transform: rotate(45deg) scale(1) !important;
  opacity: 1 !important;
}

/* Terms Container Styling - Modern card design */
.fr-terms-container {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-top: 24px !important;
  padding: 18px !important;
  background: #f8fafc !important;
  border-radius: 12px !important;
  border: 1.5px solid #e2e8f0 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

.fr-terms-container:hover {
  border-color: #cbd5e1 !important;
  background-color: #f1f5f9 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

/* Error Validation State (focused/red) */
.fr-terms-container:has(.fr-input-error) {
  border-color: #f87171 !important;
  background-color: #fff5f5 !important;
  box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.15) !important;
}

input[type="checkbox"].fr-checkbox.fr-input-error {
  border-color: #ef4444 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15) !important;
}

input[type="checkbox"].fr-checkbox.fr-input-error:focus {
  outline: none !important;
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.25) !important;
}

/* Modern Glassmorphic Loading Overlay */
.transparent-loading-swal {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 40px -5px rgba(15, 23, 42, 0.1), 
              0 10px 20px -10px rgba(15, 23, 42, 0.05) !important;
  padding: 36px 30px !important;
  max-width: 440px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.transparent-loading-swal .swal2-title {
  color: #0f172a !important;
  font-family: 'Inter', 'Roboto', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  margin: 16px 0 8px 0 !important;
  letter-spacing: -0.02em !important;
}

.transparent-loading-swal .swal2-html-container {
  color: #475569 !important;
  font-family: 'Inter', 'Roboto', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  font-weight: 450 !important;
}

.transparent-loading-swal .swal2-loader {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-color: #9a7966 transparent #9a7966 transparent !important;
  border-width: 3.5px !important;
  border-style: solid !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  margin: 15px auto !important;
  animation: swal2-rotate 1.2s linear infinite !important;
}

@keyframes swal2-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}