.swiper-wrapper {
   /* width: 100% !important;*/
  /*  max-width: 100%;
    max-height: 100vh;*/
/* CSS Grid/Flexbox bug size workaround
 @see https://github.com/kenwheeler/slick/issues/982
 @see https://github.com/nolimits4web/swiper/issues/3599*/
   /* min-height: 0;
    min-width: 0;*/
}


swiper-slide {
     width: 100% !important;
     /*width: auto !important;*/
     flex-shrink: 0;
     display: flex;
     text-align: left;
     align-items: center;
     font-size: 0.9em;

 }

.swiper-button-prev, .swiper-button-next {
    position: relative;
}

.swiper-pagination {
    position: relative;
}


.article-slide {
    overflow: hidden;
    background-color: #fff;
    height: 100%;
    padding: 0.5em;
}

.article-slide img {
    display: block;
    max-width: 40%;
    max-height: 250px;
    width: auto;
    height: auto;
    float: left;
    margin-right: 1em;
    margin-left: 0.5em;
}

.swiper-box {
    background-color: #a3acd7;
    border-radius: 10px;
    padding: 1em;
}