/* Custom styles for Site Acquisition & Planning page */

/* Increase overview image size */
.solution-overview {
    gap: 80px; /* Increased gap between text and image */
}

.solution-overview-image {
    flex: 1.2; /* Give slightly more space to the image */
    max-width: 55%; /* Allow image container to be wider */
}

.solution-overview-image img {
    width: 100%;
    height: 500px; /* Fixed height */
    object-fit: cover; /* Ensure image covers the area without distortion */
    border-radius: 12px; /* Slightly larger border radius */
    box-shadow: 0 20px 40px rgba(0,0,0,0.15); /* Enhanced shadow for depth */
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .solution-overview-image img {
        height: 400px; /* Slightly smaller height on mobile */
    }
}