.slider-simple .swiper {
padding: 48px 0 32px 0;
}
.slider-simple-figure {
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
}
.slider-simple-img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 3/4;
}
.slider-simple-content {
font-family: var(--wp--preset--font-family--syne);
font-weight: 700;
font-size: var(--wp--preset--font-size--3);
color: var(--wp--preset--color--custom-primaire);
text-align: center;
line-height: 1.5;
margin-top: var(--wp--preset--spacing--1);
}
.slider-simple-navigation {
position: absolute;
top: 0;
left: 0;
height: 32px;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
gap: 8px;
z-index: 10;
}
.slider-simple .swiper-button-prev,
.slider-simple .swiper-button-next {
position: unset;
top: unset;
left: unset;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
background-color: #dadada;
border-radius: 50%;
color: #000;
z-index: 10;
cursor: pointer;
transition: all 0.3s ease;
}
.slider-simple .swiper-button-prev::after,
.slider-simple .swiper-button-next::after {
font-size: 16px;
font-weight: 900;
}
.slider-simple .swiper-button-prev:hover,
.slider-simple .swiper-button-next:hover {
background-color: #000;
color: #fff;
}
.slider-simple .swiper-pagination {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 10;
}
.slider-simple .swiper-pagination-bullet {
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
opacity: 1;
transition: all 0.3s ease;
}
.slider-simple .swiper-pagination-bullet-active {
background-color: var(--wp--preset--color--custom-primary);
}
.slider-simple-hide-left {
position: relative;
z-index: 2;
}
.slider-simple-hide-left::before {
content: '';
position: absolute;
top: 0;
right: 100%;
width: 50vw;
height: 100%;
background-color: #fff;
z-index: 2;
}