/*gallery*/
.gallery{
    position: relative; /* Set position relative for the absolute positioning of the overlay */
        
        background-image: url('../image/gallery.jpg'); /* Replace with the path to your background image */
        background-size: cover; /* Adjust as needed */
        background-position: center; /* Adjust as needed */
        background-repeat: no-repeat; /* Adjust as needed */
        /* Additional styling if necessary */
        padding: 20px; /* Adjust as needed */
    

}
.gallery::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(97, 82, 82, 0.5); /* Adjust the last value (0.2) for opacity */
}
.gallery h2{
    margin-top: 2rem;
    color: white;
    font-size: 2rem;
}

.gallery .owl-theme{
    margin-top: 1rem;
    padding: 4rem;
}
.gallery-container{
    position: relative;
    background-color: #ddd;
    padding: 2rem;
}
.gallery-contain{
    gap: 10px;
    display: flex;
}
.gallery-contain .card{
    border: 10px solid #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    border-radius: 0rem;
    overflow: hidden;
    cursor: pointer;
}
.gallery-contain .card img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .2s linear;
}
.gallery-contain .card:hover img{
    transform: scale(1.1);
}