.yazilar-swiper {
  padding: 20px 0 50px 0;
}

.yazilar-swiper .swiper-slide {
  height: auto;
}

.yazilar-swiper .hucre {
  height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: flex-end;
}

.yazilar-swiper .hucre .alt {
  width: 100%;
  backdrop-filter: blur(5px);
}

.yazilar-swiper .swiper-button-next,
.yazilar-swiper .swiper-button-prev {
  color: #0d6efd;
}

.yazilar-swiper .swiper-pagination-bullet {
  background: #0d6efd;
}

.yazilar-swiper .swiper-pagination-bullet-active {
  background: #0d6efd;
}