/*=============== 01. Theme default CSS =====================*/

*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.site-wrapper {
	height: 100%;
}

::-ms-clear {
	display: none;
}

body {
	background-color: #f8f8f8;
	font-family: 'Yeseva One', cursive;
}

		.form-label {
			margin-bottom: 6px;
			font-weight: 700;
			color: #23130a; /* even darker for high contrast */
			font-size: 13px;
			text-transform: uppercase;
			letter-spacing: 0.6px;
		}

		/* Inputs: compact height and improved contrast */
		.form-input, .form-select {
			padding: 8px 10px; /* reduced padding for tighter rows */
			border: 2px solid rgba(196, 120, 28, 0.16);
			border-radius: 8px;
			font-size: 15px;
			font-family: 'Poppins', sans-serif;
			background: #ffffff;
			color: #23130a; /* darker text for best readability */
			transition: all 0.16s ease;
			height: 36px; /* reduced height */
			min-height: 36px;
			font-weight: 500;
		}

		/* Textarea: reduced but comfortable height */
		textarea.form-input {
			height: auto;
			min-height: 72px; /* reduced for a more compact modal */
			padding: 10px 10px;
			resize: vertical;
			line-height: 1.6;
			color: #23130a;
		}

		.form-input::placeholder {
			color: rgba(35, 19, 8, 0.44); /* clearer placeholder */
			font-weight: 400;
		}

		.form-input:focus, .form-select:focus {
			outline: none;
			border-color: #c4781c;
			box-shadow: 0 0 0 3px rgba(196, 120, 28, 0.10);
			background: linear-gradient(135deg, #fffaf4 0%, #ffffff 100%);
		}

		.form-row {
			display: flex;
			gap: 12px;
			margin-bottom: 0;
		}
h6 {
	font-size: 12px;
}

p:last-child {
	margin-bottom: 0;
}

p {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 35px;
	margin: 0;
	text-align: justify;
}

a,
button {
	color: inherit;
	display: inline-block;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
}

a,
button,
img,
input,
span {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

*:focus {
	outline: none !important;
}

a:focus {
	color: inherit;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #d0a97e;
}

button,
input[type="submit"] {
	cursor: pointer;
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
}

/* Service image improvements: keep images crisp, prevent layout shift, and crop consistently */
.service-image-container-ser {
	width: 100%;
	margin: 0 0 18px 0;
}
.service-image {
	width: 100%;
	height: 420px; /* taller on desktop */
	object-fit: cover;
	display: block;
	border-radius: 8px;
}
@media (max-width: 992px) {
	.service-image {
		height: 320px;
	}
}
@media (max-width: 768px) {
	.service-image {
		height: 260px;
	}
	.service-image-container-ser {
		width: 100%;
		margin: 0 0 14px 0;
	}
}

/* Why Choose Us and Other Services */
.why-choose-section {
	padding: 40px 0 24px 0;
	background: #ffffff;
	border-radius: 10px;
	margin-bottom: 24px;
}
.why-choose .about-badge, .other-services .about-badge {
	display: inline-block;
	margin-bottom: 12px;
	background: linear-gradient(90deg,#fff7ef,#fffaf4);
	padding: 6px 10px;
	border-radius: 20px;
	color: #c4781c;
	font-weight: 700;
}
.why-list {
	margin-top: 10px;
	padding-left: 18px;
}
.why-list li {
	margin-bottom: 10px;
	list-style: none;
	font-size: 15px;
}
.why-list li i { color: #c4781c; margin-right: 8px; }
.other-list { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.service-link-card {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	background: #f7f7f7;
	border-radius: 8px;
	color: #333;
	text-decoration: none;
}
.service-link-card i { font-size: 20px; color: #d0a97e; }
.service-link-card span { font-weight: 600; }
@media (max-width: 576px) {
	.other-list { gap: 8px; }
	.service-link-card { padding: 8px 10px; }
}

.width-100 {
	width: 100%;
}

.position-absolute {
	position: absolute!important;
}

.float-right {
	float: right !important;
}

a,
a:active,
a:focus {
	color: #6f6f6f;
	text-decoration: none;
	transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-duration: .2s;
	-ms-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
}

.section-title .title {
	font-size: 40px;
	color: #000000;
	padding-bottom: 50px;
	position: relative;
	margin: 0px;
}

.text-white {
	color: #ffffff;
}

.line-height-70 {
	line-height: 70px;
}


/*================ 02. Loader CSS ===============*/

html,
body {
	overflow-y: hidden;
}

html.animate,
body.animate {
	overflow-y: auto;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgb(255, 255, 255);
	opacity: 1;
}

.loader-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0px auto;
}

.logo-img {
	max-width: 150px;
}

.loader-img {
	width: 80px;
	height: 80px;
	margin-top: 30px;
}


/*=============== 03. BG Lines CSS =====================*/


/* =============== 04. Navbar CSS ================ */

/* Header & Navbar Styles */
		/* Top bar sits above the fixed navbar; reserve space by offsetting the navbar's top.
		   Top-bar is fixed at top so it remains visible on scroll. */

		.top-bar {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 1200;
			background: #da9c34f0; /* updated color */
			border-bottom: 1px solid rgba(0,0,0,0.06);
			padding: 8px 0;
			font-size: 14px;
			color: #ffffff;
		}

		.top-bar .top-bar-inner {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
		}

		.top-left {
			display: flex;
			gap: 18px;
			align-items: center;
		}

		.top-item {
			display: flex;
			align-items: center;
			color: #ffffff;
			font-weight: 500;
		}

		.top-item i {
			color: rgba(255,255,255,0.95);
			margin-right: 8px;
			font-size: 16px;
		}

		.top-item .top-text,
		.top-item a.top-text {
			color: #ffffff;
			text-decoration: none;
		}

		.top-right a.social {
			margin-left: 10px;
			color: #ffffff;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 34px;
			height: 34px;
			border-radius: 50%;
			border: 1px solid rgba(255,255,255,0.15);
			text-decoration: none;
			background: rgba(255,255,255,0.06);
			transition: all 0.2s ease;
		}

		.top-right a.social i {
			color: #ffffff;
			font-size: 14px;
		}

		.top-right a.social:hover {
			background: rgba(255,255,255,0.16);
			transform: translateY(-2px);
		}

		/* Ensure navbar sits below the top-bar */
		.navbar {
			background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 248, 245, 0.95) 100%);
			backdrop-filter: blur(10px);
			box-shadow: 0 5px 20px rgba(168, 129, 116, 0.1);
			position: fixed;
			top: 44px;
			left: 0;
			width: 100%;
			z-index: 1000;
			padding: 15px 0;
			border-bottom: 1px solid rgba(255, 218, 210, 0.5);
			transition: all 0.4s ease;
		}

		.navbar.scrolled {
			padding: 10px 0;
			box-shadow: 0 10px 30px rgba(168, 129, 116, 0.15);
			background: rgba(255, 255, 255, 0.98);
		}

		.container-nav {
			/* Use a responsive container width so items (like the mobile toggle)
			   aren't pushed off-screen on small viewports. Replaced the
			   fixed min-width with a fluid width + max-width. */
			max-width: 1500px;
			width: 100%;
			margin: 0 auto;
			padding: 0 20px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		/* Logo */
		.logo {
			display: flex;
			align-items: center;
			text-decoration: none;
			transition: transform 0.3s ease;
		}

		.logo:hover {
			transform: scale(1.03);
		}

		.logo-img {
			height: 65px;
			width: auto;
			filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.1));
		}

		.logo-text {
			font-family: 'Playfair Display', serif;
			font-size: 1.8rem;
			font-weight: 600;
			color: #c27b7b;
			margin-left: 10px;
			letter-spacing: 1px;
		}

		.logo-text span {
			color: #e6b3b3;
		}

		/* Desktop Menu */
		.nav-menu {
			display: flex;
			list-style: none;
			align-items: center;
		}

		.nav-item {
			position: relative;
			margin: 0 5px;
		}

		.nav-link {
			text-decoration: none;
			color: #555;
			font-weight: 500;
			padding: 12px 18px;
			border-radius: 30px;
			transition: all 0.3s ease;
			display: inline-block;
			position: relative;
			overflow: hidden;
		}

		.nav-link:hover {
			color: #c27b7b;
			background-color: rgba(194, 123, 123, 0.08);
		}

		.nav-link::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 50%;
			width: 0;
			height: 2px;
			background: linear-gradient(to right, #e6b3b3, #c27b7b);
			transition: all 0.3s ease;
			transform: translateX(-50%);
		}

		.nav-link:hover::after {
			width: 70%;
		}

		/* Dropdown Menu */
		.sub-menu-parent {
			position: relative;
		}

		.sub-menu {
			position: absolute;
			top: 100%;
			left: 0;
			background: white;
			min-width: 200px;
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
			border-radius: 10px;
			list-style: none;
			opacity: 0;
			visibility: hidden;
			transform: translateY(10px);
			transition: all 0.3s ease;
			z-index: 100;
			padding: 10px 0;
			border: 1px solid rgba(194, 123, 123, 0.1);
		}

		.sub-menu-parent:hover .sub-menu {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
		}

		.sub-menu li {
			padding: 0;
		}

		.sub-menu a {
			display: block;
			padding: 12px 20px;
			color: #666;
			transition: all 0.3s ease;
			text-decoration: none;
		}

		.sub-menu a:hover {
			background-color: rgba(194, 123, 123, 0.08);
			color: #c27b7b;
			padding-left: 25px;
		}

		.drop-down::after {
			content: '\f078';
			font-family: 'Font Awesome 6 Free';
			font-weight: 900;
			margin-left: 8px;
			font-size: 0.8rem;
			transition: transform 0.3s ease;
		}

		.sub-menu-parent:hover .drop-down::after {
			transform: rotate(180deg);
		}

		/* Book Now Button */
		.nav-book-btn {
			background: linear-gradient(to right, #da9d3465 , #da9d3491);
			color: white !important;
			padding: 12px 25px !important;
			box-shadow: 0 5px 15px rgba(194, 123, 123, 0.3);
			border-radius: 30px;
			margin-left: 10px;
			font-weight: 600;
			letter-spacing: 0.5px;
		}

		.nav-book-btn:hover {
			background: linear-gradient(to right, #d6a3a3, #b26b6b);
			transform: translateY(-3px);
			box-shadow: 0 8px 20px rgba(194, 123, 123, 0.4);
		}

		.nav-book-btn::after {
			display: none;
		}

		/* Mobile Toggle Button */
		.mobile-toggle {
			display: none;
			background: none;
			border: none;
			font-size: 1.8rem;
			color: #c27b7b;
			cursor: pointer;
			padding: 5px;
			transition: transform 0.3s ease;
		}

		.mobile-toggle:hover {
			transform: scale(1.1);
		}

		/* Mobile Menu */
		.mobile-menu {
			position: fixed;
			top: 0;
			left: -100%;
			width: 85%;
			max-width: 350px;
			height: 100vh;
			background: white;
			box-shadow: 5px 0 25px rgba(0, 0, 0, 0.1);
			z-index: 2000;
			padding: 30px 25px;
			overflow-y: auto;
			transition: left 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
			display: flex;
			flex-direction: column;
		}

		.mobile-menu.active {
			left: 0;
		}

		.mobile-menu-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 30px;
			padding-bottom: 20px;
			border-bottom: 1px solid #eee;
		}

		.mobile-logo {
			font-family: 'Playfair Display', serif;
			font-size: 1.6rem;
			color: #c27b7b;
			text-decoration: none;
		}

		.mobile-close {
			background: none;
			border: none;
			font-size: 1.8rem;
			color: #c27b7b;
			cursor: pointer;
			transition: transform 0.3s ease;
		}

		.mobile-close:hover {
			transform: rotate(90deg);
		}

		.mobile-nav-menu {
			list-style: none;
			flex-grow: 1;
		}

		.mobile-nav-item {
			margin-bottom: 15px;
			border-bottom: 1px solid #f5f5f5;
		}

		.mobile-nav-link {
			display: block;
			padding: 15px 0;
			text-decoration: none;
			color: #555;
			font-weight: 500;
			font-size: 1.1rem;
			transition: all 0.3s ease;
			position: relative;
		}

		.mobile-nav-link:hover {
			color: #c27b7b;
			padding-left: 10px;
		}

		.mobile-sub-toggle {
			float: right;
			color: #c27b7b;
			transition: transform 0.3s ease;
		}

		.mobile-sub-menu {
			list-style: none;
			padding-left: 20px;
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.5s ease;
		}

		.mobile-sub-menu.active {
			max-height: 300px;
		}

		.mobile-sub-menu li {
			padding: 10px 0;
		}

		.mobile-sub-menu a {
			color: #777;
			text-decoration: none;
			display: block;
			transition: all 0.3s ease;
		}

		.mobile-sub-menu a:hover {
			color: #c27b7b;
			padding-left: 10px;
		}

		.mobile-book-btn {
			display: block;
			background: linear-gradient(to right, #e6b3b3, #c27b7b);
			color: white;
			text-align: center;
			padding: 15px;
			border-radius: 30px;
			text-decoration: none;
			font-weight: 600;
			margin-top: 20px;
			box-shadow: 0 5px 15px rgba(194, 123, 123, 0.3);
			transition: all 0.3s ease;
		}

		.mobile-book-btn:hover {
			background: linear-gradient(to right, #d6a3a3, #b26b6b);
			transform: translateY(-3px);
			box-shadow: 0 8px 20px rgba(194, 123, 123, 0.4);
		}

		/* Overlay for mobile menu */
		.menu-overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.5);
			z-index: 1500;
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease;
		}

		.menu-overlay.active {
			opacity: 1;
			visibility: visible;
		}

/* Responsive Styles */
		@media (max-width: 992px) {
			.nav-menu {
				display: none;
			}

			.mobile-toggle {
				display: block;
			}

			.logo-text {
				font-size: 1.5rem;
			}
		}

		@media (max-width: 576px) {
			/* Make top-bar compact on small screens and hide long text */
			.top-bar { padding: 6px 0; }
			.top-item .top-text { display: none; }
			.top-right a.social { width: 28px; height: 28px; }
			.navbar { top: 0px; }
		}

		@media (max-width: 576px) {
			.logo-img {
				height: 55px;
			}
            
			.hero h1 {
				font-size: 2.2rem;
			}
            
			body {
				padding-top: 80px;
			}
		}

		/* Animation for menu items */
		@keyframes fadeInUp {
			from {
				opacity: 0;
				transform: translateY(20px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		.animate-in {
			animation: fadeInUp 0.5s ease forwards;
		}


.page-line,
.page-line__item {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.page-line {
	right: 0;
	z-index: 0;
}

.page-col,
.page-line .container {
	height: 100%;
}

.page-col {
	height: 100%;
}

.page-line__inner {
	height: 100%;
	/* border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0; */
	opacity: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.page-col {
	width: 25%;
	/* border-right: 1px solid #f0f0f0; */
	background: 0 0;
}

.page-line__inner .page-col:last-child {
	border: none;
}

.page-inner-dark {
	border-left: 1px solid #3c3c3b;
	border-right: 1px solid #3c3c3b;
}

.page-col-dark {
	border-right: 1px solid #3c3c3b;
}


/*=============== 04. Navbar CSS =====================*/

/* Next section continues with hero styles */


/*=============== 05. Hero Section CSS =====================*/

.hero-section {
	height: 100vh;
}

.carousel-detail {
	max-width: 600px;
	position: relative;
	height: 100vh;
}

.carousel-detail .down-up {
	font-size: 35px;
	color: #fff;
}

/* Slide overlay and enhanced hero button */
.slide-inner {
	position: relative;
	overflow: hidden;
}
.slide-inner::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	/* subtle dark-to-warm overlay to improve text contrast */
	background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.28) 40%, rgba(218,156,52,0.06) 100%);
	pointer-events: none;
}
.carousel-detail {
	position: relative;
	z-index: 2;
}

.hero-explore-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(90deg, #da9c34 0%, #c9862a 100%);
	color: #fff !important;
	padding: 12px 20px;
	border-radius: 28px;
	text-decoration: none;
	font-weight: 700;
	box-shadow: 0 8px 25px rgba(218,156,52,0.18);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
	border: 0;
}
.hero-explore-btn i {
	font-size: 0.95rem;
	opacity: 0.95;
}
.hero-explore-btn:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(218,156,52,0.22);
	background: linear-gradient(90deg, #c9862a 0%, #ad5f1f 100%);
}
.hero-explore-btn:focus {
	outline: 3px solid rgba(218,156,52,0.22);
	outline-offset: 3px;
}

@media (max-width: 768px) {
	.carousel-detail .down-up { font-size: 22px; }
	.hero-explore-btn { padding: 10px 14px; font-size: 14px; }
}

.carousel-detail:before {
	content: '';
	position: absolute;
	left: 45%;
	right: 0;
	bottom: 0;
	top: 0;
	height: 100%;
	width: 0px;
	background: rgba(182, 150, 132, 0.5);
	z-index: -1;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.carousel-fade .carousel-item.active .carousel-detail:before {
	width: 285px;
}

.arrow-icon--circle {
	-webkit-transition: stroke-dashoffset .8s ease-in-out;
	-o-transition: stroke-dashoffset .8s ease-in-out;
	transition: stroke-dashoffset .8s ease-in-out;
	stroke-dasharray: 140;
	stroke-dashoffset: 140;
}

.swiper-button-prev :hover .arrow-icon--circle {
	stroke-dashoffset: 0;
}

.arrow-icon--circle2 {
	-webkit-transition: stroke-dashoffset .8s ease-in-out;
	-o-transition: stroke-dashoffset .8s ease-in-out;
	transition: stroke-dashoffset .8s ease-in-out;
	stroke-dasharray: 140;
	stroke-dashoffset: 140;
}

.swiper-button-next :hover .arrow-icon--circle2 {
	stroke-dashoffset: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background: none!important;
	left: 0px!important;
	right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 0px!important;
	left: auto;
	background: none!important;
}

.header .swiper-carousel {
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 0;
}

 
.header .swiper-carousel * {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
	-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.header .swiper-carousel .swiper-slide {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #eee;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	background-size: cover;
}

.header .swiper-carousel .swiper-slide:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #313434;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.6;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.header .swiper-carousel .swiper-slide .inner {
	opacity: 0;
	padding: 0 5vw;
	position: relative;
	z-index: 2;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}

.header .swiper-carousel .swiper-slide-active {
	margin: 0;
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
	z-index: 2;
}

.header .swiper-carousel .swiper-slide-active:after {
	content: "";
	opacity: 0;
}

.header .swiper-carousel .swiper-slide-active .inner {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.header .swiper-container {
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 0;
	cursor: default!important;
}

.header .swiper-container .swiper-slide {
	overflow: hidden;
}

.header .swiper-container .swiper-button-next {
	width: auto;
	height: auto;
	background: none;
	right: 33px;
	font-weight: 800;
	color: #fff;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 20px;
	overflow: hidden;
}

.header .swiper-container .swiper-button-next * {
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.header .swiper-container .swiper-button-next span {
	position: relative;
	display: inline-block;
}

.header .swiper-container .swiper-button-next span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
}

.header .swiper-container .swiper-button-prev {
	width: auto;
	height: auto;
	background: none;
	left: auto;
	right: 33px;
	font-weight: 800;
	color: #fff;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: -40px;
	overflow: hidden;
}

.header .swiper-container .swiper-button-prev * {
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.header .swiper-container .swiper-button-prev span {
	position: relative;
	display: inline-block;
}

.header .swiper-container .swiper-button-prev span:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
}

.header .swiper-container .swiper-button-prev span:before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.header .swiper-container .swiper-button-prev:hover span {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.swiper-pagination-fraction {
	width: 100px;
	color: #fff;
	text-align: right;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position: relative!important;
	bottom: 0!important;
}

.swiper-pagination-fraction .swiper-pagination-current {
	font-size: 40px;
	font-weight: 800;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.swiper-pagination-fraction .swiper-pagination-current:before {
	content: "0";
}

.swiper-pagination-fraction .swiper-pagination-total {
	font-size: 20px;
	font-weight: 600;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.header .slide-inner {
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.slider-arrow a>span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: unset;
}

.hero-inner {
	margin-top: -74px;
	z-index: 1000;
	position: relative;
	height: 75px;
}

.hero-scroll {
	z-index: 10;
	background-color: #fff;
	height: 75px;
}

.arrow-icon--circle-scroll {
	-webkit-transition: stroke-dashoffset .8s ease-in-out;
	-o-transition: stroke-dashoffset .8s ease-in-out;
	transition: stroke-dashoffset .8s ease-in-out;
	stroke-dasharray: 140;
	stroke-dashoffset: 140;
}

.scroll:hover .arrow-icon--circle-scroll {
	stroke-dashoffset: 0;
}

.hero-scroll span {
	font-size: 16px;
	color: #21211e;
	padding-right: 25px;
}

.hero-scroll a {
	position: relative;
	background: transparent;
	width: 41px;
	height: 41px;
	border: 2px solid #e9e9e9;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.hero-scroll a:hover {
	border: 2px solid #d4d3d3;
}

.hero-bottom-nav {
	padding: 0px 40px;
	background-color: #fff;
	z-index: 10;
	height: 75px;
}

.w-20 {
	width: 20%;
}

.swiper-button-next:focus,
.swiper-button-next:hover,
.swiper-button-prev:focus,
.swiper-button-prev:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: 1;
}

.swiper-wrapper,
.swiper-slide {
	-webkit-transform-style: flat;
	transform-style: flat;
}

.swiper-button-next,
.swiper-button-prev {
	position: relative!important;
	background: transparent;
	width: 41px!important;
	height: 41px!important;
	border: 2px solid #e9e9e9;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 1;
	top: 0!important;
	margin-top: 0px!important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	border: 2px solid #d4d3d3;
}

.social-icon a {
	color: #000;
	margin: 0px 8px;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.social-icon a {
	position: relative;
	background: transparent;
	width: 41px;
	height: 41px;
	border: 2px solid #e9e9e9;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.social-icon a:hover {
	border: 2px solid #d4d3d3;
}

.social-icon a img {
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.social-icon a:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.hero-shape {
	position: relative;
}

.hero-shape {
	position: absolute;
	height: 100vh;
	width: 285px;
	background:#da9d3440;;
	z-index: 8;
	left: 35%;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.swiper-bg {
	background:#da9d3440;
		display: flex;
	align-items: center;
}


/*=============== 06. About Section CSS =====================*/

.aboutus {
	position: relative;
}

.about-left {
	height: 100%;
	padding: 80px 15px;
	position: relative;
	z-index: 2;
}

.about-left:before {
	content: '';
	position: absolute;
	top: 0;
	z-index: -1;
	bottom: 0;
	right: 0;
	background: #da9c34 ;
	height: 100%;
	width: 285px;
}

.ab-left-img {
	height: 517px;
	position: relative;
	width: 630px;
}

.ab-left-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.about-right {
	position: relative;
	padding: 80px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.about-right:before {
	content: '';
	position: absolute;
	top: 0;
	z-index: 1;
	bottom: 0;
	left: 0;
	background-image: url('../../images/about/about-bg.png');
	background-repeat: no-repeat;
	background-position: right;
	height: 50%;
	width: 270px;
}

.about-right-inner {
	position: relative;
	height: 376px;
	background: #fff;
	width: 100%;
	z-index: 2;
	-webkit-box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.08);
	padding: 50px;
}

.about-description p {
	font-size: 16px;
	color: #333;
	line-height: 1.7;
	margin-bottom: 18px;
}

.about-readmore {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(90deg, #da9c34 0%, #c9862a 100%);
	color: #fff;
	padding: 10px 18px;
	border-radius: 26px;
	text-decoration: none;
	font-weight: 600;
	box-shadow: 0 10px 30px rgba(218,156,52,0.12);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.about-readmore:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 45px rgba(218,156,52,0.18);
	background: linear-gradient(90deg, #c9862a 0%, #ad5f1f 100%);
}
.about-readmore:focus {
	outline: 3px solid rgba(218,156,52,0.18);
	outline-offset: 3px;
}

@media (max-width: 768px) {
	.about-right-inner { padding: 30px; }
	.about-description p { font-size: 15px; }
}

.swiper1 {
	margin: 0 auto 50px;
	width: 40%;
	text-align: center;
	padding: 10px 20px;
	font-size: 10vw;
	line-height: 1;
	position: relative;
	text-transform: uppercase;
	cursor: pointer;
}

.swiper1__content {
	color: rgba(0, 0, 0, 0);
	display: block;
}

.swiper1__bar,
.swiper1__bar--right {
	width: 100%;
	height: 100%;
	background: orange;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}

.swiper1__bar--right {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.swiper1.revealed .swiper1__content {
	-webkit-animation-name: kf-font-reveal;
	animation-name: kf-font-reveal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	color: orange;
}

.swiper1.revealed .swiper1__bar {
	-webkit-transform: translate(100%, 0%) translate3d(0px, 0px, 0px);
	transform: translate(100%, 0%) translate3d(0px, 0px, 0px);
}

.swiper1.revealed .swiper1__bar--right {
	-webkit-transform: translate(-100%, 0%) translate3d(0px, 0px, 0px);
	transform: translate(-100%, 0%) translate3d(0px, 0px, 0px);
}


/*=============== 07. Service Section CSS =====================*/

.heading {
	font-size: 40px;
	color: #000;
	padding-bottom: 50px;
	position: relative;
	margin: 0px;
}

.service {
	background-size: cover;
	background-position: center center;
	position: relative;
	background: url('../../images/slider/image_01.png');
	padding: 60px 0px;
	color: #fff;
}

.slider .slick-slide {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: .5;
}

.slider .slick-slide.slick-center {
	opacity: 1;
}

.switch {
	background: #000;
}

.slider {
	position: relative;
}

.img-box {
	padding: 0;
	height: 350px;
}

.slider .slick-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.slider .slider-div {
	float: left;
	width: 1140px;
}

.img-box {
	width: 50%;
}

.slider-div-details {
	width: 350px;
	margin: 0px auto;
}

/* Ensure image appears on the right on desktop (default), but allow mobile reordering */
.slider-div-details { order: 1; }
.img-box { order: 2; }

.slider-div-details span {
	font-size: 20px;
}

.service-description p {
	color: rgba(255, 255, 255, 0.5);
}

.slider-div-details h6 {
	font-size: 30px;
	color: #fff;
	text-transform: capitalize;
	margin: 10px 0px 15px 0px;
}

/* Redesigned static service grid */
.service .section-subtext {
	margin-top: 8px;
	margin-bottom: 30px;
	color: rgba(255,255,255,0.85);
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.service-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	align-items: stretch;
	margin-top: 20px;
}

.service-card {
	background: rgba(255,255,255,0.02);
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	will-change: transform;
}

.service-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
}

.service-card-body {
	padding: 18px;
	color: #fff;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.service-card h6 {
	font-size: 20px;
	margin: 0 0 8px 0;
	color: #da9c34;
}

.service-card p {
	color: rgba(16, 15, 15, 0.8);
	font-weight: 600;
	margin-bottom: 12px;
	flex: 1 1 auto;
}

.service-more {
	display: inline-block;
	background: linear-gradient(90deg, #da9c34 0%, #c9862a 100%);
	color: #fff;
	padding: 8px 14px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
}

.service-card-actions {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 8px;
	position: relative;
	z-index: 10;
}

.service-book {
	display: inline-block;
	background: transparent;
	color: #fff;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid rgba(255,255,255,0.12);
	text-decoration: none;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

.service-book:hover { 
	background: rgba(255,255,255,0.04); 
	color: #fff;
	text-decoration: none;
}

.service-more {
	cursor: pointer;
	position: relative;
	z-index: 10;
}

.service-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,0,0,0.25); }

/* Dual price display: male / female */
.service-price {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	white-space: nowrap;
}
.service-price .price-male {
	font-weight: 600;
	color: #3b2b20; /* dark chocolate */
	font-size: 14px;
}
.service-price .price-female {
	font-weight: 700;
	color: #da9c34; /* amber/gold accent */
	font-size: 14px;
}
@media (max-width: 576px) {
	.service-price {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 4px;
	}
	.service-price .price-male, .service-price .price-female {
		font-size: 13px;
	}
}

/* Service slider styling */
.service-slider {
	padding: 20px 0;
	max-width: 100%;
	overflow: hidden;
}

.service-slider .slick-track {
	transform: translate3d(0, 0, 0);
	will-change: transform;
}

.service-slider .slick-list {
	margin: 0 -15px;
	overflow: visible;
}

.service-slider .slick-slide {
	padding: 0 15px;
}

.service-slider .slick-slide > div {
	margin: 10px 0;
}

.service-slider .slick-dots {
	bottom: -40px;
	display: flex !important;
	justify-content: center;
	gap: 8px;
	padding: 0;
	margin: 0;
}

.service-slider .slick-dots li {
	list-style: none;
	margin: 0;
	width: auto;
	height: auto;
}

.service-slider .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255,255,255,0.3);
	border: none;
	padding: 0;
	font-size: 0;
	cursor: pointer;
	transition: all 0.3s ease;
}

.service-slider .slick-dots li.slick-active button {
	background: #da9c34;
	width: 30px;
	border-radius: 5px;
}

.service-slider .slick-dots li button:hover {
	background: rgba(218, 156, 52, 0.7);
}

@media (max-width: 992px) {
	.service-grid { grid-template-columns: 1fr; }
	.service-card img { height: 200px; }
}

/* Booking modal styling */
.booking-modal {
	border-radius: 14px;
	overflow: hidden;
	background: #1a1a1a;
	color: #fff;
	border: 1px solid rgba(218, 156, 52, 0.2);
}
.booking-modal .modal-header {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 18px 22px;
	background: #222;
}
.booking-modal-header .modal-brand { display:flex; gap:12px; align-items:center; }
.modal-logo { height:44px; }
.booking-modal .modal-title { font-size: 18px; margin:0; color: #fff; }
.booking-form-wrap { padding: 24px 22px 22px 22px; background: #1a1a1a; }
.booking-form .form-row { display:flex; gap:12px; margin-bottom:14px; }
.booking-form .form-row .form-col { flex:1; display:flex; flex-direction:column; }
.booking-form .form-row .form-col.full { flex: 1 1 100%; }
.booking-form label { color:#484545; font-weight:600; margin-bottom:8px; font-size:14px; }
.booking-form .form-control { background: #2a2a2a; border: 1px solid rgba(218, 156, 52, 0.3); color: #fff; padding:12px 14px; border-radius:8px; }
.booking-form .form-control:focus { background: #333; border-color: #da9c34; outline: none; box-shadow: 0 0 0 2px rgba(218, 156, 52, 0.1); }
.booking-form .form-control::placeholder { color: rgba(255,255,255,0.5); }
.booking-form select.form-control { cursor: pointer; }
.booking-form textarea.form-control { resize: vertical; min-height: 80px; }
.booking-form .actions-row { margin-top:16px; align-items:center; }
.booking-submit { background: linear-gradient(90deg,#da9c34,#c9862a); color:#fff; padding:12px 24px; border-radius:10px; border:none; font-weight:700; cursor: pointer; }
.booking-submit:hover { transform: translateY(-2px); box-shadow:0 10px 30px rgba(218,156,52,0.3); }
.booking-cancel { margin-left:10px; background: #333; color: #fff; border: 1px solid rgba(255,255,255,0.2); padding: 10px 20px; border-radius: 8px; cursor: pointer; }
.booking-cancel:hover { background: #444; }
.booking-success { padding: 32px; text-align:center; background: #222; border-radius:8px; }
.booking-success h4 { color:#da9c34; margin-bottom:12px; font-size: 24px; }
.booking-success p { color: rgba(255,255,255,0.8); }

@media (max-width: 576px) {
	.booking-form .form-row { flex-direction: column; }
	.booking-form .form-row .form-col { width: 100%; }
	.booking-modal .modal-content { padding: 0; }
}

.slick-arrow-left,
.slick-arrow-right {
	padding: 0;
	background-color: transparent;
	border: none;
	z-index: 100;
	background: #fff;
	height: 47px;
	width: 47px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.slick-prev img,
.slick-next img {}

.slick-arrow-left {
	float: left;
	-webkit-transform: translate(-37px, -180px);
	-ms-transform: translate(-37px, -180px);
	transform: translate(-37px, -180px);
	z-index: 10;
	position: relative;
}

.slick-arrow-right {
	float: right;
	-webkit-transform: translate(37px, -180px);
	-ms-transform: translate(37px, -180px);
	transform: translate(37px, -180px);
	z-index: 10;
	position: relative;
}


/*=============== 08. Price Section CSS =====================*/

.price {
	position: relative;
	padding: 80px 0px 0px;
}

.price .price-box .price-style-icon {
	width: 66px;
	height: 66px;
	background: #da9c34 ;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0px auto;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin-bottom: 30px;
}

.price .price-box .item-category {
	font-size: 20px;
	color: #000000;
	margin-bottom: 35px;
	display: block;
	text-transform: capitalize;
}

ul.leaders {
	max-width: 40em;
	padding: 0;
	overflow-x: hidden;
	list-style: none;
}

ul.leaders li:before {
	float: left;
	width: 0;
	white-space: nowrap;
	content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
	color: #afafaf;
}

ul.leaders li {
	margin-bottom: 15px;
}

ul.leaders li:last-child {
	margin-bottom: 0px;
}

ul.leaders span {
	font-size: 15px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}

ul.leaders span:first-child {
	color: #4a3524;
	background: linear-gradient(135deg, #fffaf4 0%, #fff5e6 100%);
	padding: 8px 12px;
	border-radius: 4px;
}

ul.leaders span:last-child {
	color: #c4781c;
	background: linear-gradient(135deg, #fff5e6 0%, #fffaf4 100%);
	padding: 8px 12px;
	border-radius: 4px;
	font-weight: 600;
}

ul.leaders span+span {
	float: right;
}


/*=============== 09. Our Expert Section CSS =====================*/

.our-barbers {
	padding: 100px 0px;
	background: linear-gradient(180deg, #fffaf4 0%, #ffffff 50%, #fffaf4 100%);
	position: relative;
	overflow: hidden;
}

.our-barbers::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 20% 50%, rgba(196, 120, 28, 0.05) 0%, transparent 50%),
	            radial-gradient(circle at 80% 50%, rgba(241, 165, 75, 0.05) 0%, transparent 50%);
	pointer-events: none;
}

.team-img-box {
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	border: 3px solid transparent;
	border-radius: 12px;
	background: linear-gradient(#fff, #fff) padding-box,
	            linear-gradient(135deg, #c4781c, #f1a54b) border-box;
	cursor: pointer;
	transition: all 0.4s ease;
	box-shadow: 0 8px 24px rgba(196, 120, 28, 0.12);
}

.team-img-box:hover {
	transform: translateY(-8px);
	box-shadow: 0 16px 40px rgba(196, 120, 28, 0.2);
}

.barbers .img {
	height: 380px;
	position: relative;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	background-size: cover!important;
	background-position: center top!important;
	background-repeat: no-repeat!important;
	cursor: pointer;
}

.barbers .img img {
	visibility: hidden;
}

.team-wrapper .info {
	padding: 24px 20px;
	background: linear-gradient(180deg, #ffffff 0%, #fffaf4 100%);
	border-radius: 0 0 10px 10px;
	position: relative;
}

.team-wrapper .info::before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	height: 3px;
	background: linear-gradient(90deg, transparent 0%, #c4781c 50%, transparent 100%);
	opacity: 0.4;
}

.info .title {
	font-size: 18px;
	color: #1f140a;
	padding-bottom: 8px;
	margin: 0;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.info .text {
	font-size: 14px;
	color: #8b7355;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	margin-top: 4px;
}

.team-overlay {
	background: linear-gradient(135deg, rgba(31, 20, 10, 0.85) 0%, rgba(196, 120, 28, 0.7) 100%);
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0px;
	bottom: 0;
	left: 0px;
	margin: auto;
	right: 0;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border-radius: 10px;
	backdrop-filter: blur(2px);
}

.barbers:hover .team-overlay {
	opacity: 1;
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


/*modal css start*/

.modal {
	padding-right: 0px!important;
}

.modal-open .modal {
	overflow-x: hidden!important;
	overflow-y: auto!important;
	padding-right: 0px!important;
}

.modal-open {
	padding-right: 0px!important;
}

.modal-open .navbar {
	padding-right: 0px!important;
	margin-right: 0px!important;
}

.modal-backdrop.show {
	opacity: .85!important;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background: linear-gradient(135deg, rgba(255, 250, 244, 0.95) 0%, rgba(255, 245, 230, 0.95) 100%)!important;
	backdrop-filter: blur(8px);
}

#team-modal .modal-dialog {
	width: 100%;
	height: 100vh;
	margin: 0;
	margin: 0px auto;
	padding: 25px;
	overflow: hidden;
	max-width: 780px;
}

.modal-close {
	position: absolute;
	z-index: 3;
	top: 25px;
	right: 25px;
	cursor: pointer;
}

.modal-close img {
	width: 25px;
	height: 25px;
}

.modal-content .popup-bottom-content-left img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.modal-body {
	position: relative;
	padding: 0px;
	border-radius: 0%;
	background: transparent;
}

.modal-footer button {
	opacity: 1!important;
	position: relative;
	background: transparent;
	width: 41px;
	height: 41px;
	border: 2px solid #e9e9e9;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 0px;
}

.modal-footer button img {
	opacity: 1;
}

.modal-footer button:hover {
	border: 2px solid #000;
}

.modal.fade .modal-dialog {
	transition: -webkit-transform .5s ease-out;
	-webkit-transition: -webkit-transform .5s ease-out;
	-o-transition: transform .5s ease-out;
	transition: transform .5s ease-out;
	transition: transform .5s ease-out, -webkit-transform .5s ease-out;
	transition: transform .5s ease-out, -webkit-transform .5s ease-out;
	-webkit-transform: translate(0, 0)!important;
	-ms-transform: translate(0, 0)!important;
	transform: translate(0, 0)!important;
}

.modal-content {
	border-radius: 10px !important;
	background: transparent;
	border: none;
}

.modal-header .close {
	margin-top: -40px;
	position: absolute;
	right: 0px;
	opacity: 1;
}

.modal-header {
	padding: 0px;
	border-bottom: none !important;
}

.popup-bottom-content-left {
	width: 50%;
	margin-top: -20px;
	text-align: center;
	margin-bottom: auto;
	height: 470px;
}

.modal .popup-bottom-content-left {
	opacity: 0;
	-webkit-transform: matrix(1, 0, 0, 1, 0, -100);
	-ms-transform: matrix(1, 0, 0, 1, 0, -100);
	transform: matrix(1, 0, 0, 1, 0, -100);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.modal.show .popup-bottom-content-left {
	opacity: 1;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.reverse-close-left {
	-webkit-transform: matrix(1, 0, 0, 1, 0, -100);
	-ms-transform: matrix(1, 0, 0, 1, 0, -100);
	transform: matrix(1, 0, 0, 1, 0, -100);
}

.modal .popup-bottom-content-right {
	opacity: 0;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 100);
	-ms-transform: matrix(1, 0, 0, 1, 0, 100);
	transform: matrix(1, 0, 0, 1, 0, 100);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.modal.show .popup-bottom-content-right {
	opacity: 1;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.reverse-close-left {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 100);
	-ms-transform: matrix(1, 0, 0, 1, 0, 100);
	transform: matrix(1, 0, 0, 1, 0, 100);
}

.popup-bottom-content-right {
	width: 50%;
	padding: 40px 30px;
	background: linear-gradient(180deg, #ffffff 0%, #fffaf4 100%);
	border: 4px solid transparent;
	background-clip: padding-box;
	box-shadow: 0 0 0 4px #c4781c, 0 12px 40px rgba(196, 120, 28, 0.2);
	height: 470px;
	margin-top: 20px;
	border-radius: 12px;
	position: relative;
}

.popup-bottom-content-right::before {
	content: '';
	position: absolute;
	top: -4px;
	left: -4px;
	right: -4px;
	bottom: -4px;
	background: linear-gradient(135deg, #c4781c, #f1a54b, #c4781c);
	border-radius: 12px;
	z-index: -1;
}

.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: center;
	padding: 1rem;
	border-top: 0px;
}

.close-btn {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	transform-box: fill-box;
}

.modal-footer button img {
	width: 10px;
}

.modal-footer button:hover img {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	transform-box: fill-box;
}

.popup-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
}

.pop-details-head {
	font-size: 26px;
	color: #1f140a;
	font-weight: 700;
	padding-bottom: 20px;
	margin: 0;
	letter-spacing: 0.5px;
	background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.onlyone .pop-details-head {
	font-size: 26px;
	color: #1f140a;
	font-weight: 700;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	border-bottom: none;
	background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.detail-name {
	font-size: 17px;
	color: #4a3524;
	width: 30%;
	margin-bottom: auto;
	text-transform: capitalize;
	font-weight: 600;
}

.detail-name-right {
	font-size: 17px;
	color: #6b5640;
	width: 60%;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: 500;
}

.modal-deatil {
	display: none;
}

.content {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.content h4 {
	font-size: 18px;
	color: #1f140a;
	text-align: left;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	margin-bottom: 25px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 12px;
}

.content h4::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, #c4781c 0%, #f1a54b 100%);
	border-radius: 2px;
}

.content p {
	margin-bottom: 25px;
	line-height: 28px;
	color: #4a3524;
	font-weight: 400;
}

.modal-inner-text img {
	width: auto;
	height: 160px;
	margin: 0px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.popup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	max-width: 100%;
	padding: 35px 0px;
}


/*=============== 10. Video Section CSS =====================*/

.video {
	background: #171717;
	position: relative;
}

.video-img {
	height: 540px;
	position: relative;
	width: 480px;
}

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

/* Background video styles */
.video {
	position: relative;
	overflow: hidden;
	min-height: 540px; /* keeps same height as existing image layout */
}

.video .video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-o-object-fit: cover;
	z-index: 1;
}

.video .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.35);
	z-index: 2;
}

.video > .container {
	position: relative;
	z-index: 3; /* keep content above overlay */
}

/* --- Hero Video: new styles --- */
.hero-video { position: relative; overflow: hidden; }
.hero-video .video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; transform-origin: center center; animation: zoomSlow 18s linear infinite; z-index: 1; }
.hero-video .overlay { background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.5) 100%); z-index: 2; }

.video-content { position: relative; z-index: 3; min-height: 360px; display: flex; align-items: center; justify-content: center; padding: 60px 15px; }
.video-inner { max-width: 920px; color: #fff; text-align: center; animation: fadeUp 0.7s ease both; }
.video-inner .overlay-title { font-size: 34px; margin: 0 0 10px; line-height: 1.1; font-weight: 600; }
.video-inner .overlay-sub { font-size: 16px; color: rgba(255,255,255,0.9); margin-bottom: 18px; }
.video-cta-wrap { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.overlay-cta { background: #da9c34; color: #fff; padding: 10px 20px; border-radius: 4px; display:inline-block; box-shadow: 0 6px 18px rgba(218,156,52,0.12); transition: transform .18s ease, box-shadow .18s ease; }
.overlay-cta:hover, .overlay-cta:focus { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(218,156,52,0.18); }
.link-btn { display:inline-block; color:#fff; border:1px solid rgba(255,255,255,0.25); padding: 10px 18px; border-radius:4px; background:transparent; transition:all .18s ease; }
.link-btn:hover { background: rgba(255,255,255,0.06); }

.video-cards { position: absolute; top: 50%; left: 0; right: 0; pointer-events: none; z-index: 4; transform: translateY(-50%); }
.video-cards .card { position: absolute; width: 160px; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.25); pointer-events:auto; opacity:0; transform: translateY(10px) scale(.98); }
.video-cards .card img { width:100%; height:100px; object-fit:cover; display:block; }
.video-cards .card .card-caption { padding:10px; font-weight:600; color:#222; font-size:13px; }
.video-cards .left-card { left: 24px; transform-origin: left center; }
.video-cards .right-card { right: 24px; transform-origin: right center; }
.animate-in { animation: cardIn .7s cubic-bezier(.2,.9,.3,1) forwards; }
.animate-in.delay-1 { animation-delay: .18s; }

@keyframes zoomSlow { 0% { transform: scale(1); } 50% { transform: scale(1.06); } 100% { transform: scale(1); } }
@keyframes fadeUp { from { opacity:0; transform: translateY(18px); } to { opacity:1; transform: translateY(0); } }
@keyframes cardIn { to { opacity:1; transform: translateY(0) scale(1); } }

/* responsive tweaks */
@media (max-width: 991px) {
	.video-cards { display: none; }
	.video-inner .overlay-title { font-size: 28px; }
	.video-content { padding: 40px 12px; }
}

@media (min-width: 992px) {
	.hero-video { min-height: 520px; }
	.video-cards .card { width: 200px; }
	.video-cards .card img { height:120px; }
}

/* Ensure service slider images are visible on small screens */
@media (max-width: 768px) {
	.slider {
		overflow: visible !important;
	}

	.slider .slider-div {
		width: 100% !important;
		float: none !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
		padding: 12px 0 !important;
		box-sizing: border-box;
		min-height: auto !important;
	}

	.img-box {
		width: 100% !important;
		height: 240px !important;
		display: block !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.img-box img,
	.slider .slider-div img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		-o-object-fit: cover !important;
		object-fit: cover !important;
		max-width: 100% !important;
	}

	.slider-div-details {
		width: 100% !important;
		margin: 0 !important;
		text-align: center !important;
		padding: 10px 15px !important;
	}

	.slider .slick-slide {
		display: block !important;
		opacity: 1 !important;
		transform: none !important;
	}
}

/* On small screens show image first, then content */
@media (max-width: 768px) {
	.slider .slider-div {
		/* reverse order: image first, details second */
		flex-direction: column-reverse !important;
	}

	/* Because we reverse visually, ensure captions/text remain centered */
	.slider-div-details {
		order: 2 !important;
	}

	.img-box {
		order: 1 !important;
	}
}
/* Overlay content centered above video */
.video .overlay-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 4; /* above overlay (2) and content container (3) */
	pointer-events: none; /* allow clicks to fall through except CTA */
}

.video .overlay-inner {
	pointer-events: auto; /* enable clicks inside inner box */
	max-width: 920px;
	padding: 20px;
	color: #fff;
}

.video .overlay-title {
	font-size: 34px;
	margin: 0 0 10px;
	line-height: 1.2;
}

.video .overlay-sub {
	color: rgba(255,255,255,0.85);
	margin-bottom: 18px;
	font-size: 16px;
}

.video .overlay-cta {
	display: inline-block;
	pointer-events: auto;
}

/* Center existing video-left-detail text as well */
.video .video-left-detail,
.video .video-left-detail p,
.video .video-left-detail h1 {
	text-align: center;
}

.video-left-detail {
	max-width: 400px;
}

.video-left-detail h1 {
	font-size: 40px;
	line-height: 70px;
	padding-bottom: 50px;
	margin: 0;
}

.video-left-detail p {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
}

.video-icon {
	width: 122px;
	height: 122px;
	border-radius: 50%;
	background: #272727;
	margin: 0px auto;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.icon {
	display: inline-block;
	position: relative;
	z-index: 1;
	border-radius: 50%;
	text-align: center;
}

.icon:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}


/* Hover effect */

.icon-effect .icon {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.icon-effect .icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}

.icon-effect-1a .icon:hover:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.video-icon .fa {
	color: #fff;
	font-size: 22px;
}


/*=============== 11. Portfolio Section CSS =====================*/

.portfolio-main-container {
	position: relative;
	padding: 80px 0px 0px;
}

#portfolio {
	width: 100%;
}

.portfoliodiv {
	padding-top: 50px;
	width: 100%;
}

.filter {
	text-align: center;
}

.filter ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.filter ul li {
	display: inline-block;
	margin: 0px 10px 0px 0px;
}

.filter ul li a {
	color: #000;
	padding: 10px;
	background: transparent;
	text-decoration: none;
	display: block;
	font-size: 15px;
	text-transform: capitalize;
	width: 137px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.filter ul li a:hover,
.filter ul li a.active,
.filter ul li a:focus {
	background: #da9c34 ;
	color: #fff;
	text-decoration: none;
}

.filter ul li:last-child {
	border-right: none;
}

.col-25 {
	width: 25%;
	padding: 10px;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
	width: 100%;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
}

.portfolio-img {
	position: relative;
	text-align: center;
	width: 100%;
}

.portfolio-img img {
	max-width: 100%;
	width: 100%;
}

.portfolio-img .portfolio-overlay {
	background: rgba(0, 0, 0, 0.75);
	position: absolute;
	top: 12px;
	right: 12px;
	bottom: 12px;
	left: 12px;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.portfolio-img:hover .portfolio-overlay {
	opacity: 1;
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio-img h3 {
	text-transform: uppercase;
	font-size: 36px;
	color: #fff
}

.portfolio-img P {
	color: #fff;
	font-size: 16px;
}


/*=============== 12. Testimonial Section CSS =====================*/

.testimonial-main-container {
	padding: 80px 0px 0px;
}

.testimonial-slider {
	padding: 20px 0px 0px;
}

.testimonial-inner {
	padding: 0px 15px;
}

.testimonial-left {
	height: 100%;
	position: relative;
	z-index: 2;
}

.test-left-img {
	height: 460px;
	position: relative;
	width: 650px;
}

.test-left-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.testimonial-right {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.slick-list {
	position: relative;
	display: block;
	overflow: visible!important;
	margin: 0;
	padding: 0;
}

.testimonial-right-inner {
	position: relative;
	height: 377px;
	background: #fff;
	width: 100%;
	z-index: 2;
	-webkit-box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.08);
	padding: 40px;
}

.slick-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	padding: 1rem 0;
	list-style-type: none;
	position: absolute;
	left: 55%;
	bottom: 10%;
}

.testimonial-main-container .slick-dots li {
	margin: 0 15px.25rem;
}

.testimonial-main-container .slick-dots button {
	display: block;
	width: 9px;
	height: 9px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #dedede;
	text-indent: -9999px;
}

.testimonial-main-container .slick-dots li.slick-active button {
	background-color: #da9c34 ;
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.testimonial-main-container .slick-dots li button:after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	content: '';
	width: 33px;
	height: 33px;
	border: 2px solid #f0f0f0;
	border-radius: 100%;
	background: transparent;
}

.testimonial-main-container .slick-dots li.slick-active button:after {
	position: absolute;
	left: -12px;
	top: -12px;
	bottom: 0;
	right: 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.testimonial-description img {
	margin: 0;
}

.testimonial-description h3 {
	font-size: 25px;
	color: #000000;
	line-height: 40px;
	letter-spacing: 1px;
	margin: 35px 0px;
}

.testimonial-description h5 {
	font-size: 16px;
	color: #000000;
	font-family: 'Poppins', sans-serif;
}


/*=============== 13. Blog Section CSS =====================*/

.blog-main-container {
	padding: 80px 0px;
}

.blog-img {
	height: 358px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.blog-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	overflow: hidden;
}

.blog-inner {
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin-top: -50px;
	padding: 20px 0px;
	width: 93%;
	height: 183px;
	background: #fff;
	position: relative;
}

.blog-grid {
	cursor: pointer;
}

.blog-grid:hover .blog-inner {
	width: 100%;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.blog-text {
	font-size: 16px;
	color: #000000;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	padding: 0px 40px;
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.blog-t-big {
	font-size: 25px;
	color: #000;
	padding: 0px 40px;
	line-height: 45px;
	width: 500px;
	margin-bottom: 20px;
}

.blog-tag {
	position: absolute;
	top: 30px;
	left: 30px;
	height: 45px;
	width: 115px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	font-family: Poppins;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-tag:hover,
.blog-tag:focus {
	color: #fff;
}

.bgcolor-blue:hover {
	-webkit-box-shadow: 0 0 11px rgba(64, 70, 80, 1);
	box-shadow: 0 0 11px rgba(64, 70, 80, 1);
}


/*=============== 14. Contact Section CSS =====================*/

.contact {
	position: relative;
	padding: 80px 0px 0px;
	background: #f8f8f8;
}

.form-wrapper {
	padding: 60px 20px;
}

.contact:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 65%;
	background: #171717;
	width: 100%;
}

.form-wrapper form div {
	margin: 0 0 50px 0;
	position: relative;
}

.form-wrapper form input,
.form-wrapper form textarea {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	outline: none;
	margin: 0;
	font-family: 'Poppins', sans-serif;
}

.form-wrapper form textarea {
	height: 135px!important;
	resize: none;
}

.form-wrapper form input[type="text"],
.form-wrapper form textarea {
	background: transparent;
	border: 1px solid #dbdbdb;
	font-size: 16px;
	color: #171717;
	padding: 20px 40px;
	border-radius: 2px;
	height: 90px;
	font-family: 'Poppins', sans-serif;
}

.form-wrapper form input[type="text"]::-webkit-input-placeholder,
.form-wrapper form textarea::-webkit-input-placeholder {
	color: #171717;
	font-weight: 500;
}

.form-wrapper form input[type="text"]:-ms-input-placeholder,
.form-wrapper form textarea:-ms-input-placeholder {
	color: #171717;
	font-weight: 500;
}

.form-wrapper form input[type="text"]::-ms-input-placeholder,
.form-wrapper form textarea::-ms-input-placeholder {
	color: #171717;
	font-weight: 500;
}

.form-wrapper form input[type="text"]::placeholder,
.form-wrapper form textarea::placeholder {
	color: #171717;
	font-weight: 500;
}

.form-wrapper form input[type="text"]::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #171717;
	font-weight: 500;
}

.form-wrapper form input[type="text"]::-moz-placeholder,
.form-wrapper form textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #171717;
	font-weight: 500;
	opacity: 1;
}

.form-wrapper form input[type="text"]:-ms-input-placeholder {
	/* IE 10+ */
	color: #171717;
	font-weight: 500;
}

.form-wrapper form input[type="text"]:-moz-placeholder,
.form-wrapper form textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #171717;
	font-weight: 500;
	opacity: 1;
}

.form-wrapper form input[type="text"]:focus {
	background: transparent;
	outline: 0px!important;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-wrapper form #datepicker span {
	display: block;
	background: transparent;
	padding: 2px 5px;
	color: #666;
	position: absolute;
	right: 20px;
	top: 30px;
	cursor: pointer;
}

.form-wrapper form input[type="submit"] {
	background: #da9c34 ;
	height: 70px;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	outline: none;
	border-radius: 0px !important;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-family: 'Poppins', sans-serif;
}

.form-wrapper form input[type="submit"]:hover {
	background: #171717;
}

.form-wrapper form label {
	position: absolute;
	left: 15px;
	top: 12px;
	display: inline-block;
	padding: 0px 20px;
	background-color: rgba(255, 255, 255, 0);
	-o-transition: color 0.3s, top 0.3s, background-color 0.8s;
	-webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
	transition: color 0.3s, top 0.3s, background-color 0.8s;
	font-family: 'Poppins', sans-serif;
}

.form-wrapper form label.floatLabel {
	top: -15px;
	background-color: rgba(255, 255, 255, 1);
	font-size: 15px;
	color: #878787;
	font-weight: 600;
	letter-spacing: 1px;
	z-index: 100;
}

.contact-information .contact-us-single-item {
	font-family: 'Poppins', sans-serif;
	margin-bottom: 25px;
	position: relative;
}

.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.select {
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 0px!important;
	width: 100%;
	height: 90px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.select-styled {
	position: relative;
	display: flex;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 0px!important;
	width: 100%;
	
	background: transparent;
	border: 1px solid #dbdbdb;
	font-size: 16px;
	color: #171717;
	background: #2a2a2a;
    border: 1px solid rgba(218, 156, 52, 0.3);
    color: #fff;
    padding: 12px 14px;
    border-radius: 8px;
	font-family: 'Poppins', sans-serif;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-weight: 500;
}

.select-styled:after {
	content: "";
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-color: #fcf6f6 transparent transparent transparent;
	position: absolute;
	top: 25px;
	right: 30px;
}

.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	-webkit-box-shadow: 0 11px 5px rgba(0, 0, 0, .09);
	box-shadow: 0 11px 5px rgba(0, 0, 0, .09);
	background: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-family: 'Poppins', sans-serif;
}

.select-options li {
	position: relative;
	display: block;
	padding: 15px 40px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 16px;
	font-weight: 500;
	color: #171717;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.select-options li:hover {
	color: #000;
}

.select-options li[rel="hide"] {
	display: none;
}

.contact-left {
	background: #ffffff;
	-webkit-box-shadow: 0px 3px 68px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 3px 68px 0px rgba(0, 0, 0, 0.05);
}

.mapcont {
	height: 680px;
}

.mapcont iframe {
	height: 100%;
	width: 100%;
	border: none;
}

.contact-information {
	height: 100%;
	padding-bottom: 50px;
}

.contact-information .work-info {
	padding-left: 20px;
}

.working-hour {
	width: 100%;
	padding-left: 20px;
}

.working-hour li {
	width: 100%;
	margin-bottom: 15px;
}

.work-day,
.work-time {
	width: 50%;
	font-size: 15px;
	color: #c8c8c8;
}

.work-time {
	color: #b38e8e;
}

.work-info {
	color: #e9e9e9;
}


/*=============== 15. Footer CSS =====================*/

.foot-info {
	padding: 30px 0px;
}

.foot-text {
	font-size: 15px;
	color: #000000;
	font-family: 'Poppins', sans-serif;
}

.foot-logo a {
	max-width: 100px;
}

.foot-logo a img {
	height: 100%;
	width: 100%;
}


/*====================16. Blog Page CSS==================*/

.main-banner-area {
	overflow: hidden;
	position: relative;
}

.half-bg {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: #171717;
	height: 497px;
}

.main-title {
	font-size: 55px;
	color: #20394d;
	font-weight: 200;
	margin: 0 0 1.875rem;
	position: relative;
	z-index: 1000;
	letter-spacing: 1px;
}

#Blog-page {
	margin-top: -130px;
	padding-bottom: 50px;
	position: relative;
	z-index: 100;
}

.load-btn {
	width: 253px;
	height: 78px;
	background: #ddd;
	text-align: center;
	line-height: 78px;
	font-size: 16px;
	color: #000;
	margin: 30px 0px;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.load-btn:hover {
	background: #171717;
	color: #fff;
}

#Blog-page .blog-grid {
	margin-bottom: 40px;
}

.blog-bottom {
	background: #171717;
	padding: 45px 0px;
	position: relative;
}

.blog-b-left {
	padding: 70px;
	font-size: 25px;
	color: #fff;
	width: 70%;
	/* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
	/* safari4+,chrome */
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	/* safari5.1+,chrome10+ */
	background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	/* opera 11.10+ */
	/* ie10+ */
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), color-stop(80%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	/* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
	/* ie6-9 */
}

.blog-btn {
	background: #da9c34 ;
	height: 78px;
	width: 253px;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	outline: none;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-family: 'Poppins', sans-serif;
}

.blog-btn:hover,
.blog-btn:focus {
	background: #fff;
	color: #171717;
}


/*==============17. Blog Detail Page CSS===============*/

.blog-grid-card {
	cursor: pointer;
}

.blog-grid-card .blog-inner {
	height: 136px;
	width: 85%;
	padding: 20px 50px;
}

.blog-grid-card .blog-img {
	height: 740px;
	position: relative;
}

.blog-profile-img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	margin-right: 40px;
}

.blog-profile-img img {
	width: 100%;
	border-radius: 50%;
	width: 100%;
	border-radius: 50%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.blog-profile-text h4 {
	font-size: 20px;
	color: #080f1c;
}

.blog-profile-text h5 {
	font-size: 16px;
	color: #7c7c7c;
	font-family: Poppins;
}

.blog-inner-tag {
	height: 45px;
	width: 115px;
	background: #f6f6f6;
	border-radius: 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	color: #000000;
	font-weight: 500;
	font-family: Poppins;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-inner-tag:hover {
	color: #fff;
	background: #171717;
}

.blog-text-right .social-icon {
	margin-right: 50px;
}

.blog-head {
	font-size: 22px;
	color: #080f1c;
	font-weight: 600;
	font-family: Poppins;
	margin-bottom: 20px;
}

.blog-post__content p {
	color: #6c6c6c;
	font-size: 16px;
	text-align: justify;
	line-height: 30px;
	letter-spacing: 0.5px;
	margin-bottom: 50px;
}

.blog-post-wrapper {
	padding: 70px 0px 0px;
}

.blog-post__image {
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
	max-height: 700px;
	height: 100%;
}

.blog-post__quote {
	margin: 100px auto;
	max-width: 800px;
}

.blog-post__quote q {
	position: relative;
	font-size: 40px;
	letter-spacing: 0.2px;
	color: #080f1c;
	line-height: 70px;
}

.blog-post__quote q::before,
.blog-post__quote q::after {
	z-index: -1;
	position: absolute;
}

.blog-post__quote q::before {
	content: url(../../images/blog/comma-left.png);
	top: -20px;
	left: -150px;
	line-height: 1;
}

.blog-post__quote q::after {
	content: url(../../images/blog/comma-right.png);
	right: -150px;
	line-height: 1;
	bottom: -55px;
}

.blog-post__content-list li {
	color: #6c6c6c;
	font-size: 16px;
	text-align: justify;
	line-height: 30px;
	letter-spacing: 1px;
	font-family: Poppins;
	margin-bottom: 10px;
}

.blog-post__content-list li:before {
	background: #da9c34 ;
	content: "";
	display: inline-block;
	height: 8px;
	position: relative;
	vertical-align: middle;
	width: 8px;
	border-radius: 50%;
	margin-right: 20px;
}

.post-comments {
	padding: 70px 0px 0px;
}

.latest-comments ul .latest-comments-list {
	padding: 45px 30px;
	border-top: 1px solid #e6e6e6;
}

.comments-avatar {
	float: left;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	margin-right: 30px;
	position: relative;
	border-radius: 50%;
}

.comments-avatar img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.comments-text {
	overflow: hidden;
}

.avatar-head {
	margin-bottom: 20px;
}

.avatar-name {
	float: left;
}

.avatar-name {
	margin-bottom: 10px;
	overflow: hidden;
}

.avatar-name>h4 {
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 10px;
	font-family: Poppins;
	letter-spacing: 0.5px;
}

.avatar-name>span {
	color: #7c7c7c;
	font-size: 16px;
	text-align: justify;
	font-weight: 400;
	letter-spacing: 0.5px;
	font-family: Poppins;
}

.comments-text>p {
	color: #6c6c6c;
	font-size: 15px;
	text-align: justify;
	letter-spacing: 0.5px;
}

.avatar-replay {
	width: 115px;
	height: 45px;
	background: #000;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-radius: 23px;
	cursor: pointer;
	border: 2px solid transparent;
}

.avatar-replay a {
	color: #fff;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.avatar-replay:hover {
	background: transparent;
	border: 2px solid #171717;
}

.avatar-replay:hover a {
	color: #171717;
}

.comments-reply {
	padding-left: 88px;
}

.comments-reply .comments-box {
	border-left: 2px solid #da9c34 ;
	padding: 0px 0 0px 30px;
}

.reply-box {
	border-top: 0px!important;
	background: #f2f2f2;
	padding: 50px 70px!important;
}

.email-form textarea {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	color: #000;
	font-weight: 500;
	padding: 20px;
	border: none;
	background: transparent;
	width: auto;
	resize: none;
	width: calc(100% - 115px);
}

.email-form textarea::-webkit-input-placeholder {
	font-size: 20px;
	color: #bababa;
	font-weight: 500;
}

.email-form textarea:-ms-input-placeholder {
	font-size: 20px;
	color: #bababa;
	font-weight: 500;
}

.email-form textarea::-ms-input-placeholder {
	font-size: 20px;
	color: #bababa;
	font-weight: 500;
}

.email-form textarea::placeholder {
	font-size: 20px;
	color: #bababa;
	font-weight: 500;
}

.email-form textarea::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 20px;
	color: #bababa;
	font-weight: 500;
}

.email-form textarea::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 20px;
	color: #bababa;
	font-weight: 500;
	opacity: 1;
}

.email-form textarea:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 20px;
	color: #bababa;
	font-weight: 500;
}

.email-form textarea:-moz-placeholder {
	/* Firefox 18- */
	font-size: 20px;
	color: #bababa;
	font-weight: 500;
	opacity: 1;
}

.email-form .submit-contact {
	width: 115px;
	height: 45px;
	background: #000;
	border-radius: 23px;
	color: #fff;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
	border: 2px solid transparent;
}

.email-form .submit-contact:hover {
	background: transparent;
	color: #171717;
	border: 2px solid #171717;
}

.error-msg {
	margin: 20px 0px 0px!important;
	text-align: center;
	font-size: 18px;
	color: #da9c34 ;
}

/* Shim overlay polish: animation, close button and responsive sizing */
#_inlineBookingShim { will-change: opacity, transform; }
#_inlineBookingShim .modal-content { box-shadow: 0 20px 50px rgba(0,0,0,0.45); border-radius: 8px; overflow: hidden; transform-origin: center center; animation: shimPop 260ms cubic-bezier(.2,.9,.3,1); }

@keyframes shimPop {
	0% { transform: scale(.92) translateY(8px); opacity: 0; }
	60% { transform: scale(1.02) translateY(-6px); opacity: 1; }
	100% { transform: scale(1) translateY(0); opacity: 1; }
}

/* Ensure the close button is visible and tappable inside the shim */
#_inlineBookingShim .modal-content .close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Slight fade for the shim backdrop */
#_inlineBookingShim { animation: shimFade 260ms ease; }
@keyframes shimFade { from { opacity: 0 } to { opacity: 1 } }

/* Make any form inputs inside the shim larger on small screens */
#_inlineBookingShim .form-control { font-size: 15px; }

/* Ensure the shim's modal-content doesn't overflow on very small screens */
#_inlineBookingShim .modal-content { max-height: 92vh; overflow-y: auto; }

/* ============================================
   MODERN ANIMATED CONTACT FORM STYLES
   ============================================ */

.form-wrapper-animated {
	background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
	padding: 40px 35px;
	border-radius: 0;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
	animation: formSlideIn 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes formSlideIn {
	from {
		opacity: 0;
		transform: translateX(30px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.form-header {
	margin-bottom: 30px;
	animation: formHeaderFade 1s ease 0.2s both;
}

@keyframes formHeaderFade {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.form-title {
	font-size: 32px;
	font-weight: 700;
	color: #da9c34;
	margin-bottom: 8px;
	font-family: 'Poppins', sans-serif;
}

.form-subtitle {
	font-size: 15px;
	color: #c8c8c8;
	margin: 0;
}

.contact-form-modern {
	animation: formContentFade 1s ease 0.4s both;
}

@keyframes formContentFade {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.form-group-animated {
	position: relative;
	margin-bottom: 28px;
}

.modern-input {
	width: 100%;
	padding: 15px 15px 15px 5px;
	background: transparent;
	border: none;
	border-bottom: 2px solid #444;
	color: #fff;
	font-size: 16px;
	outline: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	font-family: 'Poppins', sans-serif;
}

.modern-input:focus {
	border-bottom-color: #da9c34;
}

.modern-input:focus ~ .modern-label,
.modern-input:valid ~ .modern-label,
.modern-input:not(:placeholder-shown) ~ .modern-label {
	top: -20px;
	font-size: 12px;
	color: #da9c34;
}

.modern-label {
	position: absolute;
	left: 5px;
	top: 15px;
	color: #888;
	font-size: 16px;
	pointer-events: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	font-family: 'Poppins', sans-serif;
}

.input-border {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 0;
	background: linear-gradient(90deg, #da9c34, #f0b854);
	transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-input:focus ~ .input-border {
	width: 100%;
}

.modern-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23da9c34' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	cursor: pointer;
	padding-right: 35px;
}

.modern-select option {
	background: #2a2a2a;
	color: #fff;
	padding: 10px;
}

.modern-textarea {
	resize: vertical;
	min-height: 100px;
	padding-top: 15px;
}

.modern-date-group {
	position: relative;
	display: flex;
	align-items: center;
}

.modern-date-group .modern-input {
	padding-right: 45px;
}

.date-icon {
	position: absolute;
	right: 10px;
	background: transparent;
	border: none;
	color: #da9c34;
	font-size: 18px;
	pointer-events: none;
	transition: transform 0.3s ease;
}

.modern-date-group:hover .date-icon {
	transform: scale(1.1);
}

.modern-submit {
	width: 100%;
	padding: 16px 30px;
	background: linear-gradient(135deg, #da9c34 0%, #f0b854 100%);
	border: none;
	border-radius: 50px;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 15px;
	box-shadow: 0 6px 20px rgba(218, 156, 52, 0.3);
	position: relative;
	overflow: hidden;
	font-family: 'Poppins', sans-serif;
}

.modern-submit::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	transform: translate(-50%, -50%);
	transition: width 0.6s, height 0.6s;
}

.modern-submit:hover::before {
	width: 300px;
	height: 300px;
}

.modern-submit:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(218, 156, 52, 0.5);
}

.modern-submit:active {
	transform: translateY(-1px);
}

.btn-text, .btn-icon {
	position: relative;
	z-index: 1;
}

.btn-icon {
	transition: transform 0.3s ease;
}

.modern-submit:hover .btn-icon {
	transform: translateX(5px);
}

/* ============================================
   MODERN FOOTER STYLES
   ============================================ */

.modern-footer {
	background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);
	color: #c8c8c8;
	margin-top: 60px;
	position: relative;
	overflow: hidden;
}

.modern-footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #da9c34, #da9c34, transparent);
}

.footer-main {
	padding: 60px 0 40px;
	animation: footerFadeIn 1s ease;
}

@keyframes footerFadeIn {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.footer-content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.footer-column {
	animation: footerColumnSlide 0.8s ease forwards;
	animation-delay: calc(var(--column-order, 0) * 0.15s);
	opacity: 0;
}

.footer-column:nth-child(1) { --column-order: 1; }
.footer-column:nth-child(2) { --column-order: 2; }
.footer-column:nth-child(3) { --column-order: 3; }
.footer-column:nth-child(4) { --column-order: 4; }

@keyframes footerColumnSlide {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.footer-logo-animated {
	margin-bottom: 20px;
	animation: footerLogoFloat 3s ease-in-out infinite;
}

@keyframes footerLogoFloat {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}

.footer-logo-animated img {
	max-width: 120px;
	height: auto;
	transition: transform 0.3s ease;
}

.footer-logo-animated:hover img {
	transform: scale(1.05);
}

.footer-desc {
	font-size: 14px;
	line-height: 1.8;
	color: #999;
	margin-bottom: 20px;
}

.footer-contact-quick {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.footer-contact-item {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	transition: transform 0.3s ease;
}

.footer-contact-item:hover {
	transform: translateX(5px);
}

.footer-contact-item i {
	color: #da9c34;
	font-size: 16px;
	width: 20px;
	text-align: center;
}

.footer-contact-item a {
	color: #c8c8c8;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-contact-item a:hover {
	color: #da9c34;
}

.footer-title {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 12px;
	font-family: 'Poppins', sans-serif;
}

.footer-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 3px;
	background: linear-gradient(90deg, #da9c34, transparent);
	animation: footerTitleLine 2s ease-in-out infinite;
}

@keyframes footerTitleLine {
	0%, 100% {
		width: 50px;
	}
	50% {
		width: 70px;
	}
}

.footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-menu li {
	margin-bottom: 12px;
	transform: translateX(0);
	transition: transform 0.3s ease;
}

.footer-menu li:hover {
	transform: translateX(8px);
}

.footer-menu li a {
	color: #c8c8c8;
	text-decoration: none;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: color 0.3s ease;
}

.footer-menu li a:hover {
	color: #da9c34;
}

.footer-menu li a i {
	font-size: 10px;
	transition: transform 0.3s ease;
}

.footer-menu li:hover a i {
	transform: translateX(3px);
}

.footer-hours-list {
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
}

.footer-hours-list li {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #2a2a2a;
	transition: all 0.3s ease;
}

.footer-hours-list li:hover {
	padding-left: 10px;
	border-bottom-color: #da9c34;
}

.footer-hours-list .day {
	font-size: 14px;
	color: #c8c8c8;
}

.footer-hours-list .time {
	font-size: 14px;
	color: #da9c34;
	font-weight: 500;
}

.footer-btn {
	display: inline-block;
	padding: 12px 30px;
	background: linear-gradient(135deg, #da9c34, #f0b854);
	color: #1a1a1a;
	text-decoration: none;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 4px 15px rgba(218, 156, 52, 0.3);
	font-family: 'Poppins', sans-serif;
}

.footer-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(218, 156, 52, 0.5);
	color: #000;
}

.footer-bottom {
	background: #0a0a0a;
	padding: 25px 0;
	border-top: 1px solid #2a2a2a;
}

.footer-bottom-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	flex-wrap: wrap;
	gap: 20px;
}

.footer-copyright {
	font-size: 14px;
	color: #888;
}

.footer-copyright i {
	color: #da9c34;
	animation: heartBeat 1.5s ease-in-out infinite;
}

@keyframes heartBeat {
	0%, 100% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1);
	}
}

.footer-social {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 15px;
}

.social-item {
	animation: socialIconPop 0.6s ease forwards;
	animation-delay: calc(var(--social-order, 0) * 0.1s);
	opacity: 0;
}

.social-item:nth-child(1) { --social-order: 1; }
.social-item:nth-child(2) { --social-order: 2; }
.social-item:nth-child(3) { --social-order: 3; }
.social-item:nth-child(4) { --social-order: 4; }

@keyframes socialIconPop {
	from {
		opacity: 0;
		transform: scale(0) rotate(-180deg);
	}
	to {
		opacity: 1;
		transform: scale(1) rotate(0);
	}
}

.social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, #2a2a2a, #1a1a1a);
	color: #c8c8c8;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	border: 2px solid transparent;
	position: relative;
	overflow: hidden;
}

.social-link::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: linear-gradient(135deg, #da9c34, #f0b854);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.4s, height 0.4s;
	z-index: 0;
}

.social-link:hover::before {
	width: 100%;
	height: 100%;
}

.social-link i {
	position: relative;
	z-index: 1;
	font-size: 16px;
	transition: all 0.4s ease;
}

.social-link:hover {
	transform: translateY(-5px) rotate(360deg);
	border-color: #da9c34;
	box-shadow: 0 8px 20px rgba(218, 156, 52, 0.4);
}

.social-link:hover i {
	color: #1a1a1a;
}

/* ============================================
   RESPONSIVE STYLES
   ============================================ */

@media (max-width: 992px) {
	.footer-content {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	
	.form-wrapper-animated {
		padding: 30px 25px;
	}
	
	.form-title {
		font-size: 28px;
	}
}

@media (max-width: 768px) {
	.footer-content {
		grid-template-columns: 1fr;
		text-align: center;
	}
	
	.footer-title::after {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.footer-contact-quick {
		align-items: center;
	}
	
	.footer-hours-list li {
		flex-direction: column;
		gap: 5px;
		text-align: center;
	}
	
	.footer-bottom-content {
		flex-direction: column;
		text-align: center;
	}
	
	.footer-menu li {
		justify-content: center;
	}
	
	.form-wrapper-animated {
		padding: 25px 20px;
		margin-top: 30px;
	}
	
	.form-title {
		font-size: 24px;
	}
	
	.modern-submit {
		padding: 14px 25px;
		font-size: 15px;
	}
}

@media (max-width: 576px) {
	.footer-main {
		padding: 40px 0 30px;
	}
	
	.footer-column {
		animation-delay: 0s !important;
	}
	
	.social-link {
		width: 35px;
		height: 35px;
	}
	
	.social-link i {
		font-size: 14px;
	}
	
	.form-group-animated {
		margin-bottom: 22px;
	}
	
	.modern-input {
		font-size: 15px;
	}
}

/* ============================================
   MODERN FOOTER SECTION STYLES
   ============================================ */

.footer-section {
	background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 50%, #0d0d0d 100%);
	color: #c8c8c8;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}

/* Animated Wave Effect */
.footer-wave {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	z-index: 1;
}

.footer-wave svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 60px;
	color: #171717;
	transform: translateZ(0);
}

.footer-main {
	padding: 80px 0 40px;
	position: relative;
	z-index: 2;
}

.footer-main .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.footer-main .row {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	gap: 0;
}

.footer-col {
	display: flex;
	flex-direction: column;
}

.footer-col {
	opacity: 0;
	transform: translateY(30px);
	animation: footerColFadeIn 0.8s ease forwards;
}

.footer-col:nth-child(1) {
	animation-delay: 0.1s;
}

.footer-col:nth-child(2) {
	animation-delay: 0.2s;
}

.footer-col:nth-child(3) {
	animation-delay: 0.3s;
}

.footer-col:nth-child(4) {
	animation-delay: 0.4s;
}

@keyframes footerColFadeIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.footer-widget {
	height: 100%;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
}

/* Footer Logo & About */
.footer-logo {
	margin-bottom: 20px;
	transition: transform 0.3s ease;
}

.footer-logo:hover {
	transform: translateY(-5px);
}

.footer-logo img {
	max-width: 150px;
	height: auto;
	filter: brightness(1);
	transition: all 0.3s ease;
	display: block;
}

.footer-logo:hover img {
	filter: brightness(1.1);
	transform: scale(1.05);
}

.footer-desc {
	font-size: 14px;
	line-height: 1.8;
	color: #999;
	margin-bottom: 25px;
}

/* Social Links */
.footer-social-links {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.social-link {
	width: 45px;
	height: 45px;
	background: linear-gradient(135deg, #2a2a2a, #1a1a1a);
	color: #c8c8c8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
	border: 2px solid #da9c34;
	opacity: 0;
	transform: scale(0) rotate(-180deg);
	animation: socialIconPop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.social-link:nth-child(1) { animation-delay: 0.5s; }
.social-link:nth-child(2) { animation-delay: 0.6s; }
.social-link:nth-child(3) { animation-delay: 0.7s; }
.social-link:nth-child(4) { animation-delay: 0.8s; }

@keyframes socialIconPop {
	to {
		opacity: 1;
		transform: scale(1) rotate(0);
	}
}

.social-link::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: linear-gradient(135deg, #da9c34, #f0b854);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.4s ease, height 0.4s ease;
	z-index: 0;
}

.social-link:hover::before {
	width: 100%;
	height: 100%;
}

.social-link i {
	position: relative;
	z-index: 1;
	font-size: 16px;
	transition: all 0.3s ease;
}

.social-link:hover {
	transform: translateY(-3px) translateZ(0);
	border-color: #da9c34;
	box-shadow: 0 5px 15px rgba(218, 156, 52, 0.4);
}

.social-link:hover i {
	color: #1a1a1a;
}

/* Footer Title */
.footer-title {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 15px;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer-title::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 20px;
	background: linear-gradient(180deg, #da9c34, #f0b854);
	border-radius: 2px;
}

.footer-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, #da9c34, transparent);
}

/* Footer Links */
.footer-links,
.footer-contact {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 14px;
	transform: translateX(0);
	transition: transform 0.3s ease;
}

.footer-links li:hover {
	transform: translateX(8px);
}

.footer-links li a {
	color: #c8c8c8;
	text-decoration: none;
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: color 0.3s ease;
	font-family: 'Poppins', sans-serif;
}

.footer-links li a:hover {
	color: #da9c34;
}

.footer-links li a i {
	font-size: 12px;
	transition: transform 0.3s ease;
	color: #da9c34;
}

.footer-links li:hover a i {
	transform: translateX(4px);
}

/* Footer Contact */
.footer-contact li {
	display: flex;
	gap: 15px;
	margin-bottom: 18px;
	align-items: flex-start;
	transition: all 0.3s ease;
}

.footer-contact li:hover {
	transform: translateX(5px);
}

.footer-contact li i {
	color: #da9c34;
	font-size: 18px;
	min-width: 20px;
	margin-top: 3px;
	transition: all 0.3s ease;
}

.footer-contact li:hover i {
	transform: scale(1.2);
	color: #f0b854;
}

.footer-contact li span,
.footer-contact li a,
.footer-contact li div {
	color: #c8c8c8;
	font-size: 14px;
	line-height: 1.6;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-contact li a:hover {
	color: #da9c34;
}

/* Footer Bottom */
.footer-bottom {
	background: #0a0a0a;
	padding: 25px 0;
	border-top: 1px solid #2a2a2a;
	position: relative;
	z-index: 2;
}

.footer-bottom::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, transparent, #da9c34, #da9c34, transparent);
}

.footer-bottom-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.copyright-text p {
	margin: 0;
	font-size: 14px;
	color: #888;
	font-family: 'Poppins', sans-serif;
}

.copyright-text .brand-name {
	color: #da9c34;
	font-weight: 600;
}

.copyright-text i {
	color: #da9c34;
	display: inline-block;
}

.footer-payment {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.footer-payment span {
	color: #888;
	font-size: 14px;
	margin-right: 5px;
}

.footer-payment i {
	color: #da9c34;
	font-size: 24px;
	transition: all 0.3s ease;
	opacity: 0;
	animation: paymentIconFade 0.5s ease forwards;
}

.footer-payment i:nth-child(2) { animation-delay: 0.1s; }
.footer-payment i:nth-child(3) { animation-delay: 0.2s; }
.footer-payment i:nth-child(4) { animation-delay: 0.3s; }
.footer-payment i:nth-child(5) { animation-delay: 0.4s; }

@keyframes paymentIconFade {
	to {
		opacity: 1;
	}
}

.footer-payment i:hover {
	color: #f0b854;
	transform: scale(1.2) rotate(10deg);
}

/* Scroll to Top Button */
.scroll-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #da9c34, #f0b854);
	color: #1a1a1a;
	border: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 999;
	box-shadow: 0 6px 20px rgba(218, 156, 52, 0.4);
}

.scroll-top.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.scroll-top:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(218, 156, 52, 0.6);
}

.scroll-top i {
	font-size: 18px;
}

/* Responsive Styles */
@media (max-width: 1199px) {
	.footer-main {
		padding: 60px 0 30px;
	}
	
	.footer-logo img {
		max-width: 120px;
	}
	
	.footer-col {
		flex: 0 0 25% !important;
		max-width: 25% !important;
		margin-bottom: 30px;
	}
}

@media (max-width: 991px) {
	.footer-wave svg {
		height: 50px;
	}
	
	/* Ensure proper 2-column layout on tablet */
	.footer-col {
		flex: 0 0 50% !important;
		max-width: 50% !important;
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.footer-section {
		margin-top: 50px;
		padding-top: 30px;
	}
	
	.footer-main {
		padding: 50px 0 30px;
	}
	
	.footer-col {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		text-align: left;
		animation-delay: 0s !important;
		margin-bottom: 40px;
		padding: 20px 25px !important;
	}
	
	.footer-col:last-child {
		margin-bottom: 20px;
	}
	
	.footer-widget {
		padding: 0 !important;
	}
	
	.footer-title {
		text-align: left;
		justify-content: flex-start;
	}
	
	.footer-title::before {
		left: 0;
		transform: none;
	}
	
	.footer-title::after {
		left: 0;
		width: 80px;
	}
	
	.footer-desc {
		text-align: left;
	}
	
	.footer-social-links {
		justify-content: flex-start;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	
	.footer-links {
		text-align: left;
	}
	
	.footer-links li {
		text-align: left;
	}
	
	.footer-links li a {
		justify-content: flex-start;
		text-align: left;
	}
	
	.footer-contact {
		text-align: left;
	}
	
	.footer-contact li {
		justify-content: flex-start;
		text-align: left;
	}
	
	.footer-bottom-inner {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}
	
	.footer-payment {
		justify-content: center;
	}
	
	.footer-wave svg {
		height: 40px;
	}
	
	.scroll-top {
		bottom: 20px;
		right: 20px;
		width: 45px;
		height: 45px;
	}
}

@media (max-width: 575px) {
	.footer-main {
		padding: 40px 0 30px;
	}
	
	.footer-col {
		padding: 25px 20px !important;
	}
	
	.footer-title {
		font-size: 18px;
		margin-bottom: 20px;
		text-align: left;
	}
	
	.footer-desc {
		font-size: 13px;
		text-align: left;
		line-height: 1.7;
	}
	
	.footer-links,
	.footer-contact {
		text-align: left;
	}
	
	.footer-links li a,
	.footer-contact li span,
	.footer-contact li a {
		font-size: 13px;
	}
	
	.social-link {
		width: 40px;
		height: 40px;
	}
	
	.social-link i {
		font-size: 14px;
	}
	
	.footer-bottom {
		padding: 25px 0;
		margin-top: 10px;
	}
	
	.copyright-text p {
		font-size: 12px;
	}
	
	.footer-payment span {
		font-size: 12px;
	}
	
	.footer-payment i {
		font-size: 20px;
	}
}


body{
	overflow: hidden !important;
}
/* Footer section ends here */

/* =============== BREADCRUMB CSS =============== */
.breadcrumb-section {
  padding: 110px 0 100px;
    background: linear-gradient(135deg, rgba(204, 142, 36, 0.692), rgba(0, 0, 0, 0.582)), url('../../images/bread.png') center/cover no-repeat;
    background-attachment: fixed;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-height: 300px;
}

.breadcrumb-section.collapsed {
  padding: 0;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

.breadcrumb-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="60" cy="40" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></svg>');
  pointer-events: none;
}

.breadcrumb-content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.breadcrumb-title {
  font-size: 52px;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-weight: bold;
  animation: slideInDown 0.8s ease-out;
}

.breadcrumb-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.breadcrumb-nav a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 5px;
}

.breadcrumb-nav a:hover {
  color: #ffd700;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

.breadcrumb-nav .separator {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 5px;
}

.breadcrumb-nav .current {
  color: #ffd700;
  font-weight: 600;
  border-bottom: 2px solid #ffd700;
  padding-bottom: 3px;
}

.breadcrumb-decorative {
  position: absolute;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.08);
  z-index: 1;
  animation: float 6s ease-in-out infinite;
}

.breadcrumb-decorative.left {
  left: 30px;
  top: 20px;
}

.breadcrumb-decorative.right {
  right: 30px;
  bottom: 20px;
  animation-delay: 2s;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

/* Tablet Responsive */
@media (max-width: 992px) {
  .breadcrumb-section {
    padding: 60px 0 50px;
  }

  .breadcrumb-title {
    font-size: 40px;
  }

  .breadcrumb-nav {
    font-size: 14px;
  }

  .breadcrumb-decorative {
    font-size: 80px;
  }
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .breadcrumb-section {
    padding: 50px 0 40px;
    background: linear-gradient(135deg, rgba(204, 142, 36, 0.692), rgba(0, 0, 0, 0.582)), url('../../images/bread.png') center/cover no-repeat;
    background-attachment: fixed;
  }

  .breadcrumb-title {
    font-size: 32px;
    letter-spacing: 1px;
  }

  .breadcrumb-nav {
    gap: 8px;
    font-size: 13px;
  }

  .breadcrumb-decorative {
    font-size: 60px;
  }

  .breadcrumb-decorative.left {
    left: 10px;
    top: 10px;
  }

  .breadcrumb-decorative.right {
    right: 10px;
    bottom: 10px;
  }
}

/* Extra Small Devices */
@media (max-width: 576px) {
  .breadcrumb-section {
    padding: 60px 0 50px;
  }

  .breadcrumb-title {
    font-size: 26px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
  }

  .breadcrumb-nav {
    flex-direction: row;
    gap: 25px;
    font-size: 12px;
  }

  .breadcrumb-nav .separator {
    display: none;
  }

  .breadcrumb-decorative {
    font-size: 40px;
    opacity: 0.05;
  }
}


@media(min-width: 1200px){
  .breadcrumb-section{
	margin-top: 130px;
  }
}
/* =============== BREADCRUMB CSS END =============== */

/* =============== 404 ERROR PAGE CSS =============== */
.error-404-section {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);
  position: relative;
  overflow: hidden;
  padding: 60px 20px;
}

.error-container {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 900px;
  width: 100%;
}

/* Background Shapes Animation */
.error-bg-shapes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.shape {
  position: absolute;
  opacity: 0.05;
  border-radius: 50%;
}

.shape-1 {
  width: 300px;
  height: 300px;
  background: #da9c34;
  top: -100px;
  left: -100px;
  animation: float 8s ease-in-out infinite;
}

.shape-2 {
  width: 200px;
  height: 200px;
  background: #f0b854;
  bottom: -50px;
  right: -50px;
  animation: float 10s ease-in-out infinite 2s;
}

.shape-3 {
  width: 150px;
  height: 150px;
  background: #da9c34;
  top: 50%;
  left: 10%;
  animation: pulse 4s ease-in-out infinite;
}

.shape-4 {
  width: 250px;
  height: 250px;
  background: #f0b854;
  top: 20%;
  right: 5%;
  animation: float 12s ease-in-out infinite 4s;
}

/* Error Number Wrapper */
.error-number-wrapper {
  margin-bottom: 30px;
  animation: slideInDown 0.8s ease-out;
}

.error-number {
  font-size: 150px;
  font-weight: 900;
  background: linear-gradient(135deg, #da9c34, #f0b854);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 20px;
  position: relative;
  line-height: 1;
}

.error-number .four {
  animation: bounce 2s ease-in-out infinite;
}

.error-number .four:nth-of-type(2) {
  animation: bounce 2s ease-in-out infinite 0.2s;
}

.zero-circle {
  position: relative;
  width: 120px;
  height: 120px;
  border: 4px solid #da9c34;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  animation: spin 3s linear infinite;
}

.zero-circle span {
  font-size: 120px;
  font-weight: 900;
  background: linear-gradient(135deg, #da9c34, #f0b854);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Error Icon */
.error-icon-wrapper {
  margin-bottom: 30px;
  animation: slideInUp 0.8s ease-out 0.2s both;
}

.error-icon {
  font-size: 80px;
  color: #da9c34;
  animation: swing 2s ease-in-out infinite;
  display: inline-block;
}

/* Error Title and Description */
.error-title {
  font-size: 48px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: bold;
  animation: slideInUp 0.8s ease-out 0.3s both;
  letter-spacing: 1px;
}

.error-description {
  font-size: 18px;
  color: #c8c8c8;
  max-width: 600px;
  margin: 0 auto 40px;
  line-height: 1.8;
  animation: slideInUp 0.8s ease-out 0.4s both;
}

/* Error Suggestions */
.error-suggestions {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 40px;
  animation: slideInUp 0.8s ease-out 0.5s both;
}

.suggestion-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 16px;
  color: #c8c8c8;
  padding: 12px 20px;
  background: rgba(218, 156, 52, 0.1);
  border-left: 3px solid #da9c34;
  border-radius: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.suggestion-item:hover {
  background: rgba(218, 156, 52, 0.2);
  color: #ffd700;
  transform: translateX(10px);
}

.suggestion-item i {
  color: #da9c34;
  font-size: 18px;
}

/* Error Buttons */
.error-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  animation: slideInUp 0.8s ease-out 0.6s both;
}

.btn-home,
.btn-contact {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 35px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
}

.btn-home {
  background: linear-gradient(135deg, #da9c34, #f0b854);
  color: #000;
  box-shadow: 0 10px 30px rgba(218, 156, 52, 0.3);
}

.btn-home:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(218, 156, 52, 0.5);
}

.btn-contact {
  background: transparent;
  color: #da9c34;
  border: 2px solid #da9c34;
}

.btn-contact:hover {
  background: #da9c34;
  color: #000;
  transform: translateY(-3px);
}

/* Floating Elements */
.floating-elements {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
}

.float-item {
  position: absolute;
  font-size: 40px;
  color: #da9c34;
  opacity: 0.1;
  animation: float 6s ease-in-out infinite;
}

.float-1 {
  top: 10%;
  left: 5%;
  animation-delay: 0s;
}

.float-2 {
  top: 20%;
  right: 8%;
  font-size: 50px;
  animation-delay: 1s;
}

.float-3 {
  bottom: 20%;
  left: 12%;
  font-size: 35px;
  animation-delay: 2s;
}

.float-4 {
  bottom: 15%;
  right: 5%;
  font-size: 45px;
  animation-delay: 3s;
}

/* Animations */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes swing {
  0%, 100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
}

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

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tablet Responsive */
@media (max-width: 992px) {
  .error-number {
    font-size: 120px;
    letter-spacing: 15px;
  }

  .zero-circle {
    width: 100px;
    height: 100px;
    border-width: 3px;
  }

  .zero-circle span {
    font-size: 100px;
  }

  .error-icon {
    font-size: 60px;
  }

  .error-title {
    font-size: 36px;
  }

  .error-description {
    font-size: 16px;
  }

  .btn-home,
  .btn-contact {
    padding: 12px 28px;
    font-size: 15px;
  }

  .shape-1 {
    width: 200px;
    height: 200px;
  }

  .shape-2 {
    width: 150px;
    height: 150px;
  }
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .error-404-section {
    min-height: 70vh;
    padding: 40px 15px;
  }

  .error-number {
    font-size: 80px;
    letter-spacing: 10px;
  }

  .zero-circle {
    width: 70px;
    height: 70px;
    border-width: 2px;
    margin: 0 5px;
  }

  .zero-circle span {
    font-size: 70px;
  }

  .error-icon {
    font-size: 50px;
  }

  .error-title {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .error-description {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .suggestion-item {
    font-size: 14px;
    padding: 10px 15px;
  }

  .error-buttons {
    gap: 12px;
  }

  .btn-home,
  .btn-contact {
    padding: 12px 24px;
    font-size: 14px;
  }

  .float-item {
    font-size: 30px;
  }

  .shape-1 {
    width: 150px;
    height: 150px;
  }

  .shape-2 {
    width: 100px;
    height: 100px;
  }
}

/* Extra Small Devices */
@media (max-width: 576px) {
  .error-404-section {
    min-height: 60vh;
    padding: 30px 10px;
  }

  .error-number {
    font-size: 60px;
    letter-spacing: 8px;
  }

  .zero-circle {
    width: 55px;
    height: 55px;
    border-width: 2px;
    margin: 0 3px;
  }

  .zero-circle span {
    font-size: 55px;
  }

  .error-icon {
    font-size: 40px;
    margin-bottom: 20px;
  }

  .error-title {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .error-description {
    font-size: 13px;
    margin-bottom: 25px;
  }

  .error-suggestions {
    gap: 10px;
    margin-bottom: 25px;
  }

  .suggestion-item {
    font-size: 12px;
    padding: 8px 12px;
    border-left-width: 2px;
  }

  .suggestion-item i {
    font-size: 16px;
  }

  .error-buttons {
    flex-direction: column;
    gap: 10px;
  }

  .btn-home,
  .btn-contact {
    width: 100%;
    padding: 12px 20px;
    font-size: 13px;
  }

  .float-item {
    font-size: 25px;
  }

  .shape {
    opacity: 0.03;
  }

  .shape-1 {
    width: 120px;
    height: 120px;
  }

  .shape-2 {
    width: 80px;
    height: 80px;
  }

  .shape-3 {
    width: 100px;
    height: 100px;
  }

  .shape-4 {
    width: 130px;
    height: 130px;
  }
}

/* =============== 404 ERROR PAGE CSS END =============== */

/* Remove gap between 404 section and footer */
.error-404-section + .footer-section {
	margin-top: 0;
}


      /* About page custom styles */
		.about-section {
			padding: 80px 0;
			background: linear-gradient(135deg, #fffaf3 0%, #f6e9d8 100%);
			color: #2b1b0f;
		}
		.about-badge {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			background: rgba(218, 156, 52, 0.18);
			color: #b36a12;
			padding: 10px 16px;
			border-radius: 999px;
			font-weight: 600;
			letter-spacing: 0.5px;
		}
		.about-title {
			font-size: 42px;
			font-weight: 800;
			color: #1c1008;
			margin: 18px 0 14px;
		}
		.about-lead {
			font-size: 17px;
			line-height: 1.8;
			color: #4a3524;
			margin-bottom: 24px;
		}
		.highlight {
			color: #c4781c;
			font-weight: 700;
		}
		.about-list {
			list-style: none;
			padding: 0;
			margin: 0 0 28px;
			display: grid;
			gap: 12px;
		}
		.about-list li {
			display: flex;
			align-items: center;
			gap: 10px;
			padding: 10px 12px;
			background: rgba(255, 255, 255, 0.75);
			border-radius: 8px;
			border: 1px solid #f1ddba;
			color: #3b291a;
		}
		.about-list i { color: #c4781c; }
		.stat-pill {
			display: inline-flex;
			align-items: center;
			gap: 10px;
			padding: 12px 16px;
			border-radius: 10px;
			background: #ffffff;
			border: 1px solid #f0d7aa;
			color: #1f140a;
			font-weight: 700;
			margin-right: 12px;
			margin-bottom: 12px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
		}
		.stat-pill small { color: #7a5a3a; font-weight: 500; }
		.about-hero-img {
			border-radius: 20px;
			overflow: hidden;
			position: relative;
			box-shadow: 0 20px 60px rgba(180, 136, 73, 0.25);
		}
		.about-hero-img img { width: 100%; display: block; }
		.floating-badge {
			position: absolute;
			bottom: 20px;
			left: 20px;
			background: #ffffff;
			color: #3a2c1e;
			padding: 12px 16px;
			border-radius: 12px;
			border: 1px solid #eac891;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
		}
		.why-section {
			padding: 80px 0 50px;
			background: #f9f9f9;
		}
		.section-heading {
			text-align: center;
			margin-bottom: 45px;
		}
		.section-heading h2 { color: #1c1008; font-weight: 800; font-size: 38px; }
		.section-heading p { color: #5b4634; max-width: 640px; margin: 10px auto 0; }
		.why-summary {
			background: #ffffff;
			border: 1px solid #eee2cc;
			border-radius: 16px;
			padding: 24px;
			box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
		}
		.why-summary h3 { color: #1f140a; font-weight: 800; margin: 12px 0; }
		.why-summary p { color: #4a3524; line-height: 1.7; }
		.why-chip {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: #fff2dd;
			color: #b36a12;
			padding: 8px 14px;
			border-radius: 999px;
			font-weight: 700;
			font-size: 14px;
		}
		.why-list {
			list-style: none;
			padding: 0;
			margin: 14px 0 20px;
			display: grid;
			gap: 10px;
		}
		.why-list li {
			display: flex;
			align-items: flex-start;
			gap: 10px;
			padding: 10px 12px;
			background: #fff7eb;
			border-radius: 10px;
			border: 1px solid #f1ddba;
			color: #3a2c1e;
		}
		.why-list i { color: #c4781c; margin-top: 2px; }
		.why-metrics {
			display: flex;
			gap: 12px;
			flex-wrap: wrap;
		}
		.metric-box {
			flex: 1 1 120px;
			background: linear-gradient(135deg, #fff5e9 0%, #ffe8d3 100%);
			border: 1px solid #f1ddba;
			border-radius: 12px;
			padding: 12px 14px;
			text-align: center;
			box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
		}
		.metric-value { display: block; font-weight: 800; color: #b36a12; font-size: 22px; }
		.metric-box small { color: #6a503a; font-weight: 600; }
		.feature-card {
			background: #ffffff;
			border: 1px solid #efe2c9;
			border-radius: 14px;
			padding: 22px;
			color: #3a2c1e;
			height: 100%;
			box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
			transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
			position: relative;
			overflow: hidden;
		}
		.feature-card::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 4px;
			background: linear-gradient(90deg, #f3c678 0%, #f1a54b 50%, #f7d6a1 100%);
			opacity: 0.9;
		}
		.feature-card:hover {
			transform: translateY(-6px);
			border-color: rgba(196, 120, 28, 0.4);
			box-shadow: 0 26px 60px rgba(0, 0, 0, 0.12);
		}
		.feature-icon {
			width: 52px;
			height: 52px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			background: linear-gradient(135deg, #fff2dd 0%, #ffe6c8 100%);
			color: #c4781c;
			border-radius: 14px;
			font-size: 22px;
			margin-bottom: 14px;
		}
		.feature-card h4 { color: #1f140a; font-weight: 700; margin-bottom: 10px; }
		.feature-card p { color: #5b4634; line-height: 1.7; }

      /* simple fade/slide animation */
      .fade-up { opacity: 0; transform: translateY(24px); animation: fadeUp 0.8s ease forwards; }
      .delay-1 { animation-delay: 0.1s; }
      .delay-2 { animation-delay: 0.2s; }
      .delay-3 { animation-delay: 0.3s; }
      .delay-4 { animation-delay: 0.4s; }

      @keyframes fadeUp {
         to { opacity: 1; transform: translateY(0); }
      }

      @media (max-width: 992px) {
         .about-title { font-size: 34px; }
         .section-heading h2 { font-size: 32px; }
      }

	  /* FAQ Section Styles */
	  .faq-section {
		 padding: 90px 20px;
		 background: linear-gradient(135deg, #fffaf4 0%, #ffffff 100%);
		 position: relative;
		 overflow: hidden;
	  }
	  .faq-section::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><rect width="120" height="120" fill="none"/><path d="M0,60 Q30,40 60,60 T120,60" stroke="%23e0b67a" stroke-width="0.6" fill="none" opacity="0.12"/><path d="M0,30 Q30,15 60,30 T120,30" stroke="%23e0b67a" stroke-width="0.6" fill="none" opacity="0.12"/><path d="M0,90 Q30,75 60,90 T120,90" stroke="%23e0b67a" stroke-width="0.6" fill="none" opacity="0.12"/></svg>');
		 opacity: 0.6;
		 z-index: 0;
	  }
	  .faq-container {
		 max-width: 1080px;
		 margin: 0 auto;
		 display: grid;
		 gap: 28px;
		 position: relative;
		 z-index: 1;
	  }
	  .faq-category {
		 background: #ffffff;
		 border: 1px solid #f2e6d8;
		 border-radius: 18px;
		 padding: 28px;
		 box-shadow: 0 18px 40px rgba(31, 20, 10, 0.08);
		 position: relative;
		 overflow: hidden;
		 transition: transform 0.25s ease, box-shadow 0.25s ease;
	  }
	  .faq-category::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background: linear-gradient(135deg, rgba(196, 120, 28, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
		 pointer-events: none;
	  }
	  .faq-category:hover {
		 transform: translateY(-6px);
		 box-shadow: 0 22px 48px rgba(31, 20, 10, 0.12);
	  }
	  .faq-category-title {
		 color: #1f140a;
		 font-weight: 800;
		 font-size: 22px;
		 margin-bottom: 18px;
		 display: flex;
		 align-items: center;
		 gap: 10px;
	  }
	  .faq-category-title i { color: #c4781c; font-size: 22px; }
	  .faq-item {
		 border: 1px solid #f4e6d6;
		 border-radius: 14px;
		 background: #fffbf6;
		 overflow: hidden;
		 transition: border-color 0.2s ease, box-shadow 0.2s ease;
		 margin-bottom: 12px;
	  }
	  .faq-item:last-child { margin-bottom: 0; }
	  .faq-item:hover {
		 border-color: #f0c995;
		 box-shadow: 0 8px 20px rgba(196, 120, 28, 0.12);
	  }
	  .faq-question {
		 width: 100%;
		 padding: 18px 20px;
		 text-align: left;
		 background: transparent;
		 border: none;
		 cursor: pointer;
		 display: flex;
		 justify-content: space-between;
		 align-items: center;
		 transition: all 0.25s ease;
		 color: #3a2c1e;
		 font-weight: 700;
		 font-size: 16px;
	  }
	  .faq-question:hover {
		 background: linear-gradient(135deg, #fff3e6 0%, #fff9f3 100%);
		 padding-left: 24px;
	  }
	  .faq-question span { flex: 1; margin-right: 12px; }
	  .faq-question i {
		 color: #c4781c;
		 transition: transform 0.25s ease, color 0.25s ease;
		 font-size: 15px;
	  }
	  .faq-question.active { color: #1f140a; }
	  .faq-question.active i { transform: rotate(180deg); color: #a55f14; }
	  .faq-answer {
		 max-height: 0;
		 overflow: hidden;
		 transition: max-height 0.35s ease, padding 0.3s ease;
		 background: #ffffff;
		 border-top: 1px solid #f0e0cf;
		 padding: 0 20px;
	  }
	  .faq-answer.open {
		 padding: 0 20px 18px;
		 box-shadow: inset 0 1px 0 rgba(244, 230, 214, 0.6);
	  }
	  .faq-answer-content {
		 color: #4a3524;
		 line-height: 1.8;
	  }
	  .faq-answer-content p { margin: 14px 0 0; }
	  .fade-up { opacity: 0; transform: translateY(22px); transition: opacity 0.6s ease, transform 0.6s ease; }
	  .fade-up.visible { opacity: 1; transform: translateY(0); }
	  .delay-1 { transition-delay: 0.08s; }
	  .delay-2 { transition-delay: 0.16s; }
	  .delay-3 { transition-delay: 0.24s; }
	  .delay-4 { transition-delay: 0.32s; }
	  .delay-5 { transition-delay: 0.4s; }
	  .delay-6 { transition-delay: 0.48s; }
	  .delay-7 { transition-delay: 0.56s; }
	  .delay-8 { transition-delay: 0.64s; }
	  .floating-icon {
		 position: absolute;
		 font-size: 2.2rem;
		 color: rgba(196, 120, 28, 0.12);
		 z-index: 0;
	  }
	  .icon-1 { top: 8%; left: 6%; }
	  .icon-2 { top: 18%; right: 10%; }
	  .icon-3 { bottom: 14%; left: 9%; }
	  .icon-4 { bottom: 24%; right: 6%; }
	  @media (max-width: 992px) {
		 .section-heading h2 { font-size: 32px; }
		 .faq-category { padding: 24px; }
	  }
	  @media (max-width: 768px) {
		 .faq-section { padding: 70px 16px; }
		 .section-heading { margin-bottom: 52px; }
		 .section-heading h2 { font-size: 28px; }
		 .faq-category-title { font-size: 20px; }
		 .faq-question { font-size: 15px; padding: 16px 16px; }
		 .faq-answer { padding: 0 16px; }
		 .faq-answer.open { padding: 0 16px 16px; }
		 .floating-icon { display: none; }
	  }
	  @media (max-width: 576px) {
		 .faq-section { padding: 60px 12px; }
		 .faq-category { padding: 18px; }
		 .faq-category-title { font-size: 18px; }
		 .about-badge { font-size: 12px; padding: 8px 16px; }
	  }
	  /* Privacy Policy Section */
	  .privacy-section {
		 padding: 90px 20px;
		 background: linear-gradient(135deg, #fffaf4 0%, #ffffff 100%);
		 position: relative;
		 overflow: hidden;
	  }
	  .privacy-section::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><path d="M0,60 Q30,40 60,60 T120,60" stroke="%23e0b67a" stroke-width="0.6" fill="none" opacity="0.1"/></svg>');
		 opacity: 0.6;
		 z-index: 0;
	  }
	  .privacy-decoration {
		 position: absolute;
		 font-size: 3rem;
		 color: rgba(196, 120, 28, 0.08);
		 z-index: 0;
	  }
	  .decoration-1 { top: 5%; left: 4%; transform: rotate(-15deg); }
	  .decoration-2 { top: 30%; right: 5%; transform: rotate(20deg); }
	  .decoration-3 { bottom: 20%; left: 3%; transform: rotate(-25deg); }
	  .decoration-4 { bottom: 10%; right: 8%; transform: rotate(15deg); }
	  .privacy-header {
		 text-align: center;
		 margin-bottom: 60px;
		 position: relative;
		 z-index: 1;
	  }
	  .privacy-badge {
		 display: inline-block;
		 background: linear-gradient(90deg, #c4781c 0%, #f1a54b 100%);
		 color: white;
		 padding: 12px 24px;
		 border-radius: 50px;
		 font-size: 14px;
		 font-weight: 700;
		 letter-spacing: 0.5px;
		 margin-bottom: 20px;
		 box-shadow: 0 8px 20px rgba(196, 120, 28, 0.25);
	  }
	  .privacy-header h2 {
		 font-size: 48px;
		 color: #1f140a;
		 font-weight: 900;
		 margin-bottom: 8px;
		 letter-spacing: -1px;
	  }
	  .privacy-header .last-updated {
		 font-size: 14px;
		 color: #c4781c;
		 font-weight: 600;
	  }
	  .header-divider {
		 width: 80px;
		 height: 4px;
		 background: linear-gradient(90deg, #c4781c, #f1a54b);
		 margin: 20px auto 0;
		 border-radius: 2px;
	  }
	  .privacy-content {
		 position: relative;
		 z-index: 1;
	  }
	  .privacy-block {
		 background: #ffffff;
		 border: 1px solid #f2e6d8;
		 border-radius: 16px;
		 padding: 30px;
		 margin-bottom: 28px;
		 box-shadow: 0 12px 30px rgba(31, 20, 10, 0.08);
		 transition: transform 0.3s ease, box-shadow 0.3s ease;
		 position: relative;
		 overflow: hidden;
	  }
	  .privacy-block::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background: linear-gradient(135deg, rgba(196, 120, 28, 0.06) 0%, transparent 70%);
		 pointer-events: none;
	  }
	  .privacy-block:hover {
		 transform: translateY(-4px);
		 box-shadow: 0 16px 40px rgba(31, 20, 10, 0.12);
	  }
	  .block-icon {
		 width: 60px;
		 height: 60px;
		 background: linear-gradient(135deg, #fff3e6 0%, #fffbf7 100%);
		 border: 2px solid #f1a54b;
		 border-radius: 50%;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 margin-bottom: 16px;
		 font-size: 28px;
		 color: #c4781c;
	  }
	  .block-title {
		 font-size: 22px;
		 color: #1f140a;
		 font-weight: 800;
		 margin-bottom: 16px;
	  }
	  .block-text {
		 color: #4a3524;
		 line-height: 1.8;
		 font-size: 15px;
	  }
	  .block-content {
		 margin-top: 20px;
	  }
	  .sub-item {
		 margin-bottom: 20px;
	  }
	  .sub-item:last-child { margin-bottom: 0; }
	  .sub-item h4 {
		 font-size: 16px;
		 color: #3a2c1e;
		 font-weight: 700;
		 margin-bottom: 8px;
	  }
	  .sub-item p {
		 color: #4a3524;
		 font-size: 14px;
		 line-height: 1.7;
		 margin-bottom: 10px;
	  }
	  .info-list {
		 list-style: none;
		 padding: 0;
		 margin: 12px 0 0;
	  }
	  .info-list li {
		 padding: 8px 0 8px 30px;
		 color: #4a3524;
		 position: relative;
		 font-size: 14px;
		 line-height: 1.6;
	  }
	  .info-list i {
		 position: absolute;
		 left: 0;
		 color: #c4781c;
		 font-size: 12px;
	  }
	  .use-grid {
		 display: grid;
		 grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
		 gap: 20px;
		 margin-top: 20px;
	  }
	  .use-item {
		 background: linear-gradient(135deg, #fff9f3 0%, #fffbf7 100%);
		 padding: 20px;
		 border-radius: 12px;
		 text-align: center;
		 border: 1px solid #f4e6d6;
		 transition: transform 0.25s ease, box-shadow 0.25s ease;
	  }
	  .use-item:hover {
		 transform: translateY(-4px);
		 box-shadow: 0 8px 20px rgba(196, 120, 28, 0.15);
	  }
	  .use-item i {
		 font-size: 32px;
		 color: #c4781c;
		 margin-bottom: 12px;
		 display: block;
	  }
	  .use-item h4 {
		 font-size: 16px;
		 color: #1f140a;
		 font-weight: 700;
		 margin-bottom: 8px;
	  }
	  .use-item p {
		 font-size: 13px;
		 color: #4a3524;
		 line-height: 1.6;
		 margin: 0;
	  }
	  .security-features {
		 display: grid;
		 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		 gap: 20px;
		 margin-top: 20px;
	  }
	  .security-item {
		 background: linear-gradient(135deg, #fff3e6 0%, #fff9f3 100%);
		 padding: 24px;
		 border-radius: 12px;
		 border-left: 4px solid #c4781c;
		 position: relative;
	  }
	  .feature-number {
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 width: 40px;
		 height: 40px;
		 background: #c4781c;
		 color: white;
		 border-radius: 50%;
		 font-weight: 800;
		 margin-bottom: 12px;
		 font-size: 18px;
	  }
	  .security-item h4 {
		 font-size: 16px;
		 color: #1f140a;
		 font-weight: 700;
		 margin-bottom: 8px;
	  }
	  .security-item p {
		 font-size: 14px;
		 color: #4a3524;
		 line-height: 1.6;
		 margin: 0;
	  }
	  .rights-list {
		 list-style: none;
		 padding: 0;
		 margin: 16px 0 0;
	  }
	  .rights-list li {
		 padding: 10px 0 10px 30px;
		 color: #4a3524;
		 position: relative;
		 font-size: 15px;
		 line-height: 1.6;
	  }
	  .rights-list i {
		 position: absolute;
		 left: 0;
		 color: #c4781c;
	  }
	  .contact-info {
		 background: linear-gradient(135deg, #fff9f3 0%, #fffbf7 100%);
		 border: 1px solid #f4e6d6;
		 border-radius: 12px;
		 padding: 24px;
		 margin-top: 20px;
	  }
	  .info-item {
		 display: flex;
		 align-items: flex-start;
		 gap: 16px;
		 margin-bottom: 16px;
	  }
	  .info-item:last-child { margin-bottom: 0; }
	  .info-item i {
		 font-size: 20px;
		 color: #c4781c;
		 margin-top: 2px;
		 min-width: 20px;
	  }
	  .info-item strong {
		 display: block;
		 color: #1f140a;
		 font-weight: 700;
		 margin-bottom: 4px;
	  }
	  .info-item a {
		 color: #c4781c;
		 text-decoration: none;
		 font-weight: 600;
		 transition: color 0.25s ease;
	  }
	  .info-item a:hover { color: #a55f14; }
	  .info-item span {
		 color: #4a3524;
		 font-size: 14px;
	  }
	  .privacy-sidebar {
		 background: #ffffff;
		 border: 1px solid #f2e6d8;
		 border-radius: 16px;
		 padding: 24px;
		 margin-bottom: 24px;
		 box-shadow: 0 12px 30px rgba(31, 20, 10, 0.08);
		 transition: transform 0.3s ease, box-shadow 0.3s ease;
	  }
	  .privacy-sidebar:hover {
		 transform: translateY(-4px);
		 box-shadow: 0 16px 40px rgba(31, 20, 10, 0.12);
	  }
	  .sidebar-title {
		 font-size: 18px;
		 color: #1f140a;
		 font-weight: 800;
		 margin-bottom: 16px;
		 display: flex;
		 align-items: center;
		 gap: 8px;
	  }
	  .sidebar-title i { color: #c4781c; }
	  .sidebar-links { display: flex; flex-direction: column; gap: 12px; }
	  .sidebar-link {
		 display: flex;
		 align-items: center;
		 gap: 10px;
		 padding: 12px;
		 background: #fffbf6;
		 border-radius: 8px;
		 color: #3a2c1e;
		 text-decoration: none;
		 font-weight: 600;
		 transition: all 0.25s ease;
		 border-left: 3px solid transparent;
	  }
	  .sidebar-link:hover {
		 background: linear-gradient(135deg, #fff3e6 0%, #fff9f3 100%);
		 border-left-color: #c4781c;
		 padding-left: 16px;
	  }
	  .sidebar-link i { color: #c4781c; font-size: 12px; }
	  .info-box {
		 background: linear-gradient(135deg, #fff3e6 0%, #fffbf7 100%);
		 border-left: 4px solid #c4781c;
		 padding: 16px;
		 border-radius: 8px;
	  }
	  .info-box p {
		 color: #4a3524;
		 font-size: 14px;
		 line-height: 1.7;
		 margin: 0;
	  }
	  .trust-badge {
		 background: linear-gradient(135deg, #c4781c 0%, #a55f14 100%);
		 color: white;
		 padding: 28px;
		 border-radius: 16px;
		 text-align: center;
		 box-shadow: 0 12px 30px rgba(196, 120, 28, 0.25);
	  }
	  .trust-badge i {
		 font-size: 40px;
		 margin-bottom: 12px;
		 display: block;
	  }
	  .trust-badge h4 {
		 font-size: 18px;
		 font-weight: 800;
		 margin-bottom: 8px;
	  }
	  .trust-badge p {
		 font-size: 14px;
		 line-height: 1.6;
		 margin: 0;
		 opacity: 0.95;
	  }
	  .privacy-footer {
		 text-align: center;
		 padding: 40px 0 0;
		 margin-top: 40px;
		 border-top: 1px solid #f2e6d8;
		 position: relative;
		 z-index: 1;
	  }
	  .privacy-footer p {
		 color: #4a3524;
		 font-size: 14px;
		 line-height: 1.8;
		 margin-bottom: 8px;
	  }
	  .privacy-footer strong { color: #1f140a; font-weight: 700; }
	  @media (max-width: 992px) {
		 .privacy-header h2 { font-size: 38px; }
		 .privacy-block { padding: 24px; }
	  }
	  @media (max-width: 768px) {
		 .privacy-section { padding: 70px 16px; }
		 .privacy-header { margin-bottom: 50px; }
		 .privacy-header h2 { font-size: 32px; }
		 .privacy-block { margin-bottom: 24px; padding: 20px; }
		 .block-icon { width: 50px; height: 50px; font-size: 22px; }
		 .block-title { font-size: 18px; }
		 .use-grid { grid-template-columns: 1fr; }
		 .security-features { grid-template-columns: repeat(2, 1fr); }
		 .privacy-decoration { display: none; }
	  }
	  @media (max-width: 576px) {
		 .privacy-section { padding: 60px 12px; }
		 .privacy-header h2 { font-size: 28px; }
		 .privacy-badge { font-size: 12px; padding: 10px 18px; }
		 .privacy-block { margin-bottom: 20px; padding: 16px; }
		 .block-title { font-size: 16px; }
		 .security-features { grid-template-columns: 1fr; }
		 .privacy-sidebar { padding: 18px; margin-bottom: 18px; }
	  }
	  /* Terms & Conditions Section */
	  .terms-section {
		 padding: 90px 20px;
		 background: linear-gradient(135deg, #fffbf8 0%, #ffffff 100%);
		 position: relative;
		 overflow: hidden;
	  }
	  .terms-section::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><path d="M0,60 Q30,40 60,60 T120,60" stroke="%23e0b67a" stroke-width="0.6" fill="none" opacity="0.1"/></svg>');
		 opacity: 0.6;
		 z-index: 0;
	  }
	  .terms-decoration {
		 position: absolute;
		 font-size: 3rem;
		 color: rgba(196, 120, 28, 0.08);
		 z-index: 0;
	  }
	  .terms-header {
		 text-align: center;
		 margin-bottom: 60px;
		 position: relative;
		 z-index: 1;
	  }
	  .terms-badge {
		 display: inline-block;
		 background: linear-gradient(90deg, #a55f14 0%, #c4781c 100%);
		 color: white;
		 padding: 12px 24px;
		 border-radius: 50px;
		 font-size: 14px;
		 font-weight: 700;
		 letter-spacing: 0.5px;
		 margin-bottom: 20px;
		 box-shadow: 0 8px 20px rgba(165, 95, 20, 0.25);
	  }
	  .terms-header h2 {
		 font-size: 48px;
		 color: #1f140a;
		 font-weight: 900;
		 margin-bottom: 8px;
		 letter-spacing: -1px;
	  }
	  .terms-content {
		 position: relative;
		 z-index: 1;
	  }
	  .terms-block {
		 background: #ffffff;
		 border: 1px solid #f0e6d8;
		 border-radius: 16px;
		 padding: 30px;
		 margin-bottom: 28px;
		 box-shadow: 0 12px 30px rgba(165, 95, 20, 0.08);
		 transition: transform 0.3s ease, box-shadow 0.3s ease;
		 position: relative;
		 overflow: hidden;
	  }
	  .terms-block::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background: linear-gradient(135deg, rgba(165, 95, 20, 0.04) 0%, transparent 70%);
		 pointer-events: none;
	  }
	  .terms-block:hover {
		 transform: translateY(-4px);
		 box-shadow: 0 16px 40px rgba(165, 95, 20, 0.15);
	  }
	  .block-icon {
		 width: 60px;
		 height: 60px;
		 background: linear-gradient(135deg, #fff5f0 0%, #fffbf8 100%);
		 border: 2px solid #d4844a;
		 border-radius: 50%;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 margin-bottom: 16px;
		 font-size: 28px;
		 color: #a55f14;
	  }
	  .policies-grid {
		 display: grid;
		 grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
		 gap: 20px;
		 margin-top: 20px;
	  }
	  .policy-item {
		 background: linear-gradient(135deg, #fff5f0 0%, #fffbf8 100%);
		 padding: 20px;
		 border-radius: 12px;
		 text-align: center;
		 border: 1px solid #ead5c3;
		 transition: transform 0.25s ease, box-shadow 0.25s ease;
	  }
	  .policy-item:hover {
		 transform: translateY(-4px);
		 box-shadow: 0 8px 20px rgba(165, 95, 20, 0.15);
	  }
	  .policy-item i {
		 font-size: 32px;
		 color: #a55f14;
		 margin-bottom: 12px;
		 display: block;
	  }
	  .policy-item h4 {
		 font-size: 16px;
		 color: #1f140a;
		 font-weight: 700;
		 margin-bottom: 8px;
	  }
	  .policy-item p {
		 font-size: 13px;
		 color: #4a3524;
		 line-height: 1.6;
		 margin: 0;
	  }
	  .pricing-features {
		 display: grid;
		 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		 gap: 20px;
		 margin-top: 20px;
	  }
	  .feature-item {
		 background: linear-gradient(135deg, #fff5f0 0%, #fffbf8 100%);
		 padding: 24px;
		 border-radius: 12px;
		 border-left: 4px solid #a55f14;
		 position: relative;
	  }
	  .feature-item .feature-number {
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 width: 40px;
		 height: 40px;
		 background: #a55f14;
		 color: white;
		 border-radius: 50%;
		 font-weight: 800;
		 margin-bottom: 12px;
		 font-size: 18px;
	  }
	  .feature-item h4 {
		 font-size: 16px;
		 color: #1f140a;
		 font-weight: 700;
		 margin-bottom: 8px;
	  }
	  .feature-item p {
		 font-size: 14px;
		 color: #4a3524;
		 line-height: 1.6;
		 margin: 0;
	  }
	  .terms-sidebar {
		 background: #ffffff;
		 border: 1px solid #f0e6d8;
		 border-radius: 16px;
		 padding: 24px;
		 margin-bottom: 24px;
		 box-shadow: 0 12px 30px rgba(165, 95, 20, 0.08);
		 transition: transform 0.3s ease, box-shadow 0.3s ease;
	  }
	  .terms-sidebar:hover {
		 transform: translateY(-4px);
		 box-shadow: 0 16px 40px rgba(165, 95, 20, 0.15);
	  }
	  .terms-footer {
		 text-align: center;
		 padding: 40px 0 0;
		 margin-top: 40px;
		 border-top: 1px solid #f0e6d8;
		 position: relative;
		 z-index: 1;
	  }
	  .terms-footer p {
		 color: #4a3524;
		 font-size: 14px;
		 line-height: 1.8;
		 margin-bottom: 8px;
	  }
	  .terms-footer strong { color: #1f140a; font-weight: 700; }
	  @media (max-width: 992px) {
		 .terms-header h2 { font-size: 38px; }
		 .terms-block { padding: 24px; }
	  }
	  @media (max-width: 768px) {
		 .terms-section { padding: 70px 16px; }
		 .terms-header { margin-bottom: 50px; }
		 .terms-header h2 { font-size: 32px; }
		 .terms-block { margin-bottom: 24px; padding: 20px; }
		 .block-icon { width: 50px; height: 50px; font-size: 22px; }
		 .policies-grid { grid-template-columns: repeat(2, 1fr); }
		 .pricing-features { grid-template-columns: repeat(2, 1fr); }
		 .terms-decoration { display: none; }
	  }
	  @media (max-width: 576px) {
		 .terms-section { padding: 60px 12px; }
		 .terms-header h2 { font-size: 28px; }
		 .terms-badge { font-size: 12px; padding: 10px 18px; }
		 .terms-block { margin-bottom: 20px; padding: 16px; }
		 .block-title { font-size: 16px; }
		 .policies-grid { grid-template-columns: 1fr; }
		 .pricing-features { grid-template-columns: 1fr; }
		 .terms-sidebar { padding: 18px; margin-bottom: 18px; }
	  }
	  /* Contact Section Styling */
	  .contact-main-section {
		 padding: 90px 0;
		 background: #1f140a;
		 position: relative;
		 overflow: hidden;
		 min-height: 800px;
	  }
	  .contact-map-background {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 z-index: 0;
		 opacity: 0.25;
	  }
	  .contact-map-background iframe {
		 width: 100%;
		 height: 100%;
		 filter: grayscale(50%) brightness(1.2);
		 pointer-events: none;
	  }
	  .contact-main-section::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background: linear-gradient(135deg, rgba(31,20,10,0.8) 0%, rgba(31,20,10,0.6) 100%);
		 z-index: 0;
		 pointer-events: none;
	  }
	  .contact-container-wrapper {
		 max-width: 1200px;
		 margin: 0 auto;
		 padding: 0 20px;
		 position: relative;
		 z-index: 1;
	  }
	  .contact-decorative-circle {
		 position: absolute;
		 top: -100px;
		 right: -100px;
		 width: 300px;
		 height: 300px;
		 background: linear-gradient(135deg, rgba(196, 120, 28, 0.15) 0%, rgba(241, 165, 75, 0.1) 100%);
		 border-radius: 50%;
		 z-index: 0;
	  }
	  .contact-dots-pattern {
		 position: absolute;
		 display: grid;
		 grid-template-columns: repeat(3, 10px);
		 gap: 12px;
		 z-index: 0;
	  }
	  .contact-dots-top {
		 right: 80px;
		 top: 80px;
	  }
	  .contact-dots-bottom {
		 left: 80px;
		 bottom: 80px;
		 grid-template-columns: repeat(3, 10px);
	  }
	  .contact-dot {
		 width: 10px;
		 height: 10px;
		 background: rgba(196, 120, 28, 0.25);
		 border-radius: 50%;
		 animation: contactDotPulse 2s ease-in-out infinite;
	  }
	  .contact-dot:nth-child(2) { animation-delay: 0.2s; }
	  .contact-dot:nth-child(3) { animation-delay: 0.4s; }
	  .contact-dot:nth-child(5) { animation-delay: 0.6s; }
	  @keyframes contactDotPulse {
		 0%, 100% { opacity: 0.3; transform: scale(1); }
		 50% { opacity: 1; transform: scale(1.2); }
	  }
	  .contact-content-grid {
		 display: grid;
		 grid-template-columns: 1fr 1fr;
		 gap: 60px;
		 align-items: center;
		 position: relative;
		 z-index: 1;
	  }
	  .contact-info-section {
		 position: relative;
	  }
	  .contact-section-badge {
		 display: inline-block;
		 background: linear-gradient(90deg, #c4781c 0%, #f1a54b 100%);
		 color: white;
		 padding: 10px 20px;
		 border-radius: 50px;
		 font-size: 13px;
		 font-weight: 700;
		 letter-spacing: 0.5px;
		 margin-bottom: 20px;
		 box-shadow: 0 8px 20px rgba(196, 120, 28, 0.25);
	  }
	  .contact-section-badge i {
		 margin-right: 6px;
	  }
	  .contact-main-title {
		 font-size: 48px;
		 color: #f1a54b;
		 font-weight: 900;
		 margin-bottom: 20px;
		 line-height: 1.2;
		 letter-spacing: -1px;
	  }
	  .contact-main-description {
		 color: #fff;
		 font-size: 16px;
		 line-height: 1.8;
		 margin-bottom: 40px;
	  }
	  .contact-info-cards {
		 display: flex;
		 flex-direction: column;
		 gap: 20px;
	  }
	  .contact-info-card {
		 display: flex;
		 align-items: flex-start;
		 gap: 20px;
		 background: #ffffff;
		 border: 1px solid #f2e6d8;
		 border-radius: 16px;
		 padding: 24px;
		 transition: all 0.3s ease;
		 box-shadow: 0 8px 20px rgba(31, 20, 10, 0.06);
	  }
	  .contact-info-card:hover {
		 transform: translateY(-4px);
		 box-shadow: 0 12px 30px rgba(31, 20, 10, 0.12);
		 border-color: #c4781c;
	  }
	  .contact-icon-wrapper {
		 width: 60px;
		 height: 60px;
		 background: linear-gradient(135deg, #fff3e6 0%, #fffbf7 100%);
		 border: 2px solid #f1a54b;
		 border-radius: 50%;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 flex-shrink: 0;
		 font-size: 24px;
		 color: #c4781c;
		 transition: all 0.3s ease;
	  }
	  .contact-info-card:hover .contact-icon-wrapper {
		 background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
		 color: white;
		 transform: rotate(10deg);
	  }
	  .contact-info-details {
		 flex: 1;
	  }
	  .contact-info-title {
		 font-size: 18px;
		 color: #1f140a;
		 font-weight: 800;
		 margin-bottom: 8px;
	  }
	  .contact-info-text {
		 color: #4a3524;
		 font-size: 15px;
		 line-height: 1.7;
		 margin: 0;
	  }
	  .contact-info-text a {
		 color: #c4781c;
		 text-decoration: none;
		 font-weight: 600;
		 transition: color 0.3s ease;
	  }
	  .contact-info-text a:hover {
		 color: #a55f14;
		 text-decoration: underline;
	  }
	  .contact-form-section {
		 position: relative;
	  }
	  .contact-form-card {
		 background: linear-gradient(135deg, #1f140a 0%, #3a2618 100%);
		 border-radius: 24px;
		 padding: 50px;
		 box-shadow: 0 20px 60px rgba(31, 20, 10, 0.2);
		 position: relative;
		 overflow: hidden;
	  }
	  .contact-form-card::before {
		 content: '';
		 position: absolute;
		 top: -50%;
		 right: -50%;
		 width: 200%;
		 height: 200%;
		 background: radial-gradient(circle, rgba(196, 120, 28, 0.1) 0%, transparent 70%);
		 animation: contactFormRotate 20s linear infinite;
	  }
	  @keyframes contactFormRotate {
		 0% { transform: rotate(0deg); }
		 100% { transform: rotate(360deg); }
	  }
	  .contact-form-header {
		 margin-bottom: 30px;
		 position: relative;
		 z-index: 1;
	  }
	  .contact-form-title {
		 font-size: 28px;
		 color: #ffffff;
		 font-weight: 800;
		 margin-bottom: 10px;
	  }
	  .contact-form-subtitle {
		 color: rgba(255, 255, 255, 0.8);
		 font-size: 14px;
	  }
	  .contact-form-main {
		 position: relative;
		 z-index: 1;
	  }
	  .contact-form-row {
		 display: grid;
		 grid-template-columns: 1fr 1fr;
		 gap: 20px;
		 margin-bottom: 20px;
	  }
	  .contact-form-group {
		 display: flex;
		 flex-direction: column;
		 gap: 8px;
	  }
	  .contact-form-label {
		 color: rgba(255, 255, 255, 0.9);
		 font-size: 14px;
		 font-weight: 600;
		 margin-left: 4px;
	  }
	  .contact-form-input,
	  .contact-form-textarea {
		 width: 100%;
		 padding: 14px 18px;
		 border: 2px solid rgba(255, 255, 255, 0.1);
		 border-radius: 12px;
		 font-size: 15px;
		 font-family: inherit;
		 background: rgba(255, 255, 255, 0.95);
		 color: #1f140a;
		 transition: all 0.3s ease;
	  }
	  .contact-form-input:focus,
	  .contact-form-textarea:focus {
		 outline: none;
		 border-color: #c4781c;
		 box-shadow: 0 0 0 4px rgba(196, 120, 28, 0.15);
		 background: #ffffff;
	  }
	  .contact-form-input::placeholder,
	  .contact-form-textarea::placeholder {
		 color: #a0aec0;
	  }
	  .contact-form-textarea {
		 resize: vertical;
		 min-height: 140px;
	  }
	  .contact-submit-btn {
		 width: 100%;
		 padding: 16px 32px;
		 background: linear-gradient(90deg, #c4781c 0%, #f1a54b 100%);
		 border: none;
		 border-radius: 12px;
		 color: white;
		 font-size: 16px;
		 font-weight: 700;
		 cursor: pointer;
		 transition: all 0.3s ease;
		 margin-top: 10px;
		 box-shadow: 0 8px 20px rgba(196, 120, 28, 0.3);
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 gap: 10px;
	  }
	  .contact-submit-btn:hover {
		 transform: translateY(-2px);
		 box-shadow: 0 12px 30px rgba(196, 120, 28, 0.4);
		 background: linear-gradient(90deg, #d4881c 0%, #f1b55b 100%);
	  }
	  .contact-submit-btn:active {
		 transform: translateY(0);
	  }
	  .contact-submit-btn i {
		 font-size: 18px;
	  }
	  @media (max-width: 992px) {
		 .contact-content-grid {
			grid-template-columns: 1fr;
			gap: 50px;
		 }
		 .contact-main-title {
			font-size: 38px;
		 }
		 .contact-form-card {
			padding: 40px;
		 }
	  }
	  @media (max-width: 768px) {
		 .contact-main-section {
			padding: 70px 0;
		 }
		 .contact-container-wrapper {
			padding: 0 16px;
		 }
		 .contact-main-title {
			font-size: 32px;
		 }
		 .contact-content-grid {
			gap: 40px;
		 }
		 .contact-form-row {
			grid-template-columns: 1fr;
			gap: 16px;
		 }
		 .contact-form-card {
			padding: 30px;
		 }
		 .contact-info-card {
			padding: 20px;
		 }
		 .contact-icon-wrapper {
			width: 50px;
			height: 50px;
			font-size: 20px;
		 }
		 .contact-dots-pattern {
			display: none;
		 }
	  }
	  @media (max-width: 576px) {
		 .contact-main-section {
			padding: 60px 0;
		 }
		 .contact-container-wrapper {
			padding: 0 12px;
		 }
		 .contact-main-title {
			font-size: 28px;
		 }
		 .contact-section-badge {
			font-size: 12px;
			padding: 8px 16px;
		 }
		 .contact-form-card {
			padding: 24px;
		 }
		 .contact-form-title {
			font-size: 24px;
		 }
		 .contact-info-card {
			flex-direction: column;
			text-align: center;
		 }
		 .contact-icon-wrapper {
			margin: 0 auto;
		 }
		 .contact-decorative-circle {
			width: 200px;
			height: 200px;
		 }
	  }

	  /* Direction Button Section */
	  .direction-button-section {
		 padding: 40px 0;
		 background: linear-gradient(135deg, #fffbf8 0%, #ffffff 100%);
		 text-align: center;
	  }
	  .direction-btn {
		 display: inline-flex;
		 align-items: center;
		 gap: 20px;
		 padding: 20px 40px;
		 background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
		 color: #ffffff;
		 border: none;
		 border-radius: 50px;
		 font-size: 18px;
		 font-weight: 600;
		 cursor: pointer;
		 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		 box-shadow: 0 10px 30px rgba(196, 120, 28, 0.3);
		 position: relative;
		 overflow: hidden;
	  }
	  .direction-btn::before {
		 content: '';
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 width: 0;
		 height: 0;
		 border-radius: 50%;
		 background: rgba(255, 255, 255, 0.2);
		 transform: translate(-50%, -50%);
		 transition: width 0.6s, height 0.6s;
	  }
	  .direction-btn:hover::before {
		 width: 400px;
		 height: 400px;
	  }
	  .direction-btn:hover {
		 transform: translateY(-5px);
		 box-shadow: 0 15px 40px rgba(196, 120, 28, 0.4);
	  }
	  .direction-btn-icon {
		 width: 50px;
		 height: 50px;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 background: rgba(255, 255, 255, 0.2);
		 border-radius: 50%;
		 font-size: 24px;
		 position: relative;
		 z-index: 1;
	  }
	  .direction-btn-text {
		 display: flex;
		 flex-direction: column;
		 text-align: left;
		 position: relative;
		 z-index: 1;
	  }
	  .direction-btn-title {
		 font-size: 20px;
		 font-weight: 700;
		 line-height: 1.2;
	  }
	  .direction-btn-subtitle {
		 font-size: 14px;
		 font-weight: 400;
		 opacity: 0.9;
		 margin-top: 4px;
	  }
	  .direction-btn-arrow {
		 font-size: 20px;
		 transition: transform 0.4s;
		 position: relative;
		 z-index: 1;
	  }
	  .direction-btn:hover .direction-btn-arrow {
		 transform: translateX(10px);
	  }

	  /* Map Modal */
	  .map-modal {
		 display: none;
		 position: fixed;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 z-index: 9999;
		 animation: fadeIn 0.3s ease-out;
	  }
	  .map-modal.active {
		 display: block;
	  }
	  .map-modal-overlay {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 background: rgba(0, 0, 0, 0.8);
		 backdrop-filter: blur(5px);
	  }
	  .map-modal-content {
		 position: absolute;
		 top: 50%;
		 left: 50%;
		 transform: translate(-50%, -50%);
		 width: 90%;
		 max-width: 1000px;
		 height: 80vh;
		 background: #ffffff;
		 border-radius: 20px;
		 overflow: hidden;
		 box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
		 animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		 display: flex;
		 flex-direction: column;
	  }
	  @keyframes slideUp {
		 from {
			transform: translate(-50%, -40%);
			opacity: 0;
		 }
		 to {
			transform: translate(-50%, -50%);
			opacity: 1;
		 }
	  }
	  .map-modal-close {
		 position: absolute;
		 top: 20px;
		 right: 20px;
		 width: 45px;
		 height: 45px;
		 background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
		 border: none;
		 border-radius: 50%;
		 color: #ffffff;
		 font-size: 20px;
		 cursor: pointer;
		 z-index: 10;
		 transition: all 0.3s;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 box-shadow: 0 5px 15px rgba(196, 120, 28, 0.4);
	  }
	  .map-modal-close:hover {
		 transform: rotate(90deg);
		 box-shadow: 0 8px 20px rgba(196, 120, 28, 0.6);
	  }
	  .map-modal-header {
		 padding: 30px 40px;
		 background: linear-gradient(135deg, #1f140a 0%, #2a1b0f 100%);
		 color: #ffffff;
		 position: relative;
	  }
	  .map-modal-title {
		 font-size: 28px;
		 font-weight: 700;
		 margin: 0 0 10px 0;
		 display: flex;
		 color: #f1a54b;
		 align-items: center;
		 gap: 12px;
	  }
	  .map-modal-title i {
		 color: #f1a54b;
		 font-size: 32px;
	  }
	  .map-modal-address {
		 margin: 0;
		 font-size: 16px;
		 opacity: 0.9;
		 padding-left: 44px;
	  }
	  .map-modal-body {
		 flex: 1;
		 position: relative;
		 overflow: hidden;
	  }
	  .map-modal-body iframe {
		 width: 100%;
		 height: 100%;
		 border: 0;
	  }
	  .map-modal-footer {
		 padding: 20px 40px;
		 background: #f8f9fa;
		 text-align: center;
		 border-top: 1px solid #e0e0e0;
	  }
	  .map-modal-directions-btn {
		 display: inline-flex;
		 align-items: center;
		 gap: 12px;
		 padding: 14px 35px;
		 background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
		 color: #ffffff;
		 text-decoration: none;
		 border-radius: 50px;
		 font-size: 16px;
		 font-weight: 600;
		 transition: all 0.3s;
		 box-shadow: 0 5px 15px rgba(196, 120, 28, 0.3);
	  }
	  .map-modal-directions-btn:hover {
		 transform: translateY(-3px);
		 box-shadow: 0 8px 20px rgba(196, 120, 28, 0.4);
		 color: #ffffff;
	  }

	  /* Testimonials Page */
	  .testimonials-section {
		 padding: 90px 20px;
		 background: linear-gradient(135deg, #fffaf4 0%, #ffffff 100%);
		 position: relative;
		 overflow: hidden;
	  }
	  .testimonials-section::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140"><circle cx="30" cy="30" r="6" fill="%23f1a54b" opacity="0.12"/><circle cx="90" cy="70" r="8" fill="%23c4781c" opacity="0.08"/><circle cx="60" cy="110" r="5" fill="%23f1a54b" opacity="0.1"/></svg>');
		 opacity: 0.5;
		 z-index: 0;
	  }
	  .testimonials-section::after {
		 content: '';
		 position: absolute;
		 width: 260px;
		 height: 260px;
		 background: radial-gradient(circle, rgba(196, 120, 28, 0.12) 0%, rgba(196, 120, 28, 0) 60%);
		 top: -80px;
		 right: -60px;
		 z-index: 0;
	  }
	  .testimonials-header {
		 text-align: center;
		 margin-bottom: 50px;
		 position: relative;
		 z-index: 1;
	  }
	  .testimonials-badge {
		 display: inline-flex;
		 align-items: center;
		 gap: 8px;
		 background: linear-gradient(90deg, #c4781c 0%, #f1a54b 100%);
		 color: #fff;
		 padding: 10px 18px;
		 border-radius: 999px;
		 font-weight: 700;
		 box-shadow: 0 8px 20px rgba(196, 120, 28, 0.25);
		 letter-spacing: 0.4px;
	  }
	  .testimonials-title {
		 font-size: 40px;
		 font-weight: 900;
		 color: #1f140a;
		 margin: 16px 0 10px;
		 letter-spacing: -0.6px;
	  }
	  .testimonials-subtitle {
		 max-width: 640px;
		 margin: 0 auto;
		 color: #4a3524;
		 font-size: 16px;
		 line-height: 1.7;
	  }
	  .testimonials-metrics {
		 display: grid;
		 grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
		 gap: 16px;
		 margin-top: 28px;
	  }
	  .metric-card {
		 background: #ffffff;
		 border: 1px solid #f2e6d8;
		 border-radius: 12px;
		 padding: 16px;
		 box-shadow: 0 12px 28px rgba(31, 20, 10, 0.06);
	  }
	  .metric-value {
		 display: block;
		 color: #c4781c;
		 font-weight: 800;
		 font-size: 22px;
	  }
	  .metric-label {
		 color: #4a3524;
		 font-size: 14px;
	  }
	  .testimonials-grid {
		 display: grid;
		 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		 gap: 22px;
		 position: relative;
		 z-index: 1;
	  }
	  .testimonial-card {
		 background: #ffffff;
		 border: 1px solid #f2e2ce;
		 border-radius: 16px;
		 padding: 22px;
		 box-shadow: 0 18px 40px rgba(31, 20, 10, 0.08);
		 position: relative;
		 overflow: hidden;
		 transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
	  }
	  .testimonial-card::before {
		 content: '';
		 position: absolute;
		 inset: 0;
		 background: linear-gradient(135deg, rgba(196, 120, 28, 0.06) 0%, transparent 70%);
		 pointer-events: none;
	  }
	  .testimonial-card:hover {
		 transform: translateY(-6px);
		 border-color: #f1a54b;
		 box-shadow: 0 24px 55px rgba(31, 20, 10, 0.12);
	  }
	  .testimonial-quote {
		 color: #3a2c1e;
		 font-size: 15px;
		 line-height: 1.8;
		 margin-bottom: 18px;
		 position: relative;
		 padding-top: 6px;
	  }
	  .testimonial-quote::before {
		 content: '\201C';
		 font-size: 42px;
		 color: rgba(196, 120, 28, 0.25);
		 position: absolute;
		 top: -18px;
		 left: -6px;
	  }
	  .testimonial-rating {
		 color: #f1a54b;
		 margin-bottom: 14px;
	  }
	  .testimonial-rating i { margin-right: 4px; }
	  .testimonial-meta {
		 display: flex;
		 align-items: center;
		 gap: 14px;
	  }
	  .avatar-circle {
		 width: 48px;
		 height: 48px;
		 border-radius: 50%;
		 background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
		 color: #fff;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 font-weight: 800;
		 font-size: 18px;
		 box-shadow: 0 10px 20px rgba(196, 120, 28, 0.3);
	  }
	  .testimonial-meta h4 {
		 margin: 0 0 4px;
		 color: #1f140a;
		 font-weight: 800;
		 font-size: 16px;
	  }
	  .testimonial-meta p {
		 margin: 0;
		 color: #5b4634;
		 font-size: 14px;
	  }
	  .testimonials-cta {
		 margin-top: 32px;
		 background: linear-gradient(135deg, #1f140a 0%, #2d1c0f 100%);
		 color: #fff;
		 padding: 26px 28px;
		 border-radius: 18px;
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 gap: 16px;
		 box-shadow: 0 18px 45px rgba(31, 20, 10, 0.2);
	  }
	  .testimonials-cta h3 {
		 margin: 0 0 6px;
		 font-size: 22px;
		 font-weight: 800;
		 color: #f1a54b;
	  }
	  .testimonials-cta p {
		 margin: 0;
		 color: rgba(255, 255, 255, 0.9);
		 font-size: 15px;
	  }
	  .cta-btn {
		 display: inline-flex;
		 align-items: center;
		 justify-content: center;
		 padding: 12px 22px;
		 background: linear-gradient(90deg, #c4781c 0%, #f1a54b 100%);
		 color: #fff;
		 border-radius: 12px;
		 text-decoration: none;
		 font-weight: 700;
		 box-shadow: 0 10px 24px rgba(196, 120, 28, 0.3);
		 transition: transform 0.25s ease, box-shadow 0.25s ease;
		 white-space: nowrap;
	  }
	  .cta-btn:hover {
		 transform: translateY(-2px);
		 box-shadow: 0 14px 32px rgba(196, 120, 28, 0.38);
		 color: #fff;
	  }
	  @media (max-width: 992px) {
		 .testimonials-title { font-size: 34px; }
		 .testimonials-cta { flex-direction: column; text-align: center; }
	  }
	  @media (max-width: 768px) {
		 .testimonials-section { padding: 70px 16px; }
		 .testimonials-title { font-size: 30px; }
		 .testimonials-grid { gap: 18px; }
		 .testimonials-cta { align-items: flex-start; }
	  }
	  @media (max-width: 576px) {
		 .testimonials-section { padding: 60px 12px; }
		 .testimonials-title { font-size: 26px; }
		 .testimonials-subtitle { font-size: 14px; }
		 .testimonials-cta { padding: 20px; }
		 .cta-btn { width: 100%; justify-content: center; }
	  }

	  /* Responsive */
	  @media (max-width: 768px) {
		 .direction-btn {
			padding: 16px 28px;
			gap: 15px;
		 }
		 .direction-btn-icon {
			width: 40px;
			height: 40px;
			font-size: 20px;
		 }
		 .direction-btn-title {
			font-size: 16px;
		 }
		 .direction-btn-subtitle {
			font-size: 12px;
		 }
		 .map-modal-content {
			width: 95%;
			height: 85vh;
			border-radius: 15px;
		 }
		 .map-modal-header {
			padding: 20px 25px;
		 }
		 .map-modal-title {
			font-size: 22px;
		 }
		 .map-modal-address {
			font-size: 14px;
			padding-left: 34px;
		 }
		 .map-modal-footer {
			padding: 15px 20px;
		 }
	  }


/* =============== Packages Section CSS ===================== */

.packages-section {
   padding: 100px 0;
   background: linear-gradient(180deg, #fffaf4 0%, #ffffff 50%, #fffaf4 100%);
   position: relative;
   overflow: hidden;
}

.packages-section::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: radial-gradient(circle at 20% 30%, rgba(196, 120, 28, 0.04) 0%, transparent 60%),
               radial-gradient(circle at 80% 70%, rgba(241, 165, 75, 0.04) 0%, transparent 60%);
   pointer-events: none;
}

/* Section Header */
.packages-header {
   text-align: center;
   margin-bottom: 70px;
   position: relative;
}

.packages-badge {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: linear-gradient(135deg, #fff5e6 0%, #fffaf4 100%);
   color: #c4781c;
   padding: 10px 24px;
   border-radius: 30px;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
   border: 2px solid rgba(196, 120, 28, 0.2);
   box-shadow: 0 4px 12px rgba(196, 120, 28, 0.1);
   margin-bottom: 20px;
}

.packages-badge i {
   font-size: 16px;
}

.packages-title {
   font-size: 42px;
   font-weight: 900;
   color: #1f140a;
   margin-bottom: 20px;
   line-height: 1.2;
   background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}

.packages-subtitle {
   font-size: 17px;
   color: #6b5640;
   max-width: 800px;
   margin: 0 auto;
   line-height: 1.8;
}

/* Packages Grid */
.packages-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 30px;
   margin-bottom: 60px;
}

/* Package Card */
.package-card {
   background: #ffffff;
   border-radius: 20px;
   padding: 40px 30px;
   position: relative;
   overflow: hidden;
   box-shadow: 0 10px 40px rgba(196, 120, 28, 0.08);
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   border: 2px solid rgba(196, 120, 28, 0.1);
}

.package-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 6px;
   background: linear-gradient(90deg, #c4781c 0%, #f1a54b 100%);
}

.package-card:hover {
   transform: translateY(-12px);
   box-shadow: 0 20px 60px rgba(196, 120, 28, 0.15);
   border-color: rgba(196, 120, 28, 0.3);
}

/* Featured Package */
.package-card.featured {
   background: linear-gradient(135deg, #fffaf4 0%, #fff5e6 100%);
   border: 3px solid #c4781c;
   box-shadow: 0 15px 50px rgba(196, 120, 28, 0.2);
}

.package-card.featured::before {
   height: 8px;
   background: linear-gradient(90deg, #c4781c 0%, #f1a54b 50%, #c4781c 100%);
}

/* Groom Package */
.package-card.groom-package {
   background: linear-gradient(135deg, #2d1c0f 0%, #1f140a 100%);
   border-color: rgba(241, 165, 75, 0.3);
}

.package-card.groom-package * {
   color: #ffffff !important;
}

.package-card.groom-package .package-icon {
   background: rgba(241, 165, 75, 0.2);
   border-color: rgba(241, 165, 75, 0.4);
}

.package-card.groom-package .package-features li i {
   color: #f1a54b !important;
}

/* Package Badge */
.package-badge {
   position: absolute;
   top: 20px;
   right: 20px;
   background: linear-gradient(135deg, #fff5e6 0%, #fffaf4 100%);
   color: #c4781c;
   padding: 8px 16px;
   border-radius: 20px;
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   box-shadow: 0 4px 12px rgba(196, 120, 28, 0.15);
   border: 1px solid rgba(196, 120, 28, 0.2);
}

.package-badge.best-value {
   background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
   color: #2e7d32;
   border-color: rgba(46, 125, 50, 0.2);
}

.package-badge.popular {
   background: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 100%);
   color: #c2185b;
   border-color: rgba(194, 24, 91, 0.2);
}

.package-badge.groom {
   background: rgba(241, 165, 75, 0.2);
   color: #f1a54b;
   border-color: rgba(241, 165, 75, 0.4);
}

/* Package Ribbon */
.package-ribbon {
   position: absolute;
   top: 25px;
   left: -35px;
   background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
   color: #ffffff;
   padding: 8px 40px;
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
   transform: rotate(-45deg);
   box-shadow: 0 4px 12px rgba(196, 120, 28, 0.3);
}

/* Package Icon */
.package-icon {
   width: 80px;
   height: 80px;
   margin: 0 auto 25px;
   background: linear-gradient(135deg, #fff5e6 0%, #fffaf4 100%);
   border: 3px solid rgba(196, 120, 28, 0.2);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 36px;
   color: #c4781c;
   transition: all 0.3s ease;
}

.package-card:hover .package-icon {
   transform: scale(1.1) rotate(5deg);
   background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
   color: #ffffff;
}

/* Package Name */
.package-name {
   font-size: 26px;
   font-weight: 800;
   color: #1f140a;
   text-align: center;
   margin-bottom: 20px;
   line-height: 1.3;
}

/* Package Price */
.package-price {
   text-align: center;
   margin-bottom: 20px;
}

.price-currency {
   font-size: 24px;
   color: #c4781c;
   font-weight: 700;
   vertical-align: top;
}

.price-amount {
   font-size: 48px;
   font-weight: 900;
   color: #c4781c;
   line-height: 1;
}

.price-period {
   font-size: 14px;
   color: #8b7355;
   font-weight: 500;
   display: block;
   margin-top: 5px;
}

/* Package Tag */
.package-tag {
   display: inline-block;
   background: linear-gradient(135deg, #fff5e6 0%, #fffaf4 100%);
   color: #c4781c;
   padding: 8px 18px;
   border-radius: 20px;
   font-size: 13px;
   font-weight: 600;
   margin-bottom: 25px;
   border: 1px solid rgba(196, 120, 28, 0.2);
}

.package-tag.groom-tag {
   background: rgba(241, 165, 75, 0.2);
   color: #f1a54b;
   border-color: rgba(241, 165, 75, 0.4);
}

/* Package Features */
.package-features {
   list-style: none;
   padding: 0;
   margin: 0 0 30px 0;
}

.package-features li {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 14px 0;
   color: #4a3524;
   font-size: 15px;
   font-weight: 500;
   border-bottom: 1px solid rgba(196, 120, 28, 0.1);
   transition: all 0.2s ease;
}

.package-features li:last-child {
   border-bottom: none;
}

.package-features li:hover {
   padding-left: 8px;
   color: #c4781c;
}

.package-features li i {
   color: #c4781c;
   font-size: 18px;
   min-width: 18px;
}

/* Package Button */
.package-btn {
   width: 100%;
   background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
   color: #ffffff;
   border: none;
   padding: 16px 24px;
   border-radius: 50px;
   font-size: 16px;
   font-weight: 700;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   transition: all 0.3s ease;
   box-shadow: 0 8px 20px rgba(196, 120, 28, 0.25);
   position: relative;
   overflow: hidden;
}

.package-btn::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 0;
   height: 0;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 50%;
   transform: translate(-50%, -50%);
   transition: width 0.6s, height 0.6s;
}

.package-btn:hover::before {
   width: 300px;
   height: 300px;
}

.package-btn:hover {
   transform: translateY(-3px);
   box-shadow: 0 12px 30px rgba(196, 120, 28, 0.35);
}

.package-btn i {
   transition: transform 0.3s ease;
}

.package-btn:hover i {
   transform: translateX(5px);
}

.package-btn.groom-btn {
   background: linear-gradient(135deg, #f1a54b 0%, #ffb85f 100%);
   box-shadow: 0 8px 20px rgba(241, 165, 75, 0.3);
}

/* Packages CTA */
.packages-cta {
   background: linear-gradient(135deg, #2d1c0f 0%, #1f140a 100%);
   border-radius: 20px;
   padding: 50px 40px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
   box-shadow: 0 15px 50px rgba(31, 20, 10, 0.2);
   position: relative;
   overflow: hidden;
}

.packages-cta::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: radial-gradient(circle at 20% 50%, rgba(196, 120, 28, 0.1) 0%, transparent 70%),
               radial-gradient(circle at 80% 50%, rgba(241, 165, 75, 0.1) 0%, transparent 70%);
   pointer-events: none;
}

.cta-content h3 {
   font-size: 28px;
   font-weight: 800;
   color: #ffffff;
   margin-bottom: 10px;
}

.cta-content p {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.8);
   line-height: 1.6;
   margin: 0;
}

.cta-button {
   display: inline-flex;
   align-items: center;
   gap: 12px;
   background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
   color: #ffffff;
   padding: 16px 32px;
   border-radius: 50px;
   font-size: 16px;
   font-weight: 700;
   text-decoration: none;
   white-space: nowrap;
   transition: all 0.3s ease;
   box-shadow: 0 8px 20px rgba(196, 120, 28, 0.3);
}

.cta-button:hover {
   transform: translateY(-3px);
   box-shadow: 0 12px 30px rgba(196, 120, 28, 0.4);
   color: #ffffff;
}

.cta-button i {
   font-size: 18px;
}

/* Responsive Design */
@media (max-width: 992px) {
   .packages-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 25px;
   }
   
   .packages-title {
      font-size: 36px;
   }
   
   .package-name {
      font-size: 22px;
   }
   
   .price-amount {
      font-size: 42px;
   }
   
   .packages-cta {
      flex-direction: column;
      text-align: center;
      padding: 40px 30px;
   }
}

@media (max-width: 768px) {
   .packages-section {
      padding: 70px 0;
   }
   
   .packages-header {
      margin-bottom: 50px;
   }
   
   .packages-title {
      font-size: 32px;
   }
   
   .packages-subtitle {
      font-size: 15px;
   }
   
   .packages-grid {
      grid-template-columns: 1fr;
      gap: 25px;
   }
   
   .package-card {
      padding: 35px 25px;
   }
   
   .package-badge {
      top: 15px;
      right: 15px;
      font-size: 11px;
      padding: 6px 12px;
   }
   
   .package-icon {
      width: 70px;
      height: 70px;
      font-size: 32px;
   }
   
   .package-name {
      font-size: 20px;
   }
   
   .price-amount {
      font-size: 38px;
   }
   
   .package-features li {
      font-size: 14px;
      padding: 12px 0;
   }
   
   .cta-content h3 {
      font-size: 24px;
   }
   
   .cta-content p {
      font-size: 14px;
   }
   
   .cta-button {
      padding: 14px 28px;
      font-size: 15px;
   }
}

@media (max-width: 576px) {
   .packages-title {
      font-size: 28px;
   }
   
   .packages-badge {
      font-size: 12px;
      padding: 8px 18px;
   }
   
   .package-card {
      padding: 30px 20px;
   }
   
   .package-name {
      font-size: 18px;
   }
   
   .price-amount {
      font-size: 34px;
   }
   
   .packages-cta {
      padding: 30px 20px;
   }
   
   .cta-content h3 {
      font-size: 20px;
   }
   
   .cta-button {
      width: 100%;
      justify-content: center;
   }
}

        /* Modal Styles */
		.modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
			z-index: 1300; /* above top-bar (1200) so modal covers header */
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease, backdrop-filter 0.3s ease;
            backdrop-filter: blur(0px);
        }

        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
            backdrop-filter: blur(8px);
        }

        .booking-modal {
            background: linear-gradient(180deg, #ffffff 0%, #fffaf4 100%);
            border-radius: 25px;
            width: 90%;
            max-width: 650px;
            padding: 0;
            box-shadow: 0 25px 70px rgba(31, 20, 10, 0.3);
            transform: translateY(30px) scale(0.95);
            opacity: 0;
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
            overflow: hidden;
        }

        .modal-overlay.active .booking-modal {
            transform: translateY(0) scale(1);
            opacity: 1;
        }

        .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 30px 35px;
            background: linear-gradient(135deg, #1f140a 0%, #2d1c0f 100%);
            border-bottom: 3px solid #c4781c;
        }

        .modal-title {
            font-size: 26px;
            font-weight: 800;
            color: #ffffff;
            margin: 0;
        }

        .close-modal {
            background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            font-size: 24px;
            color: #ffffff;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .close-modal:hover {
            transform: rotate(90deg) scale(1.1);
            box-shadow: 0 6px 15px rgba(196, 120, 28, 0.3);
        }

        .selected-package-info {
            background: linear-gradient(135deg, #fff5e6 0%, #fffaf4 100%);
            padding: 20px 35px;
            border-left: 5px solid #c4781c;
            border-bottom: 1px solid rgba(196, 120, 28, 0.2);
        }

        .selected-package-info h3 {
            font-size: 18px;
            font-weight: 700;
            color: #1f140a;
            margin: 0 0 8px 0;
        }

        .selected-package-info p {
            font-size: 16px;
            font-weight: 600;
            color: #c4781c;
            margin: 0;
        }

		.booking-form {
			display: flex;
			flex-direction: column;
			gap: 0;
			padding: 28px 28px 30px 28px; /* slightly reduced padding to compact form */
		}

		.form-group {
			display: flex;
			flex-direction: column;
			margin-bottom: 16px;
		}

        .form-label {
            margin-bottom: 10px;
            font-weight: 700;
            color: #1f140a;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

		.form-input, .form-select {
			padding: 10px 12px; /* tighter padding for compact rows */
			border: 2px solid rgba(196, 120, 28, 0.2);
			border-radius: 10px;
			font-size: 15px;
			font-family: 'Poppins', sans-serif;
			background: #ffffff;
			color: #1f140a; /* darker text for high contrast */
			transition: all 0.18s ease;
			height: 36px; /* reduced height */
			min-height: 36px;
		}

		.form-input::placeholder {
			color: rgba(31, 20, 10, 0.44);
			opacity: 1; /* ensure placeholder is visible across browsers */
		}

        .form-input:focus, .form-select:focus {
            outline: none;
            border-color: #c4781c;
            box-shadow: 0 0 0 3px rgba(196, 120, 28, 0.1);
            background: linear-gradient(135deg, #fffaf4 0%, #ffffff 100%);
        }

        .form-row {
            display: flex;
            gap: 20px;
            margin-bottom: 0;
        }

        .form-row .form-group {
            flex: 1;
            margin-bottom: 20px;
        }

        .form-row .form-group:last-child {
            margin-bottom: 20px;
        }

		.submit-booking {
			background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%);
			color: #ffffff;
			border: none;
			padding: 10px 22px; /* slightly smaller button for compact layout */
			border-radius: 36px;
			font-size: 14px;
			font-weight: 700;
			cursor: pointer;
			margin-top: 10px;
			transition: all 0.16s ease;
			box-shadow: 0 8px 16px rgba(196, 120, 28, 0.20);
			text-transform: uppercase;
			letter-spacing: 1px;
		}

        .submit-booking:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 30px rgba(196, 120, 28, 0.35);
        }

        .submit-booking:active {
            transform: translateY(-1px);
        }

        .submit-booking:disabled {
            opacity: 0.7;
            cursor: not-allowed;
        }

        /* Modal Responsive */
        @media (max-width: 768px) {
            .booking-modal {
                width: 95%;
                max-width: calc(100% - 20px);
                border-radius: 20px;
            }

            .modal-header {
                padding: 25px 25px;
            }

            .modal-title {
                font-size: 22px;
            }

            .close-modal {
                width: 36px;
                height: 36px;
                font-size: 20px;
            }

            .selected-package-info {
                padding: 18px 25px;
            }

            .booking-form {
                padding: 25px;
            }

            .form-row {
                flex-direction: column;
                gap: 0;
            }

            .form-row .form-group {
                flex: 1;
            }

            .submit-booking {
                width: 100%;
                padding: 14px 24px;
                font-size: 15px;
            }
        }

        @media (max-width: 480px) {
            .modal-overlay {
                align-items: flex-end;
            }

            .booking-modal {
                width: 100%;
                max-width: 100%;
                border-radius: 25px 25px 0 0;
                transform: translateY(100px) scale(0.95);
            }

            .modal-overlay.active .booking-modal {
                transform: translateY(0) scale(1);
            }

            .modal-header {
                padding: 20px 20px;
            }

            .modal-title {
                font-size: 18px;
            }

            .selected-package-info {
                padding: 15px 20px;
            }

            .selected-package-info h3 {
                font-size: 16px;
            }

            .selected-package-info p {
                font-size: 14px;
            }

            .booking-form {
                padding: 20px;
            }

            .form-label {
                font-size: 12px;
            }

			.form-input, .form-select {
				padding: 10px 12px;
				font-size: 14px;
			}
        }

        .contact-info {
            text-align: center;
            margin-top: 40px;
            padding-top: 30px;
            border-top: 1px solid #ddd;
        }

        .contact-info h3 {
            color: var(--dark-text);
            margin-bottom: 15px;
        }

        .contact-info p {
            color: var(--light-text);
            margin-bottom: 5px;
        }

        @media (max-width: 768px) {
            .beauty-title {
                font-size: 2em;
            }
            
            .beauty-package {
                padding: 20px;
            }
            
            .package-header-section {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .package-price-tag {
                margin-top: 10px;
            }
            
            .form-row {
                flex-direction: column;
                gap: 0;
            }
        }

		.container-ser {
			max-width: 1300px;
			margin: 0 auto;
			padding: 60px 24px;
			background: linear-gradient(180deg, #fff8f1 0%, #fffdfb 100%); /* warm cream background */
			border-radius: 14px;
			box-shadow: 0 10px 30px rgba(31,20,10,0.04);
		}

		.header-ser {
			text-align: center;
			margin-bottom: 48px;
			animation: fadeInDown 0.8s ease;
		}

		.header-ser h1 {
			color: #2d1c0f; /* deep chocolate heading */
			font-size: 3rem;
			margin-bottom: 12px;
			letter-spacing: 0.6px;
		}

		.header-ser p {
			color: #6b4f3a; /* warm muted text */
			font-size: 1.05rem;
			max-width: 700px;
			margin: 0 auto;
			line-height: 1.6;
		}

        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 35px;
            margin-bottom: 60px;
        }

		.service-card {
			background: #ffffff;
			border-radius: 20px;
			padding: 0;
			border: 1px solid rgba(45,28,15,0.04);
			box-shadow: 0 12px 32px rgba(31,20,10,0.06);
			transition: all 0.36s cubic-bezier(.2,.8,.2,1);
			animation: fadeInUp 0.6s ease;
			animation-fill-mode: both;
			overflow: hidden;
			display: flex;
			flex-direction: column;
		}

        .service-card:nth-child(1) { animation-delay: 0.1s; }
        .service-card:nth-child(2) { animation-delay: 0.2s; }
        .service-card:nth-child(3) { animation-delay: 0.3s; }
        .service-card:nth-child(4) { animation-delay: 0.4s; }
        .service-card:nth-child(5) { animation-delay: 0.5s; }
        .service-card:nth-child(6) { animation-delay: 0.6s; }

        .service-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px rgba(0,0,0,0.3);
        }

		.service-image-container-ser {
			position: relative; /* allow absolute badge placement */
			height: 200px;
			overflow: hidden;
		}

        .service-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

		/* Luxury badge shown on premium/service images */
		.luxury-badge {
			position: absolute;
			left: 14px;
			top: 14px;
			background: linear-gradient(90deg, #f1c97a 0%, #da9c34 100%);
			color: #1b1209;
			padding: 6px 12px;
			border-radius: 999px;
			font-size: 13px;
			font-weight: 700;
			letter-spacing: 0.4px;
			box-shadow: 0 8px 20px rgba(218,156,52,0.18);
			z-index: 20;
			text-transform: uppercase;
		}

		@media (max-width: 576px) {
			.luxury-badge {
				left: 10px;
				top: 10px;
				padding: 5px 10px;
				font-size: 12px;
			}
		}

        .service-card:hover .service-image {
            transform: scale(1.08);
        }

        .service-content {
            padding: 30px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .service-header-ser {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 15px;
        }

		.service-icon {
			width: 64px;
			height: 64px;
			background: linear-gradient(135deg, #c4781c 0%, #f1a54b 100%); /* warm gold */
			border-radius: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.8rem;
			color: #fff;
			transition: transform 0.45s ease, box-shadow 0.3s ease;
			box-shadow: 0 6px 18px rgba(196,120,28,0.12);
		}

        .service-card:hover .service-icon {
            transform: rotate(360deg) scale(1.1);
        }

		.badge {
			display: inline-block;
			background: linear-gradient(135deg, #f6d29a 0%, #f1a54b 100%); /* soft amber */
			color: #4a2b11;
			padding: 6px 16px;
			border-radius: 18px;
			font-size: 0.85rem;
			font-weight: 700;
			letter-spacing: 0.4px;
			box-shadow: 0 6px 18px rgba(241,165,75,0.12);
		}

		.service-title {
			font-size: 1.6rem;
			color: #2d1c0f;
			margin-bottom: 18px;
			font-weight: 800;
			letter-spacing: 0.3px;
		}

        .service-list {
            list-style: none;
            margin-bottom: 30px;
            flex-grow: 1;
        }

        .service-item {
            padding: 14px 0;
            border-bottom: 1px solid #f0f0f0;
            color: #555;
            font-size: 1.05rem;
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            padding-left: 25px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .service-item:last-child {
            border-bottom: none;
        }

        .service-item:before {
            content: "✂";
            position: absolute;
            left: 0;
            opacity: 0;
            transition: all 0.3s ease;
        }

		.service-item:hover {
			color: #c4781c; /* accent on hover */
			padding-left: 32px;
			font-weight: 600;
		}

        .service-item:hover:before {
            opacity: 1;
        }

		.service-price {
			color: #c4781c;
			font-weight: 700;
			font-size: 0.95rem;
			background: rgba(196, 120, 28, 0.08);
			padding: 6px 12px;
			border-radius: 10px;
		}

        .card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: auto;
            padding-top: 25px;
            border-top: 1px solid #f0f0f0;
        }

        .action-buttons {
            display: flex;
            gap: 15px;
        }

        .action-btn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: white;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            border: none;
        }

        .action-btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.2);
        }

        .call-btn {
            background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
        }

        .whatsapp-btn {
            background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
        }

        .booking-btn {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            padding: 14px 28px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
            letter-spacing: 0.5px;
        }

        .booking-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.6);
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .floating-contact {
            position: fixed;
            bottom: 30px;
            right: 30px;
            z-index: 100;
        }

        .floating-btn {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: white;
            cursor: pointer;
            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5);
            animation: pulse 2s infinite;
            transition: all 0.3s ease;
        }

        .floating-btn:hover {
            animation: none;
            transform: scale(1.1);
        }

        @media (max-width: 992px) {
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .header-ser h1 {
                font-size: 2.5rem;
            }

            .header-ser p {
                font-size: 1.1rem;
            }

            .services-grid {
                grid-template-columns: 1fr;
                gap: 25px;
            }

            .service-content {
                padding: 25px;
            }

            .service-title {
                font-size: 1.7rem;
            }

            .card-footer {
                flex-direction: column;
                gap: 20px;
                align-items: stretch;
            }

            .action-buttons {
                justify-content: center;
            }
        }

/* ===== Theme override: enforce reef color (#da9c34f0) ===== */
:root{
	--reef: #da9c34f0;
	--reef-rgb: 218,156,52;
}

/* Apply reef color to common accent elements (non-destructive overrides) */
.top-bar,
.hero-explore-btn,
.about-readmore,
.service-more,
.booking-submit,
.overlay-cta,
.booking-success h4,
.service-price .price-female,
.service-slider .slick-dots li.slick-active button,
.testimonial-main-container .slick-dots li.slick-active button,
.blog-btn,
.blog-post__content-list li:before,
.filter ul li a.active,
.filter ul li a:hover,
.service-card h6,
.service-link-card i,
.nav-book-btn,
.nav-book-btn:hover,
.mobile-book-btn,
.about-readmore:hover {
	background: var(--reef) !important;
	color: #fff !important;
	border-color: var(--reef) !important;
	box-shadow: 0 10px 30px rgba(var(--reef-rgb),0.18) !important;
}

/* Replace standalone color uses like color / border-left where appropriate */
.service-price .price-female,
.blog-post__content-list li:before,
.comments-reply .comments-box,
.reply-box .booking-success h4 {
	color: var(--reef) !important;
}

/* Gradients: where gradients are used with the amber tone, prefer reef for the primary stop */
.hero-explore-btn, .about-readmore, .service-more, .booking-submit {
	background-image: linear-gradient(90deg, var(--reef), #c9862a) !important;
}

/* Ensure inputs/focus that used reef use rgba from reef rgb */
.booking-form .form-control:focus { box-shadow: 0 0 0 2px rgba(var(--reef-rgb),0.10) !important; border-color: var(--reef) !important; }

/* End overrides */