.swiper-box-project {
    max-width: 600px;
    margin: 3% auto 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
}

.project-swiper-main,
.project-swiper-thumbs,
.swiper-slide img {
    width: 100%;
}

.project-swiper-main {
    height: 300px;
}

.project-swiper-thumbs {
    height: 75px;
    box-sizing: border-box;
    padding: 10px 0;
}

.project-swiper-main .swiper-slide,
.project-swiper-thumbs .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    background: #fff;
    text-align: center;
}

.project-swiper-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4;
}

.project-swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.tz-gallery .lightbox {
    position: relative;
    display: block;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
}

.tz-gallery .lightbox::after {
    position: absolute;
    inset: 0;
    content: "";
    opacity: 0;
    background-color: rgba(3, 80, 60, .7);
    pointer-events: none;
    transition: opacity .4s;
}

.tz-gallery .lightbox:hover::after {
    opacity: 1;
}