.row-carousel {
width: 100%;
position: relative;
display: flex;
justify-content: center;
padding: 40px 0;
box-sizing: border-box;
} .row-carousel .swiper {
position: relative;
width: 90%;
overflow: hidden;
box-sizing: border-box;
padding: 60px; } .row-carousel .swiper-wrapper {
display: flex;
}
.row-carousel .swiper-slide {
box-sizing: border-box;
padding: 15px;
transition: transform 0.3s ease;
}
.row-carousel .swiper-slide:hover {
transform: translateY(-4px);
} .row-carousel .entry-featured-image-url img {
width: 100%;
height: auto;
border-radius: 6px;
object-fit: cover;
} .row-carousel .entry-title {
margin-top: 10px;
font-size: 1.2rem;
font-weight: 600;
text-align: left;
}
.row-carousel .post-content-inner p {
color: #555;
font-size: 0.95rem;
margin-top: 5px;
} .row-carousel .swiper-button-next,
.row-carousel .swiper-button-prev {
color: #5a0a32;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
top: 50%;
transform: translateY(-50%);
z-index: 10;
} .row-carousel .swiper-button-prev {
left: calc(5% - 60px);
}
.row-carousel .swiper-button-next {
right: calc(5% - 60px);
} .row-carousel .swiper-button-next:hover,
.row-carousel .swiper-button-prev:hover {
background: #5a0a32;
color: #fff;
} .row-carousel .swiper-pagination-bullet {
background: #555;
opacity: 0.6;
}
.row-carousel .swiper-pagination-bullet-active {
background: #5a0a32;
opacity: 1;
} @media (max-width: 991px) {
.row-carousel .swiper {
width: 95%;
padding: 0 40px;
}
.row-carousel .swiper-button-prev {
left: calc(2.5% - 30px);
}
.row-carousel .swiper-button-next {
right: calc(2.5% - 30px);
}
}
@media (max-width: 600px) {
.row-carousel .swiper {
width: 100%;
padding: 0 30px;
}
.row-carousel .swiper-button-next,
.row-carousel .swiper-button-prev {
width: 36px;
height: 36px;
}
} .row-carousel .swiper-slide {
background-color: #f4f4f4; color: #000;
border-radius: 8px;
transition: background-color 0.3s ease, color 0.3s ease;
} .row-carousel .swiper-slide:nth-child(even) {
background-color: #5a0a32;
color: #fff;
} .row-carousel .swiper-slide:nth-child(even) .entry-title a,
.row-carousel .swiper-slide:nth-child(even) .post-content p {
color: #fff!important;
}