:root {
            --primary-blue: #1b3951;
            --accent-gold: #c18934;
            --soft-bg: #f8f9fa;
            --text-dark: #2d3436;
            --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            --radius: 18px;
        }

        body { font-family: 'Poppins', sans-serif; color: var(--text-dark); scroll-behavior: smooth; overflow-x: hidden; }
        
        a.nav-link {
            text-transform: uppercase;
            color: #000;
        }

        /* Logo Styling */
        .navbar-brand { font-weight: 800; font-size: 1.6rem; color: var(--primary-blue) !important; }
        .logo-box { background: var(--accent-gold); color: white; padding: 2px 10px; border-radius: 5px; margin-right: 5px; }

        /* Hero Section */
        .hero {
            
           color: white; clip-path: ellipse(100% 100% at 50% 0%);
        }

        /* Legacy/About Section */
        .legacy-tag { color: var(--accent-gold); font-weight: 600; text-transform: uppercase; letter-spacing: 2px; }

        /* Service Cards */
        .service-card {
            border: none; border-radius: 20px; transition: all 0.4s ease;
            background: #fff; box-shadow:var(--box-shadow); overflow: hidden;
        }
        .service-card:hover { transform: translateY(-12px); box-shadow: var(--box-shadow); }
        .icon-circle {
            width: 80px; height: 80px; background: var(--soft-bg); color: var(--primary-blue);
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-size: 2rem; margin-bottom: 20px; transition: 0.3s;
        }
        .service-card:hover .icon-circle { background: var(--accent-gold); color: white; }

        /* Why Choose Us */
        .feature-box { border-left: 4px solid var(--accent-gold); padding-left: 20px; margin-bottom: 30px; }

        /* Process Section */
        .process-step { position: relative; text-align: center; }
        .step-number {
            width: 50px; height: 50px; background: var(--primary-blue); color: #fff;
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            margin: 0 auto 20px; font-weight: bold; border: 4px solid #fff; box-shadow: 0 0 0 2px var(--primary-blue);
        }

        /* CTA Section */
        .cta-banner {
            background: var(--accent-gold); border-radius: 30px; padding: 60px;
            margin-top: -80px; position: relative; z-index: 10;
        }

        /* Utilities */
        .btn-gold { background: var(--accent-gold); color: var(--primary-blue); font-weight: 600; padding: 12px 30px; border-radius: 50px; font-size: 16px; }
        .btn-gold:hover { background: #e5a100; color: white; } 
        .btn-gold:focus { background: #e5a100 !important; }
        .section-padding { padding: 100px 0; }
        .bg-dark-blue { background-color: var(--primary-blue); color: white; }
        
        
        
        
        /*-------*/
        
        a.navbar-brand img {
            width: 150px;
        }
        
        @media (max-width: 575px) {
             a.navbar-brand img {
            width: 120px !important;
        }
        }
        
        section#home {
    background: url(./img/s2-scaled.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 140px 0;
}
        
        section#home::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #00000075;
}


#about .about-left-img {
    height: 500px;
    object-fit: cover;
}










/*--------About Us Page---------*/

section.why-choose-about {
    padding-bottom: 200px;
}

 .about-card,
    .value-card,
    .timeline-card {
      background: var(--white);
      border-radius: var(--radius);
      box-shadow: var(--box-shadow);
      border: 1px solid rgba(15, 23, 42, 0.05);
    }

.hero-section.about-page {
      position: relative;
      padding: 120px 0 80px;
      background:
        radial-gradient(circle at top right, rgba(20,184,166,0.18), transparent 28%),
        radial-gradient(circle at left center, rgba(245,158,11,0.12), transparent 24%),
        linear-gradient(135deg, #eff6ff 0%, #ffffff 50%, #f0fdfa 100%);
    }


/*--------Contact Page-------*/

.info-box,
    .form-shell,
    .card-shell,
    .map-shell {
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.7);
      box-shadow: var(--box-shadow);
    }
    
    
    section.contact-page-form {
        padding-top: 0;
        padding-bottom: 180px;
    }