@media (max-width: 767px) { .border-schema {
overflow: hidden;
position: relative;
padding-bottom: var(--wp--preset--spacing--2);
}
.border-schema::before {
display: none;
} .border-schema-hidden {
display: none !important;
} .border-schema .border-schema-swiper {
overflow: visible;
margin-top: 0;
} .border-schema .border-schema-slide {
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 1rem;
} .border-schema-slide .border-schema-etape {
width: 100%;
max-width: 100%;
background-color: unset!important;
} .border-schema .wp-block-columns .border-schema-etape {
display: none !important;
} .border-schema .wp-block-columns {
display: none !important;
} .border-schema-navigation-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--wp--preset--spacing--1);
margin-top: var(--wp--preset--spacing--2);
padding: 0 1rem;
max-width: 100%;
} .border-schema-nav {
display: flex;
align-items: center;
justify-content: center;
width: 41px;
height: 41px;
flex-shrink: 0;
background: var(--wp--preset--color--custom-blanc);
border-radius: 50%;
cursor: pointer;
z-index: 10;
}
.border-schema-nav.swiper-button-disabled {
opacity: 0.5;
cursor: not-allowed;
}
.border-schema-nav .nav-arrow {
width: 100%;
height: 100%;
}
.border-schema-prev .nav-arrow {
transform: rotate(180deg);
} .border-schema .swiper-pagination {
position: relative;
bottom: auto !important;
width: auto !important;
flex: 1;
text-align: center;
}
.border-schema .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: var(--wp--preset--color--custom-vert-clair);
opacity: 1;
margin: 0 4px;
}
.border-schema .swiper-pagination-bullet-active {
background: var(--wp--preset--color--custom-vert);
} @media (max-width: 480px) {
.border-schema-nav {
width: 32px;
height: 32px;
}
}
} @media (min-width: 768px) { .border-schema .border-schema-swiper {
overflow: visible;
}
.border-schema .swiper-wrapper {
display: contents;
}
.border-schema .border-schema-slide {
display: contents;
}
.border-schema .swiper-pagination {
display: none;
}
.border-schema-navigation-wrapper {
display: none !important;
}
}