:root {
        --primary-blue: #2a6e8f;
        --secondary-green: #4CAF50;
        --light-bg: #f8f9fa;
    }

    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    /* Custom Buttons & Colors */
    .btn-primary {
        background-color: var(--primary-blue);
        border-color: var(--primary-blue);
    }

    .btn-primary:hover {
        background-color: #1e526b;
    }

    .btn-success {
        background-color: var(--secondary-green);
        border-color: var(--secondary-green);
    }

    .text-primary-blue {
        color: var(--primary-blue);
    }

    .bg-primary-blue {
        background-color: var(--primary-blue);
    }

    /* Navigation */
    .navbar {
        border-bottom: 3px solid var(--secondary-green);
    }

    .nav-link {
        font-size: 18px !important;
    }

    .nav-link:hover {
        color: var(--secondary-green) !important;
    }

    /* Hero Section */
    .hero-section {
        background: linear-gradient(rgba(42, 110, 143, 0.8), rgba(42, 110, 143, 0.8)),
            url('images/banner1.webp');
        background-size: cover;
        background-position: center;
        color: white;
        padding: 120px 0;
    }
    
    .about-hero-section {
        background: linear-gradient(rgba(42, 110, 143, 0.8), rgba(42, 110, 143, 0.8)),
            url('images/banner2.avif');
        /*background-size: cover;*/
        background-position: center;
        color: white;
        padding: 120px 0;
    }
    
    .products-hero-section {
        background: linear-gradient(rgba(42, 110, 143, 0.8), rgba(42, 110, 143, 0.8)),
            url('images/banner3.jpg');
        /*background-size: cover;*/
        background-position: center;
        color: white;
        padding: 120px 0;
    }
    
    .careers-hero-section {
        background: linear-gradient(rgba(42, 110, 143, 0.8), rgba(42, 110, 143, 0.8)),
            url('images/banner4.webp');
        background-size: cover;
        background-position: center;
        color: white;
        padding: 120px 0;
    }
    
    .contact-hero-section {
        background: linear-gradient(rgba(42, 110, 143, 0.8), rgba(42, 110, 143, 0.8)),
            url('images/banner5.jpg');
        background-size: cover;
        background-position: top;
        color: white;
        padding: 120px 0;
    }

    /* Feature Cards */
    .feature-card {
        border: none;
        transition: transform 0.3s;
        border-top: 4px solid var(--secondary-green);
    }

    .feature-card:hover {
        transform: translateY(-10px);
    }

    /* Footer */
    footer {
        background-color: var(--primary-blue);
        color: #ccc;
    }

    /* Show dropdown on hover */
    .navbar-nav .dropdown:hover>.dropdown-menu {
        display: block;
    }

    /* Submenu positioning */
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: 0.1rem;
    }

    /* Make submenu also open on hover */
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    h2 {
        font-size: 40px;
    }

    /* Why Choose Us Specific Styles */
    .image-stack {
        position: relative;
        padding: 20px;
    }

    .main-img {
        position: relative;
        z-index: 2;
        border-radius: 10px;
    }

    /* The Green decorative border seen on the website */
    .accent-border {
        position: absolute;
        top: 0;
        left: 0;
        width: 80%;
        height: 90%;
        border: 8px solid var(--secondary-green);
        z-index: 1;
        border-radius: 10px;
    }

    .icon-box {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        flex-shrink: 0;
        border: 1px solid #eee;
    }

    .feature-item h5 {
        color: var(--primary-blue);
        font-size: 1.25rem;
    }

    .feature-item p {
        font-size: 0.95rem;
        line-height: 1.6;
    }

    /* CEO Message Styles */
    .ceo-image-wrapper {
        position: relative;
        padding-bottom: 30px;
    }

    .ceo-img {
        border-radius: 20px;
        border-bottom: 8px solid var(--secondary-green);
        width: 100%;
        object-fit: cover;
        height: 500px;
        /* Adjust based on your photo aspect ratio */
    }

    .experience-badge {
        position: absolute;
        bottom: 0;
        right: 20px;
        border-radius: 10px;
        min-width: 120px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .quote-container {
        position: relative;
    }

    .quote-container p {
        font-style: italic;
        padding-left: 20px;
    }

    .mt-n3 {
        margin-top: -1.5rem !important;
    }

    /* 5-Card Grid Styling */
    .testimonial-card-static {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
    }

    .testimonial-card-static:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 30px rgba(42, 110, 143, 0.1) !important;
    }

    /* Accent bar at the top of each card */
    .testimonial-card-static::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: var(--secondary-green);
    }

    .testimonial-card-static p {
        font-size: 0.95rem;
        line-height: 1.6;
        font-style: italic;
    }

    .border-top {
        border-top: 1px solid #f1f1f1 !important;
    }

    footer .list-unstyled {
        font-size: 18px;
    }

    footer .list-unstyled li {
        margin-bottom: 10px;
    }
    .carousel-control-next-icon,.carousel-control-prev-icon{
        border-radius: 50%;
        background-color: gray;
    }
    .carousel-inner-img{
        
    }
    .more-products-btn{
        padding: 11px;
        font-size: 20px;
    }