.pk-slider .el-meta,
.pk-slider .el-content {
	display: inline-block;
	width: 100px;

}
.pk-slider .uk-margin-top:has(.el-link) {
	/*     border-top: 1px solid #E8D9C4;
	padding-top: 30px; */
	position: absolute;
	bottom: 0;
	right: 0;
}

.pk-slider,
.pk-slider * {
	cursor: url("../images/cursor-drag.svg") 32 32, grab;
}

.pk-slider .el-meta:before,
.pk-slider .el-content:before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 8px;
	vertical-align: middle;
}
.pk-slider .el-meta:before {
	background-image: url('../images/area-icon.svg');
}
.pk-slider .el-content:before {
	background-image: url('../images/person-icon.svg');
}





/* ─── Nav wrapper ────────────────────────────────────────── */
.uma-nav {
	position: fixed;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	width: 528px;
	background: transparent; /* bar and panel carry their own backgrounds */
	overflow: visible;
	transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.uma-nav.is-open {
	width: 730px;
}

/* ─── Collapsed bar ──────────────────────────────────────── */
.uma-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 22px;
	background: #FAF7F3;                          /* Off-White */
	border: 1px solid #F5EFE6;                    /* Cream border, all sides */
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.04); /* Drop shadow */
	width: 100%;
	box-sizing: border-box;
	transition: padding 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		border-radius 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		border-color 0.4s ease;
}
.uma-nav.is-open .uma-bar {
	padding: 14px 40px;
	border-bottom-color: transparent; /* seam between bar and panel disappears */
}

/* ─── Panel grid wrapper ─────────────────────────────────── */
.uma-panel-grid {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	background: #FAF7F3;
	border: 1px solid #F5EFE6;
	border-top: none;                /* bar's bottom border handles the top edge */
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.04);
	overflow: hidden;
}
.uma-nav.is-open .uma-panel-grid {
	grid-template-rows: 1fr;
}

/* ─── Page overlay ───────────────────────────────────────── */
.uma-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 978; /* just below .uma-nav which is 999 */
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease;
}
.uma-overlay.is-visible {
	opacity: 1;
	pointer-events: all;
}

/* ─── Panel ──────────────────────────────────────────────── */
.uma-panel {
	width: 100%;
	background: transparent;
	overflow: hidden;
	opacity: 0;
	padding: 0;
	transition: opacity 0.25s ease 0s;
}
.uma-nav.is-open .uma-panel {
	opacity: 1;
	transition: opacity 0.3s ease 0.15s;
}
.uma-panel-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	padding: 20px 40px 40px;
}

/* ─── Menu ───────────────────────────────────────────────── */
.uma-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.uma-menu li a {
	display: inline-block; /* Changed from block so underline matches text width */
	position: relative;    /* Required to position the underline absolute */
	margin: 6px 0;
	padding: 2px 0;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.18em; /* Fixed letter-spacing syntax error */
	text-transform: uppercase;
	color: #6B4C3B;
	text-decoration: none;
	line-height: 100%;
}

/* Create the hidden underline */
.uma-menu li a::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);  /* Hide the line by shrinking it to 0 width */
	height: 1px;           /* Thickness of the underline */
	bottom: 0;             /* Places line at the bottom of the link */
	left: 0;
	background-color: #2a2118; /* Hover color for the underline */
	transform-origin: bottom left; /* Ensures animation starts from left */
	transition: transform 0.3s ease; /* Controls animation speed and feel */
}

/* Animate the underline to full width on hover */
.uma-menu li a:hover::after {
	transform: scaleX(1); /* Expand line to full 100% width */
}


/* ─── Panel image ────────────────────────────────────────── */
.uma-panel-image {
	overflow: hidden;
}
.uma-panel-image img {
	width: 315px;
	height: 288px;
	object-fit: cover;
	display: block;
}

/* ─── Logo ───────────────────────────────────────────────── */
.uma-logo img {
	height: 54px;
	display: block;
}


/* ─── Toggle button ──────────────────────────────────────── */
.uma-toggle {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: auto;
	height: auto;
	border-radius: 0;
}

/* ─── SVG circle ─────────────────────────────────────────── */
.uma-burger-circle {
	transition: fill 0.35s ease, stroke 0.35s ease;
}

/* ─── SVG lines ──────────────────────────────────────────── */
.uma-burger-line {
	transform-box:    view-box;
	transform-origin: center;
	transition:
		transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
		fill      0.35s ease;
}
@media (max-width: 767px) {
	.uk-dotnav>*>* {
		width: 30px;
		height: 3px;
	}
}
/* ─── Hover: lines nudge apart ───────────────────────────── */
.uma-toggle:hover .uma-burger-top {
	transform: translateX(-4px);
}
.uma-toggle:hover .uma-burger-bottom {
	transform: translateX(4px);
}

/* ─── Open: circle inverts ───────────────────────────────── */
.is-open .uma-burger-circle {
	fill:   #FAF7F300;
	stroke: #4A3428;
}
.is-open .uma-toggle:hover .uma-burger-circle {
	fill:   #4A3428;
	stroke: #4A3428;
}

/* ─── Open: lines form X ─────────────────────────────────── */
.is-open .uma-burger-top {
	fill:      #4A3428;
	transform: translate(-4px, 4px) rotate(45deg);
}
.is-open .uma-burger-bottom {
	fill:      #4A3428;
	transform: translate(-4px, -4px) rotate(-45deg);
}

/* ─── Suppress hover nudge while open ───────────────────── */
.is-open .uma-toggle:hover .uma-burger-top {
	transform: translate(-4px, 4px) rotate(45deg);
	fill: #FAF7F3;
}
.is-open .uma-toggle:hover .uma-burger-bottom {
	transform: translate(-4px, -4px) rotate(-45deg);
	fill: #FAF7F3;
}

/* ─── Responsive ─────────────────────────────────────────── */
@media (max-width: 690px) {
	.uma-nav {
		width: calc(100vw - 32px);
		top: 16px !important;
	}
	.uma-nav.is-open {
		width: calc(100vw - 32px);
	}
	.uma-panel-inner {
		grid-template-columns: 1fr;
	}
	.uma-panel-image {
		display: none;
	}
	/* 	.uma-reserve{
	padding: 5px 12px;
} */
	.uma-nav .uk-button-secondary{
		padding: 12px 12px;
		line-height: 100%;
	}
	.uma-burger-svg{
		width: 32px;
	}
	.uma-logo img{
		height: 32px;
	}
	.uma-nav.is-open .uma-bar{
		padding: 14px 20px;
	}
	.uma-panel-inner{
		padding: 20px;
	}
}


/* ─── Hero heading ───────────────────────────────────────── */
.hero-heading {
	position: relative;
	z-index: 20;
	color: #4A3428;
	transition: color 0.4s ease;
	opacity: 1;
}
.hero-heading.is-white {
	color: #ffffff;
}
.hero-heading .uk-panel {
	color: inherit;
}

/* ── Fade out/in keyframes ─────────────────────────────── */
@keyframes heroFadeOut {
	from { opacity: 1; }
	to   { opacity: 0; }
}
@keyframes heroFadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.hero-heading.fade-out {
	animation: heroFadeOut 0.6s ease forwards;
}
.hero-heading.fade-in {
	animation: heroFadeIn 0.6s ease forwards;
}

/* Button animation Start=================================== */

.uk-button {
	position: relative;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
}
.uk-button-primary {
	border: none;
}
.uk-button-default:before {
	background: #c4714a;
}

.uk-button-secondary:before {
	background: #E8D9C4;
}
.uk-light .uk-button-default:before {
	background: #fff;
}
.uk-button-primary::before {
	background: #4A3428;
	border: none !important;
	line-height: 43px !important;
}
.uk-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	transform: skewX(-25deg);
	transition: left 0.4s ease-out;
	z-index: -1;
}
.uk-button:hover::before{
	left: -10%;
	width: 120%;
}
.uk-button-default {
	background-color: #faf7f300;
}
.uk-light .uk-button-default {
	background-color: #ffffff00;
}
.uk-button:hover {
	transition: color 0.4s ease-out;
}




/* Button animation =================================== */


.tab-buttons .uk-subnav>.uk-active>a {
	color: #c4714a;
	border-bottom: 3px solid #c4714a;
}
.tab-buttons .uk-subnav>*>:first-child {
	font-size: 18px;
	padding: 0 10px;
	text-transform: none;
}

/* ajax to load the content of the discover cpt in the offcanvas */
/* Bottom sheet, capped at 1526px, slide up */
#project-offcanvas-shell.uk-offcanvas .uk-offcanvas-bar {
	top: 6%;
	bottom: 6%;
	left: 50%;
	right: auto;
	width: 80vw;
	max-width: 1526px;
	height: auto;
/* 	height: 85vh; */
	max-height: 90vh;
	overflow-y: auto;
	/*     padding: 48px; */
	padding: 80px;
	/*     border-radius: 20px 20px 0 0; */
	box-sizing: border-box;

	transform: translateX(-50%) translateY(100%);
	transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#project-offcanvas-shell.uk-offcanvas.uk-open .uk-offcanvas-bar {
	transform: translateX(-50%) translateY(0);
	background: #F5EFE6;
}





/* --- Pinned Close Button --- */
#project-offcanvas-shell .uk-offcanvas-close {
	position: sticky;
	top: -60px; /* Distance from the top edge when pinned */
	right: -60px;
	float: right; /* Aligns it to the right side */
	z-index: 1100; /* Keeps it on top of all scrolling content */

	margin-right: -60px;
	margin-top: -60px;
	/* Pulls down the body content so the button doesn't create empty dead space at the top */
	margin-bottom: -40px; 

	/* Optional: background blur or solid color so text doesn't clash behind it while scrolling */
	background: #F5EFE6;
	backdrop-filter: blur(4px);
	padding: 8px;
	border-radius: 50%;
	color: #4A3428;
	border: 1px solid #4A3428;
}



/* Two-column layout */
#project-offcanvas-shell .offcanvas-two-col {
	display: flex;
	flex-direction: row;
	gap: 80px;
	align-items: stretch; /* lets the sticky column stretch to content's height */
	width: 100%;
}

#project-offcanvas-shell .offcanvas-col-sticky {
	flex: 0 0 45%;
	max-width: 45%;
}

#project-offcanvas-shell .offcanvas-sticky-inner {
	position: sticky;
	top: 0;
}

#project-offcanvas-shell .offcanvas-sticky-inner img {
	width: 100%;
	height: auto;
	display: block;
	/*     border-radius: 8px; */
}

#project-offcanvas-shell .offcanvas-col-content {
	flex: 1 1 55%;
	min-width: 0;
}

#project-offcanvas-shell .offcanvas-distance {
	color: #B08D57;
	font-size: 15px;
}

@media (max-width: 991px) {
	#project-offcanvas-shell .offcanvas-two-col {
		flex-direction: column;
		gap: 20px;
	}
	#project-offcanvas-shell .offcanvas-col-sticky,
	#project-offcanvas-shell .offcanvas-col-content {
		max-width: 100%;
		flex: 1 1 auto;
	}
	#project-offcanvas-shell .offcanvas-sticky-inner {
		position: static;
	}
	#project-offcanvas-shell .uk-offcanvas-close{
		right: -42px;
		margin-right: -42px;
	}
}

@media(max-width:690px){
	#project-offcanvas-shell.uk-offcanvas .uk-offcanvas-bar{
		padding: 40px 20px;
	}
	#project-offcanvas-shell .uk-offcanvas-close{
		top: -32px;
		right: -12px;
		margin-top: -32px;
		margin-right: -12px;		
	}
	#project-offcanvas-shell .uk-offcanvas-close{
		padding: 6px;
	}
	#project-offcanvas-shell .uk-offcanvas-close svg{
		width: 12px;
	}
	/* Hide scrollbar for Chrome, Safari and Opera */
	#project-offcanvas-shell.uk-offcanvas .uk-offcanvas-bar::-webkit-scrollbar {
		display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	#project-offcanvas-shell.uk-offcanvas .uk-offcanvas-bar {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}

}


/* Desktop */
.pk-room-rowlist .pk-section-padding {
	position: sticky;
	top: 0;
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 120px 0;
	background: #F5EFE6;
}

.pk-room-rowlist .pk-section-padding:nth-child(even) {
	background: #FAF7F3;
}

.pk-section-padding h2 {
	position: relative;
}

.pk-section-padding h2 span {
	color: #E8D9C4;
	font-size: clamp(72px, 8vw, 128px);
	line-height: 1;
	position: absolute;
	left: 0;
	top: -1.2em;
	pointer-events: none;
}

/* Stacking order */
.pk-room-rowlist .pk-section-padding:nth-child(1) { z-index: 1; }
.pk-room-rowlist .pk-section-padding:nth-child(2) { z-index: 2; }
.pk-room-rowlist .pk-section-padding:nth-child(3) { z-index: 3; }
.pk-room-rowlist .pk-section-padding:nth-child(4) { z-index: 4; }
.pk-room-rowlist .pk-section-padding:nth-child(5) { z-index: 5; }
.pk-room-rowlist .pk-section-padding:nth-child(6) { z-index: 6; }
.pk-room-rowlist .pk-section-padding:nth-child(7) { z-index: 7; }
.pk-room-rowlist .pk-section-padding:nth-child(8) { z-index: 8; }

/* Large tablets */
@media (max-width: 1199px) {
	.pk-room-rowlist .pk-section-padding {
		min-height: auto;
		padding: 80px 0;
	}

	.pk-section-padding h2 span {
		font-size: clamp(60px, 10vw, 90px);
		top: -0.9em;
	}
}

/* Tablet & Mobile */
@media (max-width: 959px) {
	.pk-room-rowlist .pk-section-padding {
		position: relative;      /* Disable sticky */
		min-height: auto;
		display: block;
		padding: 64px 0;
	}

	.pk-section-padding h2 {
		margin-top: 0;
	}

	.pk-section-padding h2 span {
		position: static;
		display: block;
		font-size: 56px;
		margin-bottom: 12px;
	}
}

/* Small phones */
@media (max-width: 639px) {
	.pk-room-rowlist .pk-section-padding {
		padding: 48px 0;
	}

	.pk-section-padding h2 span {
		font-size: 42px;
		margin-bottom: 8px;
	}
}


/* ------ FORM CSS START --------- */

/* remove dotted border from the form selected fields */
:focus-visible {
	outline: none !important;
}

/* change the box to the tranparent and add the border bottom to input fields */
.forminator-input, .forminator-textarea, .select2-selection__rendered {
	border-bottom: 1px solid #CFC1B6 !important;
	background: transparent !important;
	font-family: "Jost" !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 180% !important;
	letter-spacing: 0% !important;
	padding: 10px 0 0 0 !important; 
}
.select2-selection__arrow{
	border-bottom: 1px solid #CFC1B6 !important;
	margin-top: 5px !important;
}
.forminator-label {
	text-transform: uppercase;
	font-size: 14px;
}
.forminator-input::placeholder, 
.forminator-textarea::placeholder {
	color: #CFC1B6 !important;
}
button.forminator-button.forminator-button-submit.uk-button.uk-button-primary{
	box-shadow: none !important;
	padding: 16px 20px !important;
}
.forminator-description{
	display: none !important;
}

/* add texts after submit button */
.forminator-row-last .forminator-field {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important; /* Ensures it stacks nicely on mobile screens */
	gap: 30px !important;       /* Controls the spacing between button and text */
}
.forminator-row-last .forminator-field::after {
	content: "We try to respond within a few hours.\A For urgent requests, reach out to Tenzin at +977-9851070424." !important;
	white-space: pre-wrap !important;
	font-family: "Jost" !important;
	font-size: 14px !important;       /* Adjusted to match image scale */
	color: #6B4C3B !important;       /* Darker color to match the text in image */
	line-height: 140% !important;
}

/* make calendar icon appear at the right */
.forminator-input-with-icon {
	position: relative !important;
	display: block !important;
}
.forminator-input-with-icon .forminator-icon-calendar {
	position: absolute !important;
	left: auto !important;          /* Removes the left alignment */
	right: 0 !important;             /* Forces icon to the rightmost edge */
	top: 50% !important;             /* Centers vertically */
	transform: translateY(-50%) !important;
	margin: 0 !important;
	pointer-events: none !important; /* Allows clicking "through" the icon to open calendar */
}
.forminator-input-with-icon .forminator-input {
	padding-right: 30px !important;  /* Creates blank space on the right so text doesn't overlap the icon */
	width: 100% !important;
}

/* calendar styling */
/* 1. Main Calendar Pop-up Container */
#ui-datepicker-div.forminator-calendar--flat {
	background: #FDFBF7 !important;            /* Uma's warm cream background */
	font-family: "Jost", sans-serif !important; /* Site matching typography */
	border: 1px solid #CFC1B6 !important;       /* Delicate earthy border */
	border-radius: 0px !important;              /* Clean, crisp minimalist edges */
	box-shadow: 0 10px 30px rgba(109, 90, 78, 0.08) !important; /* Subtle organic shadow */
	padding: 15px !important;
}

/* 2. Header, Month, and Year Dropdown Menus */
#ui-datepicker-div .ui-datepicker-header {
	background: transparent !important;
	border-bottom: 1px solid #CFC1B6 !important;
	padding-bottom: 10px !important;
}

#ui-datepicker-div .ui-datepicker-title select {
	background: transparent !important;
	color: #6D5A4E !important;                 /* Earthy charcoal text color */
	font-family: "Jost", sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	border: none !important;
	cursor: pointer !important;
}

/* 3. Navigation Arrows (Prev / Next) */
#ui-datepicker-div .ui-datepicker-prev, 
#ui-datepicker-div .ui-datepicker-next {
	top: 15px !important;
	cursor: pointer !important;
}

#ui-datepicker-div .ui-datepicker-prev span, 
#ui-datepicker-div .ui-datepicker-next span {
	color: #6D5A4E !important;                 /* Styled nav controls */
}

/* 4. Calendar Day Labels (Mon, Tue, Wed...) */
#ui-datepicker-div .ui-datepicker-calendar th {
	padding: 8px 0 !important;
}

#ui-datepicker-div .ui-datepicker-calendar th span {
	color: #CFC1B6 !important;                 /* Light brown accent for headers */
	font-family: "Jost", sans-serif !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

/* 5. Grid Day Numbers Layout */
#ui-datepicker-div .ui-datepicker-calendar td {
	padding: 4px !important;
}

#ui-datepicker-div .ui-datepicker-calendar td a {
	background: transparent !important;
	border: none !important;
	color: #6D5A4E !important;                 /* Dark earthy tone numbers */
	font-family: "Jost", sans-serif !important;
	font-size: 14px !important;
	text-align: center !important;
	line-height: 26px !important;
	display: block !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 auto !important;
	transition: all 0.2s ease !important;
}

/* 6. Day Hover and Selection States */
#ui-datepicker-div .ui-datepicker-calendar td a:hover {
	background: #CFC1B6 !important;            /* Warm transition tone on hover */
	color: #FDFBF7 !important;
	border-radius: 50% !important;             /* Elegant circular shape */
}

#ui-datepicker-div .ui-datepicker-calendar .ui-state-active {
	background: #6D5A4E !important;            /* Solid dark slate brand hero color */
	color: #FDFBF7 !important;                 /* Pure cream text highlight */
	border-radius: 50% !important;
	font-weight: 500 !important;
}

/* 1. Forces the true detached dropdown background container */
.select2-container--open .select2-dropdown,
body .select2-dropdown {
	background-color: #FDFBF7 !important; /* Solid warm off-white canvas */
	border: 1px solid #E5DDD5 !important;
	border-radius: 0px !important;
	z-index: 999999 !important;            /* Layers safely above form fields */
}

/* 2. Re-enforces individual dropdown items background opacity */
body .select2-results__option {
	background-color: #FDFBF7 !important; /* Ensures opaque options list */
	font-family: "Jost", sans-serif !important;
	font-size: 18px !important;
	color: #6D5A4E !important;
	/* 	padding: 12px 15px !important; */
	border-bottom: 1px solid #E5DDD5 !important;
}

body .select2-results__option:last-child {
	border-bottom: none !important;
}

/* 3. Re-enforces the active item background row */
body .select2-container .select2-results__option--highlighted[aria-selected],
body .select2-container .select2-results__option[aria-selected="true"] {
	background-color: #EADFD3 !important; /* Elegant opaque tan highlight bar */
	color: #6D5A4E !important;
}

.forminator-error-message{
	font-size: 12px;
	color: red;
}

/* --------- FORM CSS END ------------- */



#offcanvas-stays-generated .uk-offcanvas-bar, #offcanvas-buyout-generated .uk-offcanvas-bar, #offcanvas-explore-generated .uk-offcanvas-bar{
	height: 80vh;
	margin-top: auto;
	margin-bottom: 40px;
	margin-right: 40px;
}

@media(max-width:992px){
	#offcanvas-stays-generated .uk-offcanvas-bar, #offcanvas-buyout-generated .uk-offcanvas-bar, #offcanvas-explore-generated .uk-offcanvas-bar {
		height: 85vh;
		margin-top: auto;
		margin-bottom: 20px;
		margin-right: 20px;
	}
}
/* ==========================================================================
CUSTOM THICK SCROLLBAR WITH NO ARROW BUTTONS
========================================================================== */

/* 1. Target the scrollbar container (Chrome, Safari, newer Edge) */
.uk-offcanvas-bar::-webkit-scrollbar {
	width: 14px !important; /* Custom thickness */
	background: transparent !important; 
}

/* 2. COMPLETELY HIDE THE ARROW BUTTONS */
.uk-offcanvas-bar::-webkit-scrollbar-button {
	display: none !important;
	height: 0 !important;
	width: 0 !important;
}

/* 3. Style the empty track path */
.uk-offcanvas-bar::-webkit-scrollbar-track {
	background: transparent !important; 
}

/* 4. Style the thick draggable thumb capsule */
.uk-offcanvas-bar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.35) !important; /* Semi-transparent #CFC1B6 line color */
	border-radius: 20px !important; 
	border: 4px solid transparent !important; /* Padding gap illusion around the bar */
	background-clip: padding-box !important; 
}

/* 5. Darken the thumb on hover */
.uk-offcanvas-bar::-webkit-scrollbar-thumb:hover {
	background-color: #6D5A4E !important; /* Solid dark brand brown accent color */
}

/* 6. Isolated fallback for Firefox ONLY (Prevents breaking Chrome/Safari) */
@supports not selector(::-webkit-scrollbar) {
	.uk-offcanvas-bar {
		scrollbar-color: rgba(0, 0, 0, 0.35) transparent !important; 
		scrollbar-width: auto !important; /* Firefox hides arrow buttons natively */
	}
}

.uk-offcanvas-bar {
	overflow-x: hidden !important;
	overflow-y: auto;
}

.uma-custom-select {
	position: relative;
	font-family: "Jost", sans-serif;
}

.uma-custom-select-trigger {
	border-bottom: 1px solid #CFC1B6;
	font-size: 18px;
	font-weight: 400;
	line-height: 180%;
	padding: 10px 24px 8px 0;
	cursor: pointer;
	color: #6D5A4E;
	position: relative;
}

.uma-custom-select-trigger::after {
	content: '';
	position: absolute;
	right: 4px;
	top: 50%;
	width: 10px;
	height: 6px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236D5A4E' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transition: transform 0.2s ease;
}

.uma-custom-select.is-open .uma-custom-select-trigger::after {
	transform: translateY(-50%) rotate(180deg);
}

.uma-custom-select-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #FDFBF7;
	border: 1px solid #E5DDD5;
	z-index: 20;
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
	max-height: 200px;
	overflow-y: auto;
}

.uma-custom-select.is-open .uma-custom-select-list {
	display: block;
}

.uma-custom-select-list li {
	padding: 12px 15px;
	font-size: 18px;
	color: #6D5A4E;
	cursor: pointer;
	border-bottom: 1px solid #E5DDD5;
}

.uma-custom-select-list li:last-child {
	border-bottom: none;
}

.uma-custom-select-list li:hover,
.uma-custom-select-list li.is-active {
	background-color: #EADFD3;
}

button.uk-offcanvas-close.uk-icon.uk-close {
	border: 1px solid;
	border-radius: 50%;
	padding: 8px;
}

@media(max-width:690px){
	button.uk-offcanvas-close.uk-icon.uk-close{
		padding: 4px;
	}
	.uk-offcanvas-close{
		top: 10px !important;
	}
}




.forminator-radio-bullet {
	width: 20px;
	height: 20px;
	border: 1px solid #CFC1B6 !important;
	border-radius: 50%;
	position: relative;
}

/* Default checked radio */
.forminator-radio input:checked + .forminator-radio-bullet::after,
.forminator-radio.forminator-is_checked .forminator-radio-bullet::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	background: #D4A373;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}





:root{
	--uma-ink:      #1F3A34;   /* deep forest — primary accent / heading */
	--uma-brass:    #A9814C;   /* rule, link underline */
}

.uma-ty-section{
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:'Jost', sans-serif;
	-webkit-font-smoothing:antialiased;
}

.uma-ty-card{
	width:100%;
	max-width:560px;
	text-align:center;
	padding: clamp(40px, 6vw, 64px) clamp(28px, 6vw, 56px);
	background: #F7F3EC;
	border: 1px solid #E6DFCF;
	border-radius: 2px;
	box-shadow: 0 30px 60px -30px rgba(31,58,52,0.25);
	position:relative;
}

/* thin brass corner marks — quiet nod to a wax-stamped letter,
not a decorative flourish */
.uma-ty-card::before,
.uma-ty-card::after{
	content:"";
	position:absolute;
	width:22px; height:22px;
	border: 1px solid var(--uma-brass);
	opacity:0.55;
}
.uma-ty-card::before{ top:14px; left:14px; border-right:none; border-bottom:none; }
.uma-ty-card::after{ bottom:14px; right:14px; border-left:none; border-top:none; }

.uma-ty-seal-wrap img{
	display:block;
	margin:0 auto;
	max-width:96px !important;
	height:auto;
}

.uma-ty-rule{
	width:40px;
	height:1px;
	background: var(--uma-brass);
	margin: 0 auto 22px;
	opacity:0.7;
}

.uma-ty-body{
	font-family:'Jost', sans-serif;
	font-size:16px;
	line-height:1.7;
	max-width:420px;
	margin:0 auto;
}

.uma-ty-body .uma-ty-note{
	display:block;
	margin-top:14px;
	font-size:14px;
	color: #998676;
}

/* .uma-ty-back{
display:inline-block;
margin-top:30px;
font-family:'Jost', sans-serif;
font-size:13px;
font-weight:500;
letter-spacing:0.06em;
text-transform:uppercase;
color: var(--uma-ink);
text-decoration:none;
padding-bottom:3px;
border-bottom:1px solid var(--uma-brass);
transition: color 180ms ease, border-color 180ms ease;
}
.uma-ty-back:hover{
color: var(--uma-brass);
border-color: var(--uma-ink);
} */

.uma-ty-whatsapp{
	display:inline-block;
	margin-top:28px;
	font-family:'Jost', sans-serif;
	font-size:13px;
	font-weight:500;
	letter-spacing:0.06em;
	text-transform:uppercase;
	color: #4a3428;
	text-decoration:none;
	padding-bottom:3px;
	border-bottom:1px solid #4a3428;
	transition: color 180ms ease, border-color 180ms ease;
}
.uma-ty-whatsapp:hover{
	color: var(--uma-brass);
	border-color: var(--uma-brass);
}
.uma-ty-whatsapp:hover img{
	opacity: 0.5;
}
.uma-ty-whatsapp img{
	margin-bottom: 2px;
}
.uma-ty-whatsapp-note{
	display:block;
	margin-top:10px;
	font-family:'Jost', sans-serif;
	font-size:12px;
	color: #998676;
}

@media (max-width:420px){
	.uma-ty-card{ padding:36px 22px; }
}

.forminator-ui.forminator-custom-form[data-design=flat] .forminator-response-message p{
	margin: 0 auto !important;
}


@media(max-width:1100px){
	.uma-hero-banner{
		padding-top: 180px;
	}
}
@media(max-width:991px){
	.uma-hero-banner{
		padding-top: 160px;
	}
}
@media(max-width:690px){
	.uma-hero-banner{
		padding-top: 120px;
	}
}





.page-cta {
	position: relative;
	overflow: hidden;
	width: 586px;
	margin: 0 auto;
	padding: 32px 60px;
}

/* clickable transparent area */
.page-cta .transparent-link {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 354px;
	height: 400px;    
}

/* transparency cut-out */
.page-cta::after {
	content: "";
	position: absolute;
	width: 354px;
	height: 436px;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -45%);
	box-shadow: 0 0 0 9999px #FAF7F3;
	pointer-events: none;
	z-index: 1;
}

.page-cta .el-title, .page-cta .el-meta {
	position: relative;
	z-index: 2;
	color: #4A3428;
	font-size: 34px;	
	font-weight: 200;
}

.page-cta .el-title{
	text-align: left;
}

.page-cta .el-meta{
	text-align: right;
}

.page-cta .el-content{
	font-size: 16px;
	text-transform: uppercase;
}

/* .el-element .transparent-link a{    
border-bottom: 1px solid white; 
} */


@media (max-width: 767px) {
	.page-cta {
		width: auto;
		padding: 40px 30px;
	}

	.page-cta .transparent-link {
		width: 180px;
		height: 180px;    
	}

	.page-cta::after {
		width: 180px;
		height: 180px;  
	}

	.page-cta .el-title{
		font-size: 28px;
	}

	.page-cta .el-meta{
		font-size: 28px;
	}
}