.my-slider {
position: relative;
overflow: hidden !important;
width: 100%;
}
.my-slider > #swiper-wrapper.swiper-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.my-slider > #swiper-wrapper > .swiper-slide {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
box-sizing: border-box;
} html:not(.granxok-editor-mode) .my-slider:not(.granxok-slider-ready):not(.swiper-initialized) > #swiper-wrapper > .swiper-slide:not(:first-child) {
display: none !important;
}
.my-slider .hero-swiper-prev,
.my-slider .hero-swiper-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 50;
width: 72px;
height: 72px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
color: #fff;
font-size: 56px;
font-weight: 300;
line-height: 72px;
text-align: center;
cursor: pointer;
box-shadow: none;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
.my-slider .hero-swiper-prev {
left: 20px;
}
.my-slider .hero-swiper-next {
right: 20px;
}
.my-slider .swiper-pagination,
.my-slider .swiper-pagination-bullets,
.my-slider .hero-swiper-pagination {
display: none !important;
}
.my-slider.swiper-fade > #swiper-wrapper > .swiper-slide {
pointer-events: none;
}
.my-slider.swiper-fade > #swiper-wrapper > .swiper-slide.swiper-slide-active {
pointer-events: auto;
z-index: 2;
}
.my-slider .swiper-slide-active .elementor-button,
.my-slider #request-button,
.my-slider [id=" request-button"] {
position: relative;
z-index: 10;
pointer-events: auto;
}
@media (max-width: 767px) {
.my-slider .hero-swiper-prev {
left: 12px;
}
.my-slider .hero-swiper-next {
right: 12px;
}
.my-slider .hero-swiper-prev,
.my-slider .hero-swiper-next {
width: 56px;
height: 56px;
font-size: 44px;
line-height: 56px;
}
}