@font-face {
	font-family: 'Acumin Variable';
	src: url('../fonts/AcuminVariableConcept.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body {
	font-family: 'Acumin Variable', Arial, sans-serif;
}

/* HEADER DEFAULT */
.header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	padding: 20px 0;
	transition: all 0.4s ease;
}

/* STICKY EFFECT */
.header.sticky {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	padding: 10px 0;
}

.header.sticky a.main-logo img {
	height: 60px;
}

.header.sticky a.main-logo img {
	transition: 0.5s;
}

/* BUTTONS */
.btn-call {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 30px;
	padding: 8px 18px;
	border: 1px solid #ddd;
}

.btn-enquire {
	background: #000;
	color: #fff;
	border-radius: 30px;
	padding: 8px 20px;
}

/* HAMBURGER */
.hamburger {
	width: 28px;
	cursor: pointer;
}

.hamburger span {
	display: block;
	height: 2px;
	background: #000;
	margin: 5px 0;
	transition: 0.3s;
}


/* FULLSCREEN MENU */
.fullscreen-menu {
	position: fixed;
	inset: 0;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
}

/* ACTIVE STATE */
.fullscreen-menu.active {
	opacity: 1;
	visibility: visible;
}

/* MENU CONTENT */
.menu-content ul {
	list-style: none;
	padding: 0;
	text-align: center;
}

.menu-content ul li {
	margin: 15px 0;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.4s ease;
}

/* STAGGER ANIMATION */
.fullscreen-menu.active .menu-content ul li {
	opacity: 1;
	transform: translateY(0);
}

.fullscreen-menu.active .menu-content ul li:nth-child(1) {
	transition-delay: 0.1s;
}

.fullscreen-menu.active .menu-content ul li:nth-child(2) {
	transition-delay: 0.2s;
}

.fullscreen-menu.active .menu-content ul li:nth-child(3) {
	transition-delay: 0.3s;
}

.fullscreen-menu.active .menu-content ul li:nth-child(4) {
	transition-delay: 0.4s;
}

.fullscreen-menu.active .menu-content ul li:nth-child(5) {
	transition-delay: 0.5s;
}

.fullscreen-menu.active .menu-content ul li:nth-child(6) {
	transition-delay: 0.6s;
}

.fullscreen-menu.active .menu-content ul li:nth-child(7) {
	transition-delay: 0.7s;
}

.fullscreen-menu.active .menu-content ul li:nth-child(8) {
	transition-delay: 0.8s;
}

/* LINKS */
.menu-content ul li a {
	font-size: 32px;
	font-weight: 600;
	color: #111;
	text-decoration: none;
	transition: 0.3s;
}

.menu-content ul li a:hover {
	color: #3b82f6;
}

/* CLOSE BUTTON */
.menu-close {
	position: absolute;
	top: 30px;
	right: 40px;
	font-size: 40px;
	cursor: pointer;
	color: #000;
}


.modal-body button.btn.btn-primary-custom {
	padding: 8px 30px;
}

.modal-body button.btn.btn-primary-custom:hover {
	background-color: #3b82f6;
	color: #fff;
}



/* HERO */
.hero-slider {
	height: 100vh;
}

.hero-slide {
	height: 100vh;
	background-size: cover;
	background-position: center;
	position: relative;
	transition: transform 6s ease;
}
/*.swiper-slide-active.hero-slide {*/
/*    transform: scale(1.05);*/
/*}*/

.hero-overlay {
	position: absolute;
	inset: 0;
	/*background: linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0.4));*/
}

.hero-content {
	position: relative;
	z-index: 2;
	max-width: 600px;
    transform: translateY(40px);
}

.hero-content > * {
    opacity: 0;
    transform: translateY(50px);
}

.swiper-slide.active-animate .hero-content > * {
    opacity: 1;
    transform: translateY(0);
}


/* TEXT */
.hero-sub {
	letter-spacing: 3px;
	font-size: 16px;
	color: #000;
}

.hero-title {
	font-size: 56px;
	font-weight: 700;
}

/* BADGES */
.badge-pill {
	background: #f1f1f1;
	border-radius: 30px;
	padding: 6px 14px;
	margin-right: 10px;
	font-size: 16px;
	color: #000;
}

/* BUTTONS */
.btn-primary-custom {
	background: #000;
	border-radius: 30px;
	padding: 12px 25px;
	color: #fff;
}

.btn-outline-custom {
	border-radius: 30px;
	padding: 12px 25px;
	border: 1px solid #ccc;
}

/* SECOND SLIDE SPECIFIC */
.hero-slide-2 {
	background-position: right center;
}


/* Optional: tighter heading for this layout */
.hero-slide-2 .hero-title {
	max-width: 550px;
}



/* STATS SECTION */
.stats-section {
	background: #f5f6f7;
}

.stat-box {
	text-align: center;
	padding: 40px 20px;
	border-right: 1px solid #ddd;
}

.stat-box:last-child {
	border-right: none;
}

.stat-box h2 {
	font-size: 48px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}

.stat-box p {
	font-size: 18px;
	color: #000;
	margin: 0;
}


.intro-section {
    position: relative;
    padding: 0;
    background: #ffffff;
    overflow: hidden;
}

/* MATCH BOOTSTRAP CONTAINER LEFT SPACE */
.about-left {
	padding-left: calc((100% - 1320px) / 2 + 15px);
	padding-right: 40px;
}

/* IMAGE FULL HEIGHT */
.about-image {
	height: 100%;
}

.about-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.5s ease;
}
[data-aos="fade-left"].aos-animate .about-image img {
    transform: scale(1.05);
}

/* RIGHT SIDE SOFT GRADIENT */
/*.intro-section::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(230,236,242,0.4) 40%,
        rgba(210,220,230,0.6) 100%
    );
    z-index: 0;
}*/

/* BOTTOM LEFT LIGHT GLOW (VERY SUBTLE) */
.intro-section::before {
	content: "";
	position: absolute;
	bottom: -150px;
	left: -150px;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle,
			rgba(210, 220, 230, 0.25) 0%,
			rgba(255, 255, 255, 0) 70%);
	z-index: 0;
}

/* CONTENT ABOVE GRADIENT */
.intro-section .container {
	position: relative;
	z-index: 2;
}

/* CONTENT */
.intro-content {
	max-width: 700px;
	margin-bottom: 0px;
	margin-top: 80px;
}

.intro-cards {
	margin-bottom: 80px;
}

.intro-content h2, .intro-content h1 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 20px;
}

/* GRADIENT TEXT */
.gradient-text {
	background: linear-gradient(90deg, #00c6ff, #8e2de2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* DESCRIPTION */
.intro-content p {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
}

.intro-content p.price {
	font-weight: 700;
	color: #000;
	font-size: 20px;
}


/* CARDS */
.intro-card {
	background: #ffffff;
	padding: 25px;
	border-radius: 16px;

	/* Improved visibility */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.05);

	height: 100%;
	transition: 0.3s;
}

.intro-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

/* CARD TEXT */
.intro-card h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.intro-card p {
	font-size: 16px;
	color: #777;
	margin: 0;
}


/* SECTION BACKGROUND */
.layers-section {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
	overflow: hidden;
}

/* RIGHT SIDE BLUE → PURPLE GRADIENT */
.layers-section::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(210, 225, 240, 0.6) 35%, rgb(200 215 235 / 11%) 60%, rgba(215, 200, 230, 0.9) 100%);
	z-index: 0;
}

/* BOTTOM LEFT SOFT GLOW */
.layers-section::before {
	content: "";
	position: absolute;
	bottom: -120px;
	left: -120px;
	width: 450px;
	height: 450px;

	background: radial-gradient(circle,
			rgba(210, 225, 240, 0.5) 0%,
			rgba(255, 255, 255, 0) 70%);

	z-index: 0;
}

/* CONTENT ABOVE */
.layers-section .container {
	position: relative;
	z-index: 2;
}

/* HEADING */
.layers-heading h2 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 50px;
}

/* GRADIENT TEXT (reuse if already added) */
.gradient-text {
	background: linear-gradient(90deg, #00c6ff, #8e2de2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* CARD */
.layer-card {
	position: relative;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(6px);
	border-radius: 0;
	padding: 30px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: 0.3s;
	height: 100%;
	background-image: url("../images/3-layers-bg.jpg") !important;
	background-size: cover;
}

/* HOVER */
.layer-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* NUMBER */
.layer-number {
	font-size: 48px;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.08);
	display: block;
	margin-bottom: 15px;
}

/* TITLE */
.layer-card h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

/* TEXT */
.layer-card p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
}


/* SECTION */
.pillars-section {
	position: relative;
	padding: 80px 0;
	background: #fff;
	overflow: hidden;
}

/* BOTTOM GRADIENT (SUBTLE WASH) */
.pillars-section::after {
	content: "";
	position: absolute;
	bottom: -120px;
	left: 0;
	width: 100%;
	height: 300px;

	/* background: radial-gradient(
        ellipse at center,
        rgba(120, 180, 220, 0.25) 0%,
        rgba(120, 180, 220, 0.15) 30%,
        rgba(255,255,255,0) 70%
    );*/

	z-index: 0;
}

/* KEEP CONTENT ABOVE */
.pillars-section .container {
	position: relative;
	z-index: 2;
}

/* HEADING */
.pillars-heading h2 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 50px;
}

/* CARD */
.pillar-card {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: 0.3s;
	height: 100%;
}

.pillar-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* VIDEO */
.video-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	/* 16:9 */
}

.video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* CONTENT */
.pillar-content {
	padding: 20px;
	min-height: 150px;
	background-color: #f5f6f7;
}

.pillar-content h6 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #000;
}

.pillar-content p {
	font-size: 16px;
	color: #000;
	margin: 0;
	line-height: 1.5;
}


/* VIDEO THUMB */
.video-thumb {
	position: relative;
	cursor: pointer;
	border-radius: 12px;
	overflow: hidden;
}

.video-thumb img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

/* PLAY BUTTON */
.play-btn.small {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	width: 45px;
	height: 45px;
	background: transparent;
	color: #fff;
	border-radius: 50%;

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


.video-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;

    width: 40px;
    height: 40px;

    background: rgba(0,0,0,0.6);
    color: #fff;
    border: none;
    border-radius: 50%;

    font-size: 24px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;

    z-index: 10;
    transition: 0.3s;
}

.video-close-btn:hover {
    background: #fff;
    color: #000;
}

/* HOVER */
/*.video-thumb:hover .play-btn {*/
/*    background: linear-gradient(135deg, #3b82f6, #8e2de2);*/
/*}*/

/* SLIDER SPACING */
.pillars-swiper {
	margin-top: 40px;
	position: relative;
}

/* SLIDE CARD */
.pillar-card {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

/* IMAGE */
.video-thumb img {
	height: 320px;
	width: 100%;
	object-fit: cover;
}

/* CUSTOM ARROWS */
.custom-arrow-wrapper {
	position: absolute;
	left: 5%;
	right: 5%;
	display: flex;
	justify-content: space-between;
	top: 48%;
	z-index: 1;
}

/* ICON */
.custom-arrow i {
	font-size: 22px;
	line-height: 14px;
}


/* SECTION */
.leisure-section {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
	overflow: hidden;
}

/* RIGHT SIDE GRADIENT */
.leisure-section::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;

	background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(210, 225, 240, 0.6) 35%, rgb(200 215 235 / 11%) 60%, rgba(215, 200, 230, 0.9) 100%);

	z-index: 0;
}

/* CONTENT ABOVE */
.leisure-section .container {
	position: relative;
	z-index: 2;
}

/* HEADING */
.leisure-heading h2 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 30px;
}

/* TABS */
.leisure-tabs {
	margin-bottom: 30px;
}

.tab-btn {
	border: 1px solid #ddd;
	background: transparent;
	padding: 8px 20px;
	border-radius: 30px;
	margin-right: 10px;
	cursor: pointer;
}

.tab-btn.active {
	background: #000;
	color: #fff;
	border-color: #000;
}

/* TAB CONTENT */
.tab-content {
	display: none;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.4s ease;
}

.tab-content.active {
	display: block;
	opacity: 1;
	transform: translateY(0);
}

/* CARD */
.leisure-card {
	position: relative;
	background: #fff;
	border-radius: 16px;
	padding: 25px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: 0.4s;
	height: 100%;
	z-index: 1;
}

/* GRADIENT BORDER LAYER */
.leisure-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 16px;
	padding: 1px;

	background: linear-gradient(135deg,
			#00c6ff,
			#3b82f6,
			#8e2de2);

	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;

	opacity: 0;
	transition: 0.4s;
}

/* HOVER EFFECT */
.leisure-card:hover::before {
	opacity: 1;
}

.leisure-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* ICON */
.leisure-icon {
	width: 40px;
	height: 40px;
	background: #eef4ff;
	color: #3b82f6;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	font-size: 18px;
}

/* NUMBER */
.leisure-number {
	display: inline-block;
	background: #e8f0ff;
	color: #3b82f6;
	font-size: 12px;
	font-weight: 600;
	padding: 6px 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

/* TEXT */
.leisure-card h6 {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
}

/*.amenities-list ul {
    margin-bottom: 0;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 30px 29px;
}*/

.amenities-list ul {
    margin-bottom: 0;
    list-style: none;
    display: grid;
    padding: 30px 0px;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 28px;
}

.amenities-list ul li {
    font-size: 16px;
    border: 1px solid #646464;
    padding: 12px 15px;
    margin: 0;
}


section#amenities .tab-content img {
    object-fit: cover;
    height: 560px;
}


/* SECTION */

section.gallery-section {
	position: relative;
	padding: 80px 0;
}


/* VIDEO THUMB */
section.gallery-section .video-thumb {
	position: relative;
	cursor: pointer;
	border-radius: 16px;
	overflow: hidden;
}

section.gallery-section .video-thumb img {
	width: 100%;
	height: 560px;
	object-fit: cover;
	transition: transform 0.6s ease;
	object-position: top;
}

section.gallery-section .video-thumb:hover img {
    transform: scale(1.05);
}

/* SMALL THUMB */
section.gallery-section .swiper-slide img {
	height: 220px;
}

/* PLAY BUTTON */
.play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	background: transparent;
	color: #fff;
	font-size: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 2px solid #fff;
	color: #fff;
	z-index: 999;
}

.play-btn i.bi.bi-play-fill {
	position: relative;
	top: 4px;
	left: 2px;
}

.play-btn.small {
	width: 50px;
	height: 50px;
	font-size: 20px;
}

/* HOVER */
/*.video-thumb:hover .play-btn {*/
/*    background: linear-gradient(135deg, #3b82f6, #8e2de2);*/
/*}*/

/* REMOVE DEFAULT ICON */
.gallery-section .swiper-button-next::after,
.gallery-section .swiper-button-prev::after {
	display: none;
}

/* CUSTOM ARROW STYLE */
.custom-arrow {
	width: 45px;
	height: 45px;
	background: #fff;
	border-radius: 50%;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	top: 80%;
}

.gallery-section .swiper-button-prev.custom-arrow {
	left: 5%;
	display: none;
}

.gallery-section .swiper-button-next.custom-arrow {
	right: 5%;
	display: none;
}

/* ICON SIZE */
.custom-arrow i {
	font-size: 34px;
}

/* POSITION */
.gallery-swiper .swiper-button-prev {
	left: -20px;
}

.gallery-swiper .swiper-button-next {
	right: -20px;
}


/* SECTION */
.connectivity-section {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
	overflow: hidden;
}

/* RIGHT GRADIENT */
.connectivity-section::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;

	background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(210, 225, 240, 0.6) 35%, rgb(200 215 235 / 11%) 60%, rgba(215, 200, 230, 0.9) 100%);

	z-index: 0;
}

/* CONTENT ABOVE */
.connectivity-section .container {
	position: relative;
	z-index: 2;
}

/* HEADING */
.connectivity-heading h2 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 20px;
}

.connectivity-heading p {
	color: #666;
	line-height: 1.6;
}

/* CARD */
.connect-card {
	background: #fff;
	border-radius: 16px;
	padding: 25px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: 0.3s;
	height: 100%;
}

.connect-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* TITLE */
.connect-card h6 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* LIST */
.connect-card ul {
	padding-left: 0;
	list-style: none;
}

.connect-card li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 8px;
	font-size: 16px;
	color: #555;
}

/* BULLET */
.connect-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 50%;
}

/* ICON STYLE */
.connect-card i {
    color: #000;
    font-size: 34px;
    margin-right: 5px;
}

.map-wrapper {
    position: relative;
    width: 100%;
    height: 450px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


/* SECTION */
.landmarks-section {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
	overflow: hidden;
}

/* SOFT GRADIENT BACKGROUND */
.landmarks-section::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/*background: linear-gradient(
        135deg,
        rgba(220,200,230,0.4) 0%,
        rgba(210,225,240,0.4) 50%,
        rgba(255,255,255,0) 100%
    );*/

	z-index: 0;
}

/* CONTENT ABOVE */
.landmarks-section .container {
	position: relative;
	z-index: 2;
}

/* HEADING */
/*.landmarks-content {*/
/*    max-width: 650px;*/
/*}*/

.landmarks-content h2 {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 20px;
}

/* TEXT */
.landmarks-content p {
	font-size: 16px;
	color: #666;
	line-height: 1.7;
}

/* STATS */
.stat-item h3 {
	font-size: 42px;
	font-weight: 700;
	color: #000;
	margin-bottom: 5px;
}

.stat-item p {
	font-size: 18px;
	color: #000;
	margin: 0;
}


/* FOOTER */
.footer-section {
	padding: 80px 0 40px;
	/*background: linear-gradient(
        135deg,
        #e6edf5 0%,
        #c9d7e6 50%,
        #d6e3df 100%
    );*/

	background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(210, 225, 240, 0.6) 35%, rgb(200 215 235 / 11%) 60%, rgba(215, 200, 230, 0.9) 100%);
}

/* TITLE */
.footer-title {
	font-size: 32px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
}

/* TEXT */
.footer-section p {
	font-size: 16px;
	color: #333;
	line-height: 1.6;
}

/* SOCIAL */
.social-icons a {
	display: inline-block;
	margin-right: 12px;
	font-size: 18px;
	color: #2b4ea2;
	transition: 0.3s;
}

.social-icons a:hover {
	color: #000;
}

/* LOGOS */
.footer-logos img {
	height: 80px;
	margin-left: 38px;
}

/* RERA BOX */
.rera-box {
	display: inline-flex;
	align-items: center;
	padding: 0;
	margin-top: 32px;
}

.rera-box img {
	width: 300px;
}

.rera-box h6 {
	font-size: 16px;
	margin: 0;
}

/* DIVIDER */
.footer-section hr {
	margin: 30px 0;
	border-color: rgba(0, 0, 0, 0.1);
}

/* DISCLAIMER */
.footer-disclaimer p {
	font-size: 12px;
	color: #444;
}


.wa {
	position: fixed;
	bottom: 82px;
	right: 16px;
	z-index: 90;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #16a34a;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 16px rgba(48, 209, 88, .25);
	transition: transform .2s;
	z-index: 99;
}


.btn-loader {
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	border-top: 2px solid transparent;
	border-radius: 50%;
	display: inline-block;
	animation: spin 0.6s linear infinite;
	margin-left: 8px;
	vertical-align: middle;
}

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

.d-none {
	display: none !important;
}


/*img.pillar-icon {
	position: absolute;
	bottom: 12px;
	z-index: 999;
	width: 45px;
	height: auto;
	left: 18px;
}*/

img.pillar-icon {
    position: absolute;
    bottom: 12px;
    left: 18px;
    z-index: 999;

    width: 55px;
    height: auto;

    padding: 7px;
    border-radius: 50%;

    /* Glass effect */
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Optional enhancements */
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}




/* RESPONSIVE */


@media(max-width: 1440px) {
    .custom-arrow-wrapper {
        left: 1%;
        right: 1%;
    }
}

@media(max-width: 1366px) {
    .amenities-list ul li {
        font-size: 13px;
    }
    .connect-card li {
        font-size: 15px;
    }
    .pillar-content {
        min-height: 165px;
    }
    
    .custom-arrow-wrapper {
        left: 3%;
        right: 3%;
    }
}

@media (max-width: 768px) {

section, footer { overflow: hidden; }

	a.main-logo img {
		height: 55px;
	}

	.header.sticky a.main-logo img {
		height: 50px;
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding: 0 30px;
	}

	.intro-content p.price {
		font-weight: 600;
		font-size: 16px;
	}

	.intro-content br {
		display: none;
	}

	.btn-call,
	.btn-enquire {
		display: none;
	}

	.hero-slide-1 {
		background-image: url("../images/hero-slider/1-m.jpg") !important;
		background-position: center 0;
	}


	.hero-slide-2 {
		background-image: url("../images/hero-slider/2-m.jpg") !important;
		background-position: center center;
	}

	.hero-slide-2 .hero-content {
		text-align: center;
		margin-bottom: 0px;
	}

	.hero-title {
		font-size: 22px;
	}

	.hero-slider .container.h-100.d-flex.align-items-center {
		display: flex;
		align-items: flex-end !IMPORTANT;
	}

	.hero-sub {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.hero-slider a.btn.btn-primary-custom {
		display: none;
	}

	.hero-content {
		text-align: center;
		margin-bottom: 15px;
		transform: translateY(0px);
	}

	span.badge-pill {
		margin-bottom: 4px;
		display: inline-block;
		font-size: 14px;
	}

	.about-left {
		padding-left: 30px;
		padding-right: 30px;
	}

	.intro-content {
		margin-bottom: 0px;
		margin-top: 40px;
	}


	section#works span.gradient-text {
		display: block;
	}

	.layers-section,
	.pillars-section,
	.leisure-section,
	.connectivity-section {
		padding: 40px 0;
	}

	section#amenities .row.align-items-center.mb-5 {
		margin-bottom: 30px !important;
	}

	.stat-box {
		border-right: none;
		border-bottom: 1px solid #ddd;
	}

	.stat-box:last-child {
		border-bottom: none;
	}

	.intro-content h2, .intro-content h1 {
		font-size: 29px;
	}

	.layers-heading h2 {
        font-size: 29px;
        margin-bottom: 25px;
    }

	.pillars-heading h2 {
        font-size: 29px;
        margin-bottom: 25px;
    }

	.leisure-heading h2 {
		font-size: 29px;
	}

	.connectivity-heading h2 {
		font-size: 29px;
	}

	.landmarks-content h2,
	.footer-title {
		font-size: 29px;
	}

	.stat-item {
		margin-bottom: 30px;
	}

	.stat-box h2 {
		font-size: 28px;
	}

	.connectivity-section::after {
		background: linear-gradient(88deg, rgba(255, 255, 255, 0) 0%, rgba(200, 220, 240, 0.5) 40%, rgba(180, 200, 220, 0.8) 100%);
	}

	.amenities-list {
		margin-top: 31px;
	}

	.amenities-list ul {
        display: flex;
        flex-direction: column;
        width: 100% !IMPORTANT;
        padding: 0;
        gap: 0;
    }

	.amenities-list ul li {
        margin-bottom: 10px;
        width: 100%;
        margin: 0 0 12px;
        font-size: 16px;
    }

	section.gallery-section .video-thumb img {
		height: 300px;
	}

	.landmarks-content h2 br {
		display: none;
	}

	.main-video.mb-5 {
		margin-bottom: 25px !IMPORTANT;
	}

	.leisure-section {
		padding: 50px 0 40px;
	}

	.intro-card {
		height: fit-content;
		margin-bottom: 20px;
	}

	.row.g-md-4.intro-cards {
		margin-bottom: 20px;
	}


	a.btn.btn-enquire-mb {
    font-size: 18px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 99;
    display: block !important;
    border-radius: 0;
    box-shadow: 1px 1px 16px rgb(0 0 0 / 9%);
    color: #fff;
    width: 49%;
    }
    
    
    a.btn.btn-call-mb.d-none {
    font-size: 18px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #000;
    z-index: 99;
    display: block !important;
    border-radius: 0;
    box-shadow: 1px 1px 16px rgb(0 0 0 / 9%);
    color: #fff;
    width: 49%;
}
    


	#indoor img,
	#outdoor img {
		height: 300px;
		object-fit: cover;
	}

	.leisure-heading h2 span.gradient-text {
		display: block;
	}

	.gallery-section .swiper-button-prev.custom-arrow {
		left: 40%;
		display: block;
		background-color: transparent;
		top: auto;
		bottom: 16px;
	}


	section#gallery {
		padding-bottom: 40px;
	}

	.gallery-section .swiper-button-next.custom-arrow {
		right: 40%;
		display: block;
		background-color: transparent;
		top: auto;
		bottom: 16px;
	}


	section.gallery-section,
	.landmarks-section,
	.footer-section {
		padding: 40px 0;
	}

	.footer-logos img {
		margin-left: 0;
		margin-right: 10px;
		height: 60px;
	}

	.footer-logos.mb-4 {
		margin-top: 20px;
	}

	.footer-section hr {
		margin: 23px 0;
		border-color: rgb(0 0 0 / 10%);
		opacity: 1;
	}

	.rera-box {
		justify-content: center;
		margin-top: 20px;
	}

	.rera-box img {
		width: 230px;
	}

	.menu-content ul li a {
		font-size: 22px;
	}

	.stat-item h3 {
		font-size: 30px;
	}

	section#architecture {
		padding-bottom: 60px;
	}

	.custom-arrow-wrapper {
		left: 40%;
		right: 40%;
		bottom: 13px;
		top: auto;
	}

	.pillar-content {
		min-height: 180px;
	}

    section#amenities .tab-content img {
        height: 350px;
    }
    
    button.two.tab-btn {
        display: none;
    }
    div#indoor {
        display: block;
        opacity: 1;
        margin-top: 15px;
    }
    
    button.tab-btn.indoor-btn.d-none {
        display: block !IMPORTANT;
        margin-bottom: 20px;
        border: 0;
        padding: 0;
        font-size: 24px;
        font-weight: 600;
        color: #202428;
    }
    
    button.one.tab-btn.active {
        margin-bottom: 0px;
        border: 0;
        padding: 0;
        font-size: 24px;
        font-weight: 600;
        background-color: transparent;
        color: #202428;
    }
    .leisure-tabs {
        margin-bottom: 5px;
    }
    
    .gallery-swiper .swiper-wrapper, 
    .pillars-swiper .swiper-wrapper {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    
    .gallery-section .swiper-button-prev.custom-arrow, 
    .gallery-section .swiper-button-next.custom-arrow, .custom-arrow-wrapper {
        display: none;
    }

    .leisure-section::after {
        background: linear-gradient(101deg, rgba(255, 255, 255, 0) 0%, rgba(210, 225, 240, 0.6) 35%, rgb(200 215 235 / 11%) 60%, rgba(215, 200, 230, 0.9) 100%);
    }


    .about-image img {
        height: 83%;
        object-position: bottom;
    }
    
    .pillars-heading.mb-5 {
        margin-bottom: 0 !IMPORTANT;
    }
    
    .pillars-swiper {
        margin-top: 0;
    }
    
    
    .video-thumb {
        border-radius: 0;
    }
    
    .connectivity-heading.mb-5 {
        margin-bottom: 25px !important;
    }
    
    .grecaptcha-badge {
        bottom: 60px !important;
    }
    
    footer#contact-us {
        padding-bottom: 70px;
    }
}