.carousel-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0px auto;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  touch-action: pan-y;
  
}

.carousel-slide {
  min-width: 100%;
  
  
}

.odin1{
    min-width: 100%;
  
    background:#97D1E5;
    border-radius: 15px;
}

.dva2{
    min-width: 100%;
    background:#303030;
    border-radius: 15px;
}

.dva11{
    min-width: 100%;

    border-radius: 15px;
}


.carousel-slide img {
  width: 100%;
  display: block;
  border-radius: 15px;
}

/* Пагинация */
.carousel-dots {
  text-align: center;
  margin-top: 10px;
}

.carousel-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: #DDD7FA;
  border: 1px solid #DDD7FA;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.carousel-dot.active {
  background: #917DFA;
}




@media only screen and (min-width: 575px) {
    .carousel-container {
        display: none; /* Элемент скрыт при ширине менее 575px */
    }
}