.article-slider-js{
  overflow: visible;
}
.article-slider-js .slick-arrow{
  position: absolute;
  top: 61px;
  user-select: none;
  display: block;
  width: 46px;
  height: 46px;
  padding: 0.5rem;
  background: none;
  border: none;
  box-shadow: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23CCCCCC' d='m7.825 13l4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375t.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z'/%3E%3C/svg%3E");
  font-size: 0;
  color: transparent;
}
.article-slider-js .slick-prev{
  left: -59px;
}
.article-slider-js .slick-next{
  right: -59px;
  transform: scale(-1,1);
}
.article-slider-js .slick-arrow:hover{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%2361C13A' d='m7.825 13l4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375t.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z'/%3E%3C/svg%3E");
}
.article-slider-card{
  width: 280px;
  margin: 0 auto;
}
@media (max-width: 1315px) {
  .article-slider-js{
    overflow: hidden;
  }
  .article-slider-js::before,
  .article-slider-js::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 44px;
    pointer-events: none;
    z-index: 10;
  }
  .article-slider-js::before{
    left: 0;
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 100%);
  }
  .article-slider-js::after{
    right: 0;
    background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 98%);
  }
  .article-slider-card{
    margin: 0 8px;
  }
  .article-slider-js .slick-dots li{
    margin: 0 4px;
  }
  .article-slider-js .slick-dots button{
    width: 13px;
    height: 13px;
    min-width: 13px;
    background-color: #ecf6e8;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
  .article-slider-js .slick-dots .slick-active button{
    background-color: #61c13a;
  }
  .article-slider-pagination .swiper-pagination-bullet-active{
    width: 13px !important;
  }
  .article-slider-js .slick-arrow{
    width: 36px;
    height: 36px;
    left: 50%;
    top: auto;
    right: auto;
    bottom: 11px;
    z-index: 11;
  }
  .article-slider-js .slick-prev{
    margin-left: -177px;
  }
  .article-slider-js .slick-next{
    margin-left: 138px;
  }
}