* {

	& h1,
	& h2,
	& h3,
	& h4,
	& h5,
	& .lux-title {
		font-family: Arapey, serif;
	}

	& p,
	& body {
		font-family: Inter, sans-serif;
	}

	& p {
		font-family: Poppins, sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 1.8;
		letter-spacing: 0.2px;
		margin-bottom: 18px;
	}
}

.mt-4.center-btn a:hover {
	background: rgb(40, 36, 36) !important;
	color: white !important;
}

.footer-aa a {
	color: white !important;
	text-decoration: none !important;
}

.glass a {
	color: rgb(0, 0, 0);
	text-decoration: none;
}



.co-i a i {
	color: white;
}

:root {
	--top-bg: #222;
	--top-color: #fff;
	--icon-color: #222;
}

body {
	margin: 0px;
	font-family: system-ui, Arial, sans-serif;
}

.top-bar {
	background: var(--top-bg);
	color: var(--top-color);
	font-size: 14px;
	padding: 6px 0px;
	text-align: center;
}

.bg-primary {
	padding: 4px !important;
}

.offcanvas-body nav a {
	color: rgb(0, 0, 0);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

button.btn.btn-link.p-0 {
	color: rgb(0, 0, 0) !important;
}

.d-flex.align-items-center a {
	color: rgb(0, 0, 0) !important;
}

.card-body {
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.logo-img {
	height: 56px;
	object-fit: contain;
}

.desktop-header {
	background: rgb(255, 255, 255);
	display: block !important;
}

.desktop-header .header-row {
	padding: 18px 0px;
	align-items: center;
}

.nav-main {
	border-top: 1px solid rgb(238, 238, 238);
}

.nav-main .nav-link {
	color: var(--icon-color);
	padding: 10px 14px;
	font-size: 15px;
	font-weight: 600;
}

.icon-btn {
	color: var(--icon-color);
	font-size: 20px;
	margin-left: 16px;
}

.mobile-header {
	padding: 10px 14px;
	align-items: center;
	justify-content: space-between;
	background: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(238, 238, 238);
	display: none !important;
}

.mobile-header .logo-img {
	height: 40px;
}

.offcanvas {
	width: 280px;
}

@media (min-width: 768px) {
	.mobile-header {
		display: none !important;
	}

	.desktop-header {
		display: block !important;
	}
	h4.heading-main-top {
    font-size: 15px !importanti;
}
}

@media (max-width: 767.98px) {
	.mobile-header {
		display: flex !important;
	}

	.desktop-header {
		display: none !important;
	}

	.nav-main {
		display: none !important;
	}
}

.badge-cart {
	font-size: 11px;
	position: absolute;
	top: -6px;
	right: -8px;
}

section.intro-section {
	padding: 50px 0px;
}

.dropdown a:hover {
	background: black !important;
	color: white !important;
}

.simple-hero {
	overflow: hidden;
	box-shadow: rgba(4, 10, 20, 0.16) 0px 28px 60px;
}

.fade-swiper .swiper {
	height: 72vh;
	min-height: 340px;
	max-height: 920px;
	position: relative;
	background: rgb(0, 0, 0);
}

.slide-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.05);
	transition: transform 8s;
	will-change: transform;
}

.swiper-slide-active .slide-img {
	transform: scale(1.01);
}

.overlay {
	position: absolute;
	inset: 0px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.35) 48%, rgba(0, 0, 0, 0.55) 100%);
	z-index: 2;
	pointer-events: none;
}

.hero-box {
	position: absolute;
	right: 6%;
	bottom: 12%;
	z-index: 4;
	text-align: right;
	color: rgb(255, 255, 255);
	max-width: 48%;
	text-shadow: rgba(0, 0, 0, 0.55) 0px 10px 30px;
	transform: translateY(12px);
	opacity: 0;
}

.swiper-slide-active .hero-box {
	transform: translateY(0px);
	opacity: 1;
	transition: 640ms cubic-bezier(0.2, 0.9, 0.3, 1);
}

.script {
	font-family: "Great Vibes", cursive;
	color: rgb(216, 43, 43);
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: 8px;
	letter-spacing: 0.5px;
}

.hero-title {
	font-family: "Playfair Display", serif;
	font-weight: 700;
	font-size: clamp(28px, 4.4vw, 52px);
	line-height: 1.04;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.fade-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.55);
	opacity: 1;
}

.fade-swiper .swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
	transform: scale(1.08);
}

@media (max-width: 992px) {
	.hero-box {
		max-width: 72%;
		right: 5%;
		bottom: 8%;
	}

	.script {
		font-size: 1.8rem;
	}
}

@media (max-width: 576px) {
	.fade-swiper .swiper {
		height: 48vh;
	}

	.hero-box {
		max-width: 86%;
		right: 4%;
		bottom: 6%;
	}

	.hero-title {
		font-size: clamp(18px, 6.6vw, 28px);
	}

	.script {
		font-size: 1.6rem;
	}
}

.masonry {
	column-count: 3;
	column-gap: 1.5rem;
}

.masonry-item {
	break-inside: avoid;
	margin-bottom: 1.5rem;
}

.masonry-item img {
	width: 100%;
	border-radius: 6px;
}

.text-block {
	text-align: center;
	padding: 30px 20px;
	background: rgb(255, 255, 255);
}

.text-block h3 {
	margin-bottom: 10px;
}

.text-block p {
	font-size: 16px;
	line-height: 1.6;
	color: rgb(68, 68, 68);
}

@media (max-width: 992px) {
	.masonry {
		column-count: 2;
	}
}

@media (max-width: 576px) {
	.masonry {
		column-count: 1;
	}
}

.main-top-h {
	text-align: center;
}

h2.heading-main-top {
	font-size: 65px;
}

a.btn.btn-dark.btn-lg.ins {
	background: rgba(255, 255, 255, 0);
	color: white;
	border: 1px solid;
}

.dropdown a {
	font-size: 14px;
}

.newsletter-card {
	display: flex;
	flex-direction: row;
	min-height: 340px;
	background: url("../img/elephant-eye.jpg") right center / cover no-repeat rgb(255, 255, 255);
	border-radius: 18px;
}

.newsletter-card .image-side {
	flex: 1 1 0%;
}

.content-box {
	width: 50%;
}

@media (max-width: 768px) {
	.newsletter-card {
		flex-direction: column;
	}

	section.hero {
		padding: 35px 0px !important;
	}

	.content-box {
		width: 100%;
	}
}

.object-cover {
	object-fit: cover;
}

.card {
	transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
	transform: translateY(-6px);
	box-shadow: rgba(6, 10, 20, 0.12) 0px 18px 50px;
}

.rounded-top-3 {
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	overflow: hidden;
}

@media (min-width: 992px) {
	.display-6 {
		font-size: 2rem;
	}
}

.why-choose-us {
	background: rgb(255, 255, 255);
	position: relative;
	padding-top: 56px;
	padding-bottom: 56px;
}

.heading-badge {
	display: inline-block;
	font-size: 0.85rem;
	color: rgb(31, 41, 55);
	padding-left: 8px;
	border-left: 4px solid rgb(220, 53, 69);
	margin-bottom: 8px;
	position: relative;
	z-index: 2;
}

.heading-main {
	font-size: 32px;
	margin: 0px;
	font-weight: 400;
	z-index: 2;
	position: relative;
}

.text-accent {
	color: rgb(120, 0, 0);
}

.feature {
	padding: 18px 12px;
}

.feature-icon {
	width: 72px;
	height: 72px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: rgb(31, 41, 55);
	background: linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.02));
	margin: 0px auto 8px;
}

.feature h5 {
	font-size: 1rem;
	margin-bottom: 6px;
}

.feature p {
	margin: 0px;
	color: rgb(107, 114, 128);
}

@media (max-width: 992px) {
	.heading-wrap {
		padding: 20px;
		margin-bottom: 22px;
	}

	.heading-main {
		font-size: 28px;
	}

	.feature-icon {
		width: 64px;
		height: 64px;
		font-size: 24px;
	}
}

@media (max-width: 576px) {
	.heading-wrap {
		padding: 16px;
	}

	.heading-main {
		font-size: 22px;
	}

	.feature {
		padding: 14px 8px;
	}
}

section.shipping-banner.pb-5 ul {
	padding: 0px;
}

.footer-section {
	background: rgb(17, 17, 17);
	color: rgb(255, 255, 255);
	font-family: Inter, sans-serif;
}

.footer-links li a {
	color: rgb(204, 204, 204);
	text-decoration: none;
	transition: 0.3s;
	font-size: 0.95rem;
}

.footer-links li a:hover {
	color: rgb(155, 184, 91);
}

.social-link {
	width: 38px;
	height: 38px;
	background: rgb(34, 34, 34);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(238, 238, 238);
	font-size: 18px;
	transition: 0.3s;
}

.social-link:hover {
	background: rgb(155, 184, 91);
	color: rgb(17, 17, 17);
}

.footer-section hr {
	border-color: rgba(255, 255, 255, 0.15);
}

.intro-section {
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

.small-kicker {
	margin: 0px;
	color: rgb(55, 65, 81);
	font-weight: 600;
}

.intro-name {
	font-family: "Playfair Display", serif;
	font-size: clamp(34px, 5.2vw, 56px);
	margin: 6px 0px;
	font-weight: 700;
	letter-spacing: 0.4px;
}

.underline {
	width: 70%;
	height: 4px;
	background: rgb(17, 17, 17);
	margin: 10px 0px 18px;
	border-radius: 4px;
}

.intro-desc {
	color: rgb(107, 114, 128);
	max-width: 90%;
}

.hero-img {
	height: auto;
}

.hero-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.vertical-tag {
	position: absolute;
	right: -54px;
	top: 38%;
	background: rgb(245, 245, 245);
	padding: 12px 8px;
	border-radius: 6px;
	box-shadow: rgba(6, 10, 20, 0.06) 0px 8px 26px;
	transform: translateY(-50%);
}

.vertical-tag span {
	display: block;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	letter-spacing: 2px;
	color: rgb(75, 85, 99);
	font-weight: 600;
	font-size: 12px;
}

@media (max-width: 991px) {
	.vertical-tag {
		display: none;
	}

	.underline {
		width: 48%;
	}

	.intro-desc {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.intro-name {
		font-size: clamp(22px, 7vw, 36px);
	}

	.underline {
		margin-bottom: 12px;
	}

	.hero-img img {
		height: 240px;
		object-fit: cover;
	}
}

.shipping-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner-image img {
	width: 100%;
	height: 490px;
	object-fit: cover;
	display: block;
}

.banner-content {
	position: absolute;
	top: 55%;
	right: 5%;
	transform: translateY(-50%);
	color: white;
	max-width: 518px;
	background: rgba(137, 137, 137, 0.21);
	padding: 15px;
	border-radius: 10px;
}

.banner-content-a {
	position: absolute;
	top: 55%;
	right: 67%;
	transform: translateY(-50%);
	color: white;
	max-width: 420px;
	background: rgba(40, 39, 40, 0.39);
	padding: 32px;
	border-radius: 10px;
}

.banner-title {
	font-size: 2rem;
	font-weight: 600;
	font-family: "Playfair Display", serif;
}

.title-underline {
	width: 90px;
	height: 2px;
	background: rgba(255, 255, 255, 0.7);
	margin: 10px 0px 18px auto;
}

.banner-desc {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.6;
	font-family: Inter, sans-serif;
}



.mt-4.center-btn a:hover {
	background: rgb(40, 36, 36) !important;
	color: white !important;
}

.footer-aa a {
	color: white !important;
	text-decoration: none !important;
}

.glass a {
	color: rgb(0, 0, 0);
	text-decoration: none;
}

.co-i a i {
	color: white;
}

:root {
	--top-bg: #222;
	--top-color: #fff;
	--icon-color: #222;
}

body {
	margin: 0px;
	font-family: system-ui, Arial, sans-serif;
}

.top-bar {
	background: var(--top-bg);
	color: var(--top-color);
	font-size: 14px;
	padding: 6px 0px;
	text-align: center;
}

.bg-primary {
	padding: 4px !important;
}

.offcanvas-body nav a {
	color: rgb(0, 0, 0);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

button.btn.btn-link.p-0 {
	color: rgb(0, 0, 0) !important;
}

.d-flex.align-items-center a {
	color: rgb(0, 0, 0) !important;
}

.card-body {
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.logo-img {
	height: 56px;
	object-fit: contain;
}

.desktop-header {
	background: rgb(255, 255, 255);
	display: block !important;
}

.desktop-header .header-row {
	padding: 18px 0px;
	align-items: center;
}

.nav-main {
	border-top: 1px solid rgb(238, 238, 238);
}

.nav-main .nav-link {
	color: var(--icon-color);
	padding: 10px 14px;
	font-size: 15px;
	font-weight: 600;
}

.icon-btn {
	color: var(--icon-color);
	font-size: 20px;
	margin-left: 16px;
}

.mobile-header {
	padding: 10px 14px;
	align-items: center;
	justify-content: space-between;
	background: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(238, 238, 238);
	display: none !important;
}

.mobile-header .logo-img {
	height: 40px;
}

.offcanvas {
	width: 280px;
}

@media (min-width: 768px) {
	.mobile-header {
		display: none !important;
	}

	.desktop-header {
		display: block !important;
	}
}

@media (max-width: 767.98px) {
	.mobile-header {
		display: flex !important;
	}

	.desktop-header {
		display: none !important;
	}

	.nav-main {
		display: none !important;
	}
}

.badge-cart {
	font-size: 11px;
	position: absolute;
	top: -6px;
	right: -8px;
}

section.intro-section {
	padding: 50px 0px;
}

.dropdown a:hover {
	background: black !important;
	color: white !important;
}

.simple-hero {
	overflow: hidden;
	box-shadow: rgba(4, 10, 20, 0.16) 0px 28px 60px;
}

.fade-swiper .swiper {
	height: 72vh;
	min-height: 340px;
	max-height: 920px;
	position: relative;
	background: rgb(0, 0, 0);
}

.slide-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.05);
	transition: transform 8s;
	will-change: transform;
}

.swiper-slide-active .slide-img {
	transform: scale(1.01);
}

.overlay {
	position: absolute;
	inset: 0px;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.35) 48%, rgba(0, 0, 0, 0.55) 100%);
	z-index: 2;
	pointer-events: none;
}

.hero-box {
	position: absolute;
	right: 6%;
	bottom: 12%;
	z-index: 4;
	text-align: right;
	color: rgb(255, 255, 255);
	max-width: 48%;
	text-shadow: rgba(0, 0, 0, 0.55) 0px 10px 30px;
	transform: translateY(12px);
	opacity: 0;
}

.swiper-slide-active .hero-box {
	transform: translateY(0px);
	opacity: 1;
	transition: 640ms cubic-bezier(0.2, 0.9, 0.3, 1);
}

.script {
	font-family: "Great Vibes", cursive;
	color: rgb(216, 43, 43);
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: 8px;
	letter-spacing: 0.5px;
}

.hero-title {
	font-family: "Playfair Display", serif;
	font-weight: 700;
	font-size: clamp(28px, 4.4vw, 52px);
	line-height: 1.04;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;



	& .mt-4.center-btn a:hover {
		background: rgb(40, 36, 36) !important;
		color: white !important;
	}

	& .footer-aa a {
		color: white !important;
		text-decoration: none !important;
	}

	& .glass a {
		color: rgb(0, 0, 0);
		text-decoration: none;
	}

	& .co-i a i {
		color: white;
	}

	& :root {
		--top-bg: #222;
		--top-color: #fff;
		--icon-color: #222;
	}

	& body {
		margin: 0px;
		font-family: system-ui, Arial, sans-serif;
	}

	& .top-bar {
		background: var(--top-bg);
		color: var(--top-color);
		font-size: 14px;
		padding: 6px 0px;
		text-align: center;
	}

	& .bg-primary {
		padding: 4px !important;
	}

	& .offcanvas-body nav a {
		color: rgb(0, 0, 0);
		font-size: 17px;
		font-weight: 700;
		text-decoration: none;
	}

	& button.btn.btn-link.p-0 {
		color: rgb(0, 0, 0) !important;
	}

	& .d-flex.align-items-center a {
		color: rgb(0, 0, 0) !important;
	}

	& .card-body {
		box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	}

	& .logo-img {
		height: 56px;
		object-fit: contain;
	}

	& .desktop-header {
		background: rgb(255, 255, 255);
		display: block !important;
	}

	& .desktop-header .header-row {
		padding: 18px 0px;
		align-items: center;
	}

	& .nav-main {
		border-top: 1px solid rgb(238, 238, 238);
	}

	& .nav-main .nav-link {
		color: var(--icon-color);
		padding: 10px 14px;
		font-size: 15px;
		font-weight: 600;
	}

	& .icon-btn {
		color: var(--icon-color);
		font-size: 20px;
		margin-left: 16px;
	}

	& .mobile-header {
		padding: 10px 14px;
		align-items: center;
		justify-content: space-between;
		background: rgb(255, 255, 255);
		border-bottom: 1px solid rgb(238, 238, 238);
		display: none !important;
	}

	& .mobile-header .logo-img {
		height: 40px;
	}

	& .offcanvas {
		width: 280px;
	}

	@media (min-width: 768px) {
		& .mobile-header {
			display: none !important;
		}

		& .desktop-header {
			display: block !important;
		}
	}

	@media (max-width: 767.98px) {
		& .mobile-header {
			display: flex !important;
		}

		& .desktop-header {
			display: none !important;
		}

		& .nav-main {
			display: none !important;
		}
	}

	& .badge-cart {
		font-size: 11px;
		position: absolute;
		top: -6px;
		right: -8px;
	}

	& section.intro-section {
		padding: 50px 0px;
	}

	& .dropdown a:hover {
		background: black !important;
		color: white !important;
	}

	& .simple-hero {
		overflow: hidden;
		box-shadow: rgba(4, 10, 20, 0.16) 0px 28px 60px;
	}

	& .fade-swiper .swiper {
		height: 72vh;
		min-height: 340px;
		max-height: 920px;
		position: relative;
		background: rgb(0, 0, 0);
	}

	& .slide-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transform: scale(1.05);
		transition: transform 8s;
		will-change: transform;
	}

	& .swiper-slide-active .slide-img {
		transform: scale(1.01);
	}

	& .overlay {
		position: absolute;
		inset: 0px;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.35) 48%, rgba(0, 0, 0, 0.55) 100%);
		z-index: 2;
		pointer-events: none;
	}

	& .hero-box {
		position: absolute;
		right: 6%;
		bottom: 12%;
		z-index: 4;
		text-align: right;
		color: rgb(255, 255, 255);
		max-width: 48%;
		text-shadow: rgba(0, 0, 0, 0.55) 0px 10px 30px;
		transform: translateY(12px);
		opacity: 0;
	}

	& .swiper-slide-active .hero-box {
		transform: translateY(0px);
		opacity: 1;
		transition: 640ms cubic-bezier(0.2, 0.9, 0.3, 1);
	}

	& .script {
		font-family: "Great Vibes", cursive;
		color: rgb(216, 43, 43);
		font-size: 2.4rem;
		line-height: 1;
		margin-bottom: 8px;
		letter-spacing: 0.5px;
	}

	& .hero-title {
		font-family: "Playfair Display", serif;
		font-weight: 700;
		font-size: clamp(28px, 4.4vw, 52px);
		line-height: 1.04;
		margin: 0px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	& .fade-swiper .swiper-pagination-bullet {
		background: rgba(255, 255, 255, 0.55);
		opacity: 1;
	}

	& .fade-swiper .swiper-pagination-bullet-active {
		background: rgb(255, 255, 255);
		transform: scale(1.08);
	}

	@media (max-width: 992px) {
		& .hero-box {
			max-width: 72%;
			right: 5%;
			bottom: 8%;
		}

		& .script {
			font-size: 1.8rem;
		}
	}

	@media (max-width: 576px) {
		& .fade-swiper .swiper {
			height: 48vh;
		}

		& .hero-box {
			max-width: 86%;
			right: 4%;
			bottom: 6%;
		}

		& .hero-title {
			font-size: clamp(18px, 6.6vw, 28px);
		}

		& .script {
			font-size: 1.6rem;
		}
	}

	& .masonry {
		column-count: 3;
		column-gap: 1.5rem;
	}

	& .masonry-item {
		break-inside: avoid;
		margin-bottom: 1.5rem;
	}

	& .masonry-item img {
		width: 100%;
		border-radius: 6px;
	}

	& .text-block {
		text-align: center;
		padding: 30px 20px;
		background: rgb(255, 255, 255);
	}

	& .text-block h3 {
		margin-bottom: 10px;
	}

	& .text-block p {
		font-size: 16px;
		line-height: 1.6;
		color: rgb(68, 68, 68);
	}

	@media (max-width: 992px) {
		& .masonry {
			column-count: 2;
		}
	}

	@media (max-width: 576px) {
		& .masonry {
			column-count: 1;
		}
	}

	& .main-top-h {
		text-align: center;
	}

	& h2.heading-main-top {
		font-size: 65px;
	}

	& a.btn.btn-dark.btn-lg.ins {
		background: rgba(255, 255, 255, 0);
		color: white;
		border: 1px solid;
	}

	& .dropdown a {
		font-size: 14px;
	}

	& .newsletter-card {
		display: flex;
		flex-direction: row;
		min-height: 340px;
		background: url("../img/elephant-eye.jpg") right center / cover no-repeat rgb(255, 255, 255);
		border-radius: 18px;
	}

	& .newsletter-card .image-side {
		flex: 1 1 0%;
	}

	& .content-box {
		width: 50%;
	}

	@media (max-width: 768px) {
		& .newsletter-card {
			flex-direction: column;
		}

		& section.hero {
			padding: 35px 0px !important;
		}

		& .content-box {
			width: 100%;
		}
	}

	& .object-cover {
		object-fit: cover;
	}

	& .card {
		transition: transform 0.2s, box-shadow 0.2s;
	}

	& .card:hover {
		transform: translateY(-6px);
		box-shadow: rgba(6, 10, 20, 0.12) 0px 18px 50px;
	}

	& .rounded-top-3 {
		border-top-left-radius: 0.75rem;
		border-top-right-radius: 0.75rem;
		overflow: hidden;
	}

	@media (min-width: 992px) {
		& .display-6 {
			font-size: 2rem;
		}
	}

	& .why-choose-us {
		background: rgb(255, 255, 255);
		position: relative;
		padding-top: 56px;
		padding-bottom: 56px;
	}

	& .heading-badge {
		display: inline-block;
		font-size: 0.85rem;
		color: rgb(31, 41, 55);
		padding-left: 8px;
		border-left: 4px solid rgb(220, 53, 69);
		margin-bottom: 8px;
		position: relative;
		z-index: 2;
	}

	& .heading-main {
		font-size: 32px;
		margin: 0px;
		font-weight: 400;
		z-index: 2;
		position: relative;
	}

	& .text-accent {
		color: rgb(120, 0, 0);
	}

	& .feature {
		padding: 18px 12px;
	}

	& .feature-icon {
		width: 72px;
		height: 72px;
		border-radius: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 28px;
		color: rgb(31, 41, 55);
		background: linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.02));
		margin: 0px auto 8px;
	}

	& .feature h5 {
		font-size: 1rem;
		margin-bottom: 6px;
	}

	& .feature p {
		margin: 0px;
		color: rgb(107, 114, 128);
	}

	@media (max-width: 992px) {
		& .heading-wrap {
			padding: 20px;
			margin-bottom: 22px;
		}

		& .heading-main {
			font-size: 28px;
		}

		& .feature-icon {
			width: 64px;
			height: 64px;
			font-size: 24px;
		}
	}

	@media (max-width: 576px) {
		& .heading-wrap {
			padding: 16px;
		}

		& .heading-main {
			font-size: 22px;
		}

		& .feature {
			padding: 14px 8px;
		}
	}

	& section.shipping-banner.pb-5 ul {
		padding: 0px;
	}

	& .footer-section {
		background: rgb(17, 17, 17);
		color: rgb(255, 255, 255);
		font-family: Inter, sans-serif;
	}

	& .footer-links li a {
		color: rgb(204, 204, 204);
		text-decoration: none;
		transition: 0.3s;
		font-size: 0.95rem;
	}

	& .footer-links li a:hover {
		color: rgb(155, 184, 91);
	}

	& .social-link {
		width: 38px;
		height: 38px;
		background: rgb(34, 34, 34);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgb(238, 238, 238);
		font-size: 18px;
		transition: 0.3s;
	}

	& .social-link:hover {
		background: rgb(155, 184, 91);
		color: rgb(17, 17, 17);
	}

	& .footer-section hr {
		border-color: rgba(255, 255, 255, 0.15);
	}

	& .intro-section {
		font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
	}

	& .small-kicker {
		margin: 0px;
		color: rgb(55, 65, 81);
		font-weight: 600;
	}

	& .intro-name {
		font-family: "Playfair Display", serif;
		font-size: clamp(34px, 5.2vw, 56px);
		margin: 6px 0px;
		font-weight: 700;
		letter-spacing: 0.4px;
	}

	& .underline {
		width: 70%;
		height: 4px;
		background: rgb(17, 17, 17);
		margin: 10px 0px 18px;
		border-radius: 4px;
	}

	& .intro-desc {
		color: rgb(107, 114, 128);
		max-width: 90%;
	}

	& .hero-img {
		height: auto;
	}

	& .hero-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	& .vertical-tag {
		position: absolute;
		right: -54px;
		top: 38%;
		background: rgb(245, 245, 245);
		padding: 12px 8px;
		border-radius: 6px;
		box-shadow: rgba(6, 10, 20, 0.06) 0px 8px 26px;
		transform: translateY(-50%);
	}

	& .vertical-tag span {
		display: block;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		letter-spacing: 2px;
		color: rgb(75, 85, 99);
		font-weight: 600;
		font-size: 12px;
	}

	@media (max-width: 991px) {
		& .vertical-tag {
			display: none;
		}

		& .underline {
			width: 48%;
		}

		& .intro-desc {
			max-width: 100%;
		}
	}

	@media (max-width: 575px) {
		& .intro-name {
			font-size: clamp(22px, 7vw, 36px);
		}

		& .underline {
			margin-bottom: 12px;
		}

		& .hero-img img {
			height: 240px;
			object-fit: cover;
		}
	}

	& .shipping-banner {
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	& .banner-image img {
		width: 100%;
		height: 490px;
		object-fit: cover;
		display: block;
	}

	& .banner-content {
		position: absolute;
		top: 55%;
		right: 5%;
		transform: translateY(-50%);
		color: white;
		max-width: 518px;
		background: rgba(137, 137, 137, 0.21);
		padding: 15px;
		border-radius: 10px;
	}

	& .banner-content-a {
		position: absolute;
		top: 55%;
		right: 67%;
		transform: translateY(-50%);
		color: white;
		max-width: 420px;
		background: rgba(40, 39, 40, 0.39);
		padding: 32px;
		border-radius: 10px;
	}

	& .banner-title {
		font-size: 2rem;
		font-weight: 600;
		font-family: "Playfair Display", serif;
	}

	& .title-underline {
		width: 90px;
		height: 2px;
		background: rgba(255, 255, 255, 0.7);
		margin: 10px 0px 18px auto;
	}

	& .banner-desc {
		font-size: 1rem;
		font-weight: 300;
		line-height: 1.6;
		font-family: Inter, sans-serif;
	}



	& .mt-4.center-btn a:hover {
		background: rgb(40, 36, 36) !important;
		color: white !important;
	}

	& .footer-aa a {
		color: white !important;
		text-decoration: none !important;
	}

	& .glass a {
		color: rgb(0, 0, 0);
		text-decoration: none;
	}

	& .co-i a i {
		color: white;
	}

	& :root {
		--top-bg: #222;
		--top-color: #fff;
		--icon-color: #222;
	}

	& body {
		margin: 0px;
		font-family: system-ui, Arial, sans-serif;
	}

	& .top-bar {
		background: var(--top-bg);
		color: var(--top-color);
		font-size: 14px;
		padding: 6px 0px;
		text-align: center;
	}

	& .bg-primary {
		padding: 4px !important;
	}

	& .offcanvas-body nav a {
		color: rgb(0, 0, 0);
		font-size: 17px;
		font-weight: 700;
		text-decoration: none;
	}

	& button.btn.btn-link.p-0 {
		color: rgb(0, 0, 0) !important;
	}

	& .d-flex.align-items-center a {
		color: rgb(0, 0, 0) !important;
	}

	& .card-body {
		box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
	}

	& .logo-img {
		height: 56px;
		object-fit: contain;
	}

	& .desktop-header {
		background: rgb(255, 255, 255);
		display: block !important;
	}

	& .desktop-header .header-row {
		padding: 18px 0px;
		align-items: center;
	}

	& .nav-main {
		border-top: 1px solid rgb(238, 238, 238);
	}

	& .nav-main .nav-link {
		color: var(--icon-color);
		padding: 10px 14px;
		font-size: 15px;
		font-weight: 600;
	}

	& .icon-btn {
		color: var(--icon-color);
		font-size: 20px;
		margin-left: 16px;
	}

	& .mobile-header {
		padding: 10px 14px;
		align-items: center;
		justify-content: space-between;
		background: rgb(255, 255, 255);
		border-bottom: 1px solid rgb(238, 238, 238);
		display: none !important;
	}

	& .mobile-header .logo-img {
		height: 40px;
	}

	& .offcanvas {
		width: 280px;
	}

	@media (min-width: 768px) {
		& .mobile-header {
			display: none !important;
		}

		& .desktop-header {
			display: block !important;
		}
	}

	@media (max-width: 767.98px) {
		& .mobile-header {
			display: flex !important;
		}

		& .desktop-header {
			display: none !important;
		}

		& .nav-main {
			display: none !important;
		}
	}

	& .badge-cart {
		font-size: 11px;
		position: absolute;
		top: -6px;
		right: -8px;
	}

	& section.intro-section {
		padding: 50px 0px;
	}

	& .dropdown a:hover {
		background: black !important;
		color: white !important;
	}

	& .simple-hero {
		overflow: hidden;
		box-shadow: rgba(4, 10, 20, 0.16) 0px 28px 60px;
	}

	& .fade-swiper .swiper {
		height: 72vh;
		min-height: 340px;
		max-height: 920px;
		position: relative;
		background: rgb(0, 0, 0);
	}

	& .slide-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transform: scale(1.05);
		transition: transform 8s;
		will-change: transform;
	}

	& .swiper-slide-active .slide-img {
		transform: scale(1.01);
	}

	& .overlay {
		position: absolute;
		inset: 0px;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.35) 48%, rgba(0, 0, 0, 0.55) 100%);
		z-index: 2;
		pointer-events: none;
	}

	& .hero-box {
		position: absolute;
		right: 6%;
		bottom: 12%;
		z-index: 4;
		text-align: right;
		color: rgb(255, 255, 255);
		max-width: 48%;
		text-shadow: rgba(0, 0, 0, 0.55) 0px 10px 30px;
		transform: translateY(12px);
		opacity: 0;
	}

	& .swiper-slide-active .hero-box {
		transform: translateY(0px);
		opacity: 1;
		transition: 640ms cubic-bezier(0.2, 0.9, 0.3, 1);
	}

	& .script {
		font-family: "Great Vibes", cursive;
		color: rgb(216, 43, 43);
		font-size: 2.4rem;
		line-height: 1;
		margin-bottom: 8px;
		letter-spacing: 0.5px;
	}

	& .hero-title {
		font-family: "Playfair Display", serif;
		font-weight: 700;
		font-size: clamp(28px, 4.4vw, 52px);
		line-height: 1.04;
		margin: 0px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	& .fade-swiper .swiper-pagination-bullet {
		background: rgba(255, 255, 255, 0.55);
		opacity: 1;
	}

	& .fade-swiper .swiper-pagination-bullet-active {
		background: rgb(255, 255, 255);
		transform: scale(1.08);
	}

	@media (max-width: 992px) {
		& .hero-box {
			max-width: 72%;
			right: 5%;
			bottom: 8%;
		}

		& .script {
			font-size: 1.8rem;
		}
	}

	@media (max-width: 576px) {
		& .fade-swiper .swiper {
			height: 48vh;
		}

		& .hero-box {
			max-width: 86%;
			right: 4%;
			bottom: 6%;
		}

		& .hero-title {
			font-size: clamp(18px, 6.6vw, 28px);
		}

		& .script {
			font-size: 1.6rem;
		}
	}

	& .masonry {
		column-count: 3;
		column-gap: 1.5rem;
	}

	& .masonry-item {
		break-inside: avoid;
		margin-bottom: 1.5rem;
	}

	& .masonry-item img {
		width: 100%;
		border-radius: 6px;
	}

	& .text-block {
		text-align: center;
		padding: 30px 20px;
		background: rgb(255, 255, 255);
	}

	& .text-block h3 {
		margin-bottom: 10px;
	}

	& .text-block p {
		font-size: 16px;
		line-height: 1.6;
		color: rgb(68, 68, 68);
	}

	@media (max-width: 992px) {
		& .masonry {
			column-count: 2;
		}
	}

	@media (max-width: 576px) {
		& .masonry {
			column-count: 1;
		}
	}

	& .main-top-h {
		text-align: center;
	}

	& h2.heading-main-top {
		font-size: 65px;
	}

	& a.btn.btn-dark.btn-lg.ins {
		background: rgba(255, 255, 255, 0);
		color: white;
		border: 1px solid;
	}

	& .dropdown a {
		font-size: 14px;
	}

	& .newsletter-card {
		display: flex;
		flex-direction: row;
		min-height: 340px;
		background: url("../img/elephant-eye.jpg") right center / cover no-repeat rgb(255, 255, 255);
		border-radius: 18px;
	}

	& .newsletter-card .image-side {
		flex: 1 1 0%;
	}

	& .content-box {
		width: 50%;
	}

	@media (max-width: 768px) {
		& .newsletter-card {
			flex-direction: column;
		}

		& section.hero {
			padding: 35px 0px !important;
		}

		& .content-box {
			width: 100%;
		}
	}

	& .object-cover {
		object-fit: cover;
	}

	& .card {
		transition: transform 0.2s, box-shadow 0.2s;
	}

	& .card:hover {
		transform: translateY(-6px);
		box-shadow: rgba(6, 10, 20, 0.12) 0px 18px 50px;
	}

	& .rounded-top-3 {
		border-top-left-radius: 0.75rem;
		border-top-right-radius: 0.75rem;
		overflow: hidden;
	}

	@media (min-width: 992px) {
		& .display-6 {
			font-size: 2rem;
		}
	}

	& .why-choose-us {
		background: rgb(255, 255, 255);
		position: relative;
		padding-top: 56px;
		padding-bottom: 56px;
	}

	& .heading-badge {
		display: inline-block;
		font-size: 0.85rem;
		color: rgb(31, 41, 55);
		padding-left: 8px;
		border-left: 4px solid rgb(220, 53, 69);
		margin-bottom: 8px;
		position: relative;
		z-index: 2;
	}

	& .heading-main {
		font-size: 32px;
		margin: 0px;
		font-weight: 400;
		z-index: 2;
		position: relative;
	}

	& .text-accent {
		color: rgb(120, 0, 0);
	}

	& .feature {
		padding: 18px 12px;
	}

	& .feature-icon {
		width: 72px;
		height: 72px;
		border-radius: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 28px;
		color: rgb(31, 41, 55);
		background: linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.02));
		margin: 0px auto 8px;
	}

	& .feature h5 {
		font-size: 1rem;
		margin-bottom: 6px;
	}

	& .feature p {
		margin: 0px;
		color: rgb(107, 114, 128);
	}

	@media (max-width: 992px) {
		& .heading-wrap {
			padding: 20px;
			margin-bottom: 22px;
		}

		& .heading-main {
			font-size: 28px;
		}

		& .feature-icon {
			width: 64px;
			height: 64px;
			font-size: 24px;
		}
	}

	@media (max-width: 576px) {
		& .heading-wrap {
			padding: 16px;
		}

		& .heading-main {
			font-size: 22px;
		}

		& .feature {
			padding: 14px 8px;
		}
	}

	& section.shipping-banner.pb-5 ul {
		padding: 0px;
	}

	& .footer-section {
		background: rgb(17, 17, 17);
		color: rgb(255, 255, 255);
		font-family: Inter, sans-serif;
	}

	& .footer-links li a {
		color: rgb(204, 204, 204);
		text-decoration: none;
		transition: 0.3s;
		font-size: 0.95rem;
	}

	& .footer-links li a:hover {
		color: rgb(155, 184, 91);
	}

	& .social-link {
		width: 38px;
		height: 38px;
		background: rgb(34, 34, 34);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgb(238, 238, 238);
		font-size: 18px;
		transition: 0.3s;
	}

	& .social-link:hover {
		background: rgb(155, 184, 91);
		color: rgb(17, 17, 17);
	}

	& .footer-section hr {
		border-color: rgba(255, 255, 255, 0.15);
	}

	& .intro-section {
		font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
	}

	& .small-kicker {
		margin: 0px;
		color: rgb(55, 65, 81);
		font-weight: 600;
	}

	& .intro-name {
		font-family: "Playfair Display", serif;
		font-size: clamp(34px, 5.2vw, 56px);
		margin: 6px 0px;
		font-weight: 700;
		letter-spacing: 0.4px;
	}

	& .underline {
		width: 70%;
		height: 4px;
		background: rgb(17, 17, 17);
		margin: 10px 0px 18px;
		border-radius: 4px;
	}

	& .intro-desc {
		color: rgb(107, 114, 128);
		max-width: 90%;
	}

	& .hero-img {
		height: auto;
	}

	& .hero-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	& .vertical-tag {
		position: absolute;
		right: -54px;
		top: 38%;
		background: rgb(245, 245, 245);
		padding: 12px 8px;
		border-radius: 6px;
		box-shadow: rgba(6, 10, 20, 0.06) 0px 8px 26px;
		transform: translateY(-50%);
	}

	& .vertical-tag span {
		display: block;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		letter-spacing: 2px;
		color: rgb(75, 85, 99);
		font-weight: 600;
		font-size: 12px;
	}

	@media (max-width: 991px) {
		& .vertical-tag {
			display: none;
		}

		& .underline {
			width: 48%;
		}

		& .intro-desc {
			max-width: 100%;
		}
	}

	@media (max-width: 575px) {
		& .intro-name {
			font-size: clamp(22px, 7vw, 36px);
		}

		& .underline {
			margin-bottom: 12px;
		}

		& .hero-img img {
			height: 240px;
			object-fit: cover;
		}
	}

	& .shipping-banner {
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	& .banner-image img {
		width: 100%;
		height: 490px;
		object-fit: cover;
		display: block;
	}

	& .banner-content {
		position: absolute;
		top: 55%;
		right: 5%;
		transform: translateY(-50%);
		color: white;
		max-width: 518px;
		background: rgba(137, 137, 137, 0.21);
		padding: 15px;
		border-radius: 10px;
	}

	& .banner-content-a {
		position: absolute;
		top: 55%;
		right: 67%;
		transform: translateY(-50%);
		color: white;
		max-width: 420px;
		background: rgba(40, 39, 40, 0.39);
		padding: 32px;
		border-radius: 10px;
	}

	& .banner-title {
		font-size: 2rem;
		font-weight: 600;
		font-family: "Playfair Display", serif;
	}

	& .title-underline {
		width: 90px;
		height: 2px;
		background: rgba(255, 255, 255, 0.7);
		margin: 10px 0px 18px auto;
	}

	& .banner-desc {
		font-size: 1rem;
		font-weight: 300;
		line-height: 1.6;
		font-family: Inter, sans-serif;
	}

	@media (max-width: 768px) {
		& .banner-image img {
			height: 340px;
		}

		& .intro-head.mb-4 {
			text-align: center;
		}

		& p.intro-desc.text-muted {
			text-align: center;
		}

		& .mt-4.center-btn {
			text-align: center;
		}

		& .banner-content {
			right: 50%;
			transform: translate(50%, -50%);
			text-align: center !important;
		}

		& .banner-content {
			position: absolute;
			top: 50%;
			right: 36%;
		}

		& .title-underline {
			margin-left: auto;
			margin-right: unset;
		}

		& .banner-content-a {
			position: absolute;
			top: 65%;
			right: 0px;
			transform: translateY(-50%);
			max-width: 420px;
			background: rgba(34, 33, 34, 0.21);
			padding: 32px;
			border-radius: 10px;
		}

		& section.intro-section {
			padding: 12px 2px 60px;
		}

		& .intro-head.mb-4 {
			padding-top: 30px;
		}

		& section.intro-section {
			padding: 0px !important;
		}
	}

	& .min-vh-80 {
		min-height: 80vh;
	}

	& .contact-hero-section {
		position: relative;
		overflow: hidden;
	}

	& .contact-hero-section .bg-image {
		position: absolute;
		inset: 0px;
		background-image: url("../img/2.webp");
		background-size: cover;
		background-position: center center;
		filter: brightness(0.48);
		z-index: 0;
	}

	& .contact-hero-section::after {
		content: "";
		position: absolute;
		inset: 0px;
		background: linear-gradient(90deg, rgba(6, 8, 10, 0.45) 0%, rgba(6, 8, 10, 0.25) 45%, rgba(6, 8, 10, 0.05) 100%);
		z-index: 1;
	}

	& .contact-hero-section .container,
	& .contact-hero-section .row,
	& .contact-hero-section .col-lg-7,
	& .contact-hero-section .col-lg-5 {
		position: relative;
		z-index: 2;
	}

	& .hero-title {
		font-family: "Playfair Display", serif;
		font-size: clamp(28px, 4.6vw, 44px);
		line-height: 1.05;
		margin-bottom: 18px;
		font-weight: 700;
		color: rgb(255, 255, 255);
	}

	& .hero-title .accent {
		color: rgb(155, 184, 91);
	}

	& .hero-copy {
		max-width: 72%;
		color: rgba(255, 255, 255, 0.92);
	}

	& .btn-ghost {
		background: transparent;
		border: 2px solid rgba(255, 255, 255, 0.12);
		color: rgb(255, 255, 255);
		padding: 10px 18px;
		border-radius: 8px;
	}

	& .btn-primary {
		background: rgba(255, 255, 255, 0.95);
		color: rgb(17, 17, 17);
		padding: 10px 18px;
		border-radius: 8px;
		border: 0px;
	}

	& .btn-success {
		background: rgb(155, 184, 91);
		border: 0px;
		padding: 8px 16px;
	}

	& .enquiry-card {
		box-shadow: rgba(6, 10, 20, 0.28) 0px 18px 48px;
	}

	& .enquiry-card h4 {
		margin-bottom: 12px;
		font-weight: 700;
	}

	@media (max-width: 991px) {
		& .hero-copy {
			max-width: 100%;
		}

		& .contact-hero-section .row {
			gap: 1.5rem;
		}

		& .enquiry-card {
			margin-top: 12px;
		}
	}

	@media (max-width: 575px) {
		& .hero-title {
			font-size: 26px;
		}

		& .enquiry-card {
			padding: 1rem;
		}
	}

	& .masonry {
		column-count: 3;
		column-gap: 1rem;
	}

	& .masonry-item {
		break-inside: avoid;
		margin-bottom: 1rem;
		border-radius: 10px;
		overflow: hidden;
		background: rgb(246, 246, 246);
	}

	& .masonry-item img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
		transition: transform 0.45s, filter 0.35s;
	}

	& .masonry-item:hover img {
		transform: scale(1.04);
		filter: contrast(1.03) saturate(1.05);
	}

	@media (max-width: 1200px) {
		& .masonry {
			column-count: 3;
			column-gap: 16px;
		}
	}

	@media (max-width: 900px) {
		& .masonry {
			column-count: 2;
			column-gap: 12px;
		}
	}

	& a.btn.btn-dark.btn-lg {
		font-size: 14px !important;
	}

	@media (max-width: 576px) {
		& .masonry {
			column-count: 1;
			column-gap: 0px;
		}

		& .masonry-item {
			margin-bottom: 1rem;
		}
	}

	& a.btn.btn-dark.btn-lg {
		background: white;
		color: black;
		border-radius: 0px !important;
	}

	& .modal .btn-close {
		filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 3px 6px);
	}

	& .hero-title.blockit {
		color: black;
	}

	& .hero-inner.container {
		text-align: center;
	}

	& section.hero {
		padding: 70px 0px 0px;
	}

	& .logo.footer img {
		width: 160px;
		background-color: white;
		padding: 6px;
		border-radius: 11px;
	}

	& section.luxury-shop {
		padding: 70px 0px;
	}

	& .luxury-shop {
		background: transparent;
	}

	& .lux-filters {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}

	& .lux-filter {
		background: rgb(255, 255, 255);
		border: 1px solid rgb(221, 221, 221);
		padding: 6px 16px;
		font-size: 13px;
		border-radius: 30px;
		cursor: pointer;
		transition: 0.3s;
	}

	& .lux-filter.active,
	& .lux-filter:hover {
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
		border-color: rgb(0, 0, 0);
	}

	& .lux-card {
		border-radius: 18px;
		border: 1px solid rgb(238, 238, 238);
		background: rgb(255, 255, 255);
		box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 12px;
		overflow: hidden;
	}

	& .lux-img-wrap {
		position: relative;
	}

	& .lux-img {
		width: 100%;
		display: block;
	}

	& .lux-ribbon {
		position: absolute;
		top: 16px;
		left: 16px;
		padding: 4px 12px;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 0.12em;
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
		border-radius: 999px;
	}

	& .lux-ribbon.accent {
		background: rgb(217, 72, 15);
	}

	& .wishlist-btn {
		position: absolute;
		top: 16px;
		right: 16px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		border: none;
		background: rgba(255, 255, 255, 0.95);
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	& .wishlist-btn .heart {
		font-size: 16px;
		color: rgb(153, 153, 153);
	}

	& .wishlist-btn.active {
		background: rgb(0, 0, 0);
	}

	& .wishlist-btn.active .heart {
		color: rgb(255, 255, 255);
	}

	& .lux-info {
		padding: 18px;
	}

	& .lux-info h3 {
		font-size: 17px;
		margin-bottom: 4px;
	}

	& .lux-info p {
		font-size: 12px;
		color: rgb(119, 119, 119);
		margin-bottom: 14px;
	}

	& .rating-stars {
		display: flex;
		align-items: center;
		gap: 2px;
		margin: 6px 0px;
	}

	& .rating-stars .star {
		font-size: 14px;
		color: rgb(221, 221, 221);
	}

	& .rating-stars .star.filled {
		color: rgb(242, 176, 30);
	}

	& .rating-stars .star.half {
		background: linear-gradient(90deg, rgb(242, 176, 30) 50%, rgb(221, 221, 221) 50%) text;
		color: transparent;
	}

	& .rating-stars small {
		font-size: 12px;
		color: rgb(85, 85, 85);
		margin-left: 4px;
	}

	& .lux-bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
	}

	& .lux-price {
		font-weight: 600;
		font-size: 16px;
	}

	& .lux-btn {
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
		padding: 6px 16px;
		border-radius: 30px;
		text-decoration: none;
		font-size: 13px;
		border: none;
		cursor: pointer;
		transition: 0.3s;
		white-space: nowrap;
	}

	& .lux-btn:hover {
		background: rgb(51, 51, 51);
		color: rgb(255, 255, 255);
	}

	& .lux-btn.outline {
		background: none;
		border: 1px solid rgb(0, 0, 0);
		color: rgb(0, 0, 0);
	}

	& .lux-btn.outline:hover {
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
	}

	& .quickview-backdrop {
		position: fixed;
		inset: 0px;
		background: rgba(0, 0, 0, 0.55);
		display: none;
		align-items: center;
		justify-content: center;
		z-index: 1050;
		padding: 20px;
	}

	& .quickview-backdrop.open {
		display: flex;
	}

	& .quickview-dialog {
		background: rgb(255, 255, 255);
		border-radius: 20px;
		padding: 24px 24px 20px;
		max-width: 860px;
		width: 100%;
		position: relative;
	}

	& .qv-price {
		font-weight: 600;
		font-size: 18px;
	}

	& .qv-close {
		position: absolute;
		top: 16px;
		right: 18px;
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 4px 14px;
		font-size: 13px;
		border-radius: 999px;
		border: 1px solid rgb(17, 17, 17);
		background: rgb(255, 255, 255);
		cursor: pointer;
	}

	& .qv-close .qv-x {
		font-size: 15px;
		line-height: 1;
	}

	& .qv-close:hover {
		background: rgb(17, 17, 17);
		color: rgb(255, 255, 255);
	}

	@media (max-width: 768px) {
		& .lux-card {
			margin-bottom: 20px;
		}

		& .lux-bottom {
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
		}

		& .lux-btn {
			width: 100%;
			text-align: center;
		}
	}

	@media (max-width: 576px) {
		& .lux-filter {
			padding: 6px 12px;
			font-size: 12px;
		}

		& .lux-card {
			border-radius: 14px;
		}
	}

	& .contact-wrap {
		padding: 60px 0px;
	}

	& .glass {
		background: rgba(255, 255, 255, 0.88);
		border-radius: 14px;
		padding: 26px;
		box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 40px;
	}

	& .form-floating>.form-control {
		height: calc(2px + 3.3rem);
		padding: 1.25rem 0.75rem 0.45rem;
	}

	& .form-floating>label {
		color: var(--muted);
	}

	& .cta-row {
		display: flex;
		gap: 12px;
	}

	@media (max-width: 767px) {
	   h4.heading-main-top.fin {
    font-size: 16px !importanti;
}

	 .cta-row {
			flex-direction: column;
		}

		 .cta-row .btn {
			width: 100%;
		}

		 .glass {
			padding: 18px;
		}

		.contact-wrap {
			transform: translateY(-18px);
		}
	
	}

	& .photo-gallery {
		background: rgb(255, 255, 255);
	}

	& .gallery-title {
		font-family: Arapey, serif;
		font-size: 32px;
		font-weight: 500;
		margin-bottom: 5px;
	}

	& .gallery-subtitle {
		font-size: 14px;
		color: rgb(119, 119, 119);
		letter-spacing: 0.5px;
	}

	& .gallery-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		gap: 16px;
	}

	& .gallery-item {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		cursor: pointer;
	}

	& .gallery-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.5s;
	}

	& .gallery-item:hover img {
		transform: scale(1.08);
	}

	& .gallery-item::after {
		content: "";
		position: absolute;
		inset: 0px;
		background: rgba(0, 0, 0, 0.3);
		opacity: 0;
		transition: 0.3s;
	}

	& .text-masonry {
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 1px;
	}

	& h4.heading-main-top {
		font-family: system-ui;
	}

	& .gallery-item:hover::after {
		opacity: 1;
	}

	& .gallery-item.wide {
		grid-column: span 2;
	}

	& .gallery-item.tall {
		grid-row: span 2;
	}

	@media (max-width: 768px) {

		& .gallery-item.wide,
		& .gallery-item.tall {
			grid-area: span 1 / span 1;
		}
	}

	@media (max-width: 768px) {
		& .banner-image img {
			height: 340px;
		}

		& .intro-head.mb-4 {
			text-align: center;
		}

		& p.intro-desc.text-muted {
			text-align: center;
		}

		& .mt-4.center-btn {
			text-align: center;
		}

		& .banner-content {
			right: 50%;
			transform: translate(50%, -50%);
			text-align: center !important;
		}

		& .banner-content {
			position: absolute;
			top: 50%;
			right: 36%;
		}

		& .title-underline {
			margin-left: auto;
			margin-right: unset;
		}

		& .banner-content-a {
			position: absolute;
			top: 65%;
			right: 0px;
			transform: translateY(-50%);
			max-width: 420px;
			background: rgba(34, 33, 34, 0.21);
			padding: 32px;
			border-radius: 10px;
		}

		& section.intro-section {
			padding: 12px 2px 60px;
		}

		& .intro-head.mb-4 {
			padding-top: 30px;
		}

		& section.intro-section {
			padding: 34px !important;
		}
	}

	& .min-vh-80 {
		min-height: 80vh;
	}

	& .contact-hero-section {
		position: relative;
		overflow: hidden;
	}

	& .contact-hero-section .bg-image {
		position: absolute;
		inset: 0px;
		background-image: url("../img/2.webp");
		background-size: cover;
		background-position: center center;
		filter: brightness(0.48);
		z-index: 0;
	}

	& .contact-hero-section::after {
		content: "";
		position: absolute;
		inset: 0px;
		background: linear-gradient(90deg, rgba(6, 8, 10, 0.45) 0%, rgba(6, 8, 10, 0.25) 45%, rgba(6, 8, 10, 0.05) 100%);
		z-index: 1;
	}

	& .contact-hero-section .container,
	& .contact-hero-section .row,
	& .contact-hero-section .col-lg-7,
	& .contact-hero-section .col-lg-5 {
		position: relative;
		z-index: 2;
	}

	& .hero-title {
		font-family: "Playfair Display", serif;
		font-size: clamp(28px, 4.6vw, 44px);
		line-height: 1.05;
		margin-bottom: 18px;
		font-weight: 700;
		color: rgb(255, 255, 255);
	}

	& .hero-title .accent {
		color: rgb(155, 184, 91);
	}

	& .hero-copy {
		max-width: 72%;
		color: rgba(255, 255, 255, 0.92);
	}

	& .btn-ghost {
		background: transparent;
		border: 2px solid rgba(255, 255, 255, 0.12);
		color: rgb(255, 255, 255);
		padding: 10px 18px;
		border-radius: 8px;
	}

	& .btn-primary {
		background: rgba(255, 255, 255, 0.95);
		color: rgb(17, 17, 17);
		padding: 10px 18px;
		border-radius: 8px;
		border: 0px;
	}

	& .btn-success {
		background: rgb(155, 184, 91);
		border: 0px;
		padding: 8px 16px;
	}

	& .enquiry-card {
		box-shadow: rgba(6, 10, 20, 0.28) 0px 18px 48px;
	}

	& .enquiry-card h4 {
		margin-bottom: 12px;
		font-weight: 700;
	}

	@media (max-width: 991px) {
		& .hero-copy {
			max-width: 100%;
		}

		& .contact-hero-section .row {
			gap: 1.5rem;
		}

		& .enquiry-card {
			margin-top: 12px;
		}
	}

	@media (max-width: 575px) {
		& .hero-title {
			font-size: 26px;
		}

		& .enquiry-card {
			padding: 1rem;
		}
	}

	& .masonry {
		column-count: 3;
		column-gap: 1rem;
	}

	& .masonry-item {
		break-inside: avoid;
		margin-bottom: 1rem;
		border-radius: 10px;
		overflow: hidden;
		background: rgb(246, 246, 246);
	}

	& .masonry-item img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
		transition: transform 0.45s, filter 0.35s;
	}

	& .masonry-item:hover img {
		transform: scale(1.04);
		filter: contrast(1.03) saturate(1.05);
	}

	@media (max-width: 1200px) {
		& .masonry {
			column-count: 3;
			column-gap: 16px;
		}
	}

	@media (max-width: 900px) {
		& .masonry {
			column-count: 2;
			column-gap: 12px;
		}
	}

	& a.btn.btn-dark.btn-lg {
		font-size: 14px !important;
	}

	@media (max-width: 576px) {
		& .masonry {
			column-count: 1;
			column-gap: 0px;
		}

		& .masonry-item {
			margin-bottom: 1rem;
		}
	}

	& a.btn.btn-dark.btn-lg {
		background: white;
		color: black;
		border-radius: 0px !important;
	}

	& .modal .btn-close {
		filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 3px 6px);
	}

	& .hero-title.blockit {
		color: black;
	}

	& .hero-inner.container {
		text-align: center;
	}

	& section.hero {
		padding: 70px 0px 0px;
	}

	& .logo.footer img {
		width: 160px;
		background-color: white;
		padding: 6px;
		border-radius: 11px;
	}

	& section.luxury-shop {
		padding: 70px 0px;
	}

	& .luxury-shop {
		background: transparent;
	}

	& .lux-filters {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}

	& .lux-filter {
		background: rgb(255, 255, 255);
		border: 1px solid rgb(221, 221, 221);
		padding: 6px 16px;
		font-size: 13px;
		border-radius: 30px;
		cursor: pointer;
		transition: 0.3s;
	}

	& .lux-filter.active,
	& .lux-filter:hover {
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
		border-color: rgb(0, 0, 0);
	}

	& .lux-card {
		border-radius: 18px;
		border: 1px solid rgb(238, 238, 238);
		background: rgb(255, 255, 255);
		box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 12px;
		overflow: hidden;
	}

	& .lux-img-wrap {
		position: relative;
	}

	& .lux-img {
		width: 100%;
		display: block;
	}

	& .lux-ribbon {
		position: absolute;
		top: 16px;
		left: 16px;
		padding: 4px 12px;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 0.12em;
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
		border-radius: 999px;
	}

	& .lux-ribbon.accent {
		background: rgb(217, 72, 15);
	}

	& .wishlist-btn {
		position: absolute;
		top: 16px;
		right: 16px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		border: none;
		background: rgba(255, 255, 255, 0.95);
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	& .wishlist-btn .heart {
		font-size: 16px;
		color: rgb(153, 153, 153);
	}

	& .wishlist-btn.active {
		background: rgb(0, 0, 0);
	}

	& .wishlist-btn.active .heart {
		color: rgb(255, 255, 255);
	}

	& .lux-info {
		padding: 18px;
	}

	& .lux-info h3 {
		font-size: 17px;
		margin-bottom: 4px;
	}

	& .lux-info p {
		font-size: 12px;
		color: rgb(119, 119, 119);
		margin-bottom: 14px;
	}

	& .rating-stars {
		display: flex;
		align-items: center;
		gap: 2px;
		margin: 6px 0px;
	}

	& .rating-stars .star {
		font-size: 14px;
		color: rgb(221, 221, 221);
	}

	& .rating-stars .star.filled {
		color: rgb(242, 176, 30);
	}

	& .rating-stars .star.half {
		background: linear-gradient(90deg, rgb(242, 176, 30) 50%, rgb(221, 221, 221) 50%) text;
		color: transparent;
	}

	& .rating-stars small {
		font-size: 12px;
		color: rgb(85, 85, 85);
		margin-left: 4px;
	}

	& .lux-bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
	}

	& .lux-price {
		font-weight: 600;
		font-size: 16px;
	}

	& .lux-btn {
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
		padding: 6px 16px;
		border-radius: 30px;
		text-decoration: none;
		font-size: 13px;
		border: none;
		cursor: pointer;
		transition: 0.3s;
		white-space: nowrap;
	}

	& .lux-btn:hover {
		background: rgb(51, 51, 51);
		color: rgb(255, 255, 255);
	}

	& .lux-btn.outline {
		background: none;
		border: 1px solid rgb(0, 0, 0);
		color: rgb(0, 0, 0);
	}

	& .lux-btn.outline:hover {
		background: rgb(0, 0, 0);
		color: rgb(255, 255, 255);
	}

	& .quickview-backdrop {
		position: fixed;
		inset: 0px;
		background: rgba(0, 0, 0, 0.55);
		display: none;
		align-items: center;
		justify-content: center;
		z-index: 1050;
		padding: 20px;
	}

	& .quickview-backdrop.open {
		display: flex;
	}

	& .quickview-dialog {
		background: rgb(255, 255, 255);
		border-radius: 20px;
		padding: 24px 24px 20px;
		max-width: 860px;
		width: 100%;
		position: relative;
	}

	& .qv-price {
		font-weight: 600;
		font-size: 18px;
	}

	& .qv-close {
		position: absolute;
		top: 16px;
		right: 18px;
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 4px 14px;
		font-size: 13px;
		border-radius: 999px;
		border: 1px solid rgb(17, 17, 17);
		background: rgb(255, 255, 255);
		cursor: pointer;
	}

	& .qv-close .qv-x {
		font-size: 15px;
		line-height: 1;
	}

	& .qv-close:hover {
		background: rgb(17, 17, 17);
		color: rgb(255, 255, 255);
	}

	@media (max-width: 768px) {
		& .lux-card {
			margin-bottom: 20px;
		}

		& .lux-bottom {
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
		}

		& .lux-btn {
			width: 100%;
			text-align: center;
		}
	}

	@media (max-width: 576px) {
		& .lux-filter {
			padding: 6px 12px;
			font-size: 12px;
		}

		& .lux-card {
			border-radius: 14px;
		}
	}

	& .contact-wrap {
		padding: 60px 0px;
	}

	& .glass {
		background: rgba(255, 255, 255, 0.88);
		border-radius: 14px;
		padding: 26px;
		box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 40px;
	}

	& .form-floating>.form-control {
		height: calc(2px + 3.3rem);
		padding: 1.25rem 0.75rem 0.45rem;
	}

	& .form-floating>label {
		color: var(--muted);
	}

	& .cta-row {
		display: flex;
		gap: 12px;
	}

	@media (max-width: 767px) {
		& .cta-row {
			flex-direction: column;
		}

		& .cta-row .btn {
			width: 100%;
		}

		& .glass {
			padding: 18px;
		}

		& .contact-wrap {
			transform: translateY(-18px);
		}
	}

	& .photo-gallery {
		background: rgb(255, 255, 255);
	}

	& .gallery-title {
		font-family: Arapey, serif;
		font-size: 32px;
		font-weight: 500;
		margin-bottom: 5px;
	}

	& .gallery-subtitle {
		font-size: 14px;
		color: rgb(119, 119, 119);
		letter-spacing: 0.5px;
	}

	& .gallery-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		gap: 16px;
	}

	& .gallery-item {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		cursor: pointer;
	}

	& .gallery-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.5s;
	}

	& .gallery-item:hover img {
		transform: scale(1.08);
	}

	& .gallery-item::after {
		content: "";
		position: absolute;
		inset: 0px;
		background: rgba(0, 0, 0, 0.3);
		opacity: 0;
		transition: 0.3s;
	}

	& .text-masonry {
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 1px;
	}

	& h4.heading-main-top {
		font-family: system-ui;
	}

	& .gallery-item:hover::after {
		opacity: 1;
	}

	& .gallery-item.wide {
		grid-column: span 2;
	}

	& .gallery-item.tall {
		grid-row: span 2;
	}

	@media (max-width: 768px) {

		& .gallery-item.wide,
		& .gallery-item.tall {
			grid-area: span 1 / span 1;
		}
	}
}

.fade-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.55);
	opacity: 1;
}

.fade-swiper .swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
	transform: scale(1.08);
}

@media (max-width: 992px) {
	.hero-box {
		max-width: 72%;
		right: 5%;
		bottom: 8%;
	}

	.script {
		font-size: 1.8rem;
	}
}

@media (max-width: 576px) {
	.fade-swiper .swiper {
		height: 48vh;
	}

	.hero-box {
		max-width: 86%;
		right: 4%;
		bottom: 6%;
	}

	.hero-title {
		font-size: clamp(18px, 6.6vw, 28px);
	}

	.script {
		font-size: 1.6rem;
	}
}

.masonry {
	column-count: 3;
	column-gap: 1.5rem;
}

.masonry-item {
	break-inside: avoid;
	margin-bottom: 1.5rem;
}

.masonry-item img {
	width: 100%;
	border-radius: 6px;
}

.text-block {
	text-align: center;
	padding: 30px 20px;
	background: rgb(255, 255, 255);
}

.text-block h3 {
	margin-bottom: 10px;
}

.text-block p {
	font-size: 16px;
	line-height: 1.6;
	color: rgb(68, 68, 68);
}

@media (max-width: 992px) {
	.masonry {
		column-count: 2;
	}
}

@media (max-width: 576px) {
	.masonry {
		column-count: 1;
	}
}

.main-top-h {
	text-align: center;
}

h2.heading-main-top {
	font-size: 65px;
}

a.btn.btn-dark.btn-lg.ins {
	background: rgba(255, 255, 255, 0);
	color: white;
	border: 1px solid;
}

.dropdown a {
	font-size: 14px;
}

.newsletter-card {
	display: flex;
	flex-direction: row;
	min-height: 340px;
	background: url("../img/elephant-eye.jpg") right center / cover no-repeat rgb(255, 255, 255);
	border-radius: 18px;
}

.newsletter-card .image-side {
	flex: 1 1 0%;
}

.content-box {
	width: 50%;
}

@media (max-width: 768px) {
	.newsletter-card {
		flex-direction: column;
	}

	section.hero {
		padding: 35px 0px !important;
	}

	.content-box {
		width: 100%;
	}
}

.object-cover {
	object-fit: cover;
}

.card {
	transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
	transform: translateY(-6px);
	box-shadow: rgba(6, 10, 20, 0.12) 0px 18px 50px;
}

.rounded-top-3 {
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	overflow: hidden;
}

@media (min-width: 992px) {
	.display-6 {
		font-size: 2rem;
	}
}

.why-choose-us {
	background: rgb(255, 255, 255);
	position: relative;
	padding-top: 56px;
	padding-bottom: 56px;
}

.heading-badge {
	display: inline-block;
	font-size: 0.85rem;
	color: rgb(31, 41, 55);
	padding-left: 8px;
	border-left: 4px solid rgb(220, 53, 69);
	margin-bottom: 8px;
	position: relative;
	z-index: 2;
}

.heading-main {
	font-size: 32px;
	margin: 0px;
	font-weight: 400;
	z-index: 2;
	position: relative;
}

.text-accent {
	color: rgb(120, 0, 0);
}

.feature {
	padding: 18px 12px;
}

.feature-icon {
	width: 72px;
	height: 72px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: rgb(31, 41, 55);
	background: linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.02));
	margin: 0px auto 8px;
}

.feature h5 {
	font-size: 1rem;
	margin-bottom: 6px;
}

.feature p {
	margin: 0px;
	color: rgb(107, 114, 128);
}

@media (max-width: 992px) {
	.heading-wrap {
		padding: 20px;
		margin-bottom: 22px;
	}

	.heading-main {
		font-size: 28px;
	}

	.feature-icon {
		width: 64px;
		height: 64px;
		font-size: 24px;
	}
}

@media (max-width: 576px) {
	.heading-wrap {
		padding: 16px;
	}

	.heading-main {
		font-size: 22px;
	}

	.feature {
		padding: 14px 8px;
	}
}

section.shipping-banner.pb-5 ul {
	padding: 0px;
}

.footer-section {
	background: rgb(17, 17, 17);
	color: rgb(255, 255, 255);
	font-family: Inter, sans-serif;
}

.footer-links li a {
	color: rgb(204, 204, 204);
	text-decoration: none;
	transition: 0.3s;
	font-size: 0.95rem;
}

.footer-links li a:hover {
	color: rgb(155, 184, 91);
}

.social-link {
	width: 38px;
	height: 38px;
	background: rgb(34, 34, 34);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(238, 238, 238);
	font-size: 18px;
	transition: 0.3s;
}

.social-link:hover {
	background: rgb(155, 184, 91);
	color: rgb(17, 17, 17);
}

.footer-section hr {
	border-color: rgba(255, 255, 255, 0.15);
}

.intro-section {
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

.small-kicker {
	margin: 0px;
	color: rgb(55, 65, 81);
	font-weight: 600;
	font-size: 22px;
}

.intro-name {
	font-family: "Playfair Display", serif;
	font-size: clamp(34px, 5.2vw, 56px);
	margin: 6px 0px;
	font-weight: 700;
	letter-spacing: 0.4px;
}

.underline {
	width: 70%;
	height: 4px;
	background: rgb(17, 17, 17);
	margin: 10px 0px 18px;
	border-radius: 4px;
}

.intro-desc {
	color: rgb(107, 114, 128);
	max-width: 90%;
}

.hero-img {
	height: auto;
}

.hero-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.vertical-tag {
	position: absolute;
	right: -54px;
	top: 38%;
	background: rgb(245, 245, 245);
	padding: 12px 8px;
	border-radius: 6px;
	box-shadow: rgba(6, 10, 20, 0.06) 0px 8px 26px;
	transform: translateY(-50%);
}

.vertical-tag span {
	display: block;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	letter-spacing: 2px;
	color: rgb(75, 85, 99);
	font-weight: 600;
	font-size: 12px;
}

@media (max-width: 991px) {
	.vertical-tag {
		display: none;
	}

	.underline {
		width: 48%;
	}

	.intro-desc {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.intro-name {
		font-size: clamp(22px, 7vw, 36px);
	}

	.underline {
		margin-bottom: 12px;
	}

	.hero-img img {
		height: 240px;
		object-fit: cover;
	}
}

.shipping-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner-image img {
	width: 100%;
	height: 490px;
	object-fit: cover;
	display: block;
}

.banner-content {
	position: absolute;
	top: 55%;
	right: 5%;
	transform: translateY(-50%);
	color: white;
	max-width: 518px;
	background: rgba(137, 137, 137, 0.21);
	padding: 15px;
	border-radius: 10px;
}

.banner-content-a {
	position: absolute;
	top: 55%;
	right: 67%;
	transform: translateY(-50%);
	color: white;
	max-width: 420px;
	background: rgba(40, 39, 40, 0.39);
	padding: 32px;
	border-radius: 10px;
}

.banner-title {
	font-size: 2rem;
	font-weight: 600;
	font-family: "Playfair Display", serif;
}

.title-underline {
	width: 90px;
	height: 2px;
	background: rgba(255, 255, 255, 0.7);
	margin: 10px 0px 18px auto;
}

.banner-desc {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.6;
	font-family: Inter, sans-serif;
}

@media (max-width: 768px) {
	.banner-image img {
		height: 340px;
	}

	.intro-head.mb-4 {
		text-align: center;
	}

	p.intro-desc.text-muted {
		text-align: center;
	}

	.mt-4.center-btn {
		text-align: center;
	}

	.banner-content {
		right: 50%;
		transform: translate(50%, -50%);
		text-align: center !important;
	}

	.banner-content {
		position: absolute;
		top: 50%;
		right: 36%;
	}

	.title-underline {
		margin-left: auto;
		margin-right: unset;
	}

	.banner-content-a {
		position: absolute;
		top: 65%;
		right: 0px;
		transform: translateY(-50%);
		max-width: 420px;
		background: rgba(34, 33, 34, 0.21);
		padding: 32px;
		border-radius: 10px;
	}

	section.intro-section {
		padding: 12px 2px 60px;
	}

	.intro-head.mb-4 {
		padding-top: 30px;
	}

	section.intro-section {
		padding: 0px !important;
	}
}

.min-vh-80 {
	min-height: 80vh;
}

.contact-hero-section {
	position: relative;
	overflow: hidden;
}

.contact-hero-section .bg-image {
	position: absolute;
	inset: 0px;
	background-image: url("../img/2.webp");
	background-size: cover;
	background-position: center center;
	filter: brightness(0.48);
	z-index: 0;
}

.contact-hero-section::after {
	content: "";
	position: absolute;
	inset: 0px;
	background: linear-gradient(90deg, rgba(6, 8, 10, 0.45) 0%, rgba(6, 8, 10, 0.25) 45%, rgba(6, 8, 10, 0.05) 100%);
	z-index: 1;
}

.contact-hero-section .container,
.contact-hero-section .row,
.contact-hero-section .col-lg-7,
.contact-hero-section .col-lg-5 {
	position: relative;
	z-index: 2;
}

.hero-title {
	font-family: "Playfair Display", serif;
	font-size: clamp(28px, 4.6vw, 44px);
	line-height: 1.05;
	margin-bottom: 18px;
	font-weight: 700;
	color: rgb(255, 255, 255);
}

.hero-title .accent {
	color: rgb(155, 184, 91);
}

.hero-copy {
	max-width: 72%;
	color: rgba(255, 255, 255, 0.92);
}

.btn-ghost {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.12);
	color: rgb(255, 255, 255);
	padding: 10px 18px;
	border-radius: 8px;
}

.btn-primary {
	background: rgba(255, 255, 255, 0.95);
	color: rgb(17, 17, 17);
	padding: 10px 18px;
	border-radius: 8px;
	border: 0px;
}

.btn-success {
	background: rgb(155, 184, 91);
	border: 0px;
	padding: 8px 16px;
}

.enquiry-card {
	box-shadow: rgba(6, 10, 20, 0.28) 0px 18px 48px;
}

.enquiry-card h4 {
	margin-bottom: 12px;
	font-weight: 700;
}

@media (max-width: 991px) {
	.hero-copy {
		max-width: 100%;
	}

	.contact-hero-section .row {
		gap: 1.5rem;
	}

	.enquiry-card {
		margin-top: 12px;
	}
}

@media (max-width: 575px) {
	.hero-title {
		font-size: 26px;
	}

	.enquiry-card {
		padding: 1rem;
	}
}

.masonry {
	column-count: 3;
	column-gap: 1rem;
}

.masonry-item {
	break-inside: avoid;
	margin-bottom: 1rem;
	border-radius: 10px;
	overflow: hidden;
	background: rgb(246, 246, 246);
}

.masonry-item img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition: transform 0.45s, filter 0.35s;
}

.masonry-item:hover img {
	transform: scale(1.04);
	filter: contrast(1.03) saturate(1.05);
}

@media (max-width: 1200px) {
	.masonry {
		column-count: 3;
		column-gap: 16px;
	}
}

@media (max-width: 900px) {
	.masonry {
		column-count: 2;
		column-gap: 12px;
	}
}

a.btn.btn-dark.btn-lg {
	font-size: 14px !important;
}

@media (max-width: 576px) {
	.masonry {
		column-count: 1;
		column-gap: 0px;
	}

	.masonry-item {
		margin-bottom: 1rem;
	}
}

a.btn.btn-dark.btn-lg {
	background: white;
	color: black;
	border-radius: 0px !important;
}

.modal .btn-close {
	filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 3px 6px);
}

.hero-title.blockit {
	color: black;
}

.hero-inner.container {
	text-align: center;
}

section.hero {
	padding: 70px 0px 0px;
}

.logo.footer img {
	width: 160px;
	background-color: white;
	padding: 6px;
	border-radius: 11px;
}

section.luxury-shop {
	padding: 70px 0px;
}

.luxury-shop {
	background: transparent;
}

.lux-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.lux-filter {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(221, 221, 221);
	padding: 6px 16px;
	font-size: 13px;
	border-radius: 30px;
	cursor: pointer;
	transition: 0.3s;
}

.lux-filter.active,
.lux-filter:hover {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	border-color: rgb(0, 0, 0);
}

.lux-card {
	border-radius: 18px;
	border: 1px solid rgb(238, 238, 238);
	background: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 12px;
	overflow: hidden;
}

.lux-img-wrap {
	position: relative;
}

.lux-img {
	width: 100%;
	display: block;
}

.lux-ribbon {
	position: absolute;
	top: 16px;
	left: 16px;
	padding: 4px 12px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	border-radius: 999px;
}

.lux-ribbon.accent {
	background: rgb(217, 72, 15);
}

.wishlist-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.95);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.wishlist-btn .heart {
	font-size: 16px;
	color: rgb(153, 153, 153);
}

.wishlist-btn.active {
	background: rgb(0, 0, 0);
}

.wishlist-btn.active .heart {
	color: rgb(255, 255, 255);
}

.lux-info {
	padding: 18px;
}

.lux-info h3 {
	font-size: 17px;
	margin-bottom: 4px;
}

.lux-info p {
	font-size: 12px;
	color: rgb(119, 119, 119);
	margin-bottom: 14px;
}

.rating-stars {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 6px 0px;
}

.rating-stars .star {
	font-size: 14px;
	color: rgb(221, 221, 221);
}

.rating-stars .star.filled {
	color: rgb(242, 176, 30);
}

.rating-stars .star.half {
	background: linear-gradient(90deg, rgb(242, 176, 30) 50%, rgb(221, 221, 221) 50%) text;
	color: transparent;
}

.rating-stars small {
	font-size: 12px;
	color: rgb(85, 85, 85);
	margin-left: 4px;
}

.lux-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.lux-price {
	font-weight: 600;
	font-size: 16px;
}

.lux-btn {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	padding: 6px 16px;
	border-radius: 30px;
	text-decoration: none;
	font-size: 13px;
	border: none;
	cursor: pointer;
	transition: 0.3s;
	white-space: nowrap;
}

.lux-btn:hover {
	background: rgb(51, 51, 51);
	color: rgb(255, 255, 255);
}

.lux-btn.outline {
	background: none;
	border: 1px solid rgb(0, 0, 0);
	color: rgb(0, 0, 0);
}

.lux-btn.outline:hover {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

.quickview-backdrop {
	position: fixed;
	inset: 0px;
	background: rgba(0, 0, 0, 0.55);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1050;
	padding: 20px;
}

.quickview-backdrop.open {
	display: flex;
}

.quickview-dialog {
	background: rgb(255, 255, 255);
	border-radius: 20px;
	padding: 24px 24px 20px;
	max-width: 860px;
	width: 100%;
	position: relative;
}

.qv-price {
	font-weight: 600;
	font-size: 18px;
}

.qv-close {
	position: absolute;
	top: 16px;
	right: 18px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 4px 14px;
	font-size: 13px;
	border-radius: 999px;
	border: 1px solid rgb(17, 17, 17);
	background: rgb(255, 255, 255);
	cursor: pointer;
}

.qv-close .qv-x {
	font-size: 15px;
	line-height: 1;
}

.qv-close:hover {
	background: rgb(17, 17, 17);
	color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
	.lux-card {
		margin-bottom: 20px;
	}

	.lux-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.lux-btn {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 576px) {
	.lux-filter {
		padding: 6px 12px;
		font-size: 12px;
	}

	.lux-card {
		border-radius: 14px;
	}
}

.contact-wrap {
	padding: 60px 0px;
}

.glass {
	background: rgba(255, 255, 255, 0.88);
	border-radius: 14px;
	padding: 26px;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 40px;
}

.form-floating>.form-control {
	height: calc(2px + 3.3rem);
	padding: 1.25rem 0.75rem 0.45rem;
}

.form-floating>label {
	color: var(--muted);
}

.cta-row {
	display: flex;
	gap: 12px;
}

@media (max-width: 767px) {
	.cta-row {
		flex-direction: column;
	}

	.cta-row .btn {
		width: 100%;
	}

	.glass {
		padding: 18px;
	}

	.contact-wrap {
		transform: translateY(-18px);
	}
}

.photo-gallery {
	background: rgb(255, 255, 255);
}

.gallery-title {
	font-family: Arapey, serif;
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 5px;
}

.gallery-subtitle {
	font-size: 14px;
	color: rgb(119, 119, 119);
	letter-spacing: 0.5px;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
}

.gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	cursor: pointer;
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.gallery-item:hover img {
	transform: scale(1.08);
}

.gallery-item::after {
	content: "";
	position: absolute;
	inset: 0px;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: 0.3s;
}

.text-masonry {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
}

h4.heading-main-top {
	font-family: system-ui;
}

.gallery-item:hover::after {
	opacity: 1;
}

.gallery-item.wide {
	grid-column: span 2;
}

.gallery-item.tall {
	grid-row: span 2;
}

@media (max-width: 768px) {

	.gallery-item.wide,
	.gallery-item.tall {
		grid-area: span 1 / span 1;
	}
}

@media (max-width: 768px) {
	.banner-image img {
		height: 340px;
	}

	.intro-head.mb-4 {
		text-align: center;
	}
.mt-4.center-btn.about-b {
    text-align: center !important;
}
	p.intro-desc.text-muted {
		text-align: center;
	}

	.mt-4.center-btn {
		text-align: end;
	}

	.banner-content {
		right: 50%;
		transform: translate(50%, -50%);
		text-align: center !important;
	}

	.banner-content {
		position: absolute;
		top: 57%;
		right: 36%;
	}

	.title-underline {
		margin-left: auto;
		margin-right: unset;
	}

	.banner-content-a {
		position: absolute;
		top: 53%;
		right: 0px;
		transform: translateY(-50%);
		max-width: 420px;
		background: rgb(34 33 34 / 25%);
		padding: 32px;
		border-radius: 10px;
	}

	section.intro-section {
		padding: 12px 2px 60px;
	}

	.intro-head.mb-4 {
		padding-top: 30px;
	}

	section.intro-section {
		padding: 0px 0px 50px 0px !important;
	}
}

.min-vh-80 {
	min-height: 80vh;
}

.contact-hero-section {
	position: relative;
	overflow: hidden;
}

.contact-hero-section .bg-image {
	position: absolute;
	inset: 0px;
	background-image: url("../img/2.webp");
	background-size: cover;
	background-position: center center;
	filter: brightness(0.48);
	z-index: 0;
}

.contact-hero-section::after {
	content: "";
	position: absolute;
	inset: 0px;
	background: linear-gradient(90deg, rgba(6, 8, 10, 0.45) 0%, rgba(6, 8, 10, 0.25) 45%, rgba(6, 8, 10, 0.05) 100%);
	z-index: 1;
}

.contact-hero-section .container,
.contact-hero-section .row,
.contact-hero-section .col-lg-7,
.contact-hero-section .col-lg-5 {
	position: relative;
	z-index: 2;
}

.hero-title {
	font-family: "Playfair Display", serif;
	font-size: clamp(28px, 4.6vw, 44px);
	line-height: 1.05;
	margin-bottom: 18px;
	font-weight: 700;
	color: rgb(255, 255, 255);
}

.hero-title .accent {
	color: rgb(155, 184, 91);
}

.hero-copy {
	max-width: 72%;
	color: rgba(255, 255, 255, 0.92);
}

.btn-ghost {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.12);
	color: rgb(255, 255, 255);
	padding: 10px 18px;
	border-radius: 8px;
}

.btn-primary {
	background: rgba(255, 255, 255, 0.95);
	color: rgb(17, 17, 17);
	padding: 10px 18px;
	border-radius: 8px;
	border: 0px;
}

.btn-success {
	background: rgb(155, 184, 91);
	border: 0px;
	padding: 8px 16px;
}

.enquiry-card {
	box-shadow: rgba(6, 10, 20, 0.28) 0px 18px 48px;
}

.enquiry-card h4 {
	margin-bottom: 12px;
	font-weight: 700;
}

@media (max-width: 991px) {
	.hero-copy {
		max-width: 100%;
	}

	.contact-hero-section .row {
		gap: 1.5rem;
	}

	.enquiry-card {
		margin-top: 12px;
	}
}

@media (max-width: 575px) {
	.hero-title {
		font-size: 20px;
	}

	.enquiry-card {
		padding: 1rem;
	}
}

.masonry {
	column-count: 3;
	column-gap: 1rem;
}

.masonry-item {
	break-inside: avoid;
	margin-bottom: 1rem;
	border-radius: 10px;
	overflow: hidden;
	background: rgb(246, 246, 246);
}

.masonry-item img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition: transform 0.45s, filter 0.35s;
}

.masonry-item:hover img {
	transform: scale(1.04);
	filter: contrast(1.03) saturate(1.05);
}

@media (max-width: 1200px) {
	.masonry {
		column-count: 3;
		column-gap: 16px;
	}
}

@media (max-width: 900px) {
	.masonry {
		column-count: 2;
		column-gap: 12px;
	}
}

a.btn.btn-dark.btn-lg {
	font-size: 14px !important;
}

@media (max-width: 576px) {
	.masonry {
		column-count: 1;
		column-gap: 0px;
	}

	.masonry-item {
		margin-bottom: 1rem;
	}
}

a.btn.btn-dark.btn-lg {
	background: white;
	color: black;
	border-radius: 0px !important;
}

.modal .btn-close {
	filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 3px 6px);
}

.hero-title.blockit {
	color: black;
}

.hero-inner.container {
	text-align: center;
}

section.hero {
	padding: 70px 0px 0px;
}

.logo.footer img {
	width: 160px;
	background-color: white;
	padding: 6px;
	border-radius: 11px;
}

section.luxury-shop {
	padding: 70px 0px;
}

.luxury-shop {
	background: transparent;
}

.lux-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.lux-filter {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(221, 221, 221);
	padding: 6px 16px;
	font-size: 13px;
	border-radius: 30px;
	cursor: pointer;
	transition: 0.3s;
}

.lux-filter.active,
.lux-filter:hover {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	border-color: rgb(0, 0, 0);
}

.lux-card {
	border-radius: 18px;
	border: 1px solid rgb(238, 238, 238);
	background: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 12px;
	overflow: hidden;
}

.lux-img-wrap {
	position: relative;
}

.lux-img {
	width: 100%;
	display: block;
}

.lux-ribbon {
	position: absolute;
	top: 16px;
	left: 16px;
	padding: 4px 12px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	border-radius: 999px;
}

.lux-ribbon.accent {
	background: rgb(217, 72, 15);
}

.wishlist-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.95);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.wishlist-btn .heart {
	font-size: 16px;
	color: rgb(153, 153, 153);
}

.wishlist-btn.active {
	background: rgb(0, 0, 0);
}

.wishlist-btn.active .heart {
	color: rgb(255, 255, 255);
}

.lux-info {
	padding: 18px;
}

.lux-info h3 {
	font-size: 17px;
	margin-bottom: 4px;
}

.lux-info p {
	font-size: 12px;
	color: rgb(119, 119, 119);
	margin-bottom: 14px;
}

.rating-stars {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 6px 0px;
}

.rating-stars .star {
	font-size: 14px;
	color: rgb(221, 221, 221);
}

.rating-stars .star.filled {
	color: rgb(242, 176, 30);
}

.rating-stars .star.half {
	background: linear-gradient(90deg, rgb(242, 176, 30) 50%, rgb(221, 221, 221) 50%) text;
	color: transparent;
}

.rating-stars small {
	font-size: 12px;
	color: rgb(85, 85, 85);
	margin-left: 4px;
}

.lux-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.lux-price {
	font-weight: 600;
	font-size: 16px;
}

.lux-btn {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	padding: 6px 16px;
	border-radius: 30px;
	text-decoration: none;
	font-size: 13px;
	border: none;
	cursor: pointer;
	transition: 0.3s;
	white-space: nowrap;
}

.lux-btn:hover {
	background: rgb(51, 51, 51);
	color: rgb(255, 255, 255);
}

.lux-btn.outline {
	background: none;
	border: 1px solid rgb(0, 0, 0);
	color: rgb(0, 0, 0);
}

.lux-btn.outline:hover {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

.quickview-backdrop {
	position: fixed;
	inset: 0px;
	background: rgba(0, 0, 0, 0.55);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1050;
	padding: 20px;
}

.quickview-backdrop.open {
	display: flex;
}

.quickview-dialog {
	background: rgb(255, 255, 255);
	border-radius: 20px;
	padding: 24px 24px 20px;
	max-width: 860px;
	width: 100%;
	position: relative;
}

.qv-price {
	font-weight: 600;
	font-size: 18px;
}

.qv-close {
	position: absolute;
	top: 16px;
	right: 18px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 4px 14px;
	font-size: 13px;
	border-radius: 999px;
	border: 1px solid rgb(17, 17, 17);
	background: rgb(255, 255, 255);
	cursor: pointer;
}

.qv-close .qv-x {
	font-size: 15px;
	line-height: 1;
}

.qv-close:hover {
	background: rgb(17, 17, 17);
	color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
	.lux-card {
		margin-bottom: 20px;
	}

	.lux-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.lux-btn {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 576px) {
	.lux-filter {
		padding: 6px 12px;
		font-size: 12px;
	}

	.lux-card {
		border-radius: 14px;
	}
}

.contact-wrap {
	padding: 60px 0px;
}

.glass {
	background: rgba(255, 255, 255, 0.88);
	border-radius: 14px;
	padding: 26px;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 40px;
}

.form-floating>.form-control {
	height: calc(2px + 3.3rem);
	padding: 1.25rem 0.75rem 0.45rem;
}

.form-floating>label {
	color: var(--muted);
}

.cta-row {
	display: flex;
	gap: 12px;
}

@media (max-width: 767px) {
	.cta-row {
		flex-direction: column;
	}

	.cta-row .btn {
		width: 100%;
	}

	.glass {
		padding: 18px;
	}

	.contact-wrap {
		transform: translateY(-18px);
	}
}

.photo-gallery {
	background: rgb(255, 255, 255);
}

.gallery-title {
	font-family: Arapey, serif;
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 5px;
}

.gallery-subtitle {
	font-size: 14px;
	color: rgb(119, 119, 119);
	letter-spacing: 0.5px;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
}

.gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	cursor: pointer;
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.gallery-item:hover img {
	transform: scale(1.08);
}

.gallery-item::after {
	content: "";
	position: absolute;
	inset: 0px;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: 0.3s;
}

.text-masonry {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
}

h4.heading-main-top {
	font-family: system-ui;
}

.gallery-item:hover::after {
	opacity: 1;
}

.gallery-item.wide {
	grid-column: span 2;
}

.gallery-item.tall {
	grid-row: span 2;
}

@media (max-width: 768px) {

	.gallery-item.wide,
	.gallery-item.tall {
		grid-area: span 1 / span 1;
	}
	
	h4.heading-main-top.fin {
    font-size: 17px !important;
}
section.luxury-shop {
    padding: 29px 0px;
}
}



.gallery-grid {
  column-count: 3;
  column-gap: 15px;
}
.gallery-box {
  break-inside: avoid;
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
}
.gallery-box img {
  width: 100%;
  cursor: zoom-in;
  height: 100%;
  object-fit: cover;
}

/* NEW LIGHTBOX */
#imgZoomBox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.92);
  z-index: 99999;
  justify-content: center;
  align-items: center;
}
#zoomedImage {
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  animation: zoomIn .3s ease;
}

@keyframes zoomIn {
  from {transform: scale(.5); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}