/* ================================s============================
   DELTA GROUP – MAIN STYLESHEET
===================================s========================= */
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* @font-face { font-family: 'Libre Bodoni'; src: url('../fonts/Bodoni72.ttc') format('truetype'); font-weight: normal;font-style: normal;} */
/* Futura Medium */
@font-face { font-family: 'Futura Medium'; src: url('../fonts/Futura-Medium.woff') format('woff'); font-weight: normal;font-style: normal;}
/* ==============================s==============================
   1. CSS VARIABLES & RESET
=================================s=========================== */
:root {--dark-blue: #000066;
   --black: #292929;
   --coral: #FF9966;
   --freer: #515151;
   --coral-bg: #FFAF87;
   --blue-mid: #221dd4;
   --dark-gray: #333333;
   --brand-gray: #666666;
   --light-gray: #e2e2e2;
   --text-dark: #000000;
   --text-body: #353535;
   --text-muted: #888888;
   --white: #ffffff;
   --font-display: 'Libre Bodoni', serif;
   --font-body: 'Futura Medium', sans-serif;
   --forn-italic: 'Libre Bodoni', serif;
   --radius-sm: 6px;
   --radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.07);--shadow-md: 0 6px 28px rgba(0, 0, 0, 0.10);--shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.14);--transition: 0.3s ease;}

/* =============================s===============================
    HEADING AND PARAGRAPH
================================s============================ */ 
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0;}
html, body {width: 100%; max-width: 100%; overflow-x: hidden !important; margin: 0; padding: 0;}
html {scroll-behavior: smooth;}
@media (min-width: 1025px) {  html {scroll-behavior: auto !important;}}
.text-danger{position: absolute !important;}
.text-dark-blue{color: var(--dark-blue);}
img {max-width: 100%; display: block;}
/* -------s--------BODY ----------s--------*/
body {font-family: var(--font-body); color: var(--text-dark); background: var(--white); line-height: 1.7; letter-spacing: 0.04em;}
/* --------s-------MAIN HEADIN --------s----------*/
.heading_001{  word-spacing: 0.12em; font-family: var(--font-display); font-size: clamp(1.7rem, 3.5vw, 2.2rem); color: var(--black);text-transform: uppercase; letter-spacing: 1ch; font-weight: bold;}
/*---------s------ orange color ----------s-----*/
.heading_002{  word-spacing: 0.12em; font-family: var(--font-display); font-size: clamp(1.7rem, 3.5vw, 2.2rem); color: var(--coral);text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}
/*--------------- white color ---------------*/
.heading_003{ word-spacing: 0.12em; font-family: var(--font-display); font-size: clamp(1.7rem, 3.5vw, 2.2rem); color: var(--white);text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}
/*--------s------- Blue color ------s---------*/
.heading_004{  word-spacing: 0.12em; font-family: var(--font-display); font-size: clamp(1.7rem, 3.5vw, 2.2rem); color: var(--dark-blue);text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}
/* -------s--------ITALIC ---------s---------*/
.italic_heading{letter-spacing: 0px; font-family: var(--font-display);font-style: italic;font-weight: 400;font-size: 2.2rem;color: var(--dark-blue);display: block;line-height: 1.4;padding-bottom: 5px;}
.italic_heading_black{letter-spacing: 0px;font-family: var(--font-display);font-style: italic;font-weight: 400;font-size: 2.2rem;color: var(--black);display: block;line-height: 1.4;padding-bottom: 5px;}
/* -------s------ SUBHEADING --------s----------*/
.subheading_001 {font-family: var(--font-body);font-size: 1.4rem;color: var(--dark-blue);text-transform: none;letter-spacing: normal;margin-bottom: 0px;display: inline-block;}
/*--------s------- divider --------s-------*/
.divider{width: 150px;height: 2px;background-color: var(--black);margin: 8px 0 18px auto;}
.divider_left{width: 150px;height: 2px;background-color: var(--black);margin: 8px 0 18px 0;}
/*--------s------- blue ---------s------*/
.divider_blue{width: 150px;height: 2px;background-color: var(--dark-blue);margin: 8px auto 18px 0;}
.divider_blue_right{width: 150px;height: 2px;background-color: var(--dark-blue);margin: 8px 0 18px auto;}
.divider_white{width: 150px;height: 2px;background-color: var(--white);margin: 8px auto 18px 0;}
/* ===========================s=================================
   2. TYPOGRAPHY
==============================s============================== */
h1,h2,h3,h4,h5,h6 {font-family: var(--font-display); line-height: 1.2;}
.section-eyebrow {font-family: var(--font-body);font-size: 0.78rem;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: var(--text-muted);margin-bottom: 8px;}
.section-eyebrow-italic {font-family: var(--font-display);font-style: italic;font-size: 2rem; color: var(--black); margin-bottom: 4px;}
.section-heading {font-family: var(--font-display); font-size: clamp(1.8rem, 3.5vw, 2.8rem);color: var(--text-dark);}
.italic-heading {font-style: italic;font-weight: 400;}
.highlight-text {font-style: normal;font-weight: 700;color: var(--coral);}
.section-title-large {font-family: var(--font-body);font-size: clamp(1.5rem, 3.5vw, 2.4rem);font-weight: 700;letter-spacing: 0.01em;color: var(--text-dark);position: relative;}
.section-title-large::after { content: ''; display: block;width: 170px;height: 2px;background-color: var(--dark-blue);margin: 20px auto 0 auto;}
.about-section .section-eyebrow {font-family: var(--font-body);font-size: 1.15rem;font-weight: 700;color: var(--text-dark);text-transform: none;letter-spacing: normal;margin-top: 15px;margin-bottom: 20px;display: inline-block;}
.about-section .section-eyebrow::after { content: ''; display: block;width: 170px;height: 2px;background-color: var(--dark-blue);margin-top: 10px;}
.pillars-sub-italic { font-family: var(--font-display);font-style: italic;color: var(--black);font-size: 1.1rem;margin-top: 4px;}
.pillars-sub-italic::after { content: ''; display: block;width: 110px;height: 2px;background-color: var(--dark-blue);margin: 15px auto 0 auto;}
.section-subtitle {font-size: 0.92rem;color: var(--text-body);line-height: 1.8;}
.body-text {font-size: 1rem;color: var(--text-body);line-height: 1.55;margin-bottom: 8px; letter-spacing: 0.04em;}
/* ============================s================================
   3. UTILITY CLASSES / BUTTONS
===============================s============================= */
.btn-primary-custom {background-color: var(--coral); color: var(--white); border: 1px solid var(--white); border-radius: 0; padding: 14px 0px 14px 25px;font-size: 0.85rem; letter-spacing: 0.1em;text-transform: uppercase;display: inline-flex;align-items: center;transition: background-color var(--transition), transform var(--transition);}
.btn-primary-custom:hover {background-color: var(--white);color: var(--coral);border-color: var(--coral);}
.btn-contact {background-color: var(--dark-blue);color: var(--white) !important;border: none;border-radius: 50px;padding: 9px 24px;font-size: 0.85rem;font-weight: 600;transition: background-color var(--transition), transform var(--transition);}
.btn-contact:hover {background-color: var(--white) !important; border: 1px solid var(--coral) !important; color: var(--coral) !important;transform: translateY(-1px);}
.btn-outline-view {border: 2px solid var(--dark-blue);color: var(--white) !important;border-radius: 0;padding: 14px 0  14px 20px;font-size: 1rem; text-transform: uppercase; background-color: var(--dark-blue); letter-spacing: 0.1em;display: inline-flex;align-items: center;gap: 10px;text-decoration: none !important;transition: all var(--transition);}
.btn-outline-view:hover {background-color: var(--dark-blue) !important;color: var(--white) !important;transform: translateY(-2px);}
.btn-outline-view i {transition: transform 0.3s ease;}
.btn-outline-view:hover i {transform: translateX(6px);}
/* ============================s================================
   19. CUSTOM ANIMATED BUTTONS (UIVERSE STYLE)
===============================s============================= */
.cta-animated { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: 0.8s ease-in-out !important; box-shadow: 6px 6px 0 var(--brand-gray) !important; border: none !important; cursor: pointer !important;}
.cta-animated:focus { outline: none !important;}
.cta-animated:hover { transition: 0.4s ease-in-out !important;}
.btn-primary-custom.cta-animated:hover {box-shadow: 10px 10px 0 var(--coral) !important;background-color: var(--dark-blue) !important;color: var(--white) !important;border-color: var(--coral) !important;}
.btn-outline-view.cta-animated:hover {box-shadow: 10px 10px 0 var(--dark-blue) !important;background-color: var(--coral) !important; color: var(--white) !important;}
.btn-learn-more.cta-animated:hover {box-shadow: 10px 10px 0 var(--coral) !important; background-color: var(--black) !important; color: var(--white) !important;}
.btn-cta-white.cta-animated:hover {box-shadow: 10px 10px 0 var(--brand-gray) !important; background-color: var(--coral) !important;}
.cta-animated .span {display: inline-block !important;}
.cta-animated .second {width: 35px !important; height: 15px !important; margin-left: 0px !important;position: relative !important;display: inline-flex !important;align-items: center !important;transition: 0.4s ease-in-out !important;margin-right: 0px !important;}
.cta-animated:hover .second {transition: 0.4s ease-in-out !important; margin-right: 25px !important;}
.cta-animated .second svg {width: 100% !important;height: 100% !important;display: block !important;}
.cta-animated .one {transition: 0.4s !important;transform: translateX(-60%) !important;}
.cta-animated .two {transition: 0.5s !important;transform: translateX(-30%) !important;}
.cta-animated:hover .three {animation: color_anim 1s infinite 0.2s !important;}
.cta-animated:hover .one {transform: translateX(0%) !important;animation: color_anim 1s infinite 0.6s !important;}
.cta-animated:hover .two {transform: translateX(0%) !important;animation: color_anim 1s infinite 0.4s !important;}
@keyframes color_anim { 0% {fill: currentColor;} 50% {fill: var(--coral);} 100% {fill: currentColor;}}
.btn-view-details.cta-animated, .project-card-btn-link.cta-animated {font-size: 0.75rem !important;padding: 5px 0px 5px 15px !important;}
.btn-view-details.cta-animated {box-shadow: 4px 4px 0 var(--brand-gray) !important;}
.btn-view-details.cta-animated:hover {box-shadow: 6px 6px 0 var(--dark-blue) !important;background-color: var(--coral) !important;color: var(--white) !important;}
.btn-view-details.cta-animated .second,.project-card-btn-link.cta-animated .second {width: 25px !important;height: 10px !important;margin-left: 0px !important;}
.btn-view-details.cta-animated:hover .second,.project-card-btn-link.cta-animated:hover .second {margin-right: 15px !important;}
/* ===========s========= Header Start =========s=========== */
.mainmenu a { padding: 2px 11px; text-decoration: none; color: #fff; transition: all 0.3s ease; font-size: 24px; }
.navmenu { border: 1px solid var(--coral); border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; }
.fa-bars { color: var(--coral); }
.downloadbtn { border: 1px solid var(--coral); background: var(--coral); border-radius: 30px; color: #fff; }
/* ==========s========== Header End ==========s========== */
/* ============================s================================
   5. HERO SECTION
===============================s============================= */
.deckt_sli {height: 100vh !important; background: var(--black); width: 100% !important; object-fit: cover;}
.hero-video-overlay {position: absolute;top: 0;left: 0; width: 100%; height: 100%; display: flex;justify-content: center;align-items: center;z-index: 2;}
.hero-play-btn {width: 80px;height: 80px;border: 4px solid rgba(255, 255, 255, 0.6);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);}
.hero-play-btn:hover { transform: scale(1.08);background: rgba(255, 255, 255, 0.15);border-color: #ffffff;box-shadow: 0 0 35px rgba(255, 255, 255, 0.25);}
.hero-play-btn svg { margin-left: 6px; width: 32px; height: 36px; transition: transform 0.4s ease;}
.hero-play-btn:hover svg { transform: scale(1.05);}
.sound-toggle-btn {position: absolute; bottom: 20px; right: 20px; z-index: 10; width: 28px; height: 28px; border-radius: 50%; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; transition: all 0.3s ease; padding: 0;}
.sound-toggle-btn:hover { color: #ffffff; }
/* ============================s================================
   6. HIGHLIGHTS SECTION
===============================s============================= */
.highlights-section {background: var(--white);position: relative;z-index: 4;}
.highlights-wrapper {background-color: #ededed;border-radius: 220px;padding: 40px 40px;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;gap: 30px;box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.02);}
.highlight-card {position: relative;width: 200px;height: 200px;border-radius: 50%;background: transparent;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.highlight-card.blue-theme {--stat-color: var(--dark-blue);--dashed-color: var(--dark-blue);}
.highlight-card.grey-theme {--stat-color: var(--dark-gray);--dashed-color: rgba(74, 74, 74, 0.637);}
.highlights-wrapper .highlight-card:nth-child(1),.highlights-wrapper .highlight-card:nth-child(3) {--stat-color: var(--dark-blue);--dashed-color: var(--dark-blue)}
.highlight-card-dashed-ring {position: absolute;top: -16px;left: -16px;right: -16px;bottom: -16px;border-radius: 50%;border: 1.5px dashed var(--dashed-color);border-bottom-color: transparent;pointer-events: none;z-index: 0;transition: transform var(--transition);}
.highlight-card-bg-border {position: absolute;top: -14px;left: -14px;right: -14px;bottom: -14px;border-radius: 50%;background: var(--stat-color);z-index: 1;clip-path: polygon(50% 100%, 100% 100%, 100% 50%, 100% 50%, 50% 50%, 0% 50%, 0% 50%, 0% 100%);transition: clip-path 0.5s ease;}
.highlight-card:hover .highlight-card-bg-border {clip-path: polygon(50% 100%, 100% 100%, 100% 50%, 100% 0%, 50% 0%, 0% 0%, 0% 50%, 0% 100%);}
.highlight-card-inner {position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;background: color-mix(in srgb, var(--stat-color) 3%, #f9f9fa);z-index: 2;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 16px;box-shadow: 0 0px 25px rgba(0, 0, 0, 0.322);text-align: center;transition: transform var(--transition), box-shadow var(--transition);overflow: hidden;}
.counter{font-weight: 700 !important;}
/* ==============s=================
   CARD SHINE EFFECT
=================s================= */
.highlight-card-inner::after {content: "";position: absolute;top: -60%;left: -160%;width: 45%;height: 220%;pointer-events: none;z-index: 5;background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 252, 211, 0.95) 50%, rgba(255, 255, 255, 0) 70%, transparent 100%);filter: blur(3px);animation: card-shine 4s cubic-bezier(.25, .46, .45, .94) infinite;}
.highlights-wrapper .highlight-card:nth-child(1) .highlight-card-inner::after {transform: rotate(25deg);animation-delay: 0s;}
.highlights-wrapper .highlight-card:nth-child(2) .highlight-card-inner::after {transform: rotate(-20deg);animation-delay: 0s;}
.highlights-wrapper .highlight-card:nth-child(3) .highlight-card-inner::after {transform: rotate(30deg);animation-delay: 0s;}
.highlights-wrapper .highlight-card:nth-child(4) .highlight-card-inner::after {transform: rotate(-30deg);animation-delay: 0s;}
.highlights-wrapper .highlight-card:nth-child(5) .highlight-card-inner::after {transform: rotate(20deg);animation-delay: 0s;}
@keyframes card-shine {0% {left: -160%;}40% {left: 160%;}100% {left: 160%;}}
.highlight-card {transition: transform .35s ease;}
.highlight-card-inner {transition: transform .35s ease, box-shadow .35s ease;}
.highlight-card-dashed-ring {transition: transform .5s ease;}
.highlight-card:hover .highlight-card-inner {transform: translateY(-0px);box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.12);}
.highlight-card:hover .highlight-card-dashed-ring {transform: rotate(15deg);}
.stat-icon-svg {display: flex;align-items: center;justify-content: center;margin-bottom: 2px;}
.stat-icon-svg img {width: 50px;height: 50px;}
.stat-divider {width: 60%;height: 1px;background: linear-gradient(to right, transparent, var(--stat-color), transparent);margin: 6px 0 4px 0;opacity: 0.6;}
.stat-value {font-family: var(--font-body);font-size: 1.90rem;font-weight: 700;color: var(--stat-color);line-height: 1.1;display: flex;align-items: baseline;justify-content: center;}
.stat-value .plus-sign {font-size: 1.35rem;font-weight: 700;margin-left: 1px;}
.stat-value .stat-suffix {font-size: 0.95rem;font-weight: 700;margin-left: 2px;}
.stat-label {font-family: var(--font-body); letter-spacing: 0.1em; font-size: 0.82rem;font-weight: 700;text-transform: uppercase;color: #111111;margin-top: 4px;line-height: 1.3;max-width: 140px;}
/* ==============================s==============================
   7. ABOUT SECTION
=================================s=========================== */
.about-section {background: var(--white);overflow: hidden;}
.about-img-wrap {position: relative;display: inline-block;width: 100%;}
.about-building-img {width: 100%;object-fit: cover;border-radius: var(--radius-lg);position: relative;z-index: 2;}
.about-accent-shape {position: absolute; top: -30px;left: -30px;width: 100%;z-index: 1;opacity: 0.8;}
/* ============================s================================
   8. PROJECTS SECTION
===============================s============================= */
.projects-section {background: var(--white);position: relative;overflow: hidden;padding: 110px 0 40px 0;}
.projects-section::before {content: '';position: absolute; top: 0; left: 0; width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(58% - 7vw), 0 63%);z-index: 0;pointer-events: none;}
.projects-bg-accent {position: absolute;z-index: 0;pointer-events: none;color: var(--coral);}
.projects-bg-accent.left {left: 0;top: 50%;opacity: 0.3;}
.projects-bg-accent.right {right: 2%;top: -7%;opacity: 0.5; filter: brightness(0) invert(1);}
.projects-section .container {position: relative; z-index: 1;}
.project-card {overflow: hidden;transition: transform var(--transition);cursor: pointer;width: 95%;}
.project-card:hover {transform: translateY(-6px);}
.project-img-wrap {position: relative;overflow: hidden;width: 100%;border-radius: var(--radius-md);padding: 2px;background: #ffffff;transition: all var(--transition);}
.project-img-wrap::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: conic-gradient(transparent, transparent, var(--coral), transparent);opacity: 0;transition: opacity 0.3s ease;z-index: 1;pointer-events: none;}
.project-img {width: 100%;height: 100%;object-fit: cover;border-radius: calc(var(--radius-md) - 2px);position: relative;z-index: 2;transition: transform 0.5s ease;}
.project-card:hover .project-img {transform: scale(1.05);}
.project-card:hover .project-img-wrap::before {opacity: 1;animation: borderRotate 1.8s linear infinite;}
@keyframes borderRotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.project-card.active-focus .project-img-overlay,
.project-card:hover .project-img-overlay {transform: translateY(100%);}
.project-name { font-family: var(--font-body) !important; font-size: 1.4rem;font-weight: 500;color: var(--text-dark);margin-bottom: 2px;transition: color var(--transition);}
.project-card:hover .project-name {color: var(--coral);}
.project-type {font-size: 0.9rem;color: var(--text-dark);margin: 0;}
.project-status {font-size: 0.95rem;font-weight: 500;border-radius: 20px;display: inline-block;}
.project-status.ongoing {color: var(--text-body);}
.project-year {font-size: 0.85rem;color: var(--text-dark);margin: 4px 0 0;}
.project-bhk {font-size: 0.95rem;font-weight: 500;color: var(--text-dark);}
.project-location {font-size: 0.9rem;font-weight: 500;color: var(--coral);}
.project-location i {color: var(--coral);margin-right: 4px;}
.project-rera {font-size: 0.85rem;color: var(--text-dark);}
.btn-view-details {background-color: var(--dark-blue);color: var(--white);font-size: 0.70rem;padding: 6px 16px;border-radius: 0;text-decoration: none;display: inline-block;transition: all var(--transition);}
.btn-view-details:hover {background-color: var(--text-dark);color: var(--white);}
.project-card:hover .btn-view-details {background-color: var(--coral);}
/* ============================s================================
   project_home_section
===============================s============================= */
.carousel-item {height: 100%;}
.project-hero-overlay {flex-direction: column; text-align: center; color: var(--white); padding: 0 15px;}
.project-hero-container {max-width: 900px;}
.project-hero-title {line-height: 1.3; font-family: var(--font-display); font-size: clamp(2rem, 5vw, 2.2rem); font-weight: 400;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 20px;}
.project-hero-divider {width: 80px; height: 1px;background-color: var(--white);margin: 0 auto 30px auto;opacity: 0.6;}
.project-hero-desc {font-family: var(--font-body);font-size: clamp(0.9rem, 2vw, 1rem);line-height: 1.8;font-weight: 300;max-width: 1100px;margin: 0 auto; letter-spacing: 0.04em;}
/* =============================s===============================
   project_ourprojects_section
================================s============================ */
.project-bg-texture{position: absolute;top: -10%;left: 1%;width: 260px;}
.project-bg-texture1{position: absolute;top: -10%;right: 2%;width: 260px; z-index: 2; filter: brightness(0) invert(1);}
.project_ourprojects_section {position: relative;overflow: hidden;padding-bottom: 135px !important;margin-bottom: -107px;z-index: 9;}
.project_ourprojects_section::before { content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 32vw, 100% 32vw, 100% calc(89% - 0vw), 0 100%);z-index: 0;pointer-events: none;}
.project_ourprojects_section::after {display: none;}
.project_ourprojects_section .container {position: relative;z-index: 2;}
/* =============================================================
   UNIFIED BREADCRUMBS STYLES (ALL PAGES)
============================================================== */
.project-breadcrumbs-container {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);z-index: 10;width: 100%;}
.project-breadcrumbs .breadcrumb {background: transparent;padding: 0;margin-bottom: 0;display: flex !important;flex-wrap: nowrap !important;align-items: center !important;white-space: nowrap !important;}
.project-breadcrumbs .breadcrumb-item a {color: #ffffff;text-decoration: none;font-family: var(--font-body);font-weight: 500;font-size: 1.25rem !important;transition: color 0.3s ease;}
.project-breadcrumbs .breadcrumb-item a:hover {color: var(--coral, #FF9966);}
.project-breadcrumbs .breadcrumb-item.active {color: var(--coral, #FF9966) !important;font-family: var(--font-body);font-size: 1.25rem !important;}
.project-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {content: "\F285" !important;font-family: "bootstrap-icons" !important;font-size: 1.4rem !important;color: var(--coral, #FF9966) !important;padding: 0 8px !important;display: inline-flex !important;align-items: center !important;}
/* =============================================================
   CAREER ANGLED SECTION STYLES
============================================================== */
.career-angled-section {position: relative;padding: 120px 0; /* margin: 40px 0; */ overflow: hidden; background: transparent;}
.career-img {min-height: 380px; max-height: 440px;}
.career-angled-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #e2e2e2;clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%);z-index: 0; pointer-events: none;}
.career-bg-texture-top {position: absolute;top: -150px;right: 0%;width: 230px; opacity: 1;filter: brightness(0) invert(1); pointer-events: none;}
.career-bg-texture-bottom {position: absolute;bottom: -200px;left: 0%;width: 230px; opacity: 1;filter: brightness(0) invert(1); pointer-events: none;}
/* =============================================================
   CAREER CURRENT OPENINGS SECTION STYLES
============================================================== */
.career-openings-section {position: relative; padding: 130px 0 100px 0; margin-top: -60px; overflow: hidden; background: transparent;}
.career-openings-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 0vw), 0 100%);z-index: 0; pointer-events: none;}
.career-openings-section .career-bg-texture-top {position: absolute;top: -215px;right: 0%;opacity: 1;pointer-events: none;}
.btn-current-openings.cta-animated {background-color: var(--dark-blue) !important;color: #ffffff !important;font-family: var(--font-body);font-size: 0.9rem !important;font-weight: 700 !important;letter-spacing: 0.1em;padding: 14px 28px 14px 35px !important;border-radius: 0px !important;border: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;text-decoration: none !important;transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;box-shadow: 6px 6px 0 #111827 !important;cursor: pointer !important;}
.btn-current-openings.cta-animated:hover {box-shadow: 10px 10px 0 var(--dark-blue) !important;background-color: #000000 !important;color: #ffffff !important;transform: translateY(-3px) !important;}
.project-filter-tabs {background: #e9ecef;padding: 6px;border-radius: 40px;position: relative;max-width: 100%;}
.project-filter-indicator {position: absolute;background: var(--dark-blue);border-radius: 30px;transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);z-index: 1;}
.project-filter-btn {background: transparent !important;border: none;color: var(--black);padding: 10px 30px;font-family: var(--font-body);font-weight: 700;font-size: 0.85rem;letter-spacing: 1px;border-radius: 30px;cursor: pointer;position: relative;z-index: 2;transition: color 0.3s ease;white-space: nowrap;}
.project-filter-btn.active {color: var(--white);}
.project-card-wrap {background: var(--white);border-radius: 24px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);overflow: hidden;height: 100%;display: flex;flex-direction: column;transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);border: 2px solid transparent;will-change: transform, box-shadow;}
.project-card-wrap:hover {transform: translateY(-8px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);}
.project-card-wrap.featured {border: 2.5px solid #ffbc9f;box-shadow: 0 15px 35px rgba(229, 55, 14, 0.12);}
.project-card-img-container {position: relative;height: 340px;overflow: hidden;}
.project-card-img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}
.project-card-wrap:hover .project-card-img {transform: scale(1.06);}
.project-badge {position: absolute;top: 15px;left: 15px;padding: 6px 14px;font-family: var(--font-body);font-size: 0.7rem;font-weight: 700;letter-spacing: 0.5px;text-transform: uppercase;border-radius: 30px;z-index: 2;transition: background var(--transition), color var(--transition);}
.badge-ongoing {background: #3c4043;color: var(--white);}
.badge-featured {background: #e8f1fa;color: var(--dark-blue);}
.badge-upcoming {background: #e8f1fa;color: var(--dark-blue);}
.badge-completed {background: #2d6a9f;color: var(--white);}
.project-card-body {padding: 19px 19px 18px 19px;display: flex;flex-direction: column;flex-grow: 1;}
.project-card-title {font-family: var(--font-body);font-size: 1.35rem;color: var(--black);margin-bottom: 4px;text-align: left;transition: color var(--transition);}
.project-card-title.featured-title {color: var(--black);}
.project-card-type {font-family: var(--font-body);font-size: 0.85rem;color: var(--text-dark);margin: 1px 0;text-align: left;}
.project-card-divider {height: 1.7px;background-color: var(--dark-gray); width: 71%; opacity: 0.5;margin: 2px 0;}
.project-card-specs {font-family: var(--font-body);font-size: 0.95rem;color: var(--text-dark);margin: 4px 0;text-align: left;}
.project-card-footer {margin-top: 10px;font-family: var(--font-body);}
.project-card-location {font-size: 0.88rem; color: var(--text-body); display: flex; align-items: center;gap: 6px;}
.project-card-location i {color: var(--text-muted);font-size: 1.05rem;transition: color var(--transition);}
.project-card-location.featured-location i {color: var(--text-muted);}
.project-card-btn-link {background: var(--dark-gray);color: var(--white);padding: 8px 18px;font-size: 0.75rem;border-radius: 30px;text-decoration: none;transition: all var(--transition);display: inline-flex;align-items: center;gap: 4px;}
.project-card-btn-link:hover {background: var(--black);color: var(--white);}
.project-card-btn-link.featured-btn { background: var(--dark-gray);}
.project-card-item:hover .project-card-title { color: var(--dark-blue) !important;}
.project-card-item:hover .project-card-location i { color: var(--dark-blue) !important;}
.project-card-item:hover .project-card-btn-link { background: var(--dark-blue) !important;}
.project-card-item:hover .project-badge {background: var(--dark-blue) !important;color: var(--white) !important;}
.project-cards-grid:not(:hover) .project-card-wrap.featured .featured-title,
.project-card-item:hover .project-card-wrap.featured .featured-title {color: var(--dark-blue) !important;}
.project-cards-grid:not(:hover) .project-card-wrap.featured .featured-location i,
.project-card-item:hover .project-card-wrap.featured .featured-location i {color: var(--dark-blue) !important;}
.project-cards-grid:not(:hover) .project-card-wrap.featured .featured-btn,
.project-card-item:hover .project-card-wrap.featured .featured-btn {background: var(--dark-blue) !important;}
.project-card-rera {font-family: var(--font-body);font-size: 0.75rem;color: var(--text-dark);}
.project-cards-swiper .swiper-wrapper.justify-content-center {padding-bottom: 30px; justify-content: center !important;transform: translate3d(0px, 0px, 0px) !important;gap: 30px !important;}
.project-cards-swiper .swiper-wrapper.justify-content-center .swiper-slide {margin-right: 0 !important;}
.project-cards-swiper.no-center-zoom .swiper-slide .project-card-wrap {transform: scale(1) !important;opacity: 1 !important;}
.project-cards-swiper.no-center-zoom .swiper-slide:hover .project-card-wrap {transform: scale(1.06) !important;box-shadow: 0 15px 35px rgba(229, 55, 14, 0.15) !important;border-color: #ffbc9f !important;opacity: 1 !important;}
/* ==============================s==============================
   9. WHY DELTA SECTION
=================================s=========================== */
#why {position: relative;z-index: 6;overflow: hidden;}
.why-section {position: relative;padding: 80px 0;overflow: hidden;z-index: 1;}
.why-section::before {content: '';position: absolute;inset: 0;background-color: #e2e2e2;clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%);z-index: 0;pointer-events: none;}
.why-section .container, .why-section .container-fluid {position: relative;z-index: 2;}
.whySwiper {position: relative; overflow: hidden; padding-bottom: 25px;}
.why-grid-item {text-align: center;position: relative;padding:20px;background: transparent;border-radius: 20px;border: 1px solid transparent; transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1);}
.why-grid-item:hover {background: transparent;border-color: transparent;transform: translateY(-8px);}
.why-grid-item .why-icon-svg {display: flex;align-items: center;justify-content: center;margin-bottom: 20px;height: 85px;width: 85px;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;border-radius: 50%;}
.why-grid-item .why-icon-svg::after {content: '';position: absolute;top: 0;left: -150%;width: 100%;height: 100%;background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.4) 50%,rgba(255, 255, 255, 0) 100%);transform: skewX(-20deg); animation: autoShine 3s infinite ease-in-out;}
@keyframes autoShine {0% {left: -150%;}35% {left: 150%;}100% {left: 150%;}}
.why-grid-item .why-icon-svg img {transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1); width: 64px;height: auto;}
.why-grid-item:hover .why-icon-svg img {transform: translateY(-5px) scale(1.15) rotate(4deg);}
.why-grid-item .why-title {font-family: var(--font-body);font-size: 1rem;font-weight: 700;color: #333333;line-height: 1.4;margin: 0;transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1);}
.why-grid-item:hover .why-title {color: var(--navy);transform: translateY(-2px);}
.why-grid-item:not(:nth-child(3n))::after {content: '';position: absolute;right: -10px;top: 15%;height: 70%;width: 1px;background: #363636; opacity: 0.35; clip-path: polygon(50% 0%, 100% 21%, 100% 92%, 50% 100%, 0% 83%, 0% 17%);}
.why-text-container {text-align: right;position: relative;z-index: 2;}
.why-text-container .section-heading {font-family: var(--font-display);font-size: clamp(1.8rem, 3.5vw, 2.6rem);font-weight: 700;color: #111111;margin: 0;line-height: 1.2;}
.why-text-container .why-sub-italic {font-family: var(--font-display);font-style: italic;font-weight: 400;font-size: 1.5rem;color: var(--dark-gray);display: block;margin-top: 4px;}
.why-text-container .why-divider {width: 100px;height: 2.5px;background-color: #666666;margin: 18px 0 18px auto;}
.btn-learn-more {background-color: #383838;color: #ffffff !important;border: none;border-radius: 0px;padding:14px 0px 14px 25px;font-size: 1rem;letter-spacing: 0.08em;text-transform: uppercase;display: inline-flex;align-items: center;gap: 8px;transition: background-color var(--transition);}
.btn-learn-more:hover {background-color: var(--black);}
.container-fluid {max-width: 93% !important;width: 100% !important;}
.container {max-width: 90% !important;width: 100% !important;}
/* ==============================s==============================
   10. GALLERY SECTION
================================s=========================== */
#gallery {padding: 72px 0 30px;background: #ffffff url('../images/gallery/galllery-bg-texture.png') no-repeat center center;overflow: hidden;position: relative;z-index: 5;}
.gallery-header {text-align: center;margin-bottom: 48px;padding: 0 20px;}
.gallery-header .tag {display: inline-block;font-size: 11px;font-weight: 600;letter-spacing: 2.5px;text-transform: uppercase;color: var(--coral);background: #fdf0e8;border-radius: 20px;padding: 5px 16px;margin-bottom: 14px;}
.gallery-header h2 {font-size: clamp(28px, 5vw, 44px);font-weight: 700;color: var(--dark-blue);line-height: 1.2;margin-bottom: 14px;}
.gallery-header p {font-size: 16px;color: #6b7a8d;max-width: 480px;margin: 0 auto;line-height: 1.7;}
.gallery-track-wrap {display: flex;flex-direction: column;gap: 30px;}
.gallery-marquee-container {width: 100%;overflow: hidden;position: relative;cursor: grab;user-select: none;}
.gallery-marquee-container.grabbing {cursor: grabbing;}
.gallery-marquee-container img {pointer-events: none;}
.gallery-marquee-container::before,.gallery-marquee-container::after { content: '';position: absolute;top: 0;bottom: 0;width: 80px;z-index: 2;pointer-events: none;}
.gallery-marquee-container::before {left: 0;}
.gallery-marquee-container::after {right: 0;}
.gallery-scroll-wrapper {display: flex;width: max-content;will-change: transform;}
.gallery-scroll-wrapper.marquee-left {animation: scroll-left 75s linear infinite;}
.gallery-scroll-wrapper.marquee-right {animation: scroll-right 100s linear infinite;}
.gallery-marquee-container:hover .gallery-scroll-wrapper {animation-play-state: paused;}
.gallery-row {display: flex;gap: 30px;flex-wrap: nowrap;width: max-content;padding-right: 30px;}
.gallery-item {position: relative;overflow: hidden;flex-shrink: 0;cursor: pointer;width: 500px;height: 314px;border: 1px solid var(--text-body);}
.gallery-item.wide {width: 400px;}
.gallery-item.tall {width: 300px;}
.gallery-item img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;}
.gallery-item:hover img {transform: scale(1.07);}
.gallery-overlay {position: absolute;inset: 0;background: rgba(20, 40, 70, 0.38);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;color: var(--white);}
.gallery-overlay i {font-size: 26px;}
.gallery-item:hover .gallery-overlay {opacity: 1;}
.gallery-cta {text-align: center;margin-top: 44px;}
.gallery-cta a {display: inline-flex;align-items: center;gap: 8px;padding: 13px 32px;background: var(--dark-blue);color: var(--white);border-radius: 50px;font-size: 14px;font-weight: 600;text-decoration: none;letter-spacing: 0.4px;transition: background 0.25s, transform 0.2s;}
.gallery-cta a:hover {background: var(--coral);transform: translateY(-2px);}
#gallery-lightbox {display: none;position: fixed;inset: 0;background: rgba(8, 15, 30, 0.96) !important;z-index: 999999 !important;align-items: center;justify-content: center;opacity: 1 !important;visibility: visible !important;animation: lbFadeIn 0.22s ease;}
#gallery-lightbox.open {display: flex !important;}
.lb-img-wrap { max-width: 95vw;max-height: 90vh;display: flex;align-items: center;justify-content: center;}
.lb-img {width: 85vw;height: 80vh;max-width: 1200px;max-height: 800px;object-fit: contain;border-radius: 12px;box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);display: block;transition: opacity 0.15s ease; }
.lb-close {position: absolute;top: 18px;right: 22px;width: 44px;height: 44px;border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.13);color: var(--white);font-size: 20px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.2s;}
.lb-close:hover {background: var(--coral);}
.lb-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 44px;height: 44px;border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.13);color: var(--white);font-size: 20px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.2s;}
.lb-nav:hover {background: var(--coral);}
.lb-prev {left: 18px;}
.lb-next {right: 18px;}
@keyframes lbFadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes scroll-left {0% {transform: translate3d(0, 0, 0);} 100% {transform: translate3d(-50%, 0, 0);}}
@keyframes scroll-right {0% {transform: translate3d(-50%, 0, 0);} 100% {transform: translate3d(0, 0, 0);}}
/* =============================s===============================
   11. PILLARS SECTION
=================================s=========================== */
.pillars-section {background: var(--white);position: relative;overflow: hidden;padding: 80px 0 0 0;}
.pillars-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(65% - 0vw), 0 65%);z-index: 0;pointer-events: none;}
.pillars-section .container {position: relative;z-index: 2;}
.pillars-title {font-family: var(--font-body);font-size: clamp(1.5rem, 3.5vw, 2.4rem);font-weight: 800;letter-spacing: 0.02em;color: var(--dark-blue);}
.pillar-card-wrap {background-color: transparent;width: 250px;height: 350px;-webkit-perspective: 1000px;perspective: 1000px;padding: 15px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.pillar-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;border-radius: var(--radius-md);}
.pillar-card-wrap:hover .pillar-card-inner,
.pillar-card-wrap.flipped .pillar-card-inner {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.pillar-card-front, .pillar-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;overflow: hidden;border-radius: var(--radius-md);box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.363);padding: 2px;transition: all var(--transition);}
.pillar-card-front::before, .pillar-card-back::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: conic-gradient(transparent, transparent, var(--dark-blue), transparent);opacity: 0;transition: opacity 0.3s ease;z-index: 1;pointer-events: none;}
.pillar-card-wrap:hover .pillar-card-front::before,.pillar-card-wrap:hover .pillar-card-back::before {opacity: 1;animation: borderRotate 1.8s linear infinite;}
.pillar-card-front {background-color: #eee;color: black;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
.pillar-img-wrap {position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: calc(var(--radius-md) - 2px);z-index: 2;}
.pillar-img-wrap img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.pillar-card-wrap:hover .pillar-img-wrap img {transform: scale(1.06);}
.pillar-label-box { position: absolute;top: 0;left: 0;background: rgba(255, 255, 255, 0.92);padding: 10px 16px;z-index: 10;}
.pillar-label {font-size: 0.8rem;font-weight: 700;color: var(--dark-blue);letter-spacing: 0.1em;margin: 0;}
.pillar-card-back {background: transparent;color: var(--text-dark);transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.pillar-back-content {text-align: center;width: 100%;height: 100%;background: #ffffff;border-radius: calc(var(--radius-md) - 2px);display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 14px 12px;position: relative;z-index: 2;}
.pillar-back-icon-wrap {margin-bottom: 15px;display: flex;justify-content: center;align-items: center;}
.pillar-back-icon-wrap img {width: 60px;height: 60px;object-fit: contain;}
.pillar-back-icon-wrap svg {width: 40px;height: 40px;}
.pillar-back-title {font-family: var(--font-body);font-size: 1.1rem;letter-spacing: 0.04em;color: var(--dark-blue);margin-bottom: 6px;text-transform: uppercase;}
.pillar-back-divider {width: 30px;height: 2px;background-color: var(--dark-blue);margin: 0 auto 10px auto;}
.pillar-desc {font-size: 0.9rem;color: var(--text-body);line-height: 1.5;margin: 0;}
.bg-delt-right-img {right: 0%;top: 0%;width: 250px;opacity: 0.5;position: absolute;z-index: 1;pointer-events: none;}
.bg-delt-right-img img {width: 100%;height: auto;}
.bg-delt-left-img {left: 0%;bottom: -110px;width: 250px;opacity: 1; filter: brightness(0) invert(1); position: absolute;z-index: 1;pointer-events: none;}
.bg-delt-left-img img {width: 100%;height: auto;}
.bg-delt-right-img {right: 0%;top: -110px;width: 250px;opacity: 1; filter: brightness(0) invert(1); position: absolute;z-index: 1;pointer-events: none;filter: brightness(0) invert(1);}
/* =============================s===============================
   12. TESTIMONIALS SECTION
================================s============================ */
/* ============================s================================
   12. TESTIMONIALS SECTION (Redesigned)
===============================s============================= */
.testimonials-section {background: var(--white); padding: 50px 0;}
.testimonials-eyebrow-container {display: inline-block; }
.testimonials-eyebrow-container .section-eyebrow-italic {font-family: var(--font-display);font-style: italic;font-size: 2.2rem;color: #333333;margin: 0;}
.testimonials-eyebrow-container .eyebrow-line {width: 80px;height: 1.5px;background-color: #888888;margin-top: 6px;}
.testi-heading {font-family: var(--font-display);font-size: 2.2rem;font-weight: 700;color: var(--coral);letter-spacing: 0.02em;margin-bottom: 50px;}
.testi-card-modern {display: grid; grid-template-columns: 150px 1fr;align-items: start; gap: 0 24px; height: 100%;}
.testi-header-meta {display: contents;}
.testi-content-block {display: contents;}
.testi-avatar-block {grid-column: 1;grid-row: 1 / span 3;position: relative; width: 150px;height: 190px;flex-shrink: 0;}
.testi-author-meta {grid-column: 2;grid-row: 3;margin-top: 0;}
.testi-shape-bg {width: 100%;height: 100%;clip-path: polygon(45% 0%, 84% 0%, 42% 45%, 80% 45%, 80% 100%, 16% 100%, 16% 45%);transition: transform 0.3s ease;}
.testi-card-modern:hover .testi-shape-bg {transform: translateY(-4px);}
.testi-avatar-img {position: absolute;bottom: 7px;left: 48%;transform: translateX(-50%);width: 83px;height: 83px;border-radius: 50%;object-fit: cover;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);transition: transform 0.3s ease;}
.testi-card-modern:hover .testi-avatar-img {transform: translateX(-50%) scale(1.05);}
.testi-quote-mark {grid-column: 2;grid-row: 1;font-family: var(--font-display);font-size: 2.5rem;color: var(--coral);line-height: 1;display: block;margin-bottom: -15px;padding-top: 0px;}
.testi-text-modern {grid-column: 2; grid-row: 2; font-family: var(--font-body);font-size: 0.8rem; color: var(--dark-gray); line-height: 1.7; margin-bottom: 12px;}
.testi-author-name {font-family: var(--font-body);font-size: 0.95rem;font-weight: 700;margin-bottom: 2px;}
.testi-author-name.coral-text {color: var(--coral);}
.testi-author-name.grey-text {color: var(--dark-gray);}
.testi-author-role {font-family: var(--font-body);font-size: 0.8rem;color: #888888;margin: 0;}
/* ============================s================================
   17. SWIPER SLIDER STYLING (TESTIMONIALS)
===============================s============================= */
.testimonials-swiper {width: 100%;padding: 10px 0 60px 0 !important;overflow: hidden;position: relative;}
.testimonials-swiper .swiper-slide {height: auto !important;}
.testimonials-swiper .swiper-pagination {bottom: 15px !important;}
.testimonials-swiper .swiper-pagination-bullet {background: #cccccc;opacity: 0.6;width: 8px;height: 8px;transition: all 0.3s ease;}
.testimonials-swiper .swiper-pagination-bullet-active {background: var(--coral) !important;opacity: 1;width: 20px;border-radius: 4px;}
/* ===========================s=================================
   18. CALL TO ACTION SECTION STYLES
==============================s============================== */
.cta-visit-section {background-color: var(--dark-blue);padding: 24px 0 30px 0 !important;}
.cta-title {font-family: var(--font-display); font-size: clamp(1.8rem, 3.5vw, 2.5rem);letter-spacing: -0.01em;}
.cta-desc {font-size: 1.02rem;font-weight: 400;}
.btn-cta-white {background-color: var(--coral) !important; text-transform: uppercase !important; color: var(--white) !important;font-weight: 700 !important;border-radius: 0px !important;font-size: 0.95rem !important;text-transform: none !important;border: none !important;display: inline-block !important;transition: transform var(--transition), box-shadow var(--transition), background-color var(--transition) !important;}
/* ===========================s=================================
   13. FOOTER
==============================s============================== */
.footer-section {background: var(--brand-gray);color: rgba(255, 255, 255, 0.75);}
.footer-brand .brand-name {color: var(--white);}
.footer-desc {font-size: 0.82rem;line-height: 1.8;color: var(--white)}
.footer-heading {font-family: var(--font-body);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--white);margin-bottom: 18px;}
.footer-heading a{text-decoration: none; font-family: var(--font-body);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--white);display: inline-block;transition: color var(--transition), transform var(--transition);}
.footer-heading a:hover {color: var(--coral);transform: translateX(5px);}
.footer-links {list-style: none;padding: 0;margin: 0;}
.footer-links li {margin-bottom: 10px;}
.footer-links a {font-size: 0.84rem;color: var(--white);text-decoration: none;display: inline-block;transition: color var(--transition), transform var(--transition);}
.footer-links a:hover {color: var(--coral);transform: translateX(5px);}
.footer-contact-list {list-style: none;padding: 0;margin: 0;}
.footer-contact-list li {display: flex;align-items: center;gap: 12px;margin-bottom: 14px;font-size: 0.84rem;color: var(--white);}
.footer-contact-list li i {color: var(--white);font-size: 1rem;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;line-height: 1;}
/* .social-link {display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.10);color: var(--white);font-size: 0.95rem;text-decoration: none; transition: all var(--transition);border: 1px solid rgba(255, 255, 255, 0.35);} */
/* .social-link:hover {background: var(--coral);border-color: var(--coral);color: var(--white);transform: translateY(-3px);} */
.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.12);}
.footer-copy {font-size: 0.8rem;color: var(--white);}
.footer-bottom-links a {font-size: 0.8rem;color: var(--white);text-decoration: none;transition: color var(--transition);}
.footer-bottom-links a:hover {color: var(--coral);}
.footer-divider-spindle { display: inline-block; width: 1px; height: 14px; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.45) 50%, transparent); align-self: center;}
/* ===========================s=================================
   14. BACK TO TOP BUTTON
==============================s============================== */
.back-to-top {position: fixed;bottom: 30px;right: 28px;width: 46px;height: 46px;border-radius: 50%;background: var(--coral);color: var(--white);border: none;font-size: 0.85rem;font-weight: 700;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 9999;opacity: 0;transform: translateY(20px);transition: all var(--transition);box-shadow: var(--shadow-md);}
.back-to-top.visible {opacity: 1;transform: translateY(0);}
.back-to-top .scroll-percent {display: inline-block;}
.back-to-top i {display: none;font-size: 1.1rem;}
.back-to-top:hover {background: var(--dark-blue);transform: translateY(-3px);}
.back-to-top:hover .scroll-percent {display: none;}
.back-to-top:hover i {display: inline-block;}
.nav-backdrop {position: fixed; inset: 0;background: rgba(10, 20, 40, 0.5);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);z-index: 1040;display: none;}
body.nav-menu-open {overflow: hidden !important;}
/* ==========================================================================
   DELTA GREENVILLE DETAIL PAGE STYLES
   ========================================================================== */
.delta-greenville-bg-texture {position: absolute;top: -94px;right: 0; filter: brightness(0) invert(1);}
/* ==========================================================
   HERO
   ========================================================== */
.hero {position: relative;width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.hero-img {width: 100%;}
.hero-top-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 140px;background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%);z-index: 5;pointer-events: none;}
.hero-scroll {position: absolute;bottom: 40px;left: 45%;transform: translateX(-50%);z-index: 10;display: flex;flex-direction: column;align-items: center;gap: 8px;color: var(--white);cursor: pointer;text-decoration: none;transition: opacity 0.3s ease, transform 0.3s ease;}
.hero-scroll:hover {opacity: 0.8;}
.hero-scroll span {font-size: 0.75rem;letter-spacing: 2px;font-weight: 500;color: var(--white);}
.hero-scroll i {font-size: 1.2rem;color: var(--white);animation: bounceScroll 2s infinite;}
@keyframes bounceScroll {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}40% {transform: translateY(6px);}60% {transform: translateY(3px);}}
/* ==========================================================
   INFO STRIP
   ========================================================== */
.delta-greenville-info-strip { background: var(--dark-blue); padding: 2.1rem 0;color: #fff;position: relative;z-index: 5;}
.delta-greenville-info-item {display: flex;align-items: center;gap: 1rem;justify-content: flex-start;max-width: 240px;width: 100%;margin: 0 auto;}
.rera-info-item {max-width: 100% !important;}
.delta-greenville-info-item i {font-size: 1.4rem;color: var(--white);border: 1.5px solid rgb(255, 255, 255);border-radius: 50%;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.delta-greenville-info-item div {display: flex;flex-direction: column;text-align: left;}
.delta-greenville-info-label {font-size: .68rem;letter-spacing: 1px;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;}
.delta-greenville-info-value {font-size: .98rem; white-space: nowrap;}
/* ==========================================================
   ABOUT SECTION
   ========================================================== */
.delta-greenville-about-section {padding: 3.5rem 0;background: #ffffff;}
.delta-greenville-about-img-wrap {border-radius: 4px;overflow: hidden;position: relative;}
.about-swiper .swiper-wrapper {transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1) !important;}
.about-swiper-pagination {position: absolute;bottom: 35px !important;left: 0;right: 0;z-index: 10;display: flex;justify-content: center;gap: 6px;}
.about-swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;background: rgba(255, 255, 255, 0.7);opacity: 0.6;transition: all 0.3s ease;}
.about-swiper-pagination .swiper-pagination-bullet-active {background: var(--dark-blue, #0E1C4F);opacity: 1;width: 24px;border-radius: 4px;}
.about-swiper-button-prev,
.about-swiper-button-next {position: absolute !important;top: 50% !important;transform: translateY(-50%) !important;z-index: 10;width: 44px;height: 44px;border-radius: 50%;background: none;border: none;display: flex;align-items: center;justify-content: center;transition: all .25s ease;cursor: pointer;padding: 0;}
.about-swiper-button-prev {left: 15px !important;}
.about-swiper-button-next {right: 15px !important;}
.about-swiper-button-prev img,
.about-swiper-button-next img {display: block; background-color: #fff; border-radius: 50%;}
.about-img {width: 100%;height: 100%;object-fit: cover;}
.about-title {font-family: var(--font-display);font-weight: 700;color: var(--dark-blue);font-size: 2.2rem;margin-bottom: 0.5rem;letter-spacing: 0.02em;}
.heading-rule {width: 90px;height: 2px;background: var(--dark-blue);display: block;}
.about-text {color: var(--text-body);font-size: .98rem;line-height: 1.8;margin-bottom: 1.2rem;font-family: var(--font-body);}
.btn-brochure {background: var(--dark-blue);color: #fff;border: none;padding: 13px 8px 13px 28px;font-size: .8rem;font-weight: 600;letter-spacing: 1px;border-radius: 2px;transition: .25s ease-in-out;display: inline-flex;align-items: center;}
.btn-brochure:hover {background: var(--coral);color: #fff;}
/* ==========================================================
   LIFESTYLE / AMENITIES (SWIPER)
   ========================================================== */
.delta-greenville-amenities-image-section {position: relative;padding: 6rem 0 5rem;overflow: hidden;background: #fff;}
.delta-greenville-amenities-image-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(58% - 7vw), 0 63%);z-index: 0;pointer-events: none;}
.delta-greenville-amenities-image-section .container { z-index: 1; }
.delta-greenville-amenitis-heading { margin-bottom: 3rem; }
.eyebrow {font-family: var(--font-display);font-style: italic;color: var(--coral);font-size: 1.15rem;margin-bottom: .2rem;}
.delta-greenville-amenitis-heading .heading-rule { margin: 12px auto 0; }
.delta-greenville-amenities-main-img {position: relative;border-radius: 4px;overflow: hidden;height: 540px;box-shadow: 0 20px 45px rgba(14,28,79,.2);}
.delta-greenville-amenities-main-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1);z-index: 1;}
.delta-greenville-amenities-main-img img.slide-incoming-next {transform: translate3d(100%, 0, 0);z-index: 2;}
.delta-greenville-amenities-main-img img.slide-incoming-next.slide-active {transform: translate3d(0, 0, 0);}
.delta-greenville-amenities-main-img img.slide-outgoing-next {transform: translate3d(-100%, 0, 0);z-index: 1;}
.delta-greenville-amenities-main-img img.slide-incoming-prev {transform: translate3d(-100%, 0, 0);z-index: 2;}
.delta-greenville-amenities-main-img img.slide-incoming-prev.slide-active {transform: translate3d(0, 0, 0);}
.delta-greenville-amenities-main-img img.slide-outgoing-prev {transform: translate3d(100%, 0, 0);z-index: 1;}
.delta-greenville-amenities-tag {position: absolute;left: 1rem;bottom: 1rem;background: rgba(14,28,79,.85);color: #fff;font-size: .7rem;letter-spacing: 1px;font-weight: 600;padding: .5rem .9rem;transition: opacity .3s ease;z-index: 10;}
.delta-greenville-amenities-image-Swiper {width: 100% !important;overflow: hidden !important;}
.delta-greenville-amenities-image-Swiper .swiper-slide {position: relative;border-radius: 4px;overflow: hidden;height: 320px;cursor: pointer;}
.delta-greenville-amenities-image-Swiper .swiper-slide::after {content: '';position: absolute;inset: 0;background: rgba(0,0,0,.5);z-index: 1;transition: background .4s ease;}
.delta-greenville-amenities-image-Swiper .swiper-slide:hover::after,.delta-greenville-amenities-image-Swiper .swiper-slide-active::after {background: rgba(0,0,0,.15);}
.delta-greenville-amenities-image-Swiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;}
.delta-greenville-amenities-image-Swiper .swiper-slide:hover img { transform: scale(1.06); }
.delta-greenville-slide-caption {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: .85rem;font-weight: 700;letter-spacing: 1.5px;line-height: 1.4;text-transform: uppercase;z-index: 2;padding: 1rem;}
.delta-greenville-amenities-image-caption-row {display: flex;flex-direction: column;align-items: flex-start;gap: .8rem;margin-top: 1.8rem;}
.delta-greenville-amenities-image-caption-row h3 {font-family: var(--font-display);color: var(--dark-blue);font-weight: 700;font-size: 2rem;margin: 0;transition: opacity .3s ease;}
.delta-greenville-lifestyle-nav { display: flex; gap: .6rem; }
.ls-btn {width: 38px;height: 38px;border-radius: 50%;border: 1.5px solid var(--dark-blue);background: transparent;color: var(--dark-blue);display: flex;align-items: center;justify-content: center;transition: .25s ease;cursor: pointer;}
.ls-btn:hover {background: var(--dark-blue);border-color: var(--dark-blue);color: var(--coral);}
/* GSAP Stacked Cards Gallery Styles */
.main-cards-stack, .thumb-stack-wrapper, .main-gallery-card, .thumb-card-slide {touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.main-cards-stack {position: relative; width: 100%; aspect-ratio: 1.1; border-radius: 4px; overflow: hidden; box-shadow: 0 18px 40px -10px rgba(18, 35, 92, 0.25); background: var(--navy, #12235c);}
.main-gallery-card {position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; clip-path: inset(0px 0px 0px 0px);}
.main-gallery-card img {width: 100%; height: 100%; object-fit: cover; display: block;}
.img-tag {position: absolute; left: 20px; bottom: 20px; background: var(--navy, #12235c); color: var(--white, #ffffff); padding: 8px 20px; border-radius: 4px; font-size: .85rem; font-weight: 600; z-index: 2;}
.thumb-stack-wrapper {position: relative; width: 100%; aspect-ratio: 1 / 1.18; border-radius: 4px; overflow: hidden; box-shadow: 0 12px 28px -10px rgba(18, 35, 92, 0.2);}
.thumb-card-slide {position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; clip-path: inset(0px 0px 0px 0px); cursor: pointer; background: #e0e0e0;}
.thumb-card-slide img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease;}
.thumb-card-slide:hover img { transform: scale(1.06); }
.thumb-card-slide::after {content: "";position: absolute; inset: 0;background: rgba(0,0,0,0.38);transition: background .3s ease;}
.thumb-card-slide:hover::after {background: rgba(0,0,0,0.28);}
.thumb-card-slide .thumb-label {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 88%; text-align: center; color: var(--white, #ffffff); font-weight: 700; font-size: .95rem; line-height: 1.35; z-index: 2; text-shadow: 0 2px 6px rgba(0,0,0,.4);}
.amenity-details-wrap {margin-top: 20px;}
.amenity-name {color: var(--navy, #12235c); font-family: 'Playfair Display', serif; font-weight: 700; font-size: 2.2rem; margin-bottom: 14px; line-height: 1.2; transition: opacity 0.3s ease;}
.nav-arrows { display: flex; gap: 14px; align-items: center; }
.nav-arrows button {width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--navy, #0b1a48); background: transparent; color: var(--navy, #0b1a48); display: flex; align-items: center; justify-content: center; transition: all .25s ease; cursor: pointer; padding: 0;}
.nav-arrows button:hover { background: var(--navy, #0b1a48); color: var(--white, #ffffff); }
.nav-arrows button svg { display: block; fill: currentColor; }
/* ==========================================================
   INTERNAL AMENITIES
   ========================================================== */
.delta-greenville-internal-amenities {background: var(--coral-bg);padding: 5rem 0;text-align: center;overflow: hidden;}
.section-title-serif {font-family: var(--font-display);color: var(--dark-blue);font-weight: 700;font-size: 1.9rem;}
.delta-greenville-internal-amenities .heading-rule {margin: 12px auto 0;}
.internal-icon-Swiper {padding: 1.5rem 34px;margin: 0 -15px;max-width: calc(100% + 30px);overflow: hidden !important;}
.delta-greenville-internal-card {background: #fff;border-radius: 20px;height: 170px;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow:0 8px 18px rgb(14 28 79 / 36%);transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, box-shadow 0.3s ease;cursor: pointer;border: 1px solid rgba(0,0,66,0.05);}
.delta-greenville-internal-card img {max-height: 48px;width: auto;margin: 0 auto;}
.delta-greenville-internal-card p {font-size: 1rem;font-weight: 600;letter-spacing: .7px;color: var(--text-dark);margin: 0;line-height: 1.3;transition: color .25s ease;margin-top: 15px;}
.delta-greenville-internal-card:hover {background: var(--dark-blue);box-shadow: 0 15px 30px rgba(0,0,66,0.25);transform: scale(1.2);}
.delta-greenville-internal-card:hover img,.delta-greenville-internal-card:hover p {color: #fff;filter: brightness(0) invert(1);}
.delta-greenville-internal-nav {display: flex;justify-content: center;gap: .6rem;margin-top: 3rem;}
.delta-greenville-internal-nav .ls-btn {width: 38px;height: 38px;border-color: #000066;color: #000066;}
.delta-greenville-internal-nav .ls-btn:hover {background: #fff;border-color: #fff;color: var(--coral);}
/* ==========================================================
   FLOOR PLANS
   ========================================================== */
.delta-greenville-floorplans-section { padding: 3.5rem 0; background: #fff; }
.floorplan-title { font-family: var(--font-display); color: var(--coral); font-weight: 700; font-size: 2rem; }
.delta-greenville-floorplans-section .heading-rule { margin: 12px auto 0; }
.fp-tabs { border-bottom: 1px solid #e2e2e2; gap: 1.5rem; flex-wrap: wrap; }
.fp-tabs .nav-link { color: var(--text-dark); letter-spacing: .5px; font-size: .95rem; border: none; border-radius: 0; padding: .6rem .8rem; border-bottom: 2px solid transparent; background: transparent !important; transition: .25s ease; position: relative; white-space: nowrap; }
.fp-tabs .nav-link.active { color: var(--coral); border-bottom: 2px solid var(--coral); }
.fp-tabs .nav-link.active::after { content: ''; position: absolute; bottom: -6.5px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; background: #fff; border-right: 2px solid var(--coral); border-bottom: 2px solid var(--coral); z-index: 2; }
.fp-card { max-width: 780px; border: 1px solid #000066; border-radius: 4px; padding: 1.5rem; background: #fff; box-shadow: 0 15px 40px rgba(14,28,79,.08); }
.fp-card.fp-card-lg { max-width: 1200px; }
.delta-greenville-fp-img { border-radius: 2px; border: 1px solid #000066; width: 100%; }
/* ==========================================================
   LOCATION
   ========================================================== */
.location-section { position: relative; background: transparent; padding: 6rem 0; overflow: hidden; }
.location-section::before { content: ''; position: absolute; inset: 0; background-color: #e2e2e2; clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 0vw), 0 100%); z-index: 0; pointer-events: none; }
.location-section .container { position: relative; z-index: 1; }
.delta-greenville-location-title { font-family: var(--font-display); color: var(--dark-blue); font-weight: 700; font-size: 2rem; }
.location-section .heading-rule { margin: 12px auto 0; }
.location-panel { box-shadow: none; background: transparent; border-radius: 0; overflow: visible; }
.delta-greenville-loc-acc-item { border: none; margin-bottom: 1.2rem; border-radius: 4px; overflow: hidden; background: #fff; box-shadow: 0 8px 24px rgba(149, 157, 165, 0.12); transition: all 0.3s ease; }
.delta-greenville-loc-acc-item.open { background: var(--dark-blue); box-shadow: 0 10px 30px rgba(0, 0, 102, 0.2); }
.delta-greenville-loc-acc-btn { width: 100%; text-align: left; background: transparent; color: var(--white); border: none; padding: .5rem 1.6rem; font-size: .85rem; font-weight: 600; letter-spacing: .6px; display: flex; align-items: center; gap: .8rem; transition: all 0.3s ease; position: relative; }
.delta-greenville-loc-acc-btn::after { content: '\F285'; font-family: "bootstrap-icons"; margin-left: auto; font-size: .95rem; transition: transform .3s ease; color: #888; }
.delta-greenville-loc-acc-item.open .delta-greenville-loc-acc-btn::after { content: '\F282'; color: #fff; }
.delta-greenville-loc-acc-item:not(.open) .delta-greenville-loc-acc-btn { background: #fff; color: var(--text-muted); }
.delta-greenville-loc-acc-btn i { font-size: 1.1rem; color: #666; }
.delta-greenville-loc-acc-item.open .delta-greenville-loc-acc-btn i { color: #fff; }
.delta-greenville-loc-acc-body { max-height: 0; overflow: hidden; background: var(--dark-blue); transition: max-height .35s ease; }
.delta-greenville-loc-acc-item.open .delta-greenville-loc-acc-body { max-height: 380px; }
.loc-list { list-style: none; margin: 0; padding: 0.5rem 1.6rem 1.4rem; }
.loc-list li { display: flex; justify-content: space-between; color: rgba(255, 255, 255, 0.85); font-size: .8rem; padding: .1rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.25s ease, color 0.25s ease; cursor: pointer; }
.loc-list li:hover { transform: translateX(6px); color: #fff; }
.loc-list li:last-child { border-bottom: none; }
.loc-list li b { color: var(--coral); font-weight: 600; }
.delta-greenville-location-map { position: relative; height: 100%; border: 1px solid #000066; overflow: hidden; }
.delta-greenville-location-map img { object-fit: contain !important; width: 100%; height: 100%; }
.map-pin { position: absolute; color: #d6392f; font-size: 1.6rem; transform: translate(-50%, -100%); filter: drop-shadow(0 3px 3px rgba(0,0,0,.35)); cursor: pointer; transition: transform 0.2s ease, color 0.2s ease; }
.map-pin:hover { transform: translate(-50%, -100%) scale(1.2); color: #ff0000; }
.map-pin-highlight { transform: translate(-50%, -100%) scale(1.4) !important; color: #ff0000 !important; filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.7)) !important; z-index: 10; }
.delta-greenville-map-pins-category { display: none; }
.delta-greenville-map-pins-category.active { display: block; }
.delta-greenville-map-pins-category.active .map-pin {animation: mapPinShow 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;}
.delta-greenville-map-pins-category.active .map-pin:nth-child(1) { animation-delay: 0.05s; }
.delta-greenville-map-pins-category.active .map-pin:nth-child(2) { animation-delay: 0.12s; }
.delta-greenville-map-pins-category.active .map-pin:nth-child(3) { animation-delay: 0.19s; }
.delta-greenville-map-pins-category.active .map-pin:nth-child(4) { animation-delay: 0.26s; }
.delta-greenville-map-pins-category.active .map-pin:nth-child(5) { animation-delay: 0.33s; }
@keyframes mapPinShow {
  0% {opacity: 0;transform: translate(-50%, -220%) scale(0.2);}
  30% {opacity: 0.7;transform: translate(-50%, -80%) scale(0.8);}
  60% {opacity: 1;transform: translate(-50%, -160%) scale(1.4);}
  80% {transform: translate(-50%, -90%) scale(0.95);}
  100% {opacity: 1;transform: translate(-50%, -100%) scale(1);}
}
/* ==========================================================
   CONTACT SECTION
   ========================================================== */
.contact-section { background: var(--dark-blue); padding: 5rem 0; color: #fff; }
.contact-title { font-family: var(--font-display); font-weight: 700; font-size: 2.2rem; color: #fff; }
.contact-section .heading-rule.light { background: rgba(255, 255, 255, 0.45); }
.contact-form .form-control { background: transparent; border: none; border-bottom: 1.5px solid rgb(255, 255, 255); border-radius: 0; color: #fff; padding: .8rem .2rem; font-size: .95rem; transition: border-color .3s ease; }
.contact-form .form-control::placeholder { color: rgba(255, 255, 255, 0.822); }
.contact-form .form-control:focus { box-shadow: none; border-bottom-color: var(--coral); background: transparent; color: #fff; }
/* ==========================================================
   CTA BUTTON ANIMATIONS (UIVERSE)
   ========================================================== */
.btn-learn-more, .btn-enquiry { background-color: var(--coral); color: #ffffff !important; border: none; border-radius: 0px; padding: 13px 8px 13px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-brochure { background-color: var(--dark-blue) !important; color: #ffffff !important; border: none; border-radius: 0px; padding: 13px 8px 13px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-learn-more:hover, .btn-brochure:hover, .btn-enquiry:hover { background-color: var(--black); }
.cta-animated { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: 0.8s ease-in-out !important; box-shadow: 6px 6px 0 var(--brand-gray) !important; border: none !important; cursor: pointer !important; }
.cta-animated:focus { outline: none !important; }
.cta-animated:hover { transition: 0.4s ease-in-out !important; }
.btn-learn-more.cta-animated:hover,
.btn-brochure.cta-animated:hover { box-shadow: 10px 10px 0 var(--dark-blue) !important; background-color: var(--coral) !important; color: #ffffff !important; }
.btn-enquiry.cta-animated:hover { box-shadow: 10px 10px 0 var(--dark-gray) !important; background-color: var(--c) !important; color: var(--white) !important; border-color: var(--coral) !important; }
.cta-animated .span { display: inline-block !important; }
.cta-animated .second { width: 35px !important; height: 15px !important; margin-left: 0px !important; position: relative !important; display: inline-flex !important; align-items: center !important; transition: 0.4s ease-in-out !important; margin-right: 0px !important; }
.cta-animated:hover .second { margin-right: 25px !important; }
.cta-animated .second svg { width: 100% !important; height: 100% !important; display: block !important; }
.cta-animated .one { transition: 0.4s !important; transform: translateX(-60%) !important; }
.cta-animated .two { transition: 0.5s !important; transform: translateX(-30%) !important; }
.cta-animated:hover .three { animation: color_anim 1s infinite 0.2s !important; }
.cta-animated:hover .one { transform: translateX(0%) !important; animation: color_anim 1s infinite 0.6s !important; }
.cta-animated:hover .two { transform: translateX(0%) !important; animation: color_anim 1s infinite 0.4s !important; }
@keyframes color_anim {
  0% { fill: currentColor; }
  50% { fill: var(--coral); }
  100% { fill: currentColor; }
}
.reveal-img {overflow: hidden;}
.reveal-img img {width: 100%;height: 100%;clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);transform: scale(1.5);}
.reveal-img.active img {animation: imageReveal 1s ease-in-out forwards,imageZoom 1s ease-in-out forwards;}
@keyframes imageReveal {from {clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}to {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
@keyframes imageZoom {from {transform: scale(1.5);}to {transform: scale(1);}}
.delta-greenville-virtual-tour{padding:30px 0;background:#f8f8f8;}
.delta-greenville-virtual-tour iframe{width:100%;height:600px;border:none;border-radius:5px;overflow:hidden;}
/* ==========================================================================
   DELTA MEADOWS DETAIL PAGE STYLES
   ========================================================================== */
.delta-meadows-bg-texture { position: absolute; top: -115px; right: 0;filter: brightness(0) invert(1);}
/* ==========================================================
   INFO STRIP (Meadows)
   ========================================================== */
.delta-meadows-info-strip {background: var(--dark-blue);padding: 2.1rem 0;color: #fff;position: relative;z-index: 5;}
.delta-meadows-info-item {display: flex;align-items: center;gap: 1rem;justify-content: flex-start;max-width: 270px;width: 100%;margin: 0 auto;}
.delta-meadows-info-item i {font-size: 1.4rem;color: var(--white);border: 1.5px solid rgb(255, 255, 255);border-radius: 50%;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.delta-meadows-info-item div {display: flex;flex-direction: column;text-align: left;}
.delta-meadows-info-label {font-size: .68rem;letter-spacing: 1px;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;}
.delta-meadows-info-value {font-size: .98rem;}
/* ==========================================================
   ABOUT SECTION (Meadows)
   ========================================================== */
.delta-meadows-about-section {padding: 2.5rem 0;background: #ffffff;}
.delta-meadows-delta-meadows-about-img-wrap {border-radius: 4px;overflow: hidden;}
.delta-meadows-about-img {width: 100%;height: 100%;}
.delta-meadows-btn-brochure {background: var(--dark-blue);color: #fff;border: none;padding: 14px 0 14px 28px;font-size: .8rem;font-weight: 600;letter-spacing: 1px;border-radius: 2px;transition: .25s ease-in-out;display: inline-flex;align-items: center;}
.delta-meadows-btn-brochure:hover {background: var(--coral);color: #fff;}
/* ==========================================================
   AMENITIES (Meadows)
   ========================================================== */
.delta-meadows-amenities-image-section {position: relative;padding: 6rem 0 5rem;overflow: hidden;background: #fff;}
.delta-meadows-amenities-image-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(58% - 8vw), 0 63%);z-index: 0;pointer-events: none;}
.delta-meadows-amenities-image-section .container { z-index: 1; }
.delta-meadows-amenities-image-heading { margin-bottom: 3rem; }
.delta-meadows-amenities-image-heading .heading-rule { margin: 12px auto 0; }
.delta-meadows-amenities-image-main-img {position: relative;border-radius: 4px;overflow: hidden;height: 540px;box-shadow: 0 20px 45px rgba(14,28,79,.2);}
.delta-meadows-amenities-image-main-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1);z-index: 1;}
.delta-meadows-amenities-image-main-img img.slide-incoming-next {transform: translate3d(100%, 0, 0);z-index: 2;}
.delta-meadows-amenities-image-main-img img.slide-incoming-next.slide-active {transform: translate3d(0, 0, 0);}
.delta-meadows-amenities-image-main-img img.slide-outgoing-next {transform: translate3d(-100%, 0, 0);z-index: 1;}
.delta-meadows-amenities-image-main-img img.slide-incoming-prev {transform: translate3d(-100%, 0, 0);z-index: 2;}
.delta-meadows-amenities-image-main-img img.slide-incoming-prev.slide-active {transform: translate3d(0, 0, 0);}
.delta-meadows-amenities-image-main-img img.slide-outgoing-prev {transform: translate3d(100%, 0, 0);z-index: 1;}
.delta-meadows-amenities-image-tag {position: absolute;left: 1rem;bottom: 1rem;background: rgba(14,28,79,.85);color: #fff;font-size: .7rem;letter-spacing: 1px;font-weight: 600;padding: .5rem .9rem;transition: opacity .3s ease;z-index: 10;}
.delta-meadows-amenities-imageSwiper {width: 100% !important;overflow: hidden !important;}
.delta-meadows-amenities-imageSwiper .swiper-slide {position: relative;border-radius: 4px;overflow: hidden;height: 320px;cursor: pointer;}
.delta-meadows-amenities-imageSwiper .swiper-slide::after {content: '';position: absolute;inset: 0;background: rgba(0,0,0,.5);z-index: 1;transition: background .4s ease;}
.delta-meadows-amenities-imageSwiper .swiper-slide:hover::after,
.delta-meadows-amenities-imageSwiper .swiper-slide-active::after {background: rgba(0,0,0,.15);}
.delta-meadows-amenities-imageSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;}
.delta-meadows-amenities-imageSwiper .swiper-slide:hover img { transform: scale(1.06); }
/* ==========================================================
   INTERNAL AMENITIES (Meadows)
   ========================================================== */
.delta-meadows-internal-amenities {background: var(--coral-bg);padding: 5rem 0;text-align: center;overflow: hidden;}
.delta-meadows-internal-amenities .heading-rule {margin: 12px auto 0;}
.delta-meadows-internalSwiper {padding: 1.5rem 15px;margin: 0 -15px;max-width: calc(100% + 30px);overflow: hidden !important;}
.delta-meadows-internal-card {background: #fff;border-radius: 20px;padding: 20px;height: 155px;width: 88%;margin: 0 auto; display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow:0 8px 18px rgb(14 28 79 / 36%);transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, box-shadow 0.3s ease;cursor: pointer;border: 1px solid rgba(0,0,66,0.05);}
.delta-meadows-internal-card i {font-size: 3rem;color: var(--dark-blue);transition: color .25s ease;}
.delta-meadows-internal-card p {font-size: 1rem;letter-spacing: .4px;color: var(--text-dark);margin: 0;line-height: 1.3;transition: color .25s ease;margin-top: 10px;}
.delta-meadows-internal-card:hover {background: var(--dark-blue);box-shadow: 0 15px 30px rgba(0,0,66,0.25);transform: scale(1.2);}
.delta-meadows-internal-card:hover img,
.delta-meadows-internal-card:hover p {color: #fff;filter: brightness(0) invert(1);}
.delta-meadows-internal-nav {display: flex;justify-content: center;gap: .6rem;margin-top: 3rem;}
.delta-meadows-internal-nav .ls-btn {width: 38px;height: 38px;border-color: #000066;color: #000066;}
.delta-meadows-internal-nav .ls-btn:hover {background: #fff;border-color: #fff;color: var(--coral);}
.delta-meadows-internal-icon-wrap { display: flex; align-items: center; justify-content: center; }
.delta-meadows-internal-icon-wrap img { width: 50px; height: 50px; object-fit: contain;}
/* ==========================================================
   FLOOR PLANS (Meadows)
   ========================================================== */
.delta-meadows-floorplans-section { padding: 5rem 0; background: var(--white); }
.delta-meadows-floorplans-section .heading-rule { margin: 12px auto 0; }
.delta-meadows-fp-card { max-width: 780px; border: 1px solid #000066; border-radius: 4px; padding: 1rem; background: var(--white); box-shadow: 0 15px 40px rgba(14,28,79,.08); }
.delta-meadows-fp-card.delta-meadows-fp-card-lg { max-width: 1200px; }
/* ==========================================================
   LOCATION (Meadows)
   ========================================================== */
.delta-meadows-location-section { position: relative; background: transparent; padding: 6rem 0; overflow: hidden; }
.delta-meadows-location-section::before { content: ''; position: absolute; inset: 0; background-color: #e2e2e2; clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 0vw), 0 100%); z-index: 0; pointer-events: none; }
.delta-meadows-location-section .container { position: relative; z-index: 1; }
.delta-meadows-location-title { font-family: var(--font-display); color: var(--dark-blue); font-weight: 700; font-size: 2rem; }
.delta-meadows-location-section .heading-rule { margin: 12px auto 0; }
.delta-meadows-location-panel { box-shadow: none; background: transparent; border-radius: 0; overflow: visible; }
.delta-meadows-loc-acc-item { border: none; margin-bottom: 1.2rem; border-radius: 4px; overflow: hidden; background: var(--white); box-shadow: 0 8px 24px rgba(149, 157, 165, 0.12); transition: all 0.3s ease; }
.delta-meadows-loc-acc-item.open { background: var(--dark-blue); box-shadow: 0 10px 30px rgba(0, 0, 102, 0.2); }
.delta-meadows-loc-acc-btn { width: 100%; text-align: left; background: transparent; color: var(--white); border: none; padding: .5rem 1.6rem; font-size: .85rem; font-weight: 600; letter-spacing: .6px; display: flex; align-items: center; gap: .8rem; transition: all 0.3s ease; position: relative; }
.delta-meadows-loc-acc-btn::after { content: '\F285'; font-family: "bootstrap-icons"; margin-left: auto; font-size: .95rem; transition: transform .3s ease; color: #888; }
.delta-meadows-loc-acc-item.open .delta-meadows-loc-acc-btn::after { content: '\F282'; color: var(--white); }
.delta-meadows-loc-acc-item:not(.open) .delta-meadows-loc-acc-btn { background: var(--white); color: var(--text-muted); }
.delta-meadows-loc-acc-item:not(.open) .delta-meadows-loc-acc-btn:hover { color: var(--white); background-color: var(--dark-blue); }
.delta-meadows-loc-acc-item:not(.open) .delta-meadows-loc-acc-btn:hover i,
.delta-meadows-loc-acc-item:not(.open) .delta-meadows-loc-acc-btn:hover::after { color: var(--white); }
.delta-meadows-loc-acc-btn i { font-size: 1.1rem; color: #666; }
.delta-meadows-loc-acc-item.open .delta-meadows-loc-acc-btn i { color: var(--white); }
.delta-meadows-loc-acc-body { max-height: 0; overflow: hidden; background: var(--dark-blue); transition: max-height .35s ease; }
.delta-meadows-loc-acc-item.open .delta-meadows-loc-acc-body { max-height: 380px; }
.delta-meadows-location-map { position: relative; height: 100%; min-height: 530px; max-height: 530px; border: 1px solid #000066; overflow: hidden; }
.delta-meadows-location-map img { object-fit: cover; width: 100%; height: 100%; }
.delta-meadows-map-pins-category { display: none; }
.delta-meadows-map-pins-category.active { display: block; }
.delta-meadows-map-pins-category.active .map-pin { animation: mapPinShow 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.delta-meadows-map-pins-category.active .map-pin:nth-child(1) { animation-delay: 0.05s; }
.delta-meadows-map-pins-category.active .map-pin:nth-child(2) { animation-delay: 0.12s; }
.delta-meadows-map-pins-category.active .map-pin:nth-child(3) { animation-delay: 0.19s; }
.delta-meadows-map-pins-category.active .map-pin:nth-child(4) { animation-delay: 0.26s; }
.delta-meadows-map-pins-category.active .map-pin:nth-child(5) { animation-delay: 0.33s; }
/* ==========================================================
   CTA BUTTONS (Meadows – delta-meadows-btn-brochure overrides)
   ========================================================== */
.delta-meadows-btn-brochure { background-color: var(--dark-blue) !important; color: #ffffff !important; border: none; border-radius: 0px; padding: 14px 0 14px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-learn-more.cta-animated:hover,
.delta-meadows-btn-brochure.cta-animated:hover { box-shadow: 10px 10px 0 var(--dark-blue) !important; background-color: var(--coral) !important; color: #ffffff !important; }
/* ==========================================================
   ABOUT DEVELOPER (Meadows)
   ========================================================== */
.delta-meadows-about-developer-section {background-color: #fcfcfc;overflow: hidden;}
.delta-meadows-developer-img-wrapper {position: relative;}
.delta-meadows-developer-main-img {border-radius: 5px;object-fit: cover;height: 470px;width: 100%;border: 2px solid var(--dark-blue);}
.developer-stats-row .delta-meadows-stat-card {background: var(--white);padding: 15px 10px;border-radius: var(--radius-sm);box-shadow: 0 10px 10px rgba(0, 0, 96, 0.37);border-top: 4px solid var(--dark-blue);flex: 1;text-align: center;transition: transform var(--transition), box-shadow var(--transition);}
.developer-stats-row .delta-meadows-stat-card:hover {transform: translateY(-8px);box-shadow: 0 15px 35px rgba(0, 0, 96, 0.12);border-top-color: var(--coral);}
.developer-stats-row .delta-meadows-stat-card:hover .stat-number {color: var(--coral);}
/* ==========================================================
   FLOOR PLAN SWIPER (Meadows – mobile slider, desktop grid)
   ========================================================== */
.floorplanSwiper {width: 100%;}
.floorplanSwiper .swiper-pagination-bullet-active {background: var(--coral) !important;}
.floorplanSwiper .reveal-img img {height: auto !important; border: 1px solid var(--dark-blue);}
/* CTA Animations and Button helpers */
.btn-learn-more, .btn-enquiry { background-color: var(--coral); color: #ffffff !important; border: none; border-radius: 0px; padding: 14px 0 14px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-learn-more:hover, .delta-meadows-btn-brochure:hover, .btn-enquiry:hover { background-color: var(--black); }
.cta-animated { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: 0.8s ease-in-out !important; box-shadow: 6px 6px 0 var(--brand-gray) !important; border: none !important; cursor: pointer !important; }
.cta-animated:focus { outline: none !important; }
.cta-animated:hover { transition: 0.4s ease-in-out !important; }
.btn-enquiry.cta-animated:hover { box-shadow: 10px 10px 0 var(--dark-gray) !important; background-color: var(--coral) !important; color: var(--white) !important; border-color: var(--coral) !important; }
.cta-animated .span { display: inline-block !important; }
.cta-animated .second { width: 35px !important; height: 15px !important; margin-left: 0px !important; position: relative !important; display: inline-flex !important; align-items: center !important; transition: 0.4s ease-in-out !important; margin-right: 0px !important; }
.cta-animated:hover .second { margin-right: 25px !important; }
.cta-animated .second svg { width: 100% !important; height: 100% !important; display: block !important; }
.cta-animated .one { transition: 0.4s !important; transform: translateX(-60%) !important; }
.cta-animated .two { transition: 0.5s !important; transform: translateX(-30%) !important; }
.cta-animated:hover .three { animation: color_anim 1s infinite 0.2s !important; }
.cta-animated:hover .one { transform: translateX(0%) !important; animation: color_anim 1s infinite 0.6s !important; }
.cta-animated:hover .two { transform: translateX(0%) !important; animation: color_anim 1s infinite 0.4s !important; }
@keyframes color_anim {0% { fill: currentColor; }50% { fill: var(--coral); }100% { fill: currentColor; }}
/* ==========================================================
   STICKY SUB NAVBAR (Greenville Detail Page)
   ========================================================== */
.project-sub-nav {position: sticky !important;top: 00px;background: var(--coral) !important;z-index: 999;padding: 10px 0;width: 100%;}
.project-sub-nav .nav {gap: 15px;}
.project-sub-nav .nav-link {color: var(--white) !important;font-family: var(--font-body);font-weight: 600;text-transform: uppercase;font-size: 0.85rem;letter-spacing: 0.12em;padding: 7px 20px !important;position: relative;transition: color var(--transition);}
.project-sub-nav .nav-link:hover,.project-sub-nav .nav-link.active {color: var(--dark-blue) !important;}
.project-sub-nav .nav-link::after {content: '';position: absolute;bottom: 0;left: 20px;right: 20px;height: 2px;background-color: var(--dark-blue);transform: scaleX(0);transition: transform var(--transition);}
.project-sub-nav .nav-link:hover::after,.project-sub-nav .nav-link.active::after {transform: scaleX(1);}
/* ==========================================================================
   DELTA GARDEN DETAIL PAGE STYLES
   ========================================================================== */
.delta-garden-bg-texture {position: absolute;top: -94px;right: 0; filter: brightness(0) invert(1);}
/* ==========================================================
   HERO
   ========================================================== */
.hero {position: relative;width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.hero-img {width: 100%;}
.hero-scroll {position: absolute;bottom: 40px;left: 45%;transform: translateX(-50%);z-index: 10;display: flex;flex-direction: column;align-items: center;gap: 8px;color: var(--white);cursor: pointer;text-decoration: none;transition: opacity 0.3s ease, transform 0.3s ease;}
.hero-scroll:hover {opacity: 0.8;}
.hero-scroll span {font-size: 0.75rem;letter-spacing: 2px;font-weight: 500;color: var(--white);}
.hero-scroll i {font-size: 1.2rem;color: var(--white);animation: bounceScroll 2s infinite;}
@keyframes bounceScroll {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}40% {transform: translateY(6px);}60% {transform: translateY(3px);}}
/* ==========================================================
   INFO STRIP
   ========================================================== */
.delta-garden-info-strip { background: var(--dark-blue); padding: 2.1rem 0;color: #fff;position: relative;z-index: 5;}
.delta-garden-info-item {display: flex;align-items: center;gap: 1rem;justify-content: flex-start;max-width: 240px;width: 100%;margin: 0 auto;}
.delta-garden-info-item i {font-size: 1.4rem;color: var(--white);border: 1.5px solid rgb(255, 255, 255);border-radius: 50%;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.delta-garden-info-item div {display: flex;flex-direction: column;text-align: left;}
.delta-garden-info-label {font-size: .68rem;letter-spacing: 1px;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;}
.delta-garden-info-value {font-size: .98rem;}
/* ==========================================================
   ABOUT SECTION
   ========================================================== */
.delta-garden-about-section {padding: 3.5rem 0;background: #ffffff;}
.delta-garden-about-img-wrap {border-radius: 4px;overflow: hidden;}
.about-img {width: 100%;height: 100%;}
.about-title {font-family: var(--font-display);font-weight: 700;color: var(--dark-blue);font-size: 2.2rem;margin-bottom: 0.5rem;letter-spacing: 0.02em;}
.heading-rule {width: 90px;height: 2px;background: var(--dark-blue);display: block;}
.about-text {color: var(--text-body);font-size: .98rem;line-height: 1.8;margin-bottom: 1.2rem;font-family: var(--font-body);}
.btn-brochure {background: var(--dark-blue);color: #fff;border: none;padding: 13px 8px 13px 28px;font-size: .8rem;font-weight: 600;letter-spacing: 1px;border-radius: 2px;transition: .25s ease-in-out;display: inline-flex;align-items: center;}
.btn-brochure:hover {background: var(--coral);color: #fff;}
/* ==========================================================
   LIFESTYLE / AMENITIES (SWIPER)
   ========================================================== */
.delta-garden-amenities-image-section {position: relative;padding: 6rem 0 5rem;overflow: hidden;background: #fff;}
.delta-garden-amenities-image-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(58% - 7vw), 0 63%);z-index: 0;pointer-events: none;}
.delta-garden-amenities-image-section .container { z-index: 1; }
.delta-garden-amenitis-heading { margin-bottom: 3rem; }
.eyebrow {font-family: var(--font-display);font-style: italic;color: var(--coral);font-size: 1.15rem;margin-bottom: .2rem;}
.delta-garden-amenitis-heading .heading-rule { margin: 12px auto 0; }
.delta-garden-amenities-main-img {position: relative;border-radius: 4px;overflow: hidden;height: 540px;box-shadow: 0 20px 45px rgba(14,28,79,.2);}
.delta-garden-amenities-main-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1);z-index: 1;}
.delta-garden-amenities-main-img img.slide-incoming-next {transform: translate3d(100%, 0, 0);z-index: 2;}
.delta-garden-amenities-main-img img.slide-incoming-next.slide-active {transform: translate3d(0, 0, 0);}
.delta-garden-amenities-main-img img.slide-outgoing-next {transform: translate3d(-100%, 0, 0);z-index: 1;}
.delta-garden-amenities-main-img img.slide-incoming-prev {transform: translate3d(-100%, 0, 0);z-index: 2;}
.delta-garden-amenities-main-img img.slide-incoming-prev.slide-active {transform: translate3d(0, 0, 0);}
.delta-garden-amenities-main-img img.slide-outgoing-prev {transform: translate3d(100%, 0, 0);z-index: 1;}
.delta-garden-amenities-tag {position: absolute;left: 1rem;bottom: 1rem;background: rgba(14,28,79,.85);color: #fff;font-size: .7rem;letter-spacing: 1px;font-weight: 600;padding: .5rem .9rem;transition: opacity .3s ease;z-index: 10;}
.delta-garden-amenities-image-Swiper {width: 100% !important;overflow: hidden !important;}
.delta-garden-amenities-image-Swiper .swiper-slide {position: relative;border-radius: 4px;overflow: hidden;height: 320px;cursor: pointer;}
.delta-garden-amenities-image-Swiper .swiper-slide::after {content: '';position: absolute;inset: 0;background: rgba(0,0,0,.5);z-index: 1;transition: background .4s ease;}
.delta-garden-amenities-image-Swiper .swiper-slide:hover::after,.delta-garden-amenities-image-Swiper .swiper-slide-active::after {background: rgba(0,0,0,.15);}
.delta-garden-amenities-image-Swiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;}
.delta-garden-amenities-image-Swiper .swiper-slide:hover img { transform: scale(1.06); }
.delta-garden-slide-caption {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: .85rem;font-weight: 700;letter-spacing: 1.5px;line-height: 1.4;text-transform: uppercase;z-index: 2;padding: 1rem;}
.delta-garden-amenities-image-caption-row {display: flex;flex-direction: column;align-items: flex-start;gap: .8rem;margin-top: 1.8rem;}
.delta-garden-amenities-image-caption-row h3 {font-family: var(--font-display);color: var(--dark-blue);font-weight: 700;font-size: 2rem;margin: 0;transition: opacity .3s ease;}
.delta-garden-lifestyle-nav { display: flex; gap: .6rem; }
.ls-btn {width: 38px;height: 38px;border-radius: 50%;border: 1.5px solid var(--dark-blue);background: transparent;color: var(--dark-blue);display: flex;align-items: center;justify-content: center;transition: .25s ease;cursor: pointer;}
.ls-btn:hover {background: var(--dark-blue);border-color: var(--dark-blue);color: var(--coral);}
/* ==========================================================
   INTERNAL AMENITIES
   ========================================================== */
.delta-garden-internal-amenities {background: var(--coral-bg);padding: 5rem 0;text-align: center;overflow: hidden;}
.section-title-serif {font-family: var(--font-display);color: var(--dark-blue);font-weight: 700;font-size: 1.9rem;}
.delta-garden-internal-amenities .heading-rule {margin: 12px auto 0;}
.internal-icon-Swiper {padding: 1.5rem 34px;margin: 0 -15px;max-width: calc(100% + 30px);overflow: hidden !important;}
.delta-garden-internal-card {background: #fff;border-radius: 20px;height: 170px;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow:0 8px 18px rgb(14 28 79 / 36%);transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, box-shadow 0.3s ease;cursor: pointer; padding: 10px; border: 1px solid rgba(0,0,66,0.05);}
.delta-garden-internal-card img {max-height: 48px;width: auto;margin: 0 auto;}
.delta-garden-internal-card p {font-size: 1rem;font-weight: 600;letter-spacing: .7px;color: var(--text-dark);margin: 0;line-height: 1.3;transition: color .25s ease;margin-top: 15px;}
.delta-garden-internal-card:hover {background: var(--dark-blue);box-shadow: 0 15px 30px rgba(0,0,66,0.25);transform: scale(1.2);}
.delta-garden-internal-card:hover img,.delta-garden-internal-card:hover p {color: #fff;filter: brightness(0) invert(1);}
.delta-garden-internal-nav {display: flex;justify-content: center;gap: .6rem;margin-top: 3rem;}
.delta-garden-internal-nav .ls-btn {width: 38px;height: 38px;border-color: #000066;color: #000066;}
.delta-garden-internal-nav .ls-btn:hover {background: #fff;border-color: #fff;color: var(--coral);}
/* ==========================================================
   FLOOR PLANS
   ========================================================== */
.delta-garden-floorplans-section { padding: 5rem 0; background: #fff; }
.floorplan-title { font-family: var(--font-display); color: var(--coral); font-weight: 700; font-size: 2rem; }
.delta-garden-floorplans-section .heading-rule { margin: 12px auto 0; }
.fp-tabs { border-bottom: 1px solid #e2e2e2; gap: 1.5rem; flex-wrap: wrap; }
.fp-tabs .nav-link { color: var(--text-dark); letter-spacing: .5px; font-size: .95rem; border: none; border-radius: 0; padding: .6rem .8rem; border-bottom: 2px solid transparent; background: transparent !important; transition: .25s ease; position: relative; white-space: nowrap; }
.fp-tabs .nav-link.active { color: var(--coral); border-bottom: 2px solid var(--coral); }
.fp-tabs .nav-link.active::after { content: ''; position: absolute; bottom: -6.5px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; background: #fff; border-right: 2px solid var(--coral); border-bottom: 2px solid var(--coral); z-index: 2; }
.fp-card { max-width: 780px; border: 1px solid #000066; border-radius: 4px; padding: 1.5rem; background: #fff; box-shadow: 0 15px 40px rgba(14,28,79,.08); }
.fp-card.fp-card-lg { max-width: 1200px; }
.delta-garden-fp-img { border-radius: 2px; border: 1px solid #000066; width: 100%; }
/* ==========================================================
   LOCATION
   ========================================================== */
.location-section { position: relative; background: transparent; padding: 6rem 0; overflow: hidden; }
.location-section::before { content: ''; position: absolute; inset: 0; background-color: #e2e2e2; clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 0vw), 0 100%); z-index: 0; pointer-events: none; }
.location-section .container { position: relative; z-index: 1; }
.delta-garden-location-title { font-family: var(--font-display); color: var(--dark-blue); font-weight: 700; font-size: 2rem; }
.location-section .heading-rule { margin: 12px auto 0; }
.location-panel { box-shadow: none; background: transparent; border-radius: 0; overflow: visible; }
.delta-garden-loc-acc-item { border: none; margin-bottom: 1.2rem; border-radius: 4px; overflow: hidden; background: #fff; box-shadow: 0 8px 24px rgba(149, 157, 165, 0.12); transition: all 0.3s ease; }
.delta-garden-loc-acc-item.open { background: var(--dark-blue); box-shadow: 0 10px 30px rgba(0, 0, 102, 0.2); }
.delta-garden-loc-acc-btn { width: 100%; text-align: left; background: transparent; color: var(--white); border: none; padding: .5rem 1.6rem; font-size: .85rem; font-weight: 600; letter-spacing: .6px; display: flex; align-items: center; gap: .8rem; transition: all 0.3s ease; position: relative; }
.delta-garden-loc-acc-btn::after { content: '\F285'; font-family: "bootstrap-icons"; margin-left: auto; font-size: .95rem; transition: transform .3s ease; color: #888; }
.delta-garden-loc-acc-item.open .delta-garden-loc-acc-btn::after { content: '\F282'; color: #fff; }
.delta-garden-loc-acc-item:not(.open) .delta-garden-loc-acc-btn { background: #fff; color: var(--text-muted); }
.delta-garden-loc-acc-btn i { font-size: 1.1rem; color: #666; }
.delta-garden-loc-acc-item.open .delta-garden-loc-acc-btn i { color: #fff; }
.delta-garden-loc-acc-body { max-height: 0; overflow: hidden; background: var(--dark-blue); transition: max-height .35s ease; }
.delta-garden-loc-acc-item.open .delta-garden-loc-acc-body { max-height: 380px; }
.loc-list { list-style: none; margin: 0; padding: 0.5rem 1.6rem 1.4rem; }
.loc-list li { display: flex; justify-content: space-between; color: rgba(255, 255, 255, 0.85); font-size: .8rem; padding: .1rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.25s ease, color 0.25s ease; cursor: pointer; }
.loc-list li:hover { transform: translateX(6px); color: #fff; }
.loc-list li:last-child { border-bottom: none; }
.loc-list li b { color: var(--coral); font-weight: 600; }
.delta-garden-location-map { position: relative; height: 100%; min-height: 550px; max-height: 550px; border: 1px solid #000066; overflow: hidden; }
.delta-garden-location-map img { object-fit: cover; width: 100%; height: 100%; }
.map-pin { position: absolute; color: #d6392f; font-size: 1.6rem; transform: translate(-50%, -100%); filter: drop-shadow(0 3px 3px rgba(0,0,0,.35)); cursor: pointer; transition: transform 0.2s ease, color 0.2s ease; }
.map-pin:hover { transform: translate(-50%, -100%) scale(1.2); color: #ff0000; }
.map-pin-highlight { transform: translate(-50%, -100%) scale(1.4) !important; color: #ff0000 !important; filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.7)) !important; z-index: 10; }
.delta-garden-map-pins-category { display: none; }
.delta-garden-map-pins-category.active { display: block; }
.delta-garden-map-pins-category.active .map-pin {animation: mapPinShow 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;}
.delta-garden-map-pins-category.active .map-pin:nth-child(1) { animation-delay: 0.05s; }
.delta-garden-map-pins-category.active .map-pin:nth-child(2) { animation-delay: 0.12s; }
.delta-garden-map-pins-category.active .map-pin:nth-child(3) { animation-delay: 0.19s; }
.delta-garden-map-pins-category.active .map-pin:nth-child(4) { animation-delay: 0.26s; }
.delta-garden-map-pins-category.active .map-pin:nth-child(5) { animation-delay: 0.33s; }
@keyframes mapPinShow {
  0% {opacity: 0;transform: translate(-50%, -220%) scale(0.2);}
  30% {opacity: 0.7;transform: translate(-50%, -80%) scale(0.8);}
  60% {opacity: 1;transform: translate(-50%, -160%) scale(1.4);}
  80% {transform: translate(-50%, -90%) scale(0.95);}
  100% {opacity: 1;transform: translate(-50%, -100%) scale(1);}
}
/* ==========================================================
   CONTACT SECTION
   ========================================================== */
.contact-section { background: var(--dark-blue); padding: 5rem 0; color: #fff; }
.contact-title { font-family: var(--font-display); font-weight: 700; font-size: 2.2rem; color: #fff; }
.contact-section .heading-rule.light { background: rgba(255, 255, 255, 0.45); }
.contact-form .form-control { background: transparent; border: none; border-bottom: 1.5px solid rgba(255, 255, 255, 0.4); border-radius: 0; color: #fff; padding: .8rem .2rem; font-size: .95rem; transition: border-color .3s ease; }
.contact-form .form-control::placeholder { color: rgba(255, 255, 255, 0.6); }
.contact-form .form-control:focus { box-shadow: none; border-bottom-color: var(--coral); background: transparent; color: #fff; }
/* ==========================================================
   CTA BUTTON ANIMATIONS (UIVERSE)
   ========================================================== */
.btn-learn-more, .btn-enquiry { background-color: var(--coral); color: #ffffff !important; border: none; border-radius: 0px; padding: 13px 8px 13px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-brochure { background-color: var(--dark-blue) !important; color: #ffffff !important; border: none; border-radius: 0px; padding: 13px 8px 13px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-learn-more:hover, .btn-brochure:hover, .btn-enquiry:hover { background-color: var(--black); }
.cta-animated { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: 0.8s ease-in-out !important; box-shadow: 6px 6px 0 var(--brand-gray) !important; border: none !important; cursor: pointer !important; }
.cta-animated:focus { outline: none !important; }
.cta-animated:hover { transition: 0.4s ease-in-out !important; }
.btn-learn-more.cta-animated:hover,
.btn-brochure.cta-animated:hover { box-shadow: 10px 10px 0 var(--dark-blue) !important; background-color: var(--coral) !important; color: #ffffff !important; }
.btn-enquiry.cta-animated:hover { box-shadow: 10px 10px 0 var(--brand-gray) !important; background-color: var(--coral) !important; color: var(--white) !important; border-color: var(--coral) !important; }
.cta-animated .span { display: inline-block !important; }
.cta-animated .second { width: 35px !important; height: 15px !important; margin-left: 0px !important; position: relative !important; display: inline-flex !important; align-items: center !important; transition: 0.4s ease-in-out !important; margin-right: 0px !important; }
.cta-animated:hover .second { margin-right: 25px !important; }
.cta-animated .second svg { width: 100% !important; height: 100% !important; display: block !important; }
.cta-animated .one { transition: 0.4s !important; transform: translateX(-60%) !important; }
.cta-animated .two { transition: 0.5s !important; transform: translateX(-30%) !important; }
.cta-animated:hover .three { animation: color_anim 1s infinite 0.2s !important; }
.cta-animated:hover .one { transform: translateX(0%) !important; animation: color_anim 1s infinite 0.6s !important; }
.cta-animated:hover .two { transform: translateX(0%) !important; animation: color_anim 1s infinite 0.4s !important; }
@keyframes color_anim { 0% { fill: currentColor; } 50% { fill: var(--coral); } 100% { fill: currentColor; }}
.reveal-img {overflow: hidden;}
.reveal-img img {width: 100%;height: 100%;clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);transform: scale(1.5);}
.reveal-img.active img {animation: imageReveal 1s ease-in-out forwards,imageZoom 1s ease-in-out forwards;}
@keyframes imageReveal {from {clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}to {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}
@keyframes imageZoom {from {transform: scale(1.5);}to {transform: scale(1);}}
.delta-garden-virtual-tour{padding:30px 0;background:#f8f8f8;}
.delta-garden-virtual-tour iframe{width:100%;height:600px;border:none;border-radius:5px;overflow:hidden;}

/* ==========================================================================
   DELTA VRINDAVAN DETAIL PAGE STYLES
   ========================================================================== */
.delta-vrindavan-bg-texture { position: absolute; top: -115px; right: 0;filter: brightness(0) invert(1);}
.delta-vrindavan-info-strip {background: var(--dark-blue);padding: 2.1rem 0;color: #fff;position: relative;z-index: 5;}
.delta-vrindavan-info-item {display: flex;align-items: center;gap: 1rem;justify-content: flex-start;max-width: 270px;width: 100%;margin: 0 auto;}
.delta-vrindavan-info-item i {font-size: 1.4rem;color: var(--white);border: 1.5px solid rgb(255, 255, 255);border-radius: 50%;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.delta-vrindavan-info-item div {display: flex;flex-direction: column;text-align: left;}
.delta-vrindavan-info-label {font-size: .68rem;letter-spacing: 1px;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;}
.delta-vrindavan-info-value {font-size: .98rem;}
.delta-vrindavan-about-section {padding: 3.5rem 0;background: #ffffff;}
.delta-vrindavan-delta-vrindavan-about-img-wrap {border-radius: 3px;overflow: hidden;}
.delta-vrindavan-about-img {width: 100%;height: 100%;}
.delta-vrindavan-btn-brochure {background: var(--dark-blue);color: #fff;border: none;padding: 14px 0 14px 28px;font-size: .8rem;font-weight: 600;letter-spacing: 1px;border-radius: 2px;transition: .25s ease-in-out;display: inline-flex;align-items: center;}
.delta-vrindavan-btn-brochure:hover {background: var(--coral);color: #fff;}
.delta-vrindavan-amenities-image-section {position: relative;padding: 6rem 0 5rem;overflow: hidden;background: #fff;}
.delta-vrindavan-amenities-image-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(58% - 7vw), 0 63%);z-index: 0;pointer-events: none;}
.delta-vrindavan-amenities-image-section .container { z-index: 1; }
.delta-vrindavan-amenities-image-heading { margin-bottom: 3rem; }
.delta-vrindavan-amenities-image-heading .heading-rule { margin: 12px auto 0; }
.delta-vrindavan-amenities-image-main-img {position: relative;border-radius: 4px;overflow: hidden;height: 540px;box-shadow: 0 20px 45px rgba(14,28,79,.2);}
.delta-vrindavan-amenities-image-main-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1);z-index: 1;}
.delta-vrindavan-amenities-image-main-img img.slide-incoming-next {transform: translate3d(100%, 0, 0);z-index: 2;}
.delta-vrindavan-amenities-image-main-img img.slide-incoming-next.slide-active {transform: translate3d(0, 0, 0);}
.delta-vrindavan-amenities-image-main-img img.slide-outgoing-next {transform: translate3d(-100%, 0, 0);z-index: 1;}
.delta-vrindavan-amenities-image-main-img img.slide-incoming-prev {transform: translate3d(-100%, 0, 0);z-index: 2;}
.delta-vrindavan-amenities-image-main-img img.slide-incoming-prev.slide-active {transform: translate3d(0, 0, 0);}
.delta-vrindavan-amenities-image-main-img img.slide-outgoing-prev {transform: translate3d(100%, 0, 0);z-index: 1;}
.delta-vrindavan-amenities-image-tag {position: absolute;left: 1rem;bottom: 1rem;background: rgba(14,28,79,.85);color: #fff;font-size: .7rem;letter-spacing: 1px;font-weight: 600;padding: .5rem .9rem;transition: opacity .3s ease;z-index: 10;}
.delta-vrindavan-amenities-imageSwiper {width: 100% !important;overflow: hidden !important;}
.delta-vrindavan-amenities-imageSwiper .swiper-slide {position: relative;border-radius: 4px;overflow: hidden;height: 320px;cursor: pointer;}
.delta-vrindavan-amenities-imageSwiper .swiper-slide::after {content: '';position: absolute;inset: 0;background: rgba(0,0,0,.5);z-index: 1;transition: background .4s ease;}
.delta-vrindavan-amenities-imageSwiper .swiper-slide:hover::after,
.delta-vrindavan-amenities-imageSwiper .swiper-slide-active::after {background: rgba(0,0,0,.15);}
.delta-vrindavan-amenities-imageSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;}
.delta-vrindavan-amenities-imageSwiper .swiper-slide:hover img { transform: scale(1.06); }
.delta-vrindavan-internal-amenities {background: var(--coral-bg);padding: 5rem 0;text-align: center;overflow: hidden;}
.delta-vrindavan-internal-amenities .heading-rule {margin: 12px auto 0;}
.delta-vrindavan-internalSwiper {padding: 1.5rem 15px;margin: 0 -15px;max-width: calc(100% + 30px);overflow: hidden !important;}
.delta-vrindavan-internal-card {background: #fff;border-radius: 20px;padding: 20px;height: 150px;width: 88%;margin: 0 auto; display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow:0 8px 18px rgb(14 28 79 / 36%);transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, box-shadow 0.3s ease;cursor: pointer;border: 1px solid rgba(0,0,66,0.05);}
.delta-vrindavan-internal-card i {font-size: 3rem;color: var(--dark-blue);transition: color .25s ease;}
.delta-vrindavan-internal-card p {text-transform: uppercase; font-size: 1rem;letter-spacing: .4px;color: var(--text-dark);margin: 0;line-height: 1.3;transition: color .25s ease;margin-top: 15px;}
.delta-vrindavan-internal-card:hover {background: var(--dark-blue);box-shadow: 0 15px 30px rgba(0,0,66,0.25);transform: scale(1.2);}
.delta-vrindavan-internal-card:hover img,
.delta-vrindavan-internal-card:hover p {color: #fff;filter: brightness(0) invert(1);}
.delta-vrindavan-internal-nav {display: flex;justify-content: center;gap: .6rem;margin-top: 3rem;}
.delta-vrindavan-internal-nav .ls-btn {width: 38px;height: 38px;border-color: #000066;color: #000066;}
.delta-vrindavan-internal-nav .ls-btn:hover {background: #fff;border-color: #fff;color: var(--coral);}
.delta-vrindavan-internal-icon-wrap { display: flex; align-items: center; justify-content: center; }
.delta-vrindavan-internal-icon-wrap img { width: 50px; height: 50px; object-fit: contain; }
.delta-vrindavan-floorplans-section { padding: 5rem 0 1rem 0; background: var(--white); }
.delta-vrindavan-floorplans-section .heading-rule { margin: 12px auto 0; }
.delta-vrindavan-fp-card { max-width: 780px; border: 1px solid #000066; border-radius: 4px; padding: 1rem; background: var(--white); box-shadow: 0 15px 40px rgba(14,28,79,.08); }
.delta-vrindavan-fp-card.delta-vrindavan-fp-card-lg { max-width: 1200px; }
.delta-vrindavan-location-section { position: relative; background: transparent; padding: 6rem 0; overflow: hidden; }
.delta-vrindavan-location-section::before { content: ''; position: absolute; inset: 0; background-color: #e2e2e2; clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 0vw), 0 100%); z-index: 0; pointer-events: none; }
.delta-vrindavan-location-section .container { position: relative; z-index: 1; }
.delta-vrindavan-location-title { font-family: var(--font-display); color: var(--dark-blue); font-weight: 700; font-size: 2rem; }
.delta-vrindavan-location-section .heading-rule { margin: 12px auto 0; }
.delta-vrindavan-location-panel { box-shadow: none; background: transparent; border-radius: 0; overflow: visible; }
.delta-vrindavan-loc-acc-item { border: none; margin-bottom: 1.2rem; border-radius: 4px; overflow: hidden; background: var(--white); box-shadow: 0 8px 24px rgba(149, 157, 165, 0.12); transition: all 0.3s ease; }
.delta-vrindavan-loc-acc-item.open { background: var(--dark-blue); box-shadow: 0 10px 30px rgba(0, 0, 102, 0.2); }
.delta-vrindavan-loc-acc-btn { width: 100%; text-align: left; background: transparent; color: var(--white); border: none; padding: .5rem 1.6rem; font-size: .85rem; font-weight: 600; letter-spacing: .6px; display: flex; align-items: center; gap: .8rem; transition: all 0.3s ease; position: relative; }
.delta-vrindavan-loc-acc-btn::after { content: '\F285'; font-family: "bootstrap-icons"; margin-left: auto; font-size: .95rem; transition: transform .3s ease; color: #888; }
.delta-vrindavan-loc-acc-item.open .delta-vrindavan-loc-acc-btn::after { content: '\F282'; color: var(--white); }
.delta-vrindavan-loc-acc-item:not(.open) .delta-vrindavan-loc-acc-btn { background: var(--white); color: var(--text-muted); }
.delta-vrindavan-loc-acc-item:not(.open) .delta-vrindavan-loc-acc-btn:hover { color: var(--white); background-color: var(--dark-blue); }
.delta-vrindavan-loc-acc-item:not(.open) .delta-vrindavan-loc-acc-btn:hover i,
.delta-vrindavan-loc-acc-item:not(.open) .delta-vrindavan-loc-acc-btn:hover::after { color: var(--white); }
.delta-vrindavan-loc-acc-btn i { font-size: 1.1rem; color: #666; }
.delta-vrindavan-loc-acc-item.open .delta-vrindavan-loc-acc-btn i { color: var(--white); }
.delta-vrindavan-loc-acc-body { max-height: 0; overflow: hidden; background: var(--dark-blue); transition: max-height .35s ease; }
.delta-vrindavan-loc-acc-item.open .delta-vrindavan-loc-acc-body { max-height: 380px; }
.delta-vrindavan-location-map { position: relative; height: 100%; min-height: 530px; max-height: 530px; border: 1px solid #000066; overflow: hidden; }
.delta-vrindavan-location-map img { object-fit: cover; width: 100%; height: 100%; }
.delta-vrindavan-map-pins-category { display: none; }
.delta-vrindavan-map-pins-category.active { display: block; }
.delta-vrindavan-map-pins-category.active .map-pin { animation: mapPinShow 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.delta-vrindavan-map-pins-category.active .map-pin:nth-child(1) { animation-delay: 0.05s; }
.delta-vrindavan-map-pins-category.active .map-pin:nth-child(2) { animation-delay: 0.12s; }
.delta-vrindavan-map-pins-category.active .map-pin:nth-child(3) { animation-delay: 0.19s; }
.delta-vrindavan-map-pins-category.active .map-pin:nth-child(4) { animation-delay: 0.26s; }
.delta-vrindavan-map-pins-category.active .map-pin:nth-child(5) { animation-delay: 0.33s; }
.delta-vrindavan-btn-brochure { background-color: var(--dark-blue) !important; color: #ffffff !important; border: none; border-radius: 0px; padding: 14px 0 14px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-learn-more.cta-animated:hover,
.delta-vrindavan-btn-brochure.cta-animated:hover { box-shadow: 10px 10px 0 var(--dark-blue) !important; background-color: var(--coral) !important; color: #ffffff !important; }
.delta-vrindavan-about-developer-section {background-color: #fcfcfc;overflow: hidden;}
.delta-vrindavan-developer-img-wrapper {position: relative;}
.delta-vrindavan-developer-main-img {border-radius: 5px;object-fit: cover;height: 470px;width: 100%;border: 2px solid var(--dark-blue);}
.developer-stats-row .delta-vrindavan-stat-card {background: var(--white);padding: 15px 10px;border-radius: var(--radius-sm);box-shadow: 0 10px 10px rgba(0, 0, 96, 0.37);border-top: 4px solid var(--dark-blue);flex: 1;text-align: center;transition: transform var(--transition), box-shadow var(--transition);}
.developer-stats-row .delta-vrindavan-stat-card:hover {transform: translateY(-8px);box-shadow: 0 15px 35px rgba(0, 0, 96, 0.12);border-top-color: var(--coral);}
.developer-stats-row .delta-vrindavan-stat-card:hover .stat-number {color: var(--coral);}

/* ==========================================================================
   DELTA HILLCREST DETAIL PAGE STYLES
   ========================================================================== */
.delta-hillcrest-bg-texture { position: absolute; top: -115px; right: 0;filter: brightness(0) invert(1);}
.delta-hillcrest-info-strip {background: var(--dark-blue);padding: 2.1rem 0;color: #fff;position: relative;z-index: 5;}
.delta-hillcrest-info-item {display: flex;align-items: center;gap: 1rem;justify-content: flex-start;max-width: 270px;width: 100%;margin: 0 auto;}
.delta-hillcrest-info-item i {font-size: 1.4rem;color: var(--white);border: 1.5px solid rgb(255, 255, 255);border-radius: 50%;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.delta-hillcrest-info-item div {display: flex;flex-direction: column;text-align: left;}
.delta-hillcrest-info-label {font-size: .68rem;letter-spacing: 1px;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;}
.delta-hillcrest-info-value {font-size: .98rem;}
.delta-hillcrest-about-section {padding: 5.5rem 0;background: #ffffff;}
.delta-hillcrest-delta-hillcrest-about-img-wrap {border-radius: 4px;overflow: hidden;}
.delta-hillcrest-about-img {width: 100%;height: 100%;}
.delta-hillcrest-btn-brochure {background: var(--dark-blue);color: #fff;border: none;padding: 14px 0 14px 28px;font-size: .8rem;font-weight: 600;letter-spacing: 1px;border-radius: 2px;transition: .25s ease-in-out;display: inline-flex;align-items: center;}
.delta-hillcrest-btn-brochure:hover {background: var(--coral);color: #fff;}
.delta-hillcrest-amenities-image-section {position: relative;padding: 6rem 0 5rem;overflow: hidden;background: #fff;}
.delta-hillcrest-amenities-image-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(58% - 7vw), 0 63%);z-index: 0;pointer-events: none;}
.delta-hillcrest-amenities-image-section .container { z-index: 1; }
.delta-hillcrest-amenities-image-heading { margin-bottom: 3rem; }
.delta-hillcrest-amenities-image-heading .heading-rule { margin: 12px auto 0; }
.delta-hillcrest-amenities-image-main-img {position: relative;border-radius: 4px;overflow: hidden;height: 540px;box-shadow: 0 20px 45px rgba(14,28,79,.2);}
.delta-hillcrest-amenities-image-main-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1);z-index: 1;}
.delta-hillcrest-amenities-image-main-img img.slide-incoming-next {transform: translate3d(100%, 0, 0);z-index: 2;}
.delta-hillcrest-amenities-image-main-img img.slide-incoming-next.slide-active {transform: translate3d(0, 0, 0);}
.delta-hillcrest-amenities-image-main-img img.slide-outgoing-next {transform: translate3d(-100%, 0, 0);z-index: 1;}
.delta-hillcrest-amenities-image-main-img img.slide-incoming-prev {transform: translate3d(-100%, 0, 0);z-index: 2;}
.delta-hillcrest-amenities-image-main-img img.slide-incoming-prev.slide-active {transform: translate3d(0, 0, 0);}
.delta-hillcrest-amenities-image-main-img img.slide-outgoing-prev {transform: translate3d(100%, 0, 0);z-index: 1;}
.delta-hillcrest-amenities-image-tag {position: absolute;left: 1rem;bottom: 1rem;background: rgba(14,28,79,.85);color: #fff;font-size: .7rem;letter-spacing: 1px;font-weight: 600;padding: .5rem .9rem;transition: opacity .3s ease;z-index: 10;}
.delta-hillcrest-amenities-imageSwiper {width: 100% !important;overflow: hidden !important;}
.delta-hillcrest-amenities-imageSwiper .swiper-slide {position: relative;border-radius: 4px;overflow: hidden;height: 320px;cursor: pointer;}
.delta-hillcrest-amenities-imageSwiper .swiper-slide::after {content: '';position: absolute;inset: 0;background: rgba(0,0,0,.5);z-index: 1;transition: background .4s ease;}
.delta-hillcrest-amenities-imageSwiper .swiper-slide:hover::after,
.delta-hillcrest-amenities-imageSwiper .swiper-slide-active::after {background: rgba(0,0,0,.15);}
.delta-hillcrest-amenities-imageSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;}
.delta-hillcrest-amenities-imageSwiper .swiper-slide:hover img { transform: scale(1.06); }
.delta-hillcrest-internal-amenities {background: var(--coral-bg);padding: 5rem 0;text-align: center;overflow: hidden;}
.delta-hillcrest-internal-amenities .heading-rule {margin: 12px auto 0;}
.delta-hillcrest-internalSwiper {padding: 1.5rem 15px;margin: 0 -15px;max-width: calc(100% + 30px);overflow: hidden !important;}
.delta-hillcrest-internal-card {background: #fff;border-radius: 20px;padding: 20px;height: 150px;width: 88%;margin: 0 auto; display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow:0 8px 18px rgb(14 28 79 / 36%);transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, box-shadow 0.3s ease;cursor: pointer;border: 1px solid rgba(0,0,66,0.05);}
.delta-hillcrest-internal-card i {font-size: 3rem;color: var(--dark-blue);transition: color .25s ease;}
.delta-hillcrest-internal-card p {text-transform: uppercase; font-size: 1rem;letter-spacing: .7px;color: var(--text-dark);margin: 0;line-height: 1.3;transition: color .25s ease;margin-top: 15px;}
.delta-hillcrest-internal-card:hover {background: var(--dark-blue);box-shadow: 0 15px 30px rgba(0,0,66,0.25);transform: scale(1.2);}
.delta-hillcrest-internal-card:hover img,
.delta-hillcrest-internal-card:hover p {color: #fff;filter: brightness(0) invert(1);}
.delta-hillcrest-internal-nav {display: flex;justify-content: center;gap: .6rem;margin-top: 3rem;}
.delta-hillcrest-internal-nav .ls-btn {width: 38px;height: 38px;border-color: #000066;color: #000066;}
.delta-hillcrest-internal-nav .ls-btn:hover {background: #fff;border-color: #fff;color: var(--coral);}
.delta-hillcrest-internal-icon-wrap { display: flex; align-items: center; justify-content: center; }
.delta-hillcrest-internal-icon-wrap img { width: 50px; height: 50px; object-fit: contain; }
.delta-hillcrest-floorplans-section { padding: 5rem 0; background: var(--white); }
.delta-hillcrest-floorplans-section .heading-rule { margin: 12px auto 0; }
.delta-hillcrest-fp-card { max-width: 780px; border: 1px solid #000066; border-radius: 4px; padding: 1rem; background: var(--white); box-shadow: 0 15px 40px rgba(14,28,79,.08); }
.delta-hillcrest-fp-card.delta-hillcrest-fp-card-lg { max-width: 1200px; }
.delta-hillcrest-location-section { position: relative; background: transparent; padding: 6rem 0; overflow: hidden; }
.delta-hillcrest-location-section::before { content: ''; position: absolute; inset: 0; background-color: #e2e2e2; clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 0vw), 0 100%); z-index: 0; pointer-events: none; }
.delta-hillcrest-location-section .container { position: relative; z-index: 1; }
.delta-hillcrest-location-title { font-family: var(--font-display); color: var(--dark-blue); font-weight: 700; font-size: 2rem; }
.delta-hillcrest-location-section .heading-rule { margin: 12px auto 0; }
.delta-hillcrest-location-panel { box-shadow: none; background: transparent; border-radius: 0; overflow: visible; }
.delta-hillcrest-loc-acc-item { border: none; margin-bottom: 1.2rem; border-radius: 4px; overflow: hidden; background: var(--white); box-shadow: 0 8px 24px rgba(149, 157, 165, 0.12); transition: all 0.3s ease; }
.delta-hillcrest-loc-acc-item.open { background: var(--dark-blue); box-shadow: 0 10px 30px rgba(0, 0, 102, 0.2); }
.delta-hillcrest-loc-acc-btn { width: 100%; text-align: left; background: transparent; color: var(--white); border: none; padding: .5rem 1.6rem; font-size: .85rem; font-weight: 600; letter-spacing: .6px; display: flex; align-items: center; gap: .8rem; transition: all 0.3s ease; position: relative; }
.delta-hillcrest-loc-acc-btn::after { content: '\F285'; font-family: "bootstrap-icons"; margin-left: auto; font-size: .95rem; transition: transform .3s ease; color: #888; }
.delta-hillcrest-loc-acc-item.open .delta-hillcrest-loc-acc-btn::after { content: '\F282'; color: var(--white); }
.delta-hillcrest-loc-acc-item:not(.open) .delta-hillcrest-loc-acc-btn { background: var(--white); color: var(--text-muted); }
.delta-hillcrest-loc-acc-item:not(.open) .delta-hillcrest-loc-acc-btn:hover { color: var(--white); background-color: var(--dark-blue); }
.delta-hillcrest-loc-acc-item:not(.open) .delta-hillcrest-loc-acc-btn:hover i,
.delta-hillcrest-loc-acc-item:not(.open) .delta-hillcrest-loc-acc-btn:hover::after { color: var(--white); }
.delta-hillcrest-loc-acc-btn i { font-size: 1.1rem; color: #666; }
.delta-hillcrest-loc-acc-item.open .delta-hillcrest-loc-acc-btn i { color: var(--white); }
.delta-hillcrest-loc-acc-body { max-height: 0; overflow: hidden; background: var(--dark-blue); transition: max-height .35s ease; }
.delta-hillcrest-loc-acc-item.open .delta-hillcrest-loc-acc-body { max-height: 380px; }
.delta-hillcrest-location-map { position: relative; height: 100%; min-height: 530px; max-height: 530px; border: 1px solid #000066; overflow: hidden; }
.delta-hillcrest-location-map img { object-fit: cover; width: 100%; height: 100%; }
.delta-hillcrest-map-pins-category { display: none; }
.delta-hillcrest-map-pins-category.active { display: block; }
.delta-hillcrest-map-pins-category.active .map-pin { animation: mapPinShow 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.delta-hillcrest-map-pins-category.active .map-pin:nth-child(1) { animation-delay: 0.05s; }
.delta-hillcrest-map-pins-category.active .map-pin:nth-child(2) { animation-delay: 0.12s; }
.delta-hillcrest-map-pins-category.active .map-pin:nth-child(3) { animation-delay: 0.19s; }
.delta-hillcrest-map-pins-category.active .map-pin:nth-child(4) { animation-delay: 0.26s; }
.delta-hillcrest-map-pins-category.active .map-pin:nth-child(5) { animation-delay: 0.33s; }
.delta-hillcrest-btn-brochure { background-color: var(--dark-blue) !important; color: #ffffff !important; border: none; border-radius: 0px; padding: 14px 0 14px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-learn-more.cta-animated:hover,
.delta-hillcrest-btn-brochure.cta-animated:hover { box-shadow: 10px 10px 0 var(--dark-blue) !important; background-color: var(--coral) !important; color: #ffffff !important; }
.delta-hillcrest-about-developer-section {background-color: #fcfcfc;overflow: hidden;}
.delta-hillcrest-developer-img-wrapper {position: relative;}
.delta-hillcrest-developer-main-img {border-radius: 5px;object-fit: cover;height: 470px;width: 100%;border: 2px solid var(--dark-blue);}
.developer-stats-row .delta-hillcrest-stat-card {background: var(--white);padding: 15px 10px;border-radius: var(--radius-sm);box-shadow: 0 10px 10px rgba(0, 0, 96, 0.37);border-top: 4px solid var(--dark-blue);flex: 1;text-align: center;transition: transform var(--transition), box-shadow var(--transition);}
.developer-stats-row .delta-hillcrest-stat-card:hover {transform: translateY(-8px);box-shadow: 0 15px 35px rgba(0, 0, 96, 0.12);border-top-color: var(--coral);}
.developer-stats-row .delta-hillcrest-stat-card:hover .stat-number {color: var(--coral);}
/* ==========================================================================
   DELTA WOODS DETAIL PAGE STYLES
   ========================================================================== */
.delta-woods-bg-texture { position: absolute; top: -115px; right: 0;filter: brightness(0) invert(1);}
.delta-woods-info-strip {background: var(--dark-blue);padding: 2.1rem 0;color: #fff;position: relative;z-index: 5;}
.delta-woods-info-item {display: flex;align-items: center;gap: 1rem;justify-content: flex-start;max-width: 270px;width: 100%;margin: 0 auto;}
.delta-woods-info-item i {font-size: 1.4rem;color: var(--white);border: 1.5px solid rgb(255, 255, 255);border-radius: 50%;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.delta-woods-info-item div {display: flex;flex-direction: column;text-align: left;}
.delta-woods-info-label {font-size: .68rem;letter-spacing: 1px;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;}
.delta-woods-info-value {font-size: .98rem;}
.delta-woods-about-section {padding: 3.5rem 0;background: #ffffff;}
.delta-woods-delta-woods-about-img-wrap {border-radius: 4px;overflow: hidden;}
.delta-woods-about-img {width: 100%;height: 100%;}
.delta-woods-btn-brochure {background: var(--dark-blue);color: #fff;border: none;padding: 14px 0 14px 28px;font-size: .8rem;font-weight: 600;letter-spacing: 1px;border-radius: 2px;transition: .25s ease-in-out;display: inline-flex;align-items: center;}
.delta-woods-btn-brochure:hover {background: var(--coral);color: #fff;}
.delta-woods-amenities-image-section {position: relative;padding: 6rem 0 5rem;overflow: hidden;background: #fff;}
.delta-woods-amenities-image-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--coral-bg);clip-path: polygon(0 8vw, 100% 0, 100% calc(58% - 7vw), 0 63%);z-index: 0;pointer-events: none;}
.delta-woods-amenities-image-section .container { z-index: 1; }
.delta-woods-amenities-image-heading { margin-bottom: 3rem; }
.delta-woods-amenities-image-heading .heading-rule { margin: 12px auto 0; }
.delta-woods-amenities-image-main-img {position: relative;border-radius: 4px;overflow: hidden;height: 540px;box-shadow: 0 20px 45px rgba(14,28,79,.2);}
.delta-woods-amenities-image-main-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1);z-index: 1;}
.delta-woods-amenities-image-main-img img.slide-incoming-next {transform: translate3d(100%, 0, 0);z-index: 2;}
.delta-woods-amenities-image-main-img img.slide-incoming-next.slide-active {transform: translate3d(0, 0, 0);}
.delta-woods-amenities-image-main-img img.slide-outgoing-next {transform: translate3d(-100%, 0, 0);z-index: 1;}
.delta-woods-amenities-image-main-img img.slide-incoming-prev {transform: translate3d(-100%, 0, 0);z-index: 2;}
.delta-woods-amenities-image-main-img img.slide-incoming-prev.slide-active {transform: translate3d(0, 0, 0);}
.delta-woods-amenities-image-main-img img.slide-outgoing-prev {transform: translate3d(100%, 0, 0);z-index: 1;}
.delta-woods-amenities-image-tag {position: absolute;left: 1rem;bottom: 1rem;background: rgba(14,28,79,.85);color: #fff;font-size: .7rem;letter-spacing: 1px;font-weight: 600;padding: .5rem .9rem;transition: opacity .3s ease;z-index: 10;}
.delta-woods-amenities-imageSwiper {width: 100% !important;overflow: hidden !important;}
.delta-woods-amenities-imageSwiper .swiper-slide {position: relative;border-radius: 4px;overflow: hidden;height: 320px;cursor: pointer;}
.delta-woods-amenities-imageSwiper .swiper-slide::after {content: '';position: absolute;inset: 0;background: rgba(0,0,0,.5);z-index: 1;transition: background .4s ease;}
.delta-woods-amenities-imageSwiper .swiper-slide:hover::after,
.delta-woods-amenities-imageSwiper .swiper-slide-active::after {background: rgba(0,0,0,.15);}
.delta-woods-amenities-imageSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;}
.delta-woods-amenities-imageSwiper .swiper-slide:hover img { transform: scale(1.06); }
.delta-woods-internal-amenities {background: var(--coral-bg);padding: 5rem 0;text-align: center;overflow: hidden;}
.delta-woods-internal-amenities .heading-rule {margin: 12px auto 0;}
.delta-woods-internalSwiper {padding: 1.5rem 15px;margin: 0 -15px;max-width: calc(100% + 30px);overflow: hidden !important;}
.delta-woods-internal-card {background: #fff;border-radius: 20px;padding: 20px;height: 150px;width: 88%;margin: 0 auto; display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow:0 8px 18px rgb(14 28 79 / 36%);transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, box-shadow 0.3s ease;cursor: pointer;border: 1px solid rgba(0,0,66,0.05);}
.delta-woods-internal-card i {font-size: 3rem;color: var(--dark-blue);transition: color .25s ease;}
.delta-woods-internal-card p {text-transform: uppercase; font-size: 1rem;letter-spacing: .7px;color: var(--text-dark);margin: 0;line-height: 1.3;transition: color .25s ease;margin-top: 15px;}
.delta-woods-internal-card:hover {background: var(--dark-blue);box-shadow: 0 15px 30px rgba(0,0,66,0.25);transform: scale(1.2);}
.delta-woods-internal-card:hover img,
.delta-woods-internal-card:hover p {color: #fff;filter: brightness(0) invert(1);}
.delta-woods-internal-nav {display: flex;justify-content: center;gap: .6rem;margin-top: 3rem;}
.delta-woods-internal-nav .ls-btn {width: 38px;height: 38px;border-color: #000066;color: #000066;}
.delta-woods-internal-nav .ls-btn:hover {background: #fff;border-color: #fff;color: var(--coral);}
.delta-woods-internal-icon-wrap { display: flex; align-items: center; justify-content: center; }
.delta-woods-internal-icon-wrap img { width: 50px; height: 50px; object-fit: contain; }
.delta-woods-floorplans-section { padding: 5rem 0; background: var(--white); }
.delta-woods-floorplans-section .heading-rule { margin: 12px auto 0; }
.delta-woods-fp-card { max-width: 780px; border: 1px solid #000066; border-radius: 4px; padding: 1rem; background: var(--white); box-shadow: 0 15px 40px rgba(14,28,79,.08); }
.delta-woods-fp-card.delta-woods-fp-card-lg { max-width: 1200px; }
.delta-woods-location-section { position: relative; background: transparent; padding: 6rem 0; overflow: hidden; }
.delta-woods-location-section::before { content: ''; position: absolute; inset: 0; background-color: #e2e2e2; clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 0vw), 0 100%); z-index: 0; pointer-events: none; }
.delta-woods-location-section .container { position: relative; z-index: 1; }
.delta-woods-location-title { font-family: var(--font-display); color: var(--dark-blue); font-weight: 700; font-size: 2rem; }
.delta-woods-location-section .heading-rule { margin: 12px auto 0; }
.delta-woods-location-panel { box-shadow: none; background: transparent; border-radius: 0; overflow: visible; }
.delta-woods-loc-acc-item { border: none; margin-bottom: 1.2rem; border-radius: 4px; overflow: hidden; background: var(--white); box-shadow: 0 8px 24px rgba(149, 157, 165, 0.12); transition: all 0.3s ease; }
.delta-woods-loc-acc-item.open { background: var(--dark-blue); box-shadow: 0 10px 30px rgba(0, 0, 102, 0.2); }
.delta-woods-loc-acc-btn { width: 100%; text-align: left; background: transparent; color: var(--white); border: none; padding: .5rem 1.6rem; font-size: .85rem; font-weight: 600; letter-spacing: .6px; display: flex; align-items: center; gap: .8rem; transition: all 0.3s ease; position: relative; }
.delta-woods-loc-acc-btn::after { content: '\F285'; font-family: "bootstrap-icons"; margin-left: auto; font-size: .95rem; transition: transform .3s ease; color: #888; }
.delta-woods-loc-acc-item.open .delta-woods-loc-acc-btn::after { content: '\F282'; color: var(--white); }
.delta-woods-loc-acc-item:not(.open) .delta-woods-loc-acc-btn { background: var(--white); color: var(--text-muted); }
.delta-woods-loc-acc-item:not(.open) .delta-woods-loc-acc-btn:hover { color: var(--white); background-color: var(--dark-blue); }
.delta-woods-loc-acc-item:not(.open) .delta-woods-loc-acc-btn:hover i,
.delta-woods-loc-acc-item:not(.open) .delta-woods-loc-acc-btn:hover::after { color: var(--white); }
.delta-woods-loc-acc-btn i { font-size: 1.1rem; color: #666; }
.delta-woods-loc-acc-item.open .delta-woods-loc-acc-btn i { color: var(--white); }
.delta-woods-loc-acc-body { max-height: 0; overflow: hidden; background: var(--dark-blue); transition: max-height .35s ease; }
.delta-woods-loc-acc-item.open .delta-woods-loc-acc-body { max-height: 380px; }
.delta-woods-location-map { position: relative; height: 100%; min-height: 530px; max-height: 530px; border: 1px solid #000066; overflow: hidden; }
.delta-woods-location-map img { object-fit: cover; width: 100%; height: 100%; }
.delta-woods-map-pins-category { display: none; }
.delta-woods-map-pins-category.active { display: block; }
.delta-woods-map-pins-category.active .map-pin { animation: mapPinShow 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.delta-woods-map-pins-category.active .map-pin:nth-child(1) { animation-delay: 0.05s; }
.delta-woods-map-pins-category.active .map-pin:nth-child(2) { animation-delay: 0.12s; }
.delta-woods-map-pins-category.active .map-pin:nth-child(3) { animation-delay: 0.19s; }
.delta-woods-map-pins-category.active .map-pin:nth-child(4) { animation-delay: 0.26s; }
.delta-woods-map-pins-category.active .map-pin:nth-child(5) { animation-delay: 0.33s; }
.delta-woods-btn-brochure { background-color: var(--dark-blue) !important; color: #ffffff !important; border: none; border-radius: 0px; padding: 14px 0 14px 28px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; transition: background-color var(--transition); }
.btn-learn-more.cta-animated:hover,
.delta-woods-btn-brochure.cta-animated:hover { box-shadow: 10px 10px 0 var(--dark-blue) !important; background-color: var(--coral) !important; color: #ffffff !important; }
.delta-woods-about-developer-section {background-color: #fcfcfc;overflow: hidden;}
.delta-woods-developer-img-wrapper {position: relative;}
.delta-woods-developer-main-img {border-radius: 5px;object-fit: cover;height: 470px;width: 100%;border: 2px solid var(--dark-blue);}
.developer-stats-row .delta-woods-stat-card {background: var(--white);padding: 15px 10px;border-radius: var(--radius-sm);box-shadow: 0 10px 10px rgba(0, 0, 96, 0.37);border-top: 4px solid var(--dark-blue);flex: 1;text-align: center;transition: transform var(--transition), box-shadow var(--transition);}
.developer-stats-row .delta-woods-stat-card:hover {transform: translateY(-8px);box-shadow: 0 15px 35px rgba(0, 0, 96, 0.12);border-top-color: var(--coral);}
.developer-stats-row .delta-woods-stat-card:hover .stat-number {color: var(--coral);}
/* ============================================================
   PROJECT DETAIL GALLERY STYLING
   ============================================================ */
.delta-woods-gallery-section {  background: var(--white); position: relative; overflow: hidden;}
.delta-woods-gallerySwiper { overflow: hidden !important; padding: 10px 0 30px 0;}
.delta-woods-gallery-card { border-radius: 3px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); position: relative; transition: all 0.4s ease; border: 2px solid var(--dark-blue); background: #fff;}
.delta-woods-gallery-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
.delta-woods-gallery-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);}
.delta-woods-gallery-card:hover img { transform: scale(1.05);}
.delta-woods-gallery-nav { margin-top: 1.5rem;}
/* ============================================================
   ABOUT PAGE CUSTOM STYLING
   ============================================================ */
.scroll-explore { z-index: 2;}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-8px); } 60% { transform: translateY(-4px); }}
.animate-bounce { animation: bounce 2s infinite;}
.about-highlights-wrapper{background-color: #ededed; border-radius: 220px; padding: 40px 40px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 3rem !important; box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.02);}
.about-highlights-wrapper .highlight-card:nth-child(1),
.about-highlights-wrapper .highlight-card:nth-child(3) { --stat-color: var(--dark-blue); --dashed-color: var(--blue-mid);}
.about-highlights-wrapper .highlight-card:nth-child(2),
.about-highlights-wrapper .highlight-card:nth-child(4) { --stat-color: var(--black); --dashed-color: rgba(74, 74, 74, 0.4);}
.about-highlights-wrapper .highlight-card-inner::after {  content: ""; position: absolute; top: -60%; left: -160%; width: 45%; height: 220%; pointer-events: none; z-index: 5; background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 252, 211, 0.95) 50%, rgba(255, 255, 255, 0) 70%, transparent 100%); filter: blur(3px); animation: card-shine 4s cubic-bezier(.25, .46, .45, .94) infinite;}
.about-highlights-wrapper .highlight-card:nth-child(1) .highlight-card-inner::after { transform: rotate(25deg); animation-delay: 0s; }
.about-highlights-wrapper .highlight-card:nth-child(2) .highlight-card-inner::after { transform: rotate(-20deg); animation-delay: 0.5s; }
.about-highlights-wrapper .highlight-card:nth-child(3) .highlight-card-inner::after { transform: rotate(30deg); animation-delay: 1s; }
.about-highlights-wrapper .highlight-card:nth-child(4) .highlight-card-inner::after { transform: rotate(-30deg); animation-delay: 1.5s; }
.value-card { transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;}
.value-card:hover {transform: translateY(-8px);  background: rgba(255, 255, 255, 0.28) !important; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;}
.value-icon i { transition: transform 0.3s ease; display: inline-block;}
.value-card:hover .value-icon i { transform: scale(1.18) rotate(5deg);}
.value-col-divider { background-image: linear-gradient(to bottom, rgba(0, 0, 102, 0) 0%, rgba(0, 0, 102, 0.22) 20%, rgba(0, 0, 102, 0.22) 80%, rgba(0, 0, 102, 0) 100%); background-size: 1px 75%; background-repeat: no-repeat; background-position: right center;}
/* ============================================================
   ABOUT PAGE REFACTORED STYLING (REMOVED INLINE CSS)
   ============================================================ */
.scroll-explore-span { font-size: 0.75rem; letter-spacing: 0.2em; font-family: var(--font-body);}
.about-emblem-img {margin: auto;}
/* .about-narrative-p { color: var(--text-body); line-height: 1.8;} */
.about-guided-p { max-width: 800px; color: var(--dark-blue); font-size: 1.1rem;}
.about-mission-vision-section { position: relative; padding: 150px 0 !important;}
.about-mission-vision-section .container-fluid { position: relative; z-index: 2;}
.about-mission-vision-section::before {  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.85) 60%, rgba(0, 0, 0, 0.95) 100%), url('../images/about-vision-bg1.webp') no-repeat center center/cover; clip-path: polygon(0 7vw, 100% 0, 100% calc(100% - 7vw), 0 100%); z-index: 0; pointer-events: none;}
.about-display-gold-heading { font-family: var(--font-display); color: var(--coral); font-size: 1.8rem; font-weight: 600;}
.about-mission-highlight-p { color: var(--coral); font-size: 1.2rem; line-height: 1.4;}
.about-values-section { position: relative; margin-top: -134px;}
.about-values-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--coral-bg); clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 0vw), 0 100%); z-index: 0; pointer-events: none;}
.about-values-main-heading { color: var(--dark-blue); font-family: var(--font-display); padding-top: 50px;}
.about-values-sub-heading { color: var(--dark-blue); font-family: var(--font-display); font-style: italic;}
.about-value-icon-img {width: 60px; height: 60px; filter: brightness(0.1);}
.about-value-title { font-family: var(--font-display); color: var(--text-dark); font-size: 1.6rem; font-weight: 600;}
.about-value-desc-row1 {font-size: 1rem;color: var(--text-body);line-height: 1.55;margin-bottom: 8px; letter-spacing: 0.04em;
 max-width: 320px;}
.about-value-desc-row2 { font-family: var(--font-body); font-size: 0.95rem; color: var(--text-dark); line-height: 1.6; max-width: 380px;}
.about-contact-divider { width: 150px; height: 2px; background-color: rgba(255, 255, 255, 0.45); margin: 10px auto 30px auto;}
.about-contact-input { background: transparent; border: none; border-bottom: 1.5px solid rgba(255, 255, 255, 0.4); border-radius: 0; color: #fff; padding: .8rem .2rem; font-size: .95rem; width: 100%;}
.about-contact-input:focus { outline: none; border-bottom-color: var(--coral);}
.about-contact-error { text-align: left; font-size: 0.8rem;}
.about-contact-btn {background-color: var(--coral); color: #ffffff; border: none; border-radius: 0px; font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 10px;}
.about-contact-btn:hover { background-color: var(--black);}
.about-contact-btn-circle {width: 25px; height: 25px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2);}
.about-mv-divider { border: none; border-top: 1.5px solid rgb(255, 255, 255); margin: 1.2rem 0; width: 100%;}
.split-word { vertical-align: bottom; }
.italic_heading_black .split-word,
.italic_heading .split-word { overflow: visible !important;}
.italic_heading_black .split-letter,
.italic_heading .split-letter { overflow: visible !important; padding-right: 0.05em;}
.about-values-swiper { padding-bottom: 3.5rem !important;}
.about-values-swiper .swiper-pagination-bullet {background: var(--dark-blue); opacity: 0.35;}
.about-values-swiper .swiper-pagination-bullet-active { background: var(--dark-blue) !important; opacity: 1; width: 12px; border-radius: 6px;}
.about-hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: 1;pointer-events: none;}
.delta-about-bg-texture {position: absolute;top: -107px;right: 0;filter: brightness(0);opacity: 0.25;pointer-events: none;width: 260px;}
[class*="-fp-card"], .fp-card, .fp-card-lg {position: relative !important;overflow: hidden !important;}
[class*="-fp-card"] img, .fp-card img, .fp-card-lg img, .fp-img, [class*="-fp-img"], .cms-fp-img, [class*="-cms-fp-img"], .delta-greenville-fp-img {filter: blur(8px) grayscale(30%) !important;transition: all 0.3s ease;}
.fp-card-overlay {position: absolute;inset: 0;background: rgba(14, 28, 79, 0.45);backdrop-filter: blur(3px);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 10;cursor: pointer;opacity: 1;pointer-events: auto;transition: opacity 0.3s ease, background 0.3s ease;padding: 1.5rem;}
.fp-card-overlay:hover {background: rgba(14, 28, 79, 0.55);}
.fp-unlock-btn {display: inline-flex !important;background: transparent !important;color: #ffffff !important;border: none !important;padding: 0 !important;font-size: 1.2rem !important;font-weight: 700 !important;letter-spacing: 0.08em !important;border-radius: 0 !important;box-shadow: none !important;align-items: center;gap: 10px;text-transform: uppercase;transition: transform 0.3s ease, color 0.3s ease !important;}
.fp-card-overlay:hover .fp-unlock-btn {transform: scale(1.08) !important;color: var(--white) !important;box-shadow: none !important;}
body.fp-unlocked [class*="-fp-card"] img,
body.fp-unlocked .fp-card img,
body.fp-unlocked .fp-card-lg img,
body.fp-unlocked .fp-img,
body.fp-unlocked [class*="-fp-img"],
body.fp-unlocked .cms-fp-img,
body.fp-unlocked [class*="-cms-fp-img"] {filter: none !important; cursor: pointer;}
body.fp-unlocked .fp-card-overlay { display: none !important; opacity: 0 !important; pointer-events: none !important;}
/* ============================================================
   GLOBAL ENQUIRY & BROCHURE POPUP MODAL STYLES
   ============================================================ */
.floorplan-modal-dialog { max-width: 960px !important; width: 95% !important; margin: 1.25rem auto !important;}
.floorplan-modal-content {background-color: #030538 !important; border-radius: 0px !important; border: none !important; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5) !important; position: relative; overflow: hidden;}
.floorplan-modal-bg-layer {position: absolute;top: 0;left: 0;width: 55%;height: 100%;z-index: 1;}
.floorplan-modal-form-col { background-color: #030538 !important; color: #ffffff !important; padding: 1.5rem 2.2rem 1.25rem 2.5rem !important; border-top-left-radius: 75px !important; border-bottom-left-radius: 75px !important; border-top-right-radius: 28px !important; border-bottom-right-radius: 28px !important; box-shadow: -15px 0 35px rgba(0, 0, 0, 0.35); position: relative; z-index: 2;}
.btn-close-custom { cursor: pointer; opacity: 0.85; transition: opacity 0.3s ease;}
.btn-close-custom:hover { opacity: 1;}
.close-icon-circle { width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; font-size: 0.75rem; transition: all 0.3s ease;}
.btn-close-custom:hover .close-icon-circle { border-color: #ffffff; transform: rotate(90deg);}
.floorplan-modal-title {font-family: var(--font-display) !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #FFB693 !important; letter-spacing: 0.03em !important; text-transform: uppercase;}
.floorplan-modal-subtitle {font-family: var(--font-body) !important; font-size: 0.8rem !important; color: rgba(255, 255, 255, 0.7) !important; line-height: 1.4;}
.floorplan-modal-form-col .modal-enquiry-form .form-control { background: transparent !important; border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 0 !important; color: #ffffff !important; padding: 0.85rem 0.2rem 0.2rem 0.3rem !important; font-size: 0.9rem !important; transition: border-color 0.3s ease !important;}
.floorplan-modal-form-col .modal-enquiry-form input[name="mobile"],
.floorplan-modal-form-col .modal-enquiry-form .iti input { padding-left: 95px !important; }
.floorplan-modal-form-col .modal-enquiry-form .form-control:focus { border-bottom-color: #FFB693 !important; box-shadow: none !important; color: #ffffff !important;}
.floorplan-modal-form-col .modal-enquiry-form input:-webkit-autofill,
.floorplan-modal-form-col .modal-enquiry-form input:-webkit-autofill:hover,
.floorplan-modal-form-col .modal-enquiry-form input:-webkit-autofill:focus,
.floorplan-modal-form-col .modal-enquiry-form input:-webkit-autofill:active {-webkit-text-fill-color: #ffffff !important; -webkit-box-shadow: 0 0 0 1000px #030538 inset !important; box-shadow: 0 0 0 1000px #030538 inset !important; background-color: #030538 !important; caret-color: #ffffff !important; transition: background-color 50000s ease-in-out 0s !important;}
.floorplan-modal-form-col .modal-enquiry-form input:-moz-autofill { box-shadow: 0 0 0 1000px #030538 inset !important; -moz-text-fill-color: #ffffff !important;}
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating label { color: rgba(255, 255, 255, 0.45) !important; left: 0.2rem !important;top: 0.7rem;font-size: 0.85rem;}
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating .form-control:focus ~ label,
.floorplan-modal-form-col .modal-enquiry-form .form-control:not(:placeholder-shown) ~ label,
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating .form-control:-webkit-autofill ~ label { color: #FFB693 !important; top: -0.4rem !important;left: 0.2rem !important;font-size: 0.72rem !important;}
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating:has(.iti) label,
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating .iti ~ label,
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating input[name="mobile"] ~ label {left: 95px !important;}
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating:has(.iti input:focus) label,
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating:has(.iti input:not(:placeholder-shown)) label,
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating:has(.iti input:-webkit-autofill) label,
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating input[name="mobile"]:focus ~ label,
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating input[name="mobile"]:not(:placeholder-shown) ~ label,
.floorplan-modal-form-col .modal-enquiry-form .form-group-floating input[name="mobile"]:-webkit-autofill ~ label { top: -0.4rem !important; left: 0.2rem !important;font-size: 0.72rem !important; color: #FFB693 !important;}
.floorplan-modal-form-col .floorplan-checkbox-wrapper { padding-left: 0 !important; margin-left: 0 !important;}
.floorplan-modal-form-col .floorplan-checkbox { width: 14px !important; height: 14px !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 3px !important; background-color: transparent !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; border-radius: 3px !important; cursor: pointer !important; flex-shrink: 0 !important; float: none !important;}
.floorplan-modal-form-col .floorplan-checkbox:checked { background-color: #FFB693 !important; border-color: #FFB693 !important;}
.floorplan-modal-form-col .floorplan-checkbox-label { color: rgba(255, 255, 255, 0.65) !important; font-size: 0.6rem !important; line-height: 1.35 !important; cursor: pointer !important; margin-left: 0 !important;}
.floorplan-modal-form-col .floorplan-submit-btn {background-color: var(--coral) !important; color: #ffffff !important; font-family: var(--font-body) !important;font-size: 0.85rem !important;font-weight: 700 !important;letter-spacing: 0.08em !important; padding: 10px 8px 10px 22px !important; border-radius: 0px !important; border: none !important; box-shadow: 6px 6px 0 var(--brand-gray) !important; text-transform: uppercase; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.3s ease !important;}
.floorplan-modal-form-col .floorplan-submit-btn:hover {box-shadow: 10px 10px 0 var(--brand-gray) !important; background-color: var(--coral) !important; color: #ffffff !important; transform: translateY(-2px);}
.social-circle-icon {width: 26px; height: 26px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.75rem; transition: all 0.3s ease; text-decoration: none;}
.social-circle-icon:hover {border-color: #FFB693; color: #FFB693; transform: translateY(-2px);}
.floorplan-modal-contact {font-size: 0.75rem; color: rgba(255, 255, 255, 0.7);}
.form-group-floating {position: relative;}
.form-group-floating .form-control {padding-top: 1.2rem !important;padding-bottom: 0.4rem !important;}
.form-group-floating label {position: absolute;top: 1rem;left: 0.2rem;font-size: 0.95rem;font-family: var(--font-body);pointer-events: none;transition: all 0.25s ease;}
.contact-form .form-group-floating label {color: rgba(255, 255, 255, 0.6);}
.form-group-floating .form-control:focus ~ label,.form-group-floating .form-control:not(:placeholder-shown) ~ label {top: -0.4rem;font-size: 0.75rem;}
.contact-form .form-group-floating .form-control:focus ~ label,.contact-form .form-group-floating .form-control:not(:placeholder-shown) ~ label {color: var(--coral, #e5370e) !important;}
.contact-form .floorplan-checkbox-wrapper {padding-left: 2.25rem !important;text-align: left !important;}
.contact-form .floorplan-checkbox {border-color: rgba(255, 255, 255, 0.4) !important;background-color: transparent !important;}
.contact-form .floorplan-checkbox:checked {background-color: var(--coral, #e5370e) !important;border-color: var(--coral, #e5370e) !important;}
.contact-form .floorplan-checkbox-label {color: rgba(255, 255, 255, 0.7) !important;font-size: 0.75rem !important;cursor: pointer !important;}
.form-check-input{width: .8em !important;height: .8em !important;margin-top: 0.45em !important;}
/* ==========================================================================
   20. CONTACT PAGE STYLES
   ========================================================================== */
.contact-hero-banner {position: relative;}
.contact-info-section {padding: 60px 0;background-color: #fff;}
.contact-info-list .info-item {display: flex;align-items: center;gap: 15px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid var(--coral-bg);}
.contact-info-list .info-item:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.contact-icon-badge {width: 42px;height: 42px;background: radial-gradient(circle at 35% 35%, #FFB693 0%, #FF9966 60%, #E67E4C 100%);box-shadow: inset -2px -2px 6px rgba(0, 0, 0, 0.2), inset 2px 2px 6px rgba(255, 255, 255, 0.6), 0 4px 10px rgba(255, 153, 102, 0.3);color: #fff !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;position: relative;border: 1px solid rgba(255, 255, 255, 0.3);transition: transform 0.3s ease;}
.contact-icon-badge::before {content: '';position: absolute;top: 4px;left: 10px;width: 14px;height: 7px;background: rgba(255, 255, 255, 0.5);border-radius: 50%;transform: rotate(-15deg);}
.contact-info-list .info-item:hover .contact-icon-badge {transform: scale(1.08) translateY(-2px);}
.contact-form-card {border-radius: 16px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.18);;border: none;background-color: #fff;}
.form-label-custom {font-family: var(--font-body), sans-serif;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;color: #000;text-transform: uppercase;}
.input-icon-group {position: relative;}
.input-icon-group i {position: absolute;left: 18px;top: 50%;transform: translateY(-50%);color: #A0A0A0;font-size: 1.1rem;pointer-events: none;transition: color 0.3s ease;}
.input-icon-group .form-control-custom {padding: 10px 18px 10px 48px; border: 1px solid #b3b3b3; border-radius: 0px; font-size: 0.92rem; color: #333; background-color: #fff; transition: all 0.3s ease; width: 100%;}
.input-icon-group .form-control-custom:focus {border-color: #FF9966;box-shadow: 0 0 0 4px rgba(255, 153, 102, 0.15);outline: none;}
.input-icon-group .form-control-custom:focus + i {color: #FF9966;}
.textarea-custom {padding: 14px 18px;border: 1px solid #DCDCDC;border-radius: 6px;font-size: 0.92rem;color: #333;background-color: #fff;transition: all 0.3s ease;width: 100%;resize: none;}
.textarea-custom:focus {border-color: #FF9966;box-shadow: 0 0 0 4px rgba(255, 153, 102, 0.15);outline: none;}
.btn-submit-custom {background-color: #1A1846;color: #fff;font-family: var(--font-body), sans-serif;font-size: 0.88rem;font-weight: 600;letter-spacing: 0.12em;padding: 15px 35px;border-radius: 4px;border: none;display: inline-flex;align-items: center;gap: 15px;transition: all 0.3s ease;}
.btn-submit-custom:hover {background-color: #FF9966;color: #fff;transform: translateY(-2px);}
.btn-submit-custom i {font-size: 1.1rem;transition: transform 0.3s ease;}
.btn-submit-custom:hover i {transform: translateX(5px);}
.trust-badges-section {background-color: #F6F7F9;padding: 35px 0;border-top: 1px solid #EDEDED;}
.trust-badge-item {text-align: center;padding: 15px;}
.trust-badge-icon{width: 60px;color: #1A1846;margin-bottom: 12px;display: inline-block;transition: transform 0.3s ease;}
.trust-badge-item:hover .trust-badge-icon {transform: translateY(-5px); color: #FF9966;}
.trust-badge-title {font-family: var(--font-body), sans-serif;font-size: 0.95rem;font-weight: 600;color: #1A1846;margin-bottom: 0;}
.contact-subtitle-heading {font-size: 2.2rem;color: #1A1846;}
.contact-title-heading {font-size: 2.2rem;font-weight: 700;color: #1A1846;letter-spacing: 0.02em;}
.contact-info-title {color: var(--coral) !important;}
.contact-info-detail {font-size: .9rem;font-family: var(--font-body);}
.contact-info-detail-office {font-size: 0.95rem;font-family: var(--font-body);line-height: 1.6;font-weight: 500;}
.required-star-marker {position: static !important;color: red;}
.contact-divider {width: 150px;height: 2px;background-color: var(--black);margin: 15px 0 25px 0;}
.error-feedback {text-align: left !important;font-size: 0.8rem !important;position: absolute !important;display: block;}
.btn-submit-custom.cta-animated {background-color: #1A1846 !important;color: #fff !important;border-radius: 0px !important;padding: 13px 8px 13px 28px !important;box-shadow: 6px 6px 0 var(--brand-gray) !important;}
.btn-submit-custom.cta-animated:hover {background-color: var(--coral) !important;color: #fff !important;box-shadow: 10px 10px 0 var(--brand-gray) !important;}
.iti {display: block !important;width: 100% !important;}
.iti__country-list {background-color: #fff !important;color: #333 !important;border: 1px solid #ccc !important;z-index: 1050 !important;max-width: 100%;}
.iti__selected-country {background-color: transparent !important;margin-top: 6px;}
.contact-form-card .iti__selected-country {margin-top: 0 !important;}
.form-group-floating .iti ~ label {left: 52px !important;}
.form-group-floating label { top: calc(50% + 7px) !important; transform: translateY(-50%);}
.form-group-floating .form-control:focus + label,
.form-group-floating .form-control:not(:placeholder-shown) + label {top: -10px; transform: none;}
.form-group-floating:has(input:focus) label,
.form-group-floating:has(input:not(:placeholder-shown)) label {top: -0.4rem !important;font-size: 0.75rem !important;transform: none !important;}
.contact-form .form-group-floating:has(input:focus) label,
.contact-form .form-group-floating:has(input:not(:placeholder-shown)) label {color: var(--coral, #e5370e) !important;}
.modal-enquiry-form .form-group-floating:has(input:focus) label,
.modal-enquiry-form .form-group-floating:has(input:not(:placeholder-shown)) label {color: var(--coral, #e5370e) !important;}
.contact-form .form-control{background:transparent !important;color:#fff !important;border:none;border-bottom:1px solid rgba(255,255,255,.35);border-radius:0;box-shadow:none !important;padding:10px 0;}
.contact-form .form-control:focus{background:transparent !important;color:#fff !important;border-bottom:1px solid #fff;box-shadow:none !important;}
.contact-form .form-control::placeholder{color:transparent;}
.contact-form label{color:#000;}
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus,
.contact-form textarea:-webkit-autofill,
.contact-form select:-webkit-autofill{-webkit-text-fill-color:#fff !important;-webkit-box-shadow:0 0 0 1000px transparent inset !important;box-shadow:0 0 0 1000px transparent inset !important;background:transparent !important;transition:background-color 999999s ease-in-out 0s;}
.contact-form input:-moz-autofill{box-shadow:0 0 0 1000px transparent inset !important;-moz-text-fill-color:#fff !important;}
.contact-form-card .form-control-custom,
.contact-form-card .textarea-custom,
.contact-form-card input,
.contact-form-card textarea {color: #000000 !important; -webkit-text-fill-color: #000000 !important;}
.contact-form-card .form-control-custom::placeholder,
.contact-form-card .textarea-custom::placeholder,
.contact-form-card input::placeholder,
.contact-form-card textarea::placeholder {color: #888888 !important; -webkit-text-fill-color: #888888 !important; opacity: 1;}
.contact-form-card input:-webkit-autofill,
.contact-form-card input:-webkit-autofill:hover,
.contact-form-card input:-webkit-autofill:focus,
.contact-form-card input:-webkit-autofill:active,
.contact-form-card textarea:-webkit-autofill,
.contact-form-card textarea:-webkit-autofill:hover,
.contact-form-card textarea:-webkit-autofill:focus,
.contact-form-card textarea:-webkit-autofill:active {-webkit-text-fill-color: #000000 !important;-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;box-shadow: 0 0 0 1000px #ffffff inset !important;background-color: #ffffff !important;caret-color: #000000 !important;transition: background-color 50000s ease-in-out 0s !important;}
.contact-form-card input:-moz-autofill,
.contact-form-card textarea:-moz-autofill {box-shadow: 0 0 0 1000px #ffffff inset !important;-moz-text-fill-color: #000000 !important;}
.social-link img {width: 30px;height: 30px;object-fit: contain;filter: brightness(0) invert(1);transition: transform 0.3s ease;}
.social-link:hover img {transform: scale(1.15);filter: brightness(0) invert(1);}
.textarea-custom {width: 100%; min-height: 150px;resize: vertical; }
[class*="cms-amenity-caption"],
[class*="cms-amenity-main-tag"],
[class*="slide-caption"],
[id*="lifestyleTag"],
[id*="amenities-imageTag"],
[id*="AmenitiesTitle"],
[id*="amenities-imageTitle"] {text-transform: capitalize !important;}
/* ============================================================
   CAREER APPLICATION POPUP MODAL STYLES (NO IMAGE)
   ============================================================ */
.career-modal-dialog {max-width: 600px !important;width: 95% !important;margin: 1.25rem auto !important;}
.floorplan-checkbox-label{font-size: 10px;}
.career-modal-content {background-color: #030538 !important;border-radius: 4px !important;border: none !important;box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5) !important;position: relative;overflow: hidden;}
.career-modal-form-col {background-color: #030538 !important;color: #ffffff !important;padding: 1.5rem 2.2rem 1.5rem 2.2rem !important;border-radius: 4px !important;position: relative;z-index: 2;}
.career-modal-title {font-family: var(--font-display) !important;font-size: 1.5rem !important;font-weight: 700 !important;color: #FFB693 !important;letter-spacing: 0.03em !important;text-transform: uppercase;}
.career-modal-subtitle {font-family: var(--font-body) !important;font-size: 0.82rem !important;color: rgba(255, 255, 255, 0.7) !important;line-height: 1.4;}
.career-modal-form-col .career-apply-form .form-control {background: transparent !important;border: none !important;border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;border-radius: 0 !important;color: #ffffff !important;padding: 0.85rem 0.2rem 0.2rem 0.3rem !important;font-size: 0.9rem !important;transition: border-color 0.3s ease !important;}
.career-modal-form-col .career-apply-form .form-control:focus {border-bottom-color: #FFB693 !important;box-shadow: none !important;color: #ffffff !important;}
.career-modal-form-col .career-apply-form input:-webkit-autofill,.career-modal-form-col .career-apply-form input:-webkit-autofill:hover,.career-modal-form-col .career-apply-form input:-webkit-autofill:focus,
.career-modal-form-col .career-apply-form input:-webkit-autofill:active {-webkit-text-fill-color: #ffffff !important;-webkit-box-shadow: 0 0 0 1000px #030538 inset !important;box-shadow: 0 0 0 1000px #030538 inset !important;background-color: #030538 !important;caret-color: #ffffff !important;transition: background-color 50000s ease-in-out 0s !important;}
.career-modal-form-col .career-apply-form .form-group-floating label {color: rgba(255, 255, 255, 0.45) !important;left: 0.2rem !important;top: 0.7rem;font-size: 0.85rem;}
.career-modal-form-col .career-apply-form input[name="mobile"],.career-modal-form-col .career-apply-form .iti input {padding-left: 95px !important;}
.career-modal-form-col .career-apply-form .form-group-floating:has(.iti) label,.career-modal-form-col .career-apply-form .form-group-floating .iti ~ label,
.career-modal-form-col .career-apply-form .form-group-floating input[name="mobile"] ~ label {left: 95px !important;}
.career-modal-form-col .career-apply-form .form-group-floating:has(.iti input:focus) label,
.career-modal-form-col .career-apply-form .form-group-floating:has(.iti input:not(:placeholder-shown)) label,
.career-modal-form-col .career-apply-form .form-group-floating:has(.iti input:-webkit-autofill) label,
.career-modal-form-col .career-apply-form .form-group-floating input[name="mobile"]:focus ~ label,
.career-modal-form-col .career-apply-form .form-group-floating input[name="mobile"]:not(:placeholder-shown) ~ label,
.career-modal-form-col .career-apply-form .form-group-floating input[name="mobile"]:-webkit-autofill ~ label {top: -0.4rem !important;left: 0.2rem !important;font-size: 0.72rem !important;color: #FFB693 !important;}
.career-modal-form-col .career-apply-form .form-group-floating .form-control:focus ~ label,
.career-modal-form-col .career-apply-form .form-group-floating .form-control:not(:placeholder-shown) ~ label,
.career-modal-form-col .career-apply-form .form-group-floating .form-control:-webkit-autofill ~ label {color: #FFB693 !important;top: -0.4rem !important;left: 0.2rem !important;font-size: 0.72rem !important;}
.career-file-wrapper {margin-top: 0.25rem;}
.career-file-input {border: 1px dashed rgba(255, 255, 255, 0.3) !important;border-radius: 8px !important;padding: 0.45rem 0.65rem !important;font-size: 0.82rem !important;color: rgba(255, 255, 255, 0.85) !important;background: rgba(255, 255, 255, 0.05) !important;cursor: pointer;}
.career-file-input::file-selector-button,.career-file-input::-webkit-file-upload-button {background: var(--coral) !important;color: #ffffff !important;border: none !important;padding: 0.35rem 0.85rem !important;border-radius: 6px !important;margin-right: 0.75rem !important;font-size: 0.78rem !important;font-weight: 600 !important;cursor: pointer !important;transition: background 0.3s ease, color 0.3s ease !important;}
.career-file-input:hover::file-selector-button,.career-file-input:hover::-webkit-file-upload-button,.career-file-input::file-selector-button:hover,.career-file-input::-webkit-file-upload-button:hover {background: #e06030 !important;color: #ffffff !important;}
/* ============================================================
   THANK YOU PAGE STYLES
============================================================ */
.thankyou-section {min-height: 100vh;padding: 120px 0 80px;background: #f8f9fa;}
.thankyou-box {padding: 50px 35px;}
.thankyou-box h1 {font-family: var(--font-display);color: var(--dark-blue);font-weight: 700;font-size: 2.5rem;}
.icon_thankyou {width: 90px;height: 90px;object-fit: contain;margin: 0 auto;}
.success-text {color: var(--text-body);font-size: 1.1rem;line-height: 1.6;}
#shutter.success-text, #shutter {font-weight: 600;color: var(--brand-gray);margin-top: 20px;}
.tiMer {color: var(--coral);font-weight: bold;font-size: 1.2rem;}
.btn-primary11 {background-color: var(--dark-blue);border: 2px solid var(--dark-blue);padding: 12px 32px;font-size: 1rem;font-weight: 600;border-radius: 30px;transition: all 0.3s ease;display: inline-block;text-decoration: none;}
.btn-primary11:hover {background-color: var(--coral);border-color: var(--coral);color: var(--white) !important;transform: translateY(-2px);}
/* ============================================================
   PRIVACY POLICY & LEGAL PAGES
============================================================ */
.privacy-intro-lead {color: var(--dark-blue, #000066); line-height: 1.7;}
.privacy-section-title { color: var(--dark-blue, #000066); font-family: var(--font-display);}
.privacy-badge { font-size: 0.9rem;}
.privacy-icon { font-size: 1rem;}
/* ============================================================
   SITE ADDRESS & RERA SECTION STYLES
============================================================ */
.site-address-section {
    background-color: var(--light-gray);
}
.site-address-section .site-address-info {
    text-align: left;
}
.site-address-section .site-address-title {
    color: var(--black);
    font-weight: 700;
    margin-bottom: 0.25rem;
}
.site-address-section .site-address-text {
    color: var(--black);
    margin-bottom: 0;
    font-size: 0.9rem;
}
.site-address-section .rera-qr-box {
    overflow: hidden;
}
.site-address-section .rera-qr-container {
    gap: 1.5rem;
}
.site-address-section .qr-img-wrapper {
    min-width: 0;
    max-width: 100%;
}
.site-address-section .qr-img-wrapper img {
    width: 100px;
    height: 100px;
    margin-bottom: 0;
    flex-shrink: 0;
}
.site-address-section .qr-content {
    text-align: left;
    min-width: 0;
}
.site-address-section .rera-title {
    color: var(--black);
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    white-space: nowrap;
}
.site-address-section .rera-number {
    display: block;
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--dark-blue);
}
.site-address-section .qr-vertical-divider {
    width: 2px;
    height: 130px;
    background: linear-gradient(to bottom, transparent, var(--dark-blue), transparent);
    flex-shrink: 0;
    align-self: center;
}
.site-address-section .column-spindle-divider {
    width: 2px;
    height: 110px;
    background: linear-gradient(to bottom, transparent, var(--dark-blue), transparent);
    margin: 0 auto;
}
.site-address-section .horizontal-spindle-divider {
    height: 2px;
    width: 100%;
    max-width: 280px;
    background: linear-gradient(to right, transparent, var(--dark-blue), transparent);
    margin: 0 auto;
}

/* Modern RERA Swiper Pagination Dots Styling */
.rera-swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
}
.rera-swiper-pagination .swiper-pagination-bullet {
    background: rgba(10, 40, 75, 0.2);
    opacity: 0.8;
    width: 9px;
    height: 5px;
    border-radius: 50%;
    margin: 0 !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    cursor: pointer;
    border: 1px solid rgba(10, 40, 75, 0.1);
}
.rera-swiper-pagination .swiper-pagination-bullet:hover {
    background: rgba(10, 40, 75, 0.5);
    transform: scale(1.15);
}
.rera-swiper-pagination .swiper-pagination-bullet-active {
    background: linear-gradient(135deg, var(--dark-blue, #0B2545), #134074) !important;
    opacity: 1;
    width: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(11, 37, 69, 0.25);
    border: none;
}
.reralink,
.rera-details .reralink {
    font-size: 14px !important;
    line-height: 17px !important;
    color: var(--black);
}
/* ================================s============================
   PRELOADER STYLES
===================================s========================= */
#site-preloader {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: #000000 !important;
  z-index: 9999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
html.has-seen-preloader #site-preloader {
  display: none !important;
}

.upcoming_dis{
   background-color: var(--light-gray);
   padding: 3rem 0;
}

/* ================================================================
   HERO / BANNER VIDEO & SOUND BUTTON STYLES
================================================================== */
#Home {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#Home video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Sound Toggle Button */
.video-sound-btn {
    position: absolute;
    right: 25px;
    bottom: 25px;

    width: 40px;
    height: 40px;

    padding: 0;

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

    border: none;
    border-radius: 0;

    background: transparent;
    color: #fff;

    font-size: 24px;

    cursor: pointer;
    z-index: 10;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6));

    transition: all 0.3s ease;
}

/* Sound Toggle Button Hover */
.video-sound-btn:hover {
    background: transparent;
    transform: scale(1.15);
    color: #fff;
}

/* Sound Toggle Button Mobile Responsiveness */
@media (max-width: 767px) {
    .video-sound-btn {
        right: 15px;
        bottom: 15px;

        width: 36px;
        height: 36px;

        font-size: 20px;
    }
}