
        :root {
            --bs-primary: #212121; /* Black Gray */
            --bs-secondary: #FAFAFA; /* White */
            --bs-accent: #FDD835; /* Bright Yellow */
            --bs-padding-y: 5rem;
        }

        /* Utility classes for color scheme */
        .bg-primary-dark { background-color: var(--bs-primary) !important; color: var(--bs-secondary) !important; }
        .text-accent { color: var(--bs-accent) !important; }
        .border-accent { border-color: var(--bs-accent) !important; }
        .btn-accent {
            background-color: var(--bs-accent);
            color: var(--bs-primary);
            border: 1px solid var(--bs-accent);
            padding: .75rem 2rem;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        .btn-accent:hover {
            background-color: var(--bs-primary);
            color: var(--bs-accent);
            border: 1px solid var(--bs-accent);
        }
        .section-padding { padding-top: var(--bs-padding-y); padding-bottom: var(--bs-padding-y); }
        .bg-alternate { background-color: var(--bs-secondary); }

        /* Navbar Customization */
        .navbar-nav-center {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
        .nav-link { 
            color: var(--bs-primary) !important;
            font-weight: 500;
            margin: 0 0.5rem;
            transition: color 0.3s ease;
        }
        .nav-link:hover { color: var(--bs-accent) !important; }
        .navbar {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        /* Hero and Typography */
        h1, h2, h3, h4 { font-weight: 700; }
        .hero-title { font-size: 3.5rem; }
        @media (min-width: 992px) {
            .hero-title { font-size: 4.5rem; }
        }

        /* Custom Card Styles */
        .service-card {
            transition: transform 0.3s ease;
            height: 100%;
        }
        .service-card:hover { transform: translateY(-5px); box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }
        .service-card img {
            height: 200px;
            object-fit: cover;
        }

        .hero-section{
            background-color: #fdec35;
            padding:120px !important;
        }

        .reviews p{
            color:white
        }

           .reviews div{
            color:white
        }
