.carrouserBackground {
  width: 100%;
  background: rgb(2, 0, 36);
  background: linear-gradient(132deg, rgb(2, 0, 36) 32%, rgb(73, 46, 115) 100%);
  margin: 3vw auto;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.carrusel {
  position: relative;
  width: 61vw;
  height: 34.3125vw;
  margin: 5vw auto;
  overflow: hidden;
  border-radius: 2rem;
}

.carrusel__slides {
  display: flex;
  transition: transform 0.6s ease-in-out;
  width: 100%;
  height: 100%;
}

.carruselid1 {
  margin-left: 0.5rem;
}

.carrusel__slide {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2rem;
  display: block;
}

.carrusel__dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.carrusel__dot {
  background-color: #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin: 0 8px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
  box-shadow: 0px 4px 12px rgba(64, 33, 100, 0.6392156863);
}

.carrusel__dot:hover {
  background-color: white;
  transform: scale(1.1);
  box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.25);
}

.carrusel__dot.active {
  background-color: #402164;
  transform: scale(1.3);
}/*# sourceMappingURL=carrusel.css.map */