.swiper {
  width: 100%;
  overflow: hidden;
}
.swiper-wrapper { display:flex; }
.swiper-slide { box-sizing: border-box; padding: 0.35rem; }
.swiper-slide img {
  width: 100%;
  height: 320px; 
  object-fit: cover;
  display: block;
  border-radius: 6px;
}

@media (max-width: 991.98px) {
  .controls-wrapper { display: none; }
}

:root {
  --dot-inactive: #D9D9D9;
  --dot-active: #3F3FCD;
}

.clients-pagination .swiper-pagination-bullet,
.projects-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  opacity: 1;
  background: transparent;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.clients-pagination .swiper-pagination-bullet::after,
.projects-pagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--dot-inactive);
  transition: background .18s;
}
.clients-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.projects-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background: var(--dot-active);
}

.swiper-btn {transition:0.3s; background:transparent; border:1px solid #f6f6f6; padding:0; margin-left:8px; display:inline-grid; place-items:center; cursor:pointer; width:fit-content; }
.swiper-btn:hover {transition:0.3s; background:#3F3FCD; border:1px solid #3F3FCD; padding:0; margin-left:8px; display:inline-grid; place-items:center; cursor:pointer; }
.swiper-btn svg { width:100%; height:100%; display:block; }

/* обязательно видно + поверх всего */
.swiper-pagination {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  margin-top: 30px !important;
  pointer-events: auto !important;
  z-index: 9999 !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
}