@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');

/* Brand Design Tokens */
:root {--primary-color: #003471;--secondary-color: #005C99;--accent-color: #00ACEF;--gold-color: #D97706;--gold-accent: #EAB308;--gold-light: rgba(234, 179, 8, 0.08);--bg-color: #F8FAFC;--white: #FFFFFF;--text-color: #1E293B;--text-muted: #64748B;--border-color: #E2E8F0;--card-shadow: 0 10px 30px -5px rgba(0, 52, 113, 0.08);--hover-shadow: 0 20px 40px -5px rgba(0, 52, 113, 0.15);--transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);--font-heading: 'Outfit', sans-serif;--font-body: 'Inter', sans-serif;}body {font-family: var(--font-body);color: var(--text-color);background-color: var(--bg-color);overflow-x: hidden;scroll-behavior: smooth;line-height: 1.6;}h1, h2, h3, h4, h5, h6 {font-family: var(--font-heading);color: var(--primary-color);font-weight: 700;letter-spacing: -0.02em;}::-webkit-scrollbar {width: 8px;}::-webkit-scrollbar-track {background: var(--bg-color);}::-webkit-scrollbar-thumb {background: var(--secondary-color);border-radius: 4px;}::-webkit-scrollbar-thumb:hover {background: var(--primary-color);}.bg-brand-primary {background-color: var(--primary-color) !important;}.bg-brand-secondary {background-color: var(--secondary-color) !important;}.text-brand-primary {color: var(--primary-color) !important;}.text-brand-secondary {color: var(--secondary-color) !important;}.text-brand-accent {color: var(--accent-color) !important;}.text-gold {color: var(--gold-color) !important;}.text-gold-accent {color: var(--gold-accent) !important;}.bg-gold {background-color: var(--gold-accent) !important;}.bg-gold-light {background-color: var(--gold-light) !important;}.logo-image{height:75px;}.custom-navbar {background-color: rgba(255, 255, 255);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);transition: var(--transition-smooth);padding: 5px 0;}.custom-navbar.scrolled {padding: 0px 0;box-shadow: 0 4px 20px rgba(0, 52, 113, 0.08);}.navbar-brand {display: flex;align-items: center;gap: 12px;}.brand-text {display: flex;flex-direction: column;}.brand-title {font-family: var(--font-heading);font-size: 1.3rem;font-weight: 800;color: var(--primary-color);line-height: 1.1;letter-spacing: 0.5px;}.brand-subtitle {font-size: 0.65rem;font-weight: 600;letter-spacing: 1px;color: var(--accent-color);text-transform: uppercase;}.nav-link {color: var(--text-color) !important;font-weight: 600;font-size: 0.95rem;padding: 8px 16px !important;transition: var(--transition-smooth);position: relative;}.nav-link:hover, .nav-link.active {color: var(--primary-color) !important;}.nav-link::after {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: var(--primary-color);transition: var(--transition-smooth);transform: translateX(-50%);}.nav-link:hover::after, .nav-link.active::after {width: 60%;}@media (min-width: 992px) {.dropdown-menu {border: none;box-shadow: 0 10px 30px rgba(0, 52, 113, 0.12);border-radius: 12px;padding: 10px;background-color: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);transform: translateY(10px);opacity: 0;visibility: hidden;display: block;transition: var(--transition-smooth);}.dropdown:hover .dropdown-menu {transform: translateY(0);opacity: 1;visibility: visible;}}@media (max-width: 991.98px) {.dropdown-menu {border: none;box-shadow: none;background-color: transparent;padding-left: 20px;border-radius: 0;transform: none;transition: none;}}.dropdown-item {border-radius: 8px;padding: 10px 16px;font-weight: 500;color: var(--text-color);transition: var(--transition-smooth);}.dropdown-item:hover {background-color: rgba(0, 92, 153, 0.05);color: var(--primary-color);padding-left: 22px;}.dropdown-item.active {background-color: var(--primary-color);color: var(--white);}.btn-cta {background-color: var(--primary-color);color: var(--white);font-weight: 600;padding: 12px 28px;border-radius: 50px;border: 2px solid transparent;transition: var(--transition-smooth);letter-spacing: 0.5px;text-transform: uppercase;font-size: 0.85rem;}.btn-cta:hover {background-color: var(--secondary-color);color: var(--white);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0, 92, 153, 0.3);}.btn-cta-outline {background-color: transparent;color: var(--primary-color);font-weight: 600;padding: 10px 26px;border-radius: 50px;border: 2px solid var(--primary-color);transition: var(--transition-smooth);letter-spacing: 0.5px;text-transform: uppercase;font-size: 0.85rem;}.btn-cta-outline:hover {background-color: var(--primary-color);color: var(--white);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0, 52, 113, 0.2);}.btn-cta-accent {background-color: var(--accent-color);color: var(--white);font-weight: 600;padding: 12px 28px;border-radius: 50px;border: 2px solid transparent;transition: var(--transition-smooth);letter-spacing: 0.5px;text-transform: uppercase;font-size: 0.85rem;}.btn-cta-accent:hover {background-color: var(--secondary-color);color: var(--white);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0, 172, 239, 0.3);}.btn-cta-gold {background-color: var(--gold-accent);color: var(--text-color) !important;font-weight: 700;padding: 12px 28px;border-radius: 50px;border: 2px solid transparent;transition: var(--transition-smooth);letter-spacing: 0.5px;text-transform: uppercase;font-size: 0.85rem;}.btn-cta-gold:hover {background-color: var(--gold-color);color: var(--white) !important;transform: translateY(-2px);box-shadow: 0 6px 15px rgba(217, 119, 6, 0.4);}.btn-cta-white {background-color: var(--white);color: var(--text-color) !important;font-weight: 700;padding: 12px 28px;border-radius: 50px;border: 2px solid transparent;transition: var(--transition-smooth);letter-spacing: 0.5px;text-transform: uppercase;font-size: 0.85rem;}.btn-cta-white:hover {background-color: var(--white);color: var(--text-color) !important;transform: translateY(-2px);box-shadow: 0 6px 15px rgba(217, 119, 6, 0.4);}.quality-p{width:600px;}.hero-padding {margin-top: 86px;}@media (min-width: 992px) {.hero-padding {margin-top: 90px;}}.hero-carousel {position: relative;width: 100%;height: auto;min-height: auto;margin-top: 0;overflow: hidden;background-color: #0b1e36;}.hero-carousel .carousel-inner, .hero-carousel .carousel-item {width: 100%;height: auto;min-height: auto;}

/* .carousel-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 52, 113, 0.85) 0%, rgba(0, 20, 50, 0.5) 100%);
  z-index: 1;
} */

.hero-carousel .carousel-item img {width: 100%;height: auto;object-fit: cover;object-position: center;display: block;}.hero-carousel .carousel-indicators {margin-bottom: 15px;z-index: 5;}.hero-carousel .carousel-indicators [data-bs-target] {width: 28px;height: 4px;border-radius: 2px;border: none;background-color: rgba(255, 255, 255, 0.5);transition: var(--transition-smooth);}.hero-carousel .carousel-indicators .active {width: 45px;background-color: var(--accent-color);}.carousel-content-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;display: flex;align-items: center;}.hero-text-box {max-width: 850px;color: var(--white);}.hero-subtitle {font-size: 1.1rem;letter-spacing: 4px;font-weight: 600;text-transform: uppercase;color: var(--accent-color);margin-bottom: 20px;animation: fadeInUp 0.8s ease forwards;}.hero-title {font-size: 4rem;font-weight: 800;line-height: 1.1;color: var(--white);margin-bottom: 25px;animation: fadeInUp 1s ease forwards 0.2s;opacity: 0;}.hero-desc {font-size: 1.2rem;color: rgba(255, 255, 255, 0.9);margin-bottom: 40px;font-weight: 400;animation: fadeInUp 1s ease forwards 0.4s;opacity: 0;}.hero-ctas {display: flex;gap: 20px;animation: fadeInUp 1s ease forwards 0.6s;opacity: 0;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.carousel-control-prev, .carousel-control-next {width: 50px;height: 50px;background-color: rgba(0, 52, 113, 0.45);border-radius: 50%;top: 50%;transform: translateY(-50%);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, 0.3);transition: var(--transition-smooth);opacity: 0.85;z-index: 5;}.carousel-control-prev {left: 25px;}.carousel-control-next {right: 25px;}.carousel-control-prev:hover, .carousel-control-next:hover {background-color: var(--primary-color);border-color: var(--primary-color);opacity: 1;transform: translateY(-50%) scale(1.08);}.section-padding {padding: 100px 0;}.section-bg-alt {background-color: #fff;}.section-header {text-align: center;max-width: 100%;margin: 0 auto 60px auto;}.section-tagline {font-size: 0.85rem;font-weight: 700;text-transform: uppercase;color:var(--gold-color);letter-spacing: 2px;display: block;margin-bottom: 12px;}.section-title {font-size: 2.25rem;font-weight: 700;margin-bottom: 20px;position: relative;display: inline-block;}.section-title::after {content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 60px;height: 3px;background-color: var(--gold-color);}.section-header-left {text-align: left;margin-bottom: 10px;}.section-header-left .section-title::after {left: 0;transform: none;}.category-card {background: var(--white);border: 1px solid var(--border-color);border-radius: 16px;padding: 40px 30px;transition: var(--transition-smooth);box-shadow: var(--card-shadow);text-align: center;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}.category-card:hover {transform: translateY(-8px);box-shadow: var(--hover-shadow);border-color: rgba(0, 52, 113, 0.15);}.category-icon-wrapper {width: 80px;height: 80px;background-color: rgba(0, 52, 113, 0.05);color: var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px auto;font-size: 2.6rem;transition: var(--transition-smooth);}.category-card:hover .category-icon-wrapper {background-color: var(--primary-color);color: var(--white);transform: rotateY(360deg);}.category-card h3 {font-size: 1.5rem;font-weight: 700;margin-bottom: 15px;}.category-card p {font-size: 0.95rem;margin-bottom: 25px;}@media (min-width: 1200px) {.col-xl-custom-5 {flex: 0 0 auto;width: 20%;}}@media (min-width: 1200px) and (max-width: 1399px) {.col-xl-custom-5 .category-card {padding: 32px 16px;}.col-xl-custom-5 .category-icon-wrapper {width: 66px;height: 66px;font-size: 2.1rem;margin-bottom: 18px;}.col-xl-custom-5 .category-card h3 {font-size: 1.25rem;margin-bottom: 12px;}.col-xl-custom-5 .category-card p {font-size: 0.86rem;margin-bottom: 20px;line-height: 1.5;}.col-xl-custom-5 .category-card .btn-cta-outline {padding: 8px 16px;font-size: 0.85rem;}}@media (min-width: 1400px) {.col-xl-custom-5 .category-card {padding: 36px 20px;}.col-xl-custom-5 .category-icon-wrapper {width: 72px;height: 72px;font-size: 2.3rem;margin-bottom: 20px;}.col-xl-custom-5 .category-card h3 {font-size: 1.35rem;margin-bottom: 14px;}.col-xl-custom-5 .category-card p {font-size: 0.9rem;}}.spotlight-card {background: var(--white);border-radius: 24px;overflow: hidden;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);transition: var(--transition-smooth);}.spotlight-card:hover {box-shadow: var(--hover-shadow);}.spotlight-image-container {position: relative;overflow: hidden;height: 100%;min-height: 400px;}.spotlight-img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-smooth);}.spotlight-card:hover .spotlight-img {transform: scale(1.08);}.spotlight-badge {position: absolute;top: 25px;left: 25px;background-color: var(--gold-color);color: var(--white);padding: 8px 20px;border-radius: 50px;font-weight: 700;font-size: 0.8rem;letter-spacing: 1px;text-transform: uppercase;z-index: 2;box-shadow: 0 4px 10px rgba(217, 119, 6, 0.4);}.spotlight-content {padding: 50px;}.spotlight-meta {font-size: 0.95rem;font-weight: 600;color: var(--secondary-color);margin-bottom: 15px;display: flex;align-items: center;gap: 8px;}.spotlight-title {font-size: 2.2rem;font-weight: 700;margin-bottom: 10px;}.spotlight-subtitle {font-size: 1.1rem;color:var(--gold-color);font-weight: 600;margin-bottom: 25px;}.spotlight-description {margin-bottom: 35px;font-size: 1.05rem;}.spotlight-features {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;margin-bottom: 40px;}.spotlight-feature-item {display: flex;align-items: center;gap: 10px;font-weight: 500;}.spotlight-feature-item i {color: var(--gold-color);}.vertical-hover-row {margin-top: 40px;}.vertical-hover-col {padding: 10px;}.vertical-hover-card {position: relative;height: 480px;border-radius: 20px;overflow: hidden;box-shadow: var(--card-shadow);cursor: pointer;transition: var(--transition-smooth);}.vertical-hover-card img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-smooth);}.vertical-hover-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 30px;z-index: 2;transition: var(--transition-smooth);}.vertical-hover-card:hover img {transform: scale(1.12);}.vertical-hover-card:hover .vertical-hover-overlay {background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 92, 153, 0.65) 100%);}.vertical-hover-title {color: var(--white);font-size: 1.6rem;font-weight: 700;margin-bottom: 10px;transition: var(--transition-smooth);}.vertical-hover-text {color: rgba(255, 255, 255, 0.9);font-size: 0.95rem;margin-bottom: 20px;max-height: 0;opacity: 0;overflow: hidden;transition: var(--transition-smooth);}.vertical-hover-btn {align-self: flex-start;opacity: 0;transform: translateY(15px);transition: var(--transition-smooth);}.vertical-hover-card:hover .vertical-hover-text {max-height: 100px;opacity: 1;}.vertical-hover-card:hover .vertical-hover-btn {opacity: 1;transform: translateY(0);}.amenity-card {background: var(--white);border: 1px solid var(--border-color);border-radius: 16px;padding: 30px;transition: var(--transition-smooth);height: 100%;display: flex;align-items: center;gap: 20px;box-shadow: var(--card-shadow);}.amenity-card:hover {transform: translateY(-5px);box-shadow: var(--hover-shadow);border-color: rgba(0, 172, 239, 0.2);}.amenity-icon {font-size: 2.2rem;color: var(--accent-color);transition: var(--transition-smooth);}.amenity-card:hover .amenity-icon {transform: scale(1.15);}.amenity-info h4 {font-size: 1.15rem;font-weight: 700;margin-bottom: 5px;}.amenity-info p {font-size: 0.85rem;margin-bottom: 0;}.promo-section {position: relative;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;color: var(--white);padding: 120px 0;overflow: hidden;}.promo-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 92, 153, 0.45) 100%);z-index: 1;}.promo-content {position: relative;z-index: 2;}.promo-subtitle {color: var(--gold-accent);font-size: 1.1rem;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;margin-bottom: 15px;}.promo-title {color: var(--white);font-size: 3rem;font-weight: 800;line-height: 1.2;margin-bottom: 25px;}.promo-desc {color: rgba(255, 255, 255, 0.9);font-size: 1.15rem;max-width: 800px;margin: 0 auto 40px auto;}.promo-features-list {display: flex;justify-content: center;gap: 40px;margin-bottom: 45px;flex-wrap: wrap;}.promo-feature-point {display: flex;align-items: center;gap: 10px;font-weight: 600;font-size: 1.05rem;}.promo-feature-point i {color: var(--accent-color);font-size: 1.2rem;}.h3{font-size:2.5em;}
.layout-container {background: var(--white);border-radius: 24px;padding: 40px;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);text-align: center;}.layout-image-wrapper {position: relative;overflow: hidden;border-radius: 16px;cursor: zoom-in;}.layout-image-wrapper img {transition: var(--transition-smooth);}.layout-image-wrapper:hover img {transform: scale(1.03);}.layout-zoom-hint {position: absolute;bottom: 20px;right: 20px;background-color: rgba(0, 52, 113, 0.85);color: var(--white);padding: 8px 16px;border-radius: 50px;font-size: 0.85rem;font-weight: 500;pointer-events: none;display: flex;align-items: center;gap: 8px;backdrop-filter: blur(5px);}.project-card {background: var(--white);border-radius: 16px;overflow: hidden;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);transition: var(--transition-smooth);height: 100%;display: flex;flex-direction: column;}.project-card:hover {transform: translateY(-8px);box-shadow: var(--hover-shadow);}.project-img-wrapper {position: relative;overflow: hidden;height: 200px;}.project-card-img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-smooth);}.project-card:hover .project-card-img {transform: scale(1.08);}.project-status-badge {position: absolute;top: 15px;right: 15px;background-color: #22C55E;color: var(--white);padding: 5px 12px;border-radius: 50px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;z-index: 2;box-shadow: 0 4px 8px rgba(34, 197, 94, 0.2);}.project-card-body {padding: 25px;display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;}.project-card-title {font-size: 1.3rem;font-weight: 700;margin-bottom: 10px;}.project-card-text {color: var(--text-muted);font-size: 0.9rem;margin-bottom: 20px;}.project-card-meta {border-top: 1px solid var(--border-color);padding-top: 15px;font-size: 0.85rem;color: var(--text-color);font-weight: 600;display: flex;justify-content: space-between;}.contact-quick-card {background: var(--white);border-radius: 20px;padding: 40px;border: 1px solid var(--border-color);box-shadow: var(--card-shadow);height: 100%;}.contact-quick-item {display: flex;gap: 20px;margin-bottom: 30px;}.contact-quick-item:last-child {margin-bottom: 0;}.contact-quick-icon {width: 50px;height: 50px;border-radius: 12px;background-color: rgba(0, 172, 239, 0.1);color: var(--accent-color);display: flex;align-items: center;justify-content: center;font-size: 1.4rem;flex-shrink: 0;}.contact-quick-info h5 {font-size: 1.05rem;font-weight: 700;margin-bottom: 5px;}.contact-quick-info p {color: var(--text-muted);font-size: 0.95rem;margin-bottom: 0;}.map-container {border-radius: 20px;overflow: hidden;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);height: 100%;min-height: 350px;}.footer {background-color: #0A1322;color: rgba(255, 255, 255, 0.7);padding: 80px 0 30px 0;font-size: 0.9rem;border-top: 4px solid var(--primary-color);}.footer h4 {color: var(--white);font-size: 1.3rem;font-weight: 700;margin-bottom: 25px;position: relative;padding-bottom: 12px;}.footer h4::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background-color: var(--accent-color);}.footer-logo-title {color: var(--white);font-weight: 800;font-size: 1.5rem;line-height: 1.1;margin-bottom: 10px;}.footer-logo-sub {font-size: 0.75rem;color: var(--accent-color);text-transform: uppercase;font-weight: 600;letter-spacing: 1px;margin-bottom: 20px;}.footer-links {list-style: none;padding: 0;margin: 0;}.footer-links li {margin-bottom: 12px;}.footer-links a {color: rgba(255, 255, 255, 0.7);text-decoration: none;transition: var(--transition-smooth);display: inline-block;}.footer-links a:hover {color: var(--accent-color);padding-left: 5px;}.footer-socials {display: flex;gap: 12px;margin-top: 20px;}.footer-social-btn {width: 40px;height: 40px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.05);color: var(--white);display: flex;align-items: center;justify-content: center;transition: var(--transition-smooth);}.footer-social-btn:hover {background-color: var(--accent-color);color: var(--white);transform: translateY(-3px);}.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.05);margin-top: 60px;padding-top: 30px;font-size: 0.85rem;}.custom-modal .modal-content {border: none;border-radius: 24px;overflow: hidden;box-shadow: 0 25px 50px -12px rgba(0, 52, 113, 0.25);background-color: rgba(255, 255, 255, 0.98);backdrop-filter: blur(10px);}.custom-modal .modal-header {background-color: var(--primary-color);color: var(--white);border-bottom: none;padding: 25px 30px;}.custom-modal .modal-title {color: var(--white);font-weight: 700;}
.custom-modal .btn-close {filter: invert(1) grayscale(100%) brightness(200%);}.custom-modal .modal-body {padding: 40px 30px;}.form-control, .form-select {border: 1px solid var(--border-color);padding: 12px 18px;border-radius: 10px;transition: var(--transition-smooth);font-size: 0.95rem;}.form-control:focus, .form-select:focus {border-color: var(--secondary-color);box-shadow: 0 0 0 4px rgba(0, 92, 153, 0.1);}.page-hero {background-image: url('../images/banner/pages-banner.webp');position: relative;padding: 140px 0 80px 0;background-color: var(--primary-color);color: var(--white);overflow: hidden;margin-top: 6em;background-position: bottom;background-repeat: no-repeat;background-size: cover;}.page-hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 92, 153, 0.45) 100%);z-index: 1;}.page-hero-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;opacity: 0.2;}.page-hero-content {position: relative;z-index: 2;}.page-hero-title {font-size: 2.6rem;font-weight: 700;color: var(--white);margin-bottom: 10px;}.page-breadcrumb {display: flex;gap: 8px;list-style: none;padding: 0;margin: 0;font-weight: 500;font-size: 0.9rem;}.page-breadcrumb a {color: var(--accent-color);text-decoration: none;}.page-breadcrumb li::after {content: '/';margin-left: 8px;color: rgba(255, 255, 255, 0.4);}.page-breadcrumb li:last-child::after {content: '';}.page-breadcrumb li.active {color: rgba(255, 255, 255);}.why-kgr-card {background: var(--white);border: 1px solid var(--border-color);border-radius: 16px;padding: 30px;box-shadow: var(--card-shadow);transition: var(--transition-smooth);height: 100%;}.why-kgr-card:hover {transform: translateY(-5px);box-shadow: var(--hover-shadow);}.why-kgr-icon {font-size: 2.5rem;color: var(--accent-color);margin-bottom: 20px;}.why-kgr-card h4 {font-size: 1.3rem;margin-bottom: 12px;font-weight: 600;}.why-kgr-card p {font-size: 0.9rem;margin-bottom: 0;}.project-gallery-item {position: relative;border-radius: 16px;overflow: hidden;box-shadow: var(--card-shadow);cursor: pointer;border: 1px solid var(--border-color);}.project-gallery-item img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-smooth);}.project-gallery-item:hover img {transform: scale(1.08);}.project-gallery-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 52, 113, 0.8);display: flex;align-items: center;justify-content: center;opacity: 0;transition: var(--transition-smooth);z-index: 2;}.project-gallery-item:hover .project-gallery-overlay {opacity: 1;}.project-gallery-icon {color: var(--white);font-size: 2rem;transform: scale(0.8);transition: var(--transition-smooth);}.project-gallery-item:hover .project-gallery-icon {transform: scale(1);}.specs-accordion .accordion-item {border: 1px solid var(--border-color);border-radius: 12px !important;margin-bottom: 15px;overflow: hidden;box-shadow: var(--card-shadow);}.specs-accordion .accordion-header {border: none;}.specs-accordion .accordion-button {background-color: var(--white);color: var(--primary-color);font-weight: 700;padding: 20px 25px;font-size: 1.1rem;}.specs-accordion .accordion-button:not(.collapsed) {background-color: rgba(0, 52, 113, 0.03);color: var(--primary-color);box-shadow: none;}.specs-accordion .accordion-body {padding: 25px;background-color: var(--white);border-top: 1px solid var(--border-color);}.floorplan-tab-btn {background: var(--white);border: 1px solid var(--border-color);padding: 12px 24px;border-radius: 50px;font-weight: 600;transition: var(--transition-smooth);color: var(--text-color);}.floorplan-tab-btn.active {background-color: var(--primary-color);color: var(--white);border-color: var(--primary-color);box-shadow: 0 4px 10px rgba(0, 52, 113, 0.2);}.floorplan-display-container {background: var(--white);border-radius: 20px;padding: 30px;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);text-align: center;}.floorplan-image {max-height: 450px;object-fit: contain;border-radius: 12px;border: 1px solid var(--border-color);}
.gallery-tab-btn {background: transparent;border: none;padding: 8px 24px;font-weight: 600;font-size: 1rem;color: var(--text-muted);position: relative;transition: var(--transition-smooth);}.gallery-tab-btn.active, .gallery-tab-btn:hover {color: var(--primary-color);}.gallery-tab-btn::after {content: '';position: absolute;bottom: -4px;left: 50%;width: 0;height: 3px;background-color: var(--primary-color);transition: var(--transition-smooth);transform: translateX(-50%);}.gallery-tab-btn.active::after {width: 50%;}.gallery-card {position: relative;height: 320px;border-radius: 16px;overflow: hidden;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);margin-bottom: 30px;cursor: pointer;}.gallery-card img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-smooth);}.gallery-card:hover img {transform: scale(1.08);}.gallery-card-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 52, 113, 0.9) 0%, rgba(0, 52, 113, 0.2) 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 25px;opacity: 0;transition: var(--transition-smooth);z-index: 2;}.gallery-card:hover .gallery-card-overlay {opacity: 1;}.gallery-card-title {color: var(--white);font-size: 1.25rem;font-weight: 700;margin-bottom: 5px;}.gallery-card-category {color: var(--accent-color);font-size: 0.8rem;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;}.lightbox-modal .modal-content {background-color: transparent;box-shadow: none;}.lightbox-modal .modal-body {position: relative;padding: 0;display: flex;justify-content: center;align-items: center;}.lightbox-img {max-width: 100%;max-height: 85vh;object-fit: contain;border-radius: 8px;}.lightbox-close-btn {position: absolute;top: -40px;right: 0;background: transparent;border: none;color: var(--white);font-size: 1.5rem;cursor: pointer;}@media (max-width: 991.98px) {.hero-padding {margin-top: 85px;}.hero-title {font-size: 2.8rem;}.hero-carousel {height: auto;min-height: 0;}.hero-carousel .carousel-inner, .hero-carousel .carousel-item {height: auto;min-height: 0;}.hero-carousel .carousel-item img {height: auto;aspect-ratio: 16 / 9;object-fit: cover;}.carousel-control-prev, .carousel-control-next {width: 42px;height: 42px;opacity: 0.85;}.carousel-control-prev {left: 14px;}.carousel-control-next {right: 14px;}.carousel-control-prev-icon, .carousel-control-next-icon {width: 18px;height: 18px;}.hero-carousel .carousel-indicators {margin-bottom: 10px;}.hero-carousel .carousel-indicators [data-bs-target] {width: 22px;height: 3px;margin: 0 3px;}.hero-carousel .carousel-indicators .active {width: 35px;}.vertical-hover-card {height: 380px;margin-bottom: 20px;}.promo-title {font-size: 2.2rem;}.section-padding {padding: 60px 0;}}@media (max-width: 767.98px) {.hero-padding {margin-top: 80px;}.hero-carousel {height: auto;min-height: 0;}.hero-carousel .carousel-inner, .hero-carousel .carousel-item {height: auto;min-height: 0;}.hero-carousel .carousel-item img {height: auto;aspect-ratio: 16 / 9;object-fit: cover;}.carousel-control-prev, .carousel-control-next {width: 32px;height: 32px;background-color: rgba(0, 52, 113, 0.5);opacity: 0.8;}.carousel-control-prev {left: 8px;}.carousel-control-next {right: 8px;}.carousel-control-prev-icon, .carousel-control-next-icon {width: 13px;height: 13px;}.hero-carousel .carousel-indicators {margin-bottom: 6px;}.hero-carousel .carousel-indicators [data-bs-target] {width: 16px;height: 3px;margin: 0 2px;}.hero-carousel .carousel-indicators .active {width: 24px;}.hero-title {font-size: 2.2rem;}.hero-desc {font-size: 1rem;}.hero-ctas {flex-direction: column;gap: 12px;}.spotlight-content {padding: 30px;}.spotlight-title {font-size: 1.7rem;}.spotlight-features {grid-template-columns: 1fr;}.promo-title {font-size: 1.8rem;}.layout-container {padding: 20px;}}.clubhouse-section {background-color: var(--white);position: relative;overflow: hidden;}.clubhouse-desc {font-size: 1.05rem;color: var(--text-color);line-height: 1.7;margin-bottom: 20px;}.clubhouse-card {background: var(--bg-color);border: 1px solid var(--border-color);border-radius: 20px;padding: 24px;margin-bottom: 24px;box-shadow: 0 4px 15px rgba(0, 52, 113, 0.03);transition: var(--transition-smooth);}.clubhouse-card:hover {transform: translateY(-3px);box-shadow: 0 10px 25px rgba(0, 52, 113, 0.08);border-color: rgba(0, 172, 239, 0.25);}.clubhouse-card-title {font-size: 1.25rem;font-weight: 700;color: var(--primary-color);margin-bottom: 20px;display: flex;align-items: center;gap: 10px;border-bottom: 2px solid rgba(0, 52, 113, 0.08);padding-bottom: 10px;}.clubhouse-card-title i {color: var(--gold-color);font-size: 1.4rem;}.clubhouse-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 12px;}.clubhouse-pill {display: flex;align-items: center;gap: 10px;background: var(--white);border: 1px solid var(--border-color);padding: 10px 14px;border-radius: 12px;font-size: 0.9rem;font-weight: 600;color: var(--text-color);transition: var(--transition-smooth);cursor: default;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);}.clubhouse-pill:hover {border-color: var(--accent-color);background: rgba(0, 172, 239, 0.03);transform: scale(1.03);color: var(--primary-color);}.clubhouse-pill i {color: var(--accent-color);font-size: 1.1rem;}.clubhouse-gallery-container {display: flex;flex-direction: column;gap: 20px;}.clubhouse-main-img-wrapper {position: relative;border-radius: 20px;overflow: hidden;height: 400px;box-shadow: var(--card-shadow);cursor: pointer;}.clubhouse-main-img-wrapper img {width: 100%;height: 100%;transition: var(--transition-smooth);}
.clubhouse-main-img-wrapper:hover img {transform: scale(1.05);}.clubhouse-main-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 52, 113, 0.7) 0%, rgba(0, 52, 113, 0.1) 50%);display: flex;align-items: flex-end;justify-content: space-between;padding: 24px;opacity: 1;transition: var(--transition-smooth);}.clubhouse-main-overlay:hover {background: linear-gradient(to top, rgba(0, 52, 113, 0.85) 0%, rgba(0, 52, 113, 0.3) 100%);}.clubhouse-main-info {color: var(--white);}.clubhouse-main-info h4 {color: var(--white);margin-bottom: 5px;font-size: 1.4rem;font-weight: 700;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}.clubhouse-main-info p {margin-bottom: 0;font-size: 0.9rem;opacity: 0.9;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}.clubhouse-zoom-icon {background: var(--white);color: var(--primary-color);width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);transition: var(--transition-smooth);}.clubhouse-main-img-wrapper:hover .clubhouse-zoom-icon {transform: scale(1.15) rotate(90deg);background: var(--accent-color);color: var(--white);}.clubhouse-thumb-heading {font-size: 1.1rem;font-weight: 700;color: var(--primary-color);margin-bottom: 10px;}.clubhouse-thumb-scroll {display: flex;gap: 12px;overflow-x: auto;padding: 4px 2px 16px 2px;scroll-behavior: smooth;scrollbar-width: thin;}.clubhouse-thumb-scroll::-webkit-scrollbar {height: 6px;}.clubhouse-thumb-scroll::-webkit-scrollbar-track {background: rgba(0, 52, 113, 0.05);border-radius: 10px;}.clubhouse-thumb-scroll::-webkit-scrollbar-thumb {background: var(--secondary-color);border-radius: 10px;}.clubhouse-thumb-card {flex: 0 0 140px;height: 100px;border-radius: 12px;overflow: hidden;position: relative;cursor: pointer;border: 2px solid transparent;transition: var(--transition-smooth);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}.clubhouse-thumb-card:hover {transform: translateY(-4px);box-shadow: 0 8px 15px rgba(0, 52, 113, 0.15);border-color: var(--accent-color);}.clubhouse-thumb-card img {width: 100%;height: 100%;object-fit: cover;}.clubhouse-thumb-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 52, 113, 0.2);display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 1.2rem;transition: var(--transition-smooth);}.clubhouse-thumb-card:hover .clubhouse-thumb-overlay {background: rgba(0, 52, 113, 0.4);}@media (max-width: 991.98px) {.clubhouse-main-img-wrapper {height: 320px;}}@media (max-width: 575.98px) {.clubhouse-grid {grid-template-columns: repeat(2, 1fr);}}.location-section {position: relative;overflow: hidden;}.location-image-wrapper {position: relative;border-radius: 24px;overflow: hidden;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);transition: var(--transition-smooth);}.location-image-wrapper:hover {transform: translateY(-8px);box-shadow: var(--hover-shadow);border-color: rgba(0, 52, 113, 0.15);}.location-image-wrapper img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-smooth);min-height: 400px;}.location-image-wrapper:hover img {transform: scale(1.06);}.location-badge {position: absolute;top: 25px;left: 25px;background-color: var(--primary-color);color: var(--white);padding: 8px 20px;border-radius: 50px;font-weight: 700;font-size: 0.8rem;letter-spacing: 1px;text-transform: uppercase;z-index: 2;box-shadow: 0 4px 12px rgba(0, 52, 113, 0.2);display: flex;align-items: center;gap: 8px;}.location-badge i {color: var(--accent-color);}.location-highlights-wrapper {background: var(--white);padding: 40px;border-radius: 24px;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);transition: var(--transition-smooth);}.location-highlights-wrapper:hover {box-shadow: var(--hover-shadow);}.highlights-title {font-size: 1.2rem;font-weight: 700;margin-bottom: 25px;color: var(--primary-color);display: flex;align-items: center;gap: 10px;border-bottom: 2px solid var(--border-color);padding-bottom: 12px;}.location-highlights-list {display: flex;flex-direction: column;gap: 16px;margin-bottom: 0;padding-left: 0;}.location-highlights-list li {display: flex;align-items: center;gap: 18px;padding: 5px 5px;border-radius: 16px;transition: var(--transition-smooth);background-color: rgba(248, 250, 252, 0.6);border: 1px solid transparent;}.location-highlights-list li:hover {background-color: var(--white);border-color: rgba(0, 92, 153, 0.15);box-shadow: 0 8px 20px rgba(0, 52, 113, 0.05);transform: translateX(8px);}.highlight-icon {width: 44px;height: 44px;border-radius: 12px;background-color: rgba(0, 52, 113, 0.05);color: var(--primary-color);display: flex;align-items: center;justify-content: center;font-size: 1.3rem;transition: var(--transition-smooth);flex-shrink: 0;}.location-highlights-list li:hover .highlight-icon {background-color: var(--primary-color);color: var(--white);transform: scale(1.1);}.highlight-text {font-weight: 600;color: var(--text-color);font-size: 0.95rem;}@media (max-width: 991.98px) {.location-image-wrapper img {min-height: 300px;}.location-highlights-wrapper {padding: 30px 20px;}}.page-hero-clubhouse {background-image: url('../images/clud-house/club-house-ongoing-project.webp');position: relative;padding: 160px 0 160px 0;background-color: var(--primary-color);color: var(--white);overflow: hidden;margin-top: 6em;background-position: center;background-repeat: no-repeat;background-size: cover;}.ch-accent-badge {background-color: var(--gold-light);color: var(--gold-color);border: 1px solid rgba(217, 119, 6, 0.2);padding: 6px 16px;border-radius: 50px;font-size: 0.85rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;display: inline-block;margin-bottom: 15px;}.floor-card {background: var(--white);border-radius: 24px;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);overflow: hidden;transition: var(--transition-smooth);margin-bottom: 40px;}.floor-card:hover {box-shadow: var(--hover-shadow);}.floor-header {background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color: var(--white);padding: 24px 35px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.floor-header h3 {color: var(--white);margin-bottom: 5px;font-weight: 700;}
.floor-body {padding: 40px;}.amenity-detail-box {background: var(--bg-color);border: 1px solid var(--border-color);border-radius: 16px;padding: 25px;height: 100%;transition: var(--transition-smooth);position: relative;}.amenity-detail-box:hover {transform: translateY(-5px);border-color: var(--accent-color);background: rgba(0, 172, 239, 0.02);}.amenity-detail-icon {width: 50px;height: 50px;border-radius: 12px;background: var(--white);display: flex;align-items: center;justify-content: center;font-size: 1.6rem;color: var(--accent-color);box-shadow: 0 4px 10px rgba(0, 52, 113, 0.05);margin-bottom: 20px;transition: var(--transition-smooth);}.amenity-detail-box:hover .amenity-detail-icon {background: var(--accent-color);color: var(--white);transform: rotateY(180deg);}.amenity-detail-box h4 {font-size: 1.2rem;color: var(--primary-color);margin-bottom: 12px;font-weight: 700;}.amenity-detail-box p {font-size: 0.9rem;color: var(--text-muted);margin-bottom: 0;line-height: 1.6;}.wing-title-badge {background: rgba(0, 52, 113, 0.05);color: var(--primary-color);padding: 5px 12px;border-radius: 6px;font-weight: 700;font-size: 0.85rem;display: inline-block;margin-bottom: 20px;letter-spacing: 0.5px;}.park-developments {background: linear-gradient(180deg, var(--bg-color) 0%, var(--white) 100%);border-radius: 30px;padding: 60px 40px;border: 1px solid var(--border-color);box-shadow: var(--card-shadow);}.sport-badge {background: var(--white);border: 1px solid var(--border-color);padding: 8px 10px;border-radius: 14px;display: flex;align-items: center;gap: 12px;font-weight: 600;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.01);transition: var(--transition-smooth);font-size: 15px;}.sport-badge:hover {border-color: var(--accent-color);transform: scale(1.03);}.sport-badge i {color: var(--gold-color);font-size: 1.25rem;}.gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;}.gallery-card {border-radius: 16px;overflow: hidden;position: relative;box-shadow: var(--card-shadow);cursor: pointer;}.gallery-card img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-smooth);}.gallery-card:hover img {transform: scale(1.08);}.gallery-card-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 52, 113, 0.85) 0%, rgba(0, 52, 113, 0.2) 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: 20px;opacity: 0;transition: var(--transition-smooth);}.gallery-card:hover class {opacity: 1;}.gallery-card:hover .gallery-card-overlay {opacity: 1;}.gallery-card-overlay h4 {color: var(--white);font-size: 1.1rem;margin-bottom: 2px;font-weight: 700;}.gallery-card-overlay p {color: var(--accent-color);font-size: 0.8rem;margin-bottom: 0;font-weight: 600;}.clubhouse-cta {position: relative;background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color: var(--white);border-radius: 30px;padding: 80px 40px;overflow: hidden;box-shadow: var(--hover-shadow);margin-bottom: 50px;}.clubhouse-cta::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/clud-house/club-house-ongoing-project.jpg') center/cover no-repeat;opacity: 0.15;z-index: 0;filter: grayscale(100%);}.clubhouse-cta-content {position: relative;z-index: 2;max-width: 800px;margin: 0 auto;}.clubhouse-cta-phone {font-size: 2.5rem;font-weight: 800;color: var(--gold-accent);text-decoration: none;display: inline-flex;align-items: center;gap: 15px;margin: 20px 0;transition: var(--transition-smooth);}.clubhouse-cta-phone:hover {color: var(--white);transform: scale(1.05);}@media (max-width: 767.98px) {.floor-body {padding: 25px 15px;}.clubhouse-cta-phone {font-size: 1.8rem;}.clubhouse-cta {padding: 50px 20px;}.park-developments {padding: 40px 20px;}}.lead {font-size: 1.1rem;font-weight: 400;}.comm-amenity-card {background: var(--white);border: 1px solid var(--border-color);border-radius: 16px;padding: 25px;height: 100%;transition: var(--transition-smooth);position: relative;box-shadow: var(--card-shadow);}.comm-amenity-card:hover {transform: translateY(-5px);border-color: var(--accent-color);box-shadow: var(--hover-shadow);background: rgba(0, 172, 239, 0.02);}.comm-amenity-icon {width: 50px;height: 50px;border-radius: 12px;background: var(--bg-color);display: flex;align-items: center;justify-content: center;font-size: 1.6rem;color: var(--accent-color);box-shadow: 0 4px 10px rgba(0, 52, 113, 0.05);margin-bottom: 20px;transition: var(--transition-smooth);}.comm-amenity-card:hover .comm-amenity-icon {background: var(--accent-color);color: var(--white);transform: rotateY(180deg);}.comm-amenity-card h4 {font-size: 1.25rem;color: var(--primary-color);margin-bottom: 12px;font-weight: 700;}.comm-amenity-card p {font-size: 0.9rem;color: var(--text-muted);margin-bottom: 0;line-height: 1.6;}.comm-gallery-item {border-radius: 16px;overflow: hidden;position: relative;box-shadow: var(--card-shadow);cursor: pointer;transition: var(--transition-smooth);}.comm-gallery-item img {width: 100%;height: 250px;object-fit: cover;transition: var(--transition-smooth);}.comm-gallery-item:hover img {transform: scale(1.08);}.comm-gallery-item .project-gallery-overlay {flex-direction: column;justify-content: center;text-align: center;padding: 20px;background: rgba(0, 52, 113, 0.88);}.comm-gallery-item .project-gallery-overlay h4, .comm-gallery-item .project-gallery-overlay p, .comm-gallery-item .project-gallery-overlay .project-gallery-icon {opacity: 0;transform: translateY(20px);transition: var(--transition-smooth);}.comm-gallery-item:hover .project-gallery-overlay h4, .comm-gallery-item:hover .project-gallery-overlay p, .comm-gallery-item:hover .project-gallery-overlay .project-gallery-icon {opacity: 1;transform: translateY(0);}.comm-gallery-item:hover .project-gallery-overlay h4 {transition-delay: 0.05s;}.comm-gallery-item:hover .project-gallery-overlay p {transition-delay: 0.15s;}.comm-gallery-item:hover .project-gallery-overlay .project-gallery-icon {transition-delay: 0.25s;margin-top: 12px;transform: translateY(0) scale(1) !important;}.comm-cta-banner {position: relative;background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color: var(--white);border-radius: 30px;padding: 80px 40px;overflow: hidden;box-shadow: var(--hover-shadow);}.comm-cta-banner::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/projects/rahul-indraprastha-open-theater.png') center/cover no-repeat;opacity: 0.2;z-index: 0;}.comm-cta-content {position: relative;z-index: 2;max-width: 800px;margin: 0 auto;}.comm-cta-phone {font-size: 2.5rem;font-weight: 800;color: var(--gold-accent) !important;text-decoration: none;display: inline-flex;align-items: center;gap: 15px;transition: var(--transition-smooth);}.comm-cta-phone:hover {color: var(--white) !important;transform: scale(1.05);}@media (max-width: 767.98px) {.comm-cta-phone {font-size: 1.8rem;}.comm-cta-banner {padding: 50px 20px;}}.sa-section {background-color: var(--bg-color);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}.sa-card {background: var(--white);border-radius: 20px;padding: 30px;height: 100%;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);transition: var(--transition-smooth);}.sa-card:hover {box-shadow: var(--hover-shadow);}.sa-card-title {font-size: 1.35rem;font-weight: 700;color: var(--primary-color);margin-bottom: 20px;display: flex;align-items: center;gap: 10px;}.sa-card-title i {color: var(--gold-accent);}.sa-spec-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}@media (max-width: 767.98px) {.sa-spec-grid {grid-template-columns: repeat(2, 1fr);}}.sa-spec-box {background: var(--bg-color);border-radius: 12px;padding: 16px 12px;text-align: center;transition: var(--transition-smooth);border: 1px solid var(--border-color);display: flex;flex-direction: column;justify-content: center;}.sa-spec-box:hover {transform: translateY(-3px);border-color: var(--accent-color);}.sa-spec-label {display: block;font-size: 0.725rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-muted);margin-bottom: 4px;}
.sa-spec-val {font-size: 1.1rem;font-weight: 700;color: var(--primary-color);margin-bottom: 0;}.sa-spec-box.highlight-gold {background: var(--gold-light);border-color: rgba(234, 179, 8, 0.3);}.sa-spec-box.highlight-gold .sa-spec-val {color: var(--gold-color);}.sa-spec-box.highlight-green {background: rgba(34, 197, 94, 0.08);border-color: rgba(34, 197, 94, 0.2);}.sa-spec-box.highlight-green .sa-spec-val {color: #16a34a;}.sa-note {font-size: 0.8rem;color: var(--text-muted);margin-top: 15px;margin-bottom: 0;}.sa-desc-text {font-size: 1rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 20px;}.sa-checklist {list-style: none;padding-left: 0;margin-bottom: 0;}.sa-check-item {display: flex;align-items: flex-start;gap: 12px;margin-bottom: 12px;font-size: 1rem;}.sa-check-item:last-child {margin-bottom: 0;}.sa-check-icon {color: #16a34a;font-size: 1.1rem;flex-shrink: 0;margin-top: 2px;}.sa-tab-card {background: var(--white);border-radius: 24px;padding: 35px;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);margin-bottom: 40px;}.sa-nav-tabs {border: none;display: flex;justify-content: center;gap: 15px;margin-bottom: 30px;}.sa-nav-tabs .nav-link {border: none;background: var(--bg-color);color: var(--text-color);font-weight: 700;font-size: 0.95rem;padding: 12px 28px;border-radius: 50px;transition: var(--transition-smooth);}.sa-nav-tabs .nav-link:hover {color: var(--primary-color);background: rgba(0, 52, 113, 0.05);}.sa-nav-tabs .nav-link.active {background: var(--primary-color) !important;color: var(--white) !important;box-shadow: 0 4px 15px rgba(0, 52, 113, 0.2);}.sa-feature-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}@media (max-width: 991.98px) {.sa-feature-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 575.98px) {.sa-feature-grid {grid-template-columns: 1fr;}}.sa-item-box {background: var(--bg-color);border-radius: 14px;padding: 16px;display: flex;align-items: center;gap: 15px;border: 1px solid var(--border-color);transition: var(--transition-smooth);}.sa-item-box:hover {transform: translateY(-2px);border-color: var(--accent-color);box-shadow: 0 6px 15px rgba(0, 172, 239, 0.08);background: var(--white);}.sa-item-icon {font-size: 1.5rem;color: var(--accent-color);flex-shrink: 0;}.sa-item-title {font-size: 1rem;font-weight: 700;color: var(--primary-color);display: block;margin-bottom: 2px;}.sa-item-sub {font-size: 0.95rem;display: block;}.sa-roi-banner {position: relative;background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);border-radius: 24px;padding: 50px 30px;text-align: center;color: var(--white);box-shadow: var(--hover-shadow);overflow: hidden;}.sa-roi-badge {background-color: var(--gold-accent);color: var(--text-color);font-weight: 800;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 1px;padding: 6px 18px;border-radius: 50px;display: inline-block;margin-bottom: 15px;}.sa-roi-title {font-size: 2.2rem;font-weight: 800;color: var(--white);margin-bottom: 12px;}.sa-roi-desc {font-size: 0.95rem;color: rgba(255, 255, 255, 0.85);max-width: 650px;margin: 0 auto 25px auto;line-height: 1.6;}.sa-cta-group {display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;}.house-facing-card {background: var(--white);border-radius: 20px;padding: 32px;height: 100%;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);transition: var(--transition-smooth);position: relative;overflow: hidden;}.house-facing-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: var(--primary-color);}.house-facing-card.east-facing::before {background: linear-gradient(90deg, #D97706 0%, #EAB308 100%);}.house-facing-card.west-facing::before {background: linear-gradient(90deg, #005C99 0%, #00ACEF 100%);}.house-facing-card:hover {box-shadow: var(--hover-shadow);transform: translateY(-5px);}.house-facing-badge {display: inline-flex;align-items: center;gap: 6px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;padding: 5px 14px;border-radius: 50px;margin-bottom: 16px;}.house-facing-badge.badge-east {background: rgba(234, 179, 8, 0.12);color: #b45309;border: 1px solid rgba(234, 179, 8, 0.3);}.house-facing-badge.badge-west {background: rgba(0, 172, 239, 0.12);color: #005C99;border: 1px solid rgba(0, 172, 239, 0.3);}.house-card-title {font-size: 1.55rem;font-weight: 700;color: var(--primary-color);margin-bottom: 20px;}.house-spec-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;margin-bottom: 24px;}.house-spec-box {background: var(--bg-color);border-radius: 12px;padding: 14px 12px;text-align: center;border: 1px solid var(--border-color);transition: var(--transition-smooth);}.house-spec-box:hover {border-color: var(--accent-color);background: var(--white);}
.house-spec-label {display: block;font-size: 0.725rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-muted);margin-bottom: 4px;}.house-spec-val {font-size: 1.1rem;font-weight: 700;color: var(--primary-color);}.house-spec-box.highlight-cost {background: rgba(234, 179, 8, 0.08);border-color: rgba(234, 179, 8, 0.25);}.house-spec-box.highlight-cost .house-spec-val {color: #b45309;}.house-spec-box.highlight-rent {background: rgba(34, 197, 94, 0.08);border-color: rgba(34, 197, 94, 0.25);}.house-spec-box.highlight-rent .house-spec-val {color: #16a34a;}.house-feature-list {list-style: none;padding-left: 0;margin-bottom: 25px;}.house-feature-item {display: flex;align-items: center;gap: 12px;padding: 10px 0;border-bottom: 1px dashed var(--border-color);font-size: 0.95rem;color: var(--text-color);}.house-feature-item:last-child {border-bottom: none;}.house-feature-icon {font-size: 1.1rem;color: var(--secondary-color);flex-shrink: 0;}.furniture-section-card {background: var(--white);border-radius: 24px;padding: 40px;margin-top:3em;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);}.furniture-badge-pill {background: linear-gradient(135deg, #D97706 0%, #EAB308 100%);color: #ffffff;font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;padding: 6px 16px;border-radius: 50px;display: inline-block;margin-bottom: 12px;}.villa-pricing-card {background: var(--white);border-radius: 24px;padding: 40px;box-shadow: var(--card-shadow);border: 1px solid var(--border-color);position: relative;overflow: hidden;transition: var(--transition-smooth);}.villa-pricing-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 6px;background: linear-gradient(90deg, #D97706 0%, #EAB308 50%, #00ACEF 100%);}.villa-pricing-card:hover {box-shadow: var(--hover-shadow);transform: translateY(-4px);}.villa-inventory-badge {background: rgba(217, 119, 6, 0.12);color: #b45309;border: 1px solid rgba(217, 119, 6, 0.3);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.5px;padding: 6px 16px;border-radius: 50px;display: inline-flex;align-items: center;gap: 6px;}.villa-spec-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;margin-bottom: 30px;}@media (max-width: 991.98px) {.villa-spec-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 575.98px) {.villa-spec-grid {grid-template-columns: 1fr;}}.villa-spec-box {background: var(--bg-color);border-radius: 16px;padding: 20px 15px;text-align: center;border: 1px solid var(--border-color);transition: var(--transition-smooth);display: flex;flex-direction: column;justify-content: center;}.villa-spec-box:hover {border-color: var(--accent-color);background: var(--white);transform: translateY(-3px);}.villa-spec-label {display: block;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-muted);margin-bottom: 6px;}.villa-spec-val {font-size: 1.25rem;font-weight: 800;color: var(--primary-color);}.villa-spec-sub {font-size: 0.8rem;color: var(--text-muted);margin-top: 4px;}.villa-spec-box.highlight-gold {background: var(--gold-light);border-color: rgba(234, 179, 8, 0.3);}.villa-spec-box.highlight-gold .villa-spec-val {color: var(--gold-color);}.villa-spec-box.highlight-green {background: rgba(34, 197, 94, 0.08);border-color: rgba(34, 197, 94, 0.25);}.villa-spec-box.highlight-green .villa-spec-val {color: #16a34a;}.gallery-tab-btn {border: none;background: var(--white);color: var(--text-color);font-weight: 600;font-size: 0.9rem;padding: 10px 22px;border-radius: 50px;border: 1px solid var(--border-color);box-shadow: 0 2px 8px rgba(0, 52, 113, 0.04);transition: var(--transition-smooth);cursor: pointer;}.gallery-tab-btn:hover {border-color: var(--accent-color);color: var(--primary-color);transform: translateY(-2px);}.gallery-tab-btn.active {background: var(--primary-color);color: var(--white);border-color: var(--primary-color);box-shadow: 0 4px 15px rgba(0, 52, 113, 0.2);}.gallery-card {position: relative;border-radius: 16px;overflow: hidden;background: var(--white);border: 1px solid var(--border-color);box-shadow: var(--card-shadow);transition: var(--transition-smooth);cursor: pointer;margin-bottom: 24px;}.gallery-card:hover {transform: translateY(-5px);box-shadow: var(--hover-shadow);}.gallery-card img, .gallery-card video {width: 100%;height: 100%;object-fit: cover;transition: var(--transition-smooth);}.gallery-card:hover img, .gallery-card:hover video {transform: scale(1.06);}.gallery-card-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 52, 113, 0.85) 0%, rgba(0, 52, 113, 0.2) 60%, transparent 100%);opacity: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 20px;transition: var(--transition-smooth);}.gallery-card:hover .gallery-card-overlay {opacity: 1;}.gallery-card-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.7);width: 50px;height: 50px;background: rgba(255, 255, 255, 0.9);color: var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;transition: var(--transition-smooth);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.gallery-card:hover .gallery-card-icon {transform: translate(-50%, -50%) scale(1);}.gallery-card.video-card {border: 2px solid var(--gold-accent);}.video-play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 3.5rem;color: var(--gold-accent);text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);transition: var(--transition-smooth);z-index: 2;}.gallery-card.video-card:hover .video-play-btn {transform: translate(-50%, -50%) scale(1.15);color: var(--white);}.gallery-pagination-wrapper {display: flex;align-items: center;justify-content: center;gap: 8px;flex-wrap: wrap;margin-top: 30px;}.gallery-page-btn {border: 1px solid var(--border-color);background: var(--white);color: var(--text-color);font-weight: 600;font-size: 0.9rem;min-width: 42px;height: 42px;padding: 0 14px;border-radius: 12px;display: inline-flex;align-items: center;justify-content: center;transition: var(--transition-smooth);cursor: pointer;}.gallery-page-btn:hover:not(:disabled) {background: rgba(0, 92, 153, 0.08);color: var(--primary-color);border-color: var(--accent-color);}.gallery-page-btn.active {background: var(--primary-color);color: var(--white);border-color: var(--primary-color);box-shadow: 0 4px 12px rgba(0, 52, 113, 0.2);}.gallery-page-btn:disabled {opacity: 0.45;cursor: not-allowed;}.gallery-info-text {font-size: 0.9rem;color: var(--text-muted);font-weight: 500;}.company{color: rgba(255, 255, 255, 0.7);text-decoration:none;}.whatsapp-float-wrapper {position: fixed;bottom: 28px;right: 28px;z-index: 1050;display: flex;align-items: center;gap: 12px;flex-direction: row;}.whatsapp-popover {background: var(--white);color: var(--text-color);text-decoration: none !important;font-family: var(--font-body);font-size: 0.88rem;font-weight: 600;padding: 8px 18px;border-radius: 50px;box-shadow: 0 6px 20px rgba(0, 52, 113, 0.16);border: 1px solid rgba(0, 52, 113, 0.08);white-space: nowrap;position: relative;transition: var(--transition-smooth);display: inline-flex;align-items: center;gap: 6px;}.whatsapp-popover::after {content: '';position: absolute;right: -8px;top: 50%;transform: translateY(-50%);border-width: 6px 0 6px 8px;border-style: solid;border-color: transparent transparent transparent var(--white);transition: var(--transition-smooth);}.whatsapp-popover:hover {background: var(--primary-color);color: var(--white) !important;box-shadow: 0 10px 25px rgba(0, 52, 113, 0.28);transform: translateX(-4px);}.whatsapp-popover:hover::after {border-color: transparent transparent transparent var(--primary-color);}.whatsapp-btn {width: 60px;height: 60px;background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);color: var(--white) !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2.1rem;text-decoration: none !important;box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);position: relative;transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;flex-shrink: 0;}.whatsapp-btn:hover {transform: scale(1.1) rotate(6deg);box-shadow: 0 12px 30px rgba(37, 211, 102, 0.6);color: var(--white) !important;}.whatsapp-pulse {position: absolute;inset: 0;border-radius: 50%;border: 2px solid #25D366;animation: whatsappPulse 2s infinite ease-out;pointer-events: none;}@keyframes whatsappPulse {0% {transform: scale(1);opacity: 0.85;}70% {transform: scale(1.48);opacity: 0;}100% {transform: scale(1.52);opacity: 0;}}@media (max-width: 575.98px) {.whatsapp-float-wrapper {bottom: 20px;right: 18px;gap: 8px;}.whatsapp-btn {width: 50px;height: 50px;font-size: 1.75rem;}.whatsapp-popover {font-size: 0.78rem;padding: 6px 12px;}}@media (max-width: 391px) {.whatsapp-float-wrapper {bottom: 16px;right: 12px;gap: 6px;}.whatsapp-btn {width: 46px;height: 46px;font-size: 1.6rem;}.whatsapp-popover {font-size: 0.74rem;padding: 5px 10px;}}
.footer-address{
  text-transform: capitalize;
}
/* 

.community-highlights-section {
  background: linear-gradient(180deg, var(--bg-color) 0%, #EDF2F7 100%);
}


.ch-card {
  background: var(--white);
  border-radius: 20px;
  padding: 36px 28px;
  height: 100%;
  border: 1px solid var(--border-color);
  box-shadow: var(--card-shadow);
  transition: var(--transition-smooth);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ch-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  border-radius: 20px 20px 0 0;
}
.ch-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--hover-shadow);
}


.ch-card-park::before {
  background: linear-gradient(90deg, #16a34a, #22c55e, #86efac);
}
.ch-card-temple::before {
  background: linear-gradient(90deg, #D97706, #EAB308, #fde68a);
}
.ch-card-school::before {
  background: linear-gradient(90deg, #003471, #005C99, #00ACEF);
}


.ch-card-icon {
  width: 80px;
  height: 80px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: var(--transition-smooth);
}
.ch-card:hover .ch-card-icon {
  transform: scale(1.08);
}
.ch-card-park .ch-card-icon {
  background: rgba(34, 197, 94, 0.1);
  color: #16a34a;
}
.ch-card-temple .ch-card-icon {
  background: var(--gold-light);
  color: var(--gold-color);
}
.ch-card-school .ch-card-icon {
  background: rgba(0, 92, 153, 0.08);
  color: var(--secondary-color);
}


.ch-card-badge {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 5px 14px;
  border-radius: 50px;
  margin-bottom: 14px;
  width: fit-content;
}


.ch-card-title {
  font-family: var(--font-heading);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 14px;
}


.ch-card-desc {
  font-size: 0.92rem;
  line-height: 1.55;
  margin-bottom: 12px;
}


.ch-features-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px dashed var(--border-color);
}
.ch-feature-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(34, 197, 94, 0.07);
  border: 1px solid rgba(34, 197, 94, 0.18);
  border-radius: 50px;
  padding: 6px 14px;
  font-size: 0.82rem;
  font-weight: 600;
  color: #15803d;
  transition: var(--transition-smooth);
}
.ch-feature-item:hover {
  background: rgba(34, 197, 94, 0.15);
  transform: translateY(-2px);
}
.ch-feature-item svg {
  flex-shrink: 0;
  color: #16a34a;
}

.ch-card-highlight {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px dashed var(--border-color);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--secondary-color);
}
.ch-card-highlight svg {
  flex-shrink: 0;
  color: var(--accent-color);
}


@media (max-width: 991.98px) {
  .ch-card {
    padding: 30px 24px;
  }
  .ch-card-icon {
    width: 68px;
    height: 68px;
    border-radius: 16px;
  }
  .ch-card-icon svg {
    width: 40px;
    height: 40px;
  }
  .ch-card-title {
    font-size: 1.2rem;
  }
  .ch-card-desc {
    font-size: 0.88rem;
  }
}


@media (max-width: 575.98px) {
  .community-highlights-section {
    padding: 40px 0;
  }
  .ch-card {
    padding: 24px 20px;
    border-radius: 16px;
  }
  .ch-card-icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    margin-bottom: 16px;
  }
  .ch-card-icon svg {
    width: 34px;
    height: 34px;
  }
  .ch-card-title {
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
  .ch-card-desc {
    font-size: 0.85rem;
    line-height: 1.6;
  }
  .ch-card-badge {
    font-size: 0.72rem;
    padding: 4px 12px;
  }
  .ch-features-grid {
    gap: 8px;
  }
  .ch-feature-item {
    font-size: 0.78rem;
    padding: 5px 11px;
  }
  .ch-card-highlight {
    font-size: 0.8rem;
  }
}  */
.temple{
border-radius: 16px;
  height: 150px;
}

/* ============================================
   Peaceful Living Section (pl-)
   ============================================ */
.pl-section {
  background: linear-gradient(180deg, #f0f5f1 0%, var(--bg-color) 100%);
}

/* Subtitle */
.pl-subtitle {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--gold-color);
  margin-top: 6px;
}

/* Hero Banner */
.pl-hero-banner {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 52, 113, 0.12);
}
.pl-hero-img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.pl-hero-banner:hover .pl-hero-img {
  transform: scale(1.03);
}
.pl-hero-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 24px;
  background: linear-gradient(to top, rgba(0, 52, 113, 0.75), transparent);
}
.pl-hero-badge {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  color: var(--primary-color);
  font-size: 0.82rem;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 50px;
  letter-spacing: 0.3px;
}

/* Content Block */
.pl-content-block {
  background: var(--white);
  border-radius: 20px;
  padding: 32px;
  border: 1px solid var(--border-color);
  box-shadow: var(--card-shadow);
}
.pl-content-block p {
  font-size: 0.93rem;

  line-height: 1.75;
  margin-bottom: 14px;
}
.pl-content-block p:last-child {
  margin-bottom: 0;
}

/* Side Gallery */
.pl-side-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.pl-side-img-wrapper {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--card-shadow);
}
.pl-side-img-wrapper img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.pl-side-img-wrapper:hover img {
  transform: scale(1.06);
}
.pl-img-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 20px 12px 10px;
  text-align: center;
}

/* Key Highlights Bar */
.pl-highlights-bar {
  background: var(--white);
  border-radius: 20px;
  padding: 28px 32px;
  border: 1px solid var(--border-color);
  box-shadow: var(--card-shadow);
}
.pl-highlights-title {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 16px;
}
.pl-highlights-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pl-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--bg-color);
  border: 1px solid var(--border-color);
  border-radius: 50px;
  padding: 7px 16px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-color);
  transition: var(--transition-smooth);
}
.pl-pill i {
  color: var(--secondary-color);
  font-size: 0.9rem;
}
.pl-pill:hover {
  background: rgba(0, 92, 153, 0.06);
  border-color: var(--accent-color);
  transform: translateY(-2px);
}
.pl-pill.highlight {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
  border-color: transparent;
}
.pl-pill.highlight i {
  color: #fff;
}

/* Info Cards (Park / Temple / School with images) */
.pl-info-card {
  background: var(--white);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  box-shadow: var(--card-shadow);
  transition: var(--transition-smooth);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pl-info-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--hover-shadow);
}

/* Card Image */
.pl-info-img-wrapper {
  position: relative;
  height: 220px;
  overflow: hidden;
}
.pl-info-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pl-info-card:hover .pl-info-img-wrapper img {
  transform: scale(1.06);
}
.pl-info-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 5px 14px;
  border-radius: 50px;
}

/* Card Body */
.pl-info-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pl-info-title {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pl-info-title svg {
  flex-shrink: 0;
  color: var(--accent-color);
}
.pl-info-body p {
  font-size: 0.9rem;

  line-height: 1.6;
  margin-bottom: 10px;
}

/* Feature Tags (Park card) */
.pl-info-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px dashed var(--border-color);
}
.pl-info-tags span {
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  color: #15803d;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 50px;
}

/* Footer Tag (Temple & School) */
.pl-info-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px dashed var(--border-color);
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--secondary-color);
}
.pl-info-footer i {
  color: var(--accent-color);
}

/* ============================================
   Responsive: Tablet (max-width: 991px)
   ============================================ */
@media (max-width: 991.98px) {
  .pl-hero-img {
    height: 300px;
  }
  .pl-content-block {
    padding: 24px;
  }
  .pl-side-gallery {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 16px;
  }
  .pl-side-img-wrapper img {
    height: 170px;
  }
  .pl-highlights-bar {
    padding: 22px 20px;
  }
  .pl-info-img-wrapper {
    height: 180px;
  }
  .pl-info-body {
    padding: 20px;
  }
}

/* ============================================
   Responsive: Mobile (max-width: 575px)
   ============================================ */
@media (max-width: 575.98px) {
  .pl-subtitle {
    font-size: 1rem;
  }
  .pl-hero-img {
    height: 200px;
  }
  .pl-hero-badge {
    font-size: 0.72rem;
    padding: 6px 12px;
  }
  .pl-content-block {
    padding: 20px 16px;
    border-radius: 16px;
  }
  .pl-content-block p {
    font-size: 0.87rem;
  }
  .pl-side-gallery {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .pl-side-img-wrapper img {
    height: 180px;
  }
  .pl-highlights-bar {
    padding: 18px 16px;
    border-radius: 16px;
  }
  .pl-highlights-title {
    font-size: 1rem;
  }
  .pl-pill {
    font-size: 0.76rem;
    padding: 5px 12px;
  }
  .pl-info-card {
    border-radius: 16px;
  }
  .pl-info-img-wrapper {
    height: 170px;
  }
  .pl-info-body {
    padding: 18px 16px;
  }
  .pl-info-title {
    font-size: 1.05rem;
  }
  .pl-info-body p {
    font-size: 0.84rem;
  }
  .pl-info-tags span {
    font-size: 0.7rem;
    padding: 3px 10px;
  }
}