#nav-dots {
  position: fixed !important;
  top: 50% !important;
  right: 20px !important;
  transform: translateY(-50%) !important;
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  font-size: 0 !important; /* Убирает влияние размера шрифта на дочерние */
}

#nav-dots .dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background-color: #bbb !important;
  cursor: pointer !important;
  transition: background-color 0.3s !important;
  display: block !important;
}

#nav-dots .dot.active {
  background-color: #0A2A66 !important;
}

#nav-dots .dot.white {
  background-color: #fff !important;
}

#nav-dots .dot.white.active {
  background-color: #0A2A66 !important;
}
#nav-dots .dot {
  transform: scale(1.6);
}