.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;
width: 100% !important;
gap: 0 !important;
--flex-direction: row !important;
--width: 100% !important;
}
.my-slider > #swiper-wrapper > .swiper-slide {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
box-sizing: border-box;
} .my-slider:not(.granxok-hero-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: 60;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: #fff;
color: #257785;
font-size: 28px;
line-height: 48px;
text-align: center;
cursor: pointer;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}
.my-slider .hero-swiper-prev {
left: 20px;
}
.my-slider .hero-swiper-next {
right: 20px;
}
.my-slider .swiper-pagination,
.my-slider .hero-swiper-pagination,
.my-slider .swiper-pagination-bullets {
display: none !important;
}
.my-slider .swiper-slide-active .elementor-button,
.my-slider #request-button,
.my-slider [id=" request-button"] {
position: relative;
z-index: 10;
pointer-events: auto;
}