:root {
            --primary-color: #D82047; /* A strong red for accents */
            --secondary-color: #333333;
            --light-bg: #f8f9fa;
        }
        .services-section {
            padding: 80px 0;
            background-color: var(--light-bg); /* Use light background for contrast */
        }
    
        .service-card {
            background-color: #fff;
            border-radius: 12px;
            border: 5px solid var(--primary-color);
            overflow: hidden;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s, box-shadow 0.3s;
            text-align: center;
            height: 100%;
            /* Removed flex-direction: column as there's only one child now */
            display: flex;
            flex-direction: column; /* Kept for consistent card behavior */
            text-decoration: none;
            color: var(--secondary-color);
            /* CRITICAL ADJUSTMENT: Remove padding and margin from the card */
            padding: 0;
            margin: 0;
        }
    
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
        }
    
        .service-card-image {
            position: relative;
            width: 100%;
            /* UPDATED FOR 550x650 ASPECT RATIO (650 / 550 = 1.1818) */
            padding-top: 118.18%; 
            overflow: hidden;
            /* Ensure no gaps around the image container */
            margin: 0;
            padding-left: 0;
            padding-right: 0;
        }
    
        .service-card-image img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Ensures image covers the area fully and responsively */
            /* Ensure the image itself has no margins/borders */
            border: none;
            margin: 0;
            padding: 0;
            display: block; /* Important to remove any inline/block spacing issues */
        }
    
        /* The .service-card-body and h5 styles are no longer relevant but kept in CSS for completeness if you re-add it */
        .service-card-body {
            /* Kept for potential future text content */
            padding: 20px 15px; 
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            /* Removed top padding/margin */
            margin-top: 0;
            padding-top: 20px;
        }
    
        .service-card-body h5 {
            font-size: 1.25rem;
            font-weight: 600;
            margin: 0;
            color: var(--primary-color);
        }

        /* --- Other necessary styles from index (3).html (minimal for preview) --- */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .container-xxl {
            max-width: 1400px;
        }
        .text-center {
            text-align: center;
        }
        .mb-5 {
            margin-bottom: 3rem !important;
        }