.gallery__photos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.gallery__box-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #eaeaea;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.gallery__img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
    transition: scale 0.6s ease-in-out;
    -webkit-transition: scale 0.6s ease-in-out;
    -moz-transition: scale 0.6s ease-in-out;
    -ms-transition: scale 0.6s ease-in-out;
    -o-transition: scale 0.6s ease-in-out;
}

.fslightbox-slide-btn {
    border: 1px solid #eaeaea20;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.fslightbox-flex-centered span,
.fslightbox-flex-centered div {
    color: var(--card-bg);
}

@media (hover: hover) {
    .gallery__photo:hover>.gallery__box-img>a>.gallery__img {
        scale: 1.04;
    }

    .services__card-info-btn:hover>.btn-text,
    .services__card-info-btn:hover>.btn-arrow-wrapper {
        background-color: var(--accent-second-bg);
    }

    .fslightbox-slide-btn:hover {
        border: 1px solid #eaeaea80;
        scale: 0.95;
    }
}

@media (min-width: 1200px) {
    .gallery__photos {
        gap: 15px;
    }

    .gallery__box-img {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
}