body {
            font-family: 'Arial', sans-serif;
        }
        .navbar {
            background-color: #003087;
        }
        .navbar-brand img {
            height: 40px; /* Adjust height as needed */
            width: auto;
        }
        .nav-link {
            color: white !important;
        }
        .hero-section {
            background-color: #e6f0fa;
            padding: 80px 0;
            text-align: center;
        }
        .hero-section h1 {
            color: #003087;
        }
        .hero-section p {
            color: #0041c2;
        }
        .btn-primary {
            background-color: #0041c2;
            border-color: #0041c2;
        }
        .btn-primary:hover {
            background-color: #003087;
            border-color: #003087;
        }
        .about-section {
            padding: 60px 0;
        }
        .about-section h2 {
            color: #003087;
        }
        .footer {
            background-color: #003087;
            color: white;
            padding: 40px 0;
        }
        .vision {
            background-color: #f6f6f7;
            padding: 60px 0;
        }
        .core-values {
            padding-left: 60px 0;
            margin-left: 100px 0;
        }
        .navbar-toggler-icon {
            filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
        }
        .projects-section {
            padding: 60px 0;
        }
        .projects-section h2 {
            color: #003087;
        }
        .project-card {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
            transition: transform 0.3s;
        }
        .project-card:hover {
            transform: translateY(-10px);
        }
        .careers-section {
            padding: 60px 0;
        }
        .careers-section h2 {
            color: #003087;
        }
        .services-section {
            padding: 60px 0;
        }
        .services-section h2 {
            color: #003087;
        }
        .service-card {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
            transition: transform 0.3s;
        }
        .service-card:hover {
            transform: translateY(-10px);
        }
        .contact-section {
            padding: 60px 0;
        }
        .contact-section h2 {
            color: #003087;
        }
        .btn-primary {
            background-color: #0041c2;
            border-color: #0041c2;
        }
        .map-container {
            width: 100%;
        }
        .img-fluid{
            color: white;
            width: 70px;
            height: 70px;
        }
        .icon {
            background-image: url("lawki.svg");
            width: 100px;
            height: 100px;
            background-size: contain;
            background-repeat: no-repeat;
            filter: hue-rotate(180deg); /* Optional trick to adjust color */
        }
        .img-p {
            width: 100%;
            aspect-ratio: 16/9;
            height: auto;
            border-radius: 20px;
            color: #0041c2;
        }
        .h4-p {
            color: #0041c2;
        }
        .fu-links {
            width: 40px;
            height: 40px;
            border-radius: 10px;
        }