body.home .factory-capabilities__swiper-wrapper {
position: relative;
width: 100%;
max-width: 1230px;
margin-left: auto;
margin-right: auto;
padding-left: 60px;
padding-right: 60px;
box-sizing: border-box;
}
@media (max-width: 991px) {
body.home .factory-capabilities__swiper-wrapper {
padding-left: 50px;
padding-right: 50px;
}
}
@media (max-width: 768px) {
body.home .factory-capabilities__swiper-wrapper {
padding-left: 44px;
padding-right: 44px;
}
} body.home .factory-capabilities__swiper {
width: 100%;
overflow: hidden;
} body.home .factory-capabilities__swiper-wrapper .swiper-button-prev,
body.home .factory-capabilities__swiper-wrapper .swiper-button-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px !important;
height: 40px !important;
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 50;
background: rgba(255, 255, 255, 0.9);
color: var(--primary-color, #000e4f);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: var(--transition, all 0.2s ease);
user-select: none;
}
body.home .factory-capabilities__swiper-wrapper .swiper-button-prev:hover,
body.home .factory-capabilities__swiper-wrapper .swiper-button-next:hover {
background: var(--primary-color, #000e4f);
color: #fff;
}
body.home .factory-capabilities__swiper-wrapper .swiper-button-prev {
left: 0;
}
body.home .factory-capabilities__swiper-wrapper .swiper-button-next {
right: 0;
} body.home .factory-capabilities__swiper .swiper-wrapper {
gap: 0 !important;
}