.ewpe-swiper-outer-wrapper{
--ewpe-btn-fnt-size: 22px; --ewpe-nav-btn-bdr-width: 0px 0px 0px 0px;
--ewpe-nav-btn-bdr-style: none;
--ewpe-nav-btn-radius:0px;
--ewpe-nav-btn-bdr-color: transparent;
--ewpe-nav-btn-margin:0px 0px 0px 0px;
--ewpe-nav-btn-padding:0px 0px 0px 0px;
--ewpe-prev-h-left-orientation:0px;
--ewpe-prev-h-right-orientation:0px;
--ewpe-prev-v-top-orientation:50%;
--ewpe-next-h-right-orientation:0px;
--ewpe-next-h-left-orientation:0px;
--ewpe-next-v-top-orientation:50%;
--ewpe-prev-translate-x: 0%;
--ewpe-prev-translate-y: -50%;
--ewpe-next-translate-x: 0%;
--ewpe-next-translate-y: -50%;
}
.ewpe-main-wrapper.ewpe-carousel-wrapper {
display: flex;
flex-wrap: wrap;
--e-ewpe-carousel-layout-display: flex;
--e-ewpe-carousel-layout-direction: column;
--e-ewpe-content-box-padding: 0;
--event-column: 2;
overflow: hidden;
margin: 0px auto;
}
.ewpe-main-wrapper.ewpe-carousel-wrapper.ewpe-arrow-position-outside{
width: calc(100% - 60px);
}
.ewpe-main-wrapper.ewpe-carousel-wrapper {
padding: 10px 0px;
}
.ewpe-main-wrapper.ewpe-carousel-wrapper .swiper-wrapper {
overflow: visible;
}
.ewpe-carousel-wrapper .ewpe-inner-wrapper{
margin: 0px;
} .ewpe-swiper-outer-wrapper {
position: relative;
}
.ewpe-button-prev,
.ewpe-button-next {
position: absolute; z-index: 99;
font-size: var(--ewpe-btn-fnt-size);
color: #680b39;
border-radius: var(--ewpe-nav-btn-radius);
padding:var(--ewpe-nav-btn-padding);
margin: var(--ewpe-nav-btn-margin);
}
.ewpe-button-prev{
top: var(--ewpe-prev-v-top-orientation);
left:var(--ewpe-prev-h-left-orientation);
transform: translate(var(--ewpe-prev-translate-x), var(--ewpe-prev-translate-y));
}
.ewpe-button-next{
top: var(--ewpe-next-v-top-orientation);
right: var(--ewpe-next-h-right-orientation);
transform: translate(var(--ewpe-next-translate-x), var(--ewpe-next-translate-y));
}
.ewpe-button-next[aria-disabled="true"],.ewpe-button-prev[aria-disabled="true"]{
color: black;
} .ewpe-button-prev:hover , .ewpe-button-next:hover
{
cursor: pointer;
}
.ewpe-carousel-pagination{
text-align: center;
} @media screen and (max-width: 991px) {
.ewpe-main-wrapper.ewpe-carousel-wrapper,
.ewpe-carousel-wrapper {
flex-direction: column;
flex-wrap: nowrap;
}
}