:root {
  --teal:#004d4d;
  --yellow:#FFB400;
  --white:#ffffff;
  --muted:#6c757d;
}

/* GENERAL STYLES */
* { box-sizing:border-box; }
body {
  font-family: "Inter", sans-serif;
  margin:0;
  color:var(--teal);
  background:#f8f9fa;
}
h1, h2, h3, h4, h5, h6{ font-family: "DM Serif Text", serif;}
p{ font-family: "Inter", sans-serif;}
/* HERO */
.hero-section { position:relative; height:100%; overflow:hidden;  align-items:center; justify-content:center; }
.hero-img { object-fit:contain; height:100%; width:100%; }
.hero-logo { position:absolute; top:20px; left:20px; }
.hero-logo img { height:60px; filter:drop-shadow(0 6px 18px rgba(0,0,0,0.35)); }

/* ENQUIRY CARD */
.enquiry-section { margin-top:-60px; }
.enquiry-card { background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(255,255,255,0.95)); border-radius:16px; max-width:1100px; }
.enquiry-card h2 { color:var(--teal); }
.enquiry-card p { color:var(--muted); }

/* CTA BUTTON */
.cta-btn { background:var(--yellow); color:#000; border-radius:12px; padding:12px 28px; font-weight:500; box-shadow:0 8px 30px rgba(255,180,0,0.12); border:none; }
.cta-btn:hover { transform:translateY(-2px); }

/* VIDEO SECTION */
.video-section { background:linear-gradient(180deg, #fff, #f8f9fa); text-align:center; }

/* ABOUT SECTION */
.about-section { padding:60px 0; text-align:center; }
.about-section img { max-width:100%; border-radius:12px; }

/* PROJECT HIGHLIGHTS */
.project-highlights { padding:60px 0; background:#f8f9fa; }
.project-highlights .card { border-radius:12px; padding:20px; text-align:center; transition: transform 0.3s; }
.project-highlights .card:hover { transform: translateY(-5px); box-shadow:0 6px 18px rgba(0,0,0,0.1); }
.project-highlights .card i { font-size:2.5rem; color:var(--yellow); margin-bottom:15px; }
.card h5{color:#000; font-size: 1rem; font-weight: 400; padding-top: 1rem;}


/* GALLERY */
.gallery-section { padding:60px 0; text-align:center; }
.gallery-container { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.gallery-item { width:calc(33% - 10px); overflow:hidden; position:relative; cursor:pointer; border-radius:10px; }
.gallery-item img { width:100%; display:block; transition: transform 0.3s ease; border-radius:10px; }
.gallery-item:hover img { transform: scale(1.1); }

/* RESPONSIVE GALLERY */
@media(max-width:991px) { .gallery-item { width:calc(50% - 10px); } }
@media(max-width:575px) {  }

/* CONNECTIVITY */
.connectivity-section .card { border-radius:12px; }

/* CTA SECTION */
.cta-section { background-size:cover; background-position:center; padding:80px 20px; text-align:center; color:#fff;min-height: 650px; }
.cta-section h2 { font-size:2.5rem; font-weight:700; margin-bottom:20px; color: #000; }
.cta-section p { font-size:1.1rem; margin-bottom:30px; color: #000; }

/* INVESTMENT SECTION */
.investment-section { padding:60px 0; text-align:center; background:#f8f9fa; }
.investment-section .card { border-radius:12px; padding:25px; transition: transform 0.3s; }
.investment-section .card:hover { transform:translateY(-5px); box-shadow:0 6px 18px rgba(0,0,0,0.1); }
.investment-section .card i { font-size:2.5rem; color:var(--yellow); margin-bottom:15px; }

/* MAP SECTION */
.map-section iframe { border-radius:12px; }

/* FOOTER */
.footer-section { background:var(--teal); color:var(--white); font-size:0.95rem; padding:40px 20px; text-align:center; }
.footer-section img { margin-bottom:10px; }
.footer-section a { color:#fff; margin:0 5px; }

/* STICKY BUTTONS */
.sticky-buttons-row { display:none; }
@media(max-width:767px){
  .hero-logo img { height:48px; }
  .enquiry-card { padding:18px; }
  .enquiry-section { margin-top:-40px; }
  .sticky-buttons-row { position:fixed; bottom:0; left:0; width:100%; display:flex; justify-content:space-between; z-index:9999; box-shadow:0 -2px 6px rgba(0,0,0,0.2); }
  .sticky-buttons-row .btn { flex:1; border-radius:0; font-size:1rem; padding:0.9rem 0; text-align:center; font-weight:600; }
  .sticky-buttons-row .btn-call { background-color:#FFB400; color:#000 !important; }
  .sticky-buttons-row .btn-wa { background-color:#25D366; color:#fff !important; }
  .sticky-buttons-row .btn i { margin-right:0.4rem; font-size:1.1rem; vertical-align:middle; }
  .footer-section { padding-bottom:4rem; font-size:0.8rem; opacity:0.85; }
  .footer-section p { margin-bottom:0.2rem; font-size:0.8rem; line-height:1.4; }
    .cta-section {
    background-size: cover;
    background-position: right;
  }
  .card h5 {
  color: #065151;
        font-size: 1.5rem;
        font-weight: 400;
        padding-top: 0.5rem;
        margin-bottom: 0 !important;
}
.card p { font-size: 1rem;}
}

/* HERO FIREFLIES EFFECT */
.hero-section::after {
  content:''; position:absolute; inset:0;
  background-image: radial-gradient(circle at 10% 20%, rgba(255,180,0,0.08) 0, transparent 10%),
                    radial-gradient(circle at 80% 40%, rgba(255,180,0,0.06) 0, transparent 12%),
                    radial-gradient(circle at 50% 80%, rgba(255,180,0,0.05) 0, transparent 14%);
  pointer-events:none; animation: flicker 6s infinite;
}
@keyframes flicker { 0%{opacity:0.6} 50%{opacity:1} 100%{opacity:0.6} }