.my-service-slider { margin: 40px 0; } 
.my-service-slider .swiper-slide img { transition: transform 0.3s ease; width: 100% !important; height: auto;border-radius: 10px !important; } 
.my-service-slider .swiper-arrow { display: flex; align-items: center; justify-content: flex-end; gap: 30px; padding-right: 288px; padding-top: 50px; } 
.my-service-slider .swiper-button-prev, .my-service-slider .swiper-button-next { position: static !important; margin: 0px !important; padding: 0px !important; } 
.my-service-slider .swiper-button-prev:after, .my-service-slider .swiper-button-next:after { font-size: 20px !important; font-weight: 900; } 
.my-service-slider .swiper-arrow .arrow-btn { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50px; color: #fff; background: linear-gradient(#0E0F0F, #0E0F0F) padding-box, linear-gradient(to top, #534b6c, #bf4572) border-box; border: 2px solid rgb(0 0 0 / 0%); } 
.my-service-slider .swiper-arrow .arrow-btn:hover { background: linear-gradient(#0e0f0f00, #0e0f0f00) padding-box, linear-gradient(to top, #534b6c, #bf4572) border-box; } 
@media (max-width: 1550px){
.my-service-slider .swiper-arrow { padding-right: 102px; }
}
@media (max-width: 1200px){
.my-service-slider .swiper-arrow { padding-right: 10px; }
}
@media (max-width: 1024px){ 
.my-service-slider .swiper-arrow .arrow-btn { width: 50px; height: 50px; }
.my-service-slider .swiper-button-prev:after, .my-service-slider .swiper-button-next:after { font-size: 15px !important;}
}
@media (max-width: 767px){ 
.my-service-slider .swiper-arrow {padding-right:0px;gap:20px;justify-content:center;}
.my-service-slider .swiper-arrow .arrow-btn { width: 45px; height: 45px; }
.my-service-slider .swiper-button-prev:after, .my-service-slider .swiper-button-next:after { font-size: 12px !important; }
}