.block-gallery-slider {
width: 100%;
max-width: 100%;
min-width: 0; overflow: visible;
@apply pt-8 md:pt-[100px];
} .gallery-slider__viewport {
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
} .gallery-slider-swiper {
width: 100%;
max-width: 100%;
min-width: 0;
position: relative;
overflow: hidden; } .gallery-slider__figure {
margin: 0;
width: 100%;
}
.gallery-slider__img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
aspect-ratio: 1267 / 585;
} .gallery-slider__caption { font-family: var(--font-primary, inherit);
font-size: 18px;
font-weight: 400; color: #81908C; margin-top: 12px;
line-height: 1.4;
} .gallery-slider-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 16px;
position: relative !important; bottom: auto !important;
@apply mt-4 md:!-mt-4 !pb-[50px] md:!pb-[75px];
} .gallery-slider-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #E4E4E3; opacity: 1; transition: background-color 0.25s ease;
cursor: pointer;
} .gallery-slider-pagination .swiper-pagination-bullet-active {
background-color: #707070;
} .gallery-slider__link {
display: block;
width: 100%;
cursor: zoom-in;
} .gallery-slider__nav {
position: absolute;
top: 50%;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
transform: translateY(-50%);
border: none;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.85);
color: #2D413C;
cursor: pointer;
transition: background-color 0.25s ease, color 0.25s ease, opacity 0.25s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.gallery-slider__nav:hover {
background-color: #2D413C;
color: #fff;
}
.gallery-slider__nav svg {
width: 24px;
height: 24px;
display: block;
}
.gallery-slider__nav--prev {
left: -32px;
}
.gallery-slider__nav--next {
right: -32px;
}
.gallery-slider__nav--prev,
.gallery-slider__nav--next {
opacity: .5;
}
.gallery-slider__nav--prev:hover,
.gallery-slider__nav--next:hover {
opacity: .85;
}
.logo-slider-pagination {
display: none;
}
.gallery-slider__nav.swiper-button-disabled {
opacity: 0;
pointer-events: none;
}
@media (max-width: 640px) {
.gallery-slider__nav {
width: 36px;
height: 36px;
}
.gallery-slider__nav svg {
width: 20px;
height: 20px;
}
.gallery-slider__nav--prev { left: -36px; }
.gallery-slider__nav--next { right: -36px; }
} .block-logo-slider {
width: 100%;
max-width: 100%;
overflow: visible; 
@apply py-0;
}
.logo-slider-swiper {
width: 100%;
position: relative;
overflow: hidden; 
}
.logo-slider-swiper .swiper-wrapper {
display: flex;
align-items: center;
}
.logo-slider-swiper .swiper-wrapper .swiper-slide {
max-width: 250px;
max-height: 150px;
}
.logo-slider__figure {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.logo-slider__img {
max-width: 100%;
height: auto;
max-height: 150px;
width: auto;
display: block;
object-fit: contain !important;
filter: grayscale(100%);
opacity: 0.6;
transition: filter 0.25s ease, opacity 0.25s ease;
}
.logo-slider__img:hover {
filter: grayscale(0%);
opacity: 1;
}