.blog-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
}
.head__posts {
  margin-bottom: 1.6rem;
}
.sw--blog {
  overflow: visible;
}
.sw--blog .swiper-slide {
  width: 26.4rem;
  overflow: visible;
  height: auto;
}
.sw--blog .swiper-slide .wrap {
  height: 100%;
}
.blog-cards {
  position: relative;
}
.section--posts .adrian-circles.left .circle {
  --c: rgb(254, 248, 231);
}
.section--posts .adrian-circles.right .circle {
  --c2: rgb(233, 241, 237);
}

.swiper-initialized .section--posts .circle-w {
  transform: rotate(180deg);
  transition: 1s;
  opacity: 0;
}
.swiper-slide-active .section--posts .circle-w {
  transform: rotate(360deg);
  opacity: 1;
  transition: 2s ease-in-out;
}
@media (width<800px) {
  .head__posts {
    text-align: center;
  }
  .btns__posts {
    justify-content: center;
  }
}
@media (width>=1400px) {
  .sw--blog .swiper-slide {
    width: 32%;
  }
}
@media (width>=800px) {
  .blog-wrapper {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 5.5rem;
  }
  .sw--blog .swiper-slide-active {
    transform: translateY(-4rem);
    transition: 1s var(--e1);
  }
  .sw--blog .swiper-slide {
    transition: 0.6s var(--e1);
  }
  .sw--blog {
    overflow-x: clip;
  }
}