@media only screen and (min-width: 1024px) {
  .section.d-5 {
    padding-top: 15rem;
  }
  .section.d-5 .content {
    padding-top: 3.6rem;
  }
  .section.d-5 .card__footer {
    padding-top: 3.6rem;
  }
  .section.d-5 .arrow__wrap {
    width: 2rem;
  }
  .section.d-5 .news__date {
    line-height: 1.7rem;
    font-size: 1.4rem;
  }
  .section.d-5 .swiper.swiper__d-5 .swiper-wrapper {
    gap: 3rem;
  }
  .section.d-5 .card__header .img__wrap {
    height: 22.8rem;
  }
}
@media only screen and (min-width: 1280px) {
  .section.d-5 .swiper.swiper__d-5 .swiper-slide {
    width: 31.5%;
  }
}
@media only screen and (min-width: 1440px) {
  .section.d-5 .swiper.swiper__d-5 .swiper-slide {
    width: 31.75%;
  }
}
@media only screen and (min-width: 1024px) {
  .article {
    padding-top: 8rem;
  }
  .article .bg {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .article .bg-1 {
    width: 10.6rem;
    height: 10.7rem;
    background-image: url("../../img/single-article-bg.svg");
    top: 10.4rem;
    left: 5rem;
  }
  .article .bg-2,
.article .bg-3,
.article .bg-4,
.article .bg-5 {
    border: 0.4rem solid #FFC700;
  }
  .article .bg-2 {
    top: 4.4rem;
    width: 2.6rem;
    height: 2.6rem;
    left: 11rem;
  }
  .article .bg-3 {
    top: 19.2rem;
    left: 17.5rem;
  }
  .article .bg-3,
.article .bg-5 {
    width: 1.9rem;
    height: 1.9rem;
  }
  .article .bg-4 {
    width: 2.8rem;
    height: 2.8rem;
    top: -0.1rem;
    right: 20rem;
  }
  .article .bg-5 {
    top: 5rem;
    right: 23.8rem;
  }
  .article .bg-6 {
    width: 30rem;
    height: 30rem;
    background-image: url("../../img/blog-2.svg");
    top: 4.4rem;
    right: -3rem;
  }
  .article .title {
    font-size: 4.8rem;
  }
  .article .title__wrap {
    margin-bottom: 4.8rem;
  }
  .article__date {
    font-size: 2rem;
  }
  .article__block h2, .article__block h3 {
    margin-bottom: 2.4rem;
    font-size: 3.2rem;
  }
  .article__block ul, .article__block ol {
    margin: 2.4rem 0;
  }
  .article__block li {
    margin-bottom: 1.6rem;
  }
  .article .caption {
    margin-top: 1.6rem;
    font-size: 1.4rem;
  }
  .article__slider .swiper-wrapper {
    height: 40rem;
  }
  .article__slider .swiper-pagination {
    justify-content: flex-start;
    font-size: 2rem;
    line-height: 160%;
  }
  .article__slider-nav {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1280px) {
  .article__slider .swiper-wrapper {
    margin-bottom: 2.6rem;
    height: 50rem;
  }
}
@media only screen and (min-width: 1440px) {
  .article .videoPoster:before {
    width: 90px;
    height: 90px;
  }
  .article__slider .swiper-wrapper {
    height: 56.3rem;
  }
}
@media only screen and (min-width: 1900px) {
  .article .videoPoster:before {
    width: 10rem;
    height: 10rem;
  }
  .article__slider .swiper-wrapper {
    height: 60rem;
  }
}