.article-slider-section {
  margin-bottom: 4rem; }
  @media (max-width: 1023px) {
    .article-slider-section {
      margin-bottom: 24px; } }

.article-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .article-slider .swiper-slide {
      width: 78%; }
      .article-slider .swiper-slide:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0.7);
        transition: all ease .3s;
        z-index: 2;
        pointer-events: none; }
      .article-slider .swiper-slide.swiper-slide-active:before {
        opacity: 0; } }
  .article-slider .swiper-slide .container {
    padding: 0;
    z-index: 2; }
  .article-slider .swiper-slide a {
    display: block;
    height: 100%;
    width: 100%; }

.article-slider .article-slide {
  position: relative;
  width: 100%;
  padding-bottom: 62%; }
  @media (max-width: 1023px) {
    .article-slider .article-slide {
      padding-bottom: 61%; } }

.article-slider__img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .article-slider__img-wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.article-slider .swiper-btns {
  margin-top: 2rem;
  position: static;
  justify-content: flex-end;
  gap: 8px; }
  .article-slider .swiper-btns:before {
    content: none; }
  @media (max-width: 1023px) {
    .article-slider .swiper-btns {
      margin-top: 18px; } }

.article-slider .swiper-pagination {
  bottom: 2rem;
  transform: none;
  left: 0; }
  @media (max-width: 1023px) {
    .article-slider .swiper-pagination {
      bottom: 10px; } }