.rts__filter__gallery ul.gallery-tabs {
padding: 0;
margin: 0;
list-style: none;
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
}
.rts__filter__gallery ul.gallery-tabs li {
outline: none;
text-decoration: none;
padding: 8px 20px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-weight: 600;
cursor: pointer;
line-height: 1.2;
transition: var(--transition);
}
.rts__filter__gallery ul.gallery-tabs li:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.rts__filter__gallery ul.gallery-tabs li.active {
background-color: var(--e-global-color-primary);
color: #fff;
}
.rts__filter__gallery .gallery-items .gallery-item {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.rts__filter__gallery .gallery-items .gallery-item .hover__text {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
padding: 48px;
height: 100%;
width: 100%;
transition: var(--transition);
align-items: center;
justify-content: center;
display: flex;
font-size: 16px;
opacity: 0;
color: #fff;
z-index: 2;
}
.rts__filter__gallery .gallery-items .gallery-item .hover__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 60, 59, 0.7);
transition: var(--transition);
opacity: 0;
}
.rts__filter__gallery .gallery-items .gallery-item img {
display: block;
transform: scale(1);
transition: var(--transition);
-o-object-fit: cover;
object-fit: cover;
}
.rts__filter__gallery .gallery-items .gallery-item:hover .hover__text {
opacity: 1;
}
.rts__filter__gallery .gallery-items .gallery-item:hover .hover__background {
opacity: 1;
}
.rts__filter__gallery .gallery-items .gallery-item:hover img {
transform: scale(1.15);
}
.gallery-tabs li.active {
transform: scale(1.05);
transition: all 0.3s ease;
}