@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) {
  .section.d-1.d-5 {
    padding-top: 4rem;
  }
  .section.d-1.d-5 .bg {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .section.d-1.d-5 .bg-1 {
    width: 62rem;
    height: 26rem;
    background-image: url("../../img/blog-1.svg");
    top: -16rem;
    right: -7rem;
    border-radius: 0;
  }
  .section.d-1.d-5 .bg-2 {
    width: 30rem;
    height: 30rem;
    background-image: url("../../img/blog-2.svg");
    top: -2rem;
    right: -8rem;
  }
  .section.d-1.d-5 .h1 {
    margin-bottom: 2.4rem;
  }
  .section.d-1.d-5 .title__wrap {
    max-width: 51rem;
  }
  .section.d-1.d-5 .content {
    padding-top: 6.8rem;
  }
}