:root {
            --gold: #c29d59;
            --orange: #ff914d;
            --dark: #121212;
            --light-bg: #ffffff;
            --section-padding: 100px;
        }

        body { font-family: 'Inter', sans-serif; color: var(--dark); overflow-x: hidden; }
        h1, h2, h3, .navbar-brand { font-family: 'Playfair Display', serif; font-weight: 700; }

        /* --- Custom Spacing --- */
        section { padding: var(--section-padding) 0; }

        /* --- Navbar --- */
        .navbar { background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); border-bottom: 1px solid #eee; }
        .btn-gold { background: var(--gold); color: white; border: none; padding: 12px 25px; border-radius: 0; transition: 0.3s; }
        .btn-gold:hover { background: #a8874a; color: white; }

        /* --- Hero Carousel --- */

        /* --- Orange Economics Section --- */
        .bg-orange { background-color: var(--orange) !important; color: white; }

        /* --- Cards & Icons --- */
        .feature-card { border: none; padding: 40px; background: #fcfcfc; transition: 0.3s; height: 100%; border-bottom: 3px solid transparent; }
        .feature-card:hover { transform: translateY(-10px); border-color: var(--gold); background: white; box-shadow: 0 20px 40px rgba(0,0,0,0.05); }
        .feature-card i { font-size: 2.5rem; color: var(--gold); margin-bottom: 20px; display: block; }
        
        /* --- Contact & Map --- */
        .map-container { height: 100%; min-height: 450px; border-radius: 4px; overflow: hidden; }
        .contact-form-wrapper { background: white; padding: 50px; border: 1px solid #eee; }
        .form-control { border-radius: 0; border: 1px solid #ddd; padding: 12px; margin-bottom: 20px; }
        .form-control:focus { border-color: var(--gold); box-shadow: none; }

        /* --- Mobile Fixed Footer --- */
        .mobile-cta-footer {
            display: none;
            position: fixed;
            bottom: 0;
            width: 100%;
            background: white;
            z-index: 1050;
            box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
            padding: 10px;
        }
        /* --- Video Section Styles --- */
.video-walkthrough {
    padding: 100px 0;
}

.video-wrapper {
    border-radius: 12px;
    overflow: hidden;
    background: #000;
    /* Added a subtle gold glow on hover */
    transition: box-shadow 0.4s ease;
}

.video-wrapper:hover {
    box-shadow: 0 20px 50px rgba(194, 157, 89, 0.2) !important;
}

.video-wrapper video {
    display: block;
    outline: none;
    cursor: pointer;
}

.icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Customizing the video controls color (Chrome/Safari) */
/*video::-webkit-media-controls-play-button,*/
/*video::-webkit-media-controls-panel {*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*}*/

@media (max-width: 992px) {
    .video-walkthrough {
        text-align: center;
        padding: 60px 0;
    }
    .icon-box {
        margin: 0 auto;
    }
}
        /* --- Responsive Tweaks --- */
        @media (max-width: 768px) {
            html{overflow-x: hidden;}
            :root { --section-padding: 60px; }
            .hero-text-box { padding: 30px; margin: 20px; text-align: center; }
            .hero-text-box h1 { font-size: 2.5rem; }
            .mobile-cta-footer { display: flex; }
            body { padding-bottom: 70px; overflow-x:hidden;} /* Space for footer */
            .navbar>.container{justify-content: center;}
            .pscl_logo{width:150px;}
            .ft_logo{width:90px;}
        }
        .established-scale {
        background-color: #ffffff;
    }
    
    .ls-2 { letter-spacing: 2px; }
    .ls-1 { letter-spacing: 1px; }
    
    .text-gold {
        color: #c29d59 !important;
    }
    
    .fw-black {
        font-weight: 900;
        color: #121212;
    }
    
    .township-logo {
        max-width: 220px;
        filter: grayscale(1);
        opacity: 0.8;
    }
    
    .stat-card h2 {
        color: #c29d59;
    }
    
    .ecosystem-callout {
        border-left: 5px solid #c29d59;
    }
    
    .highlights-grid i {
        min-width: 30px;
    }

    @media (max-width: 768px) {
        .stat-card.border-start, 
        .stat-card.border-end {
            border: none !important;
            border-bottom: 1px solid #eee !important;
        }
        .township-logo {
            margin-top: 20px;
            text-align: center;
        }
    }
    .section-a-thank {
    background: #edf2fa;
    color: #000;
    margin-top: 6%;
    text-align: Center;
    padding-top: 9rem;
    padding-bottom: 23rem;
}