﻿.section-bg {
    background-color: #f9f9f9;
}

.section-padding {
    padding: 40px 0;
}

/* Gallery Section Styling */
.gallery-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0; /* Remove gaps between images */
}

    .gallery-section .gallery-thumb {
        position: relative;
        overflow: hidden; /* Hide parts of the image during animation */
        flex: 0 0 calc(33.33%); /* Three images per row */
        margin: 5px; /* Adjust gaps between images */
    }

        .gallery-section .gallery-thumb img {
            width: 100%;
            height: 250px; /* Fixed height for uniformity */
            object-fit: cover;
            transition: transform 0.5s ease, filter 0.5s ease; /* Smooth hover animation */
        }

            /* Hover Effect: Animation */
            .gallery-section .gallery-thumb img:hover {
                transform: scale(1.1); /* Slight zoom-in on hover */
                filter: brightness(90%); /* Add a slight darkening effect */
            }

/* Responsive Design */
@media (max-width: 768px) {
    .gallery-section .gallery-thumb {
        flex: 0 0 100%; /* Full-width images for small screens */
    }
}
