.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: left;
  background: #fff;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0 !important;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 0.4);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    box-shadow: 0px 2px 6px 1px #888;
    background: white;
    border-radius: 50%;
}
.swiper-button-prev {
    width: 30px;
    height: 33px;
    padding: 0 3px 0 0;
}
.swiper-button-next {
    width: 30px;
    height: 33px;
    padding: 0 0 0 3px;
}
.swiper-button-next::after, .swiper-button-prev::after
{
    font-size: 1.1em !important;
    color: #555555;
}
   

:root {
    --swiper-navigation-size: 14px;
    --swiper-theme-color: #dddddd;    
}