.carousel-controls {
  gap: 10px;
}

.carousel-dot.is-active,
.carousel-dot[aria-current="true"] {
  background: #fff;
  transform: scale(1.15);
}

@media (max-width: 700px) {
  .carousel-controls {
    gap: 11px;
  }
}