.transformations-carousel-container {
max-width: 1300px;
margin: 0 auto;
width: 100%;
position: relative;
}
.transformations-carousel { padding-bottom: 15px;
} .transformations-carousel-controls {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
gap: 30px; height: 40px;
} .transformations-carousel-controls .swiper-pagination {
position: static;
width: auto !important;
}
.transformations-carousel-controls .swiper-button-prev,
.transformations-carousel-controls .swiper-button-next {
position: static;
margin-top: 0;
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
transition: all 0.3s ease;
border: 1px solid #e0e0e0;
}
.transformations-carousel-controls .swiper-button-prev:hover,
.transformations-carousel-controls .swiper-button-next:hover {
background: #D11120;
}
.transformations-carousel-controls .swiper-button-prev:after,
.transformations-carousel-controls .swiper-button-next:after {
font-size: 16px;
color: #D11120;
font-weight: bold;
}
.transformations-carousel-controls .swiper-button-prev:hover:after,
.transformations-carousel-controls .swiper-button-next:hover:after {
color: #fff;
} .transformations-carousel-controls .swiper-pagination-bullet-active {
background: #D11120 !important; }
.swiper.transformations-carousel .transformation-card {
margin: 10px 0;
box-shadow: none !important;
border: 1px solid #e0e0e0
}