.swiper_div{ padding-bottom: 50px;}
.swiper{width: 100%;height: 80%;padding: 80px;}
.swiper-wrapper{transition-timing-function: linear; column-gap: 30px;}
.swiper-slide{ text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; width: 22%; transition: transform 0.3s;}
.swiper-slide img{ display: block; width: 100%; height: 100%; max-width: 500px; border-radius: 30px; object-fit: cover;}
.swiper-slide:hover{ transform: translateY(30px);}
.swiper-plus{ text-align: center;font-size: 20px;}
.swiper-plus a{border-radius: 9px;transition: all 0.3s ease-in-out; display:block; background:#fff; border:1px solid #EE2255; color:#EE2255; margin:0px auto; text-align:center;max-width: 300px;padding: 11px;}
.swiper-plus a:hover { border:1px solid #EE2255; color:#fff; background:#EE2255;}
.swiper_text{ line-height: 33px; margin-bottom: 20px !important; margin-top: 20px;}

@media (max-width: 575px){
    .swiper{ padding: 50px;}
    .swiper-slide{ width: 70%;}
    .swiper-slide:hover{ transform: translateY(10px);}
}

@media (max-width: 500px){
    .swiper{ padding: 30px;}
}

.services{ white-space: normal;}
.services p{ text-align: center;}
.services .t1{ font-size: clamp(18px, 5vw, 35px); transition: font-size 1s;}
.services .t2{ font-size: clamp(12px, 5vw, 16px); transition: font-size 1s;}