.block--comparison_gallery {
padding: 100px 0;
background-color: #FBFAF9;
overflow: hidden;
}
.block--comparison_gallery.wide .content {
max-width: 1600px;
}
.block--comparison_gallery.wide .aspect_frame {
padding-bottom: 72% !important;
}
.block--comparison_gallery .content {
width: 100%;
max-width: 1390px;
margin: 0 auto;
padding: 0 15px;
min-height: calc(100vh - 300px);
}
.block--comparison_gallery .wrapper-text {
margin-bottom: 40px;
}
.block--comparison_gallery .wrapper-text .title {
margin-bottom: 35px;
}
.block--comparison_gallery .wrapper-text .text * {
font-size: 18px;
font-weight: 300;
}
.block--comparison_gallery .category_buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
margin-bottom: 75px;
}
@media (max-width: 575px) {
.block--comparison_gallery .category_buttons {
gap: 8px;
}
}
.block--comparison_gallery .category_buttons .button {
color: #472D17;
border-color: #472D17;
background-color: transparent;
}
@media (max-width: 575px) {
.block--comparison_gallery .category_buttons .button {
padding: 20px 15px;
font-size: 12px;
}
}
.block--comparison_gallery .ba_sliders {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.block--comparison_gallery .ba_slider_frame {
width: calc((100% / 3) - 20px);
}
@media (max-width: 991px) {
.block--comparison_gallery .ba_slider_frame {
width: calc((100% / 2) - 20px);
}
}
@media (max-width: 575px) {
.block--comparison_gallery .ba_slider_frame {
width: 100%;
}
}
.block--comparison_gallery .ba-slider {
position: relative;
transition: left 0.5s, top 0.5s, opacity 0.5s, visibility 0.5s;
}
.block--comparison_gallery .ba-slider.fast_transition {
transition: left 0.25s, top 0.25s, opacity 0.25s, visibility 0.25s;
}
.block--comparison_gallery .ba-slider.hidden {
opacity: 0;
visibility: hidden;
}
.block--comparison_gallery .ba-slider .aspect_frame {
border-radius: 20px;
overflow: hidden;
position: relative;
height: 0;
padding-bottom: 100%;
}
.block--comparison_gallery .ba-slider .aspect_frame > div {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.block--comparison_gallery .ba-slider .aspect_frame img {
height: 100%;
width: 100%;
object-fit: cover;
}
.block--comparison_gallery .ba-slider .handle {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: unset;
margin-left: unset;
background: transparent;
cursor: unset;
}
.block--comparison_gallery .ba-slider .handle:before,
.block--comparison_gallery .ba-slider .handle:after {
content: ' ';
position: absolute;
left: 0;
top: 0;
bottom: calc(50% + 43px);
width: 5px;
margin-left: -3px;
background: white;
cursor: ew-resize;
}
.block--comparison_gallery .ba-slider .handle:after {
content: ' ';
top: calc(50% + 43px);
bottom: 0;
height: unset;
margin: 0 0 0 -3px;
color: unset;
font-weight: unset;
font-size: unset;
text-align: unset;
line-height: unset;
background: white;
border: unset;
border-radius: unset;
box-shadow: unset;
}
.block--comparison_gallery .ba-slider .handle .center {
position: absolute;
height: 86px;
width: 86px;
top: calc(50% - 43px);
left: -43px;
cursor: ew-resize;
}