.block--comparison_slider {
padding: 100px 0;
background-color: #FBFAF9;
overflow: hidden;
}
.block--comparison_slider .content {
width: 100%;
max-width: 1390px;
margin: 0 auto;
padding: 0 15px;
}
.block--comparison_slider .wrapper-text {
margin-bottom: 40px;
}
.block--comparison_slider .wrapper-text .title {
margin-bottom: 35px;
}
.block--comparison_slider .wrapper-text .text * {
font-size: 18px;
font-weight: 300;
}
.block--comparison_slider .slick-list {
overflow: visible;
}
.block--comparison_slider .slick-track {
display: flex;
gap: 20px;
margin-left: 0;
}
.block--comparison_slider .slides {
margin-bottom: 90px;
transform: translateX(-20px);
}
@media (max-width: 991px) {
.block--comparison_slider .slides {
transform: translateX(0);
}
}
.block--comparison_slider .ba-slider {
position: relative;
}
.block--comparison_slider .ba-slider .aspect_frame {
border-radius: 20px;
overflow: hidden;
position: relative;
height: 0;
padding-bottom: 75%;
}
.block--comparison_slider .ba-slider .aspect_frame > div {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.block--comparison_slider .ba-slider .aspect_frame img {
height: 100%;
width: 100%;
object-fit: cover;
}
.block--comparison_slider .ba-slider .handle {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: unset;
margin-left: unset;
background: transparent;
cursor: unset;
}
.block--comparison_slider .ba-slider .handle:before,
.block--comparison_slider .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_slider .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_slider .ba-slider .handle .center {
position: absolute;
height: 86px;
width: 86px;
top: calc(50% - 43px);
left: -43px;
cursor: ew-resize;
}
.block--comparison_slider .pagination_bar {
display: flex;
align-items: center;
gap: 18px;
}
.block--comparison_slider .pagination_bar .bar {
background-color: #CDB9A7;
height: 1px;
width: 100%;
max-width: 720px;
position: relative;
overflow: visible;
}
.block--comparison_slider .pagination_bar .handle {
height: 3px;
background-color: #8E6347;
position: absolute;
top: 0;
bottom: 0;
min-width: 50px;
margin: auto;
transform: translateX(100%);
transition: left 0.16s;
}
.block--comparison_slider .pagination_bar .next,
.block--comparison_slider .pagination_bar .prev {
border: none;
outline: none;
background-color: transparent;
cursor: pointer;
transform: translateY(2px);
}
.block--comparison_slider .pagination_bar .next img,
.block--comparison_slider .pagination_bar .prev img {
width: 22px;
}
.block--comparison_slider .pagination_bar .prev img {
transform: rotate(180deg);
}