/* ========== SECTION BACKGROUNDS WITH SHAPES ========== */

    /* Our Services Introduction Section - White with bottom shape */
    .services-intro {
        background-color: #ffffff;
        position: relative;
        padding: 80px 0;
    }

    .services-intro::after {
        content: '';
        position: absolute;
        bottom: -50px;
        left: 0;
        width: 100%;
        height: 100px;
        background: #ffffff;
        clip-path: polygon(0 0, 100% 0, 100% 30%, 50% 100%, 0 30%);
        z-index: 1;
    }

    /* Construction Services - Gray with shapes top and bottom */
    .construction-bg {
        background-color: #f7f7f7;
        position: relative;
        padding: 100px 0 80px;
        margin-top: -50px;
        z-index: 2;
    }

    .construction-bg::before {
        content: '';
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        height: 100px;
        background: #f7f7f7;
        clip-path: polygon(0 70%, 50% 0, 100% 70%, 100% 100%, 0 100%);
    }

    .construction-bg::after {
        content: '';
        position: absolute;
        bottom: -50px;
        left: 0;
        width: 100%;
        height: 100px;
        background: #f7f7f7;
        clip-path: polygon(0 0, 100% 0, 100% 30%, 50% 100%, 0 30%);
        z-index: 1;
    }

    /* Consulting Services - White with top shape */
    .consulting-bg {
        background-color: #ffffff;
        position: relative;
        padding: 100px 0 80px;
        margin-top: -50px;
        z-index: 3;
    }

    .consulting-bg::before {
        content: '';
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        height: 100px;
        background: #ffffff;
        clip-path: polygon(0 70%, 50% 0, 100% 70%, 100% 100%, 0 100%);
    }

    /* Service Item Styles */
    .service-item-4x2 {
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    
    .service-item-4x2 > div {
        padding-right: calc(.5 * var(--bs-gutter-x));
        padding-left: calc(.5 * var(--bs-gutter-x));
        margin-top: var(--bs-gutter-y);
    }
    
    /* Small/Standard size for the top 4 boxes */
    .service-row-1 .col-lg-3 {
        width: 25%;
    }

    /* Bigger size for the bottom 2 boxes */
    .service-row-2 .col-lg-6 {
        width: 45%;
        margin-left: auto !important; 
        margin-right: auto !important;
    }

    /* Ensure items stack correctly on smaller screens */
    @media (max-width: 991.98px) {
        .service-row-1 .col-lg-3,
        .service-row-2 .col-lg-6 {
            width: 100%;
            margin-left: unset !important;
            margin-right: unset !important;
        }
        
        /* Adjust shape sizes for mobile */
        .services-intro::after,
        .construction-bg::before,
        .construction-bg::after,
        .consulting-bg::before {
            height: 50px;
        }
        
        .construction-bg,
        .consulting-bg {
            margin-top: -30px;
            padding: 70px 0 60px;
        }
    }

    /* Service Item Uniform Height */
    .service-item {
        height: 100%;
        display: flex;
        flex-direction: column;
        background: white;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .service-item:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    }
    
    .service-item > * {
        flex-shrink: 0;
    }
    
    .service-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 25px !important;
    }
    
    .service-content p {
        flex-grow: 1;
        color: #fff !important;
        margin-bottom: 20px;
    }
    
    .service-img img {
        height: 370px;
        object-fit: cover;
        width: 100%;
    }
    
    /* Service Title Styles */
    .h4-1 {
        font-size: 18px;
        line-height: 1.2;
        height: 40px;
        overflow: hidden;
        display: flex;
        align-items: center;
        color: #333;
    }
    
    /* Icon Container */
    .bg-secondary.btn-xl-square {
        background-color: #0d47a1 !important;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .bg-secondary.btn-xl-square i {
        color: white !important;
    }
    
    /* Service Links */
    .service-content a.d-block.fs-4 {
        color: #0d47a1;
        font-weight: 600;
        text-decoration: none;
        margin: 15px 0;
        transition: color 0.3s ease;
    }
    
    .service-content a.d-block.fs-4:hover {
        color: #ff6b00;
    }
    
    /* Read More Button */
    .service-content .btn-secondary {
        background-color: #0d47a1;
        border: none;
        border-radius: 5px;
        font-weight: 600;
        transition: all 0.3s ease;
    }
    
    .service-content .btn-secondary:hover {
        background-color: #ff6b00;
        transform: translateY(-3px);
    }