#block-bootstrapsimplecarouselblock {
  position: relative;
}
.carousel-indicators-and-controls-box {
  position: absolute;
  top: 80%;
  right: 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.carousel-indicators-and-controls-box .carousel-indicators {
  position: relative;
  margin: 0;
}
.carousel-indicators-and-controls-box .carousel-indicators li {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

.carousel-indicators-and-controls-box .carousel-indicators li.active {
  background-color: #b69a64;
}
.carousel-indicators-and-controls-box .carousel-control-next,
.carousel-indicators-and-controls-box .carousel-control-prev {
  position: relative;
  opacity: 1;
}

.block-bootstrap-simple-carousel .carousel-inner .carousel-item img {
  width: 100vw;
}

.block-bootstrap-simple-carousel
  .carousel-inner
  .carousel-item
  .carousel-caption {
  right: 0;
  color: #fff;
  bottom: unset;
  top: 50%;
  max-width: 50%;
  left: 4%;
  text-align: unset;
}

.block-bootstrap-simple-carousel
  .carousel-inner
  .carousel-item
  .carousel-caption
  h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
}
.block-bootstrap-simple-carousel
  .carousel-inner
  .carousel-item
  .carousel-caption
  p {
  color: #fff;
}

@media (max-width: 82.5em) {
  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption {
    transform: translateY(-50%);
  }

  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption
    h2 {
    font-size: 24px;
  }
  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption {
    max-width: 80%;
  }
}
@media (max-width: 64em) {
  .block-bootstrap-simple-carousel .carousel-inner .carousel-item img {
    width: unset;
  }
}

@media (max-width: 50em) {
  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption
    h2 {
    font-size: 18px;
  }
  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption {
    max-width: 50%;
  }
  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption
    p {
    font-size: 16px;
  }
}

@media (max-width: 41.6666666667em) {
  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption
    h2 {
    font-size: 18px;
  }
  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption {
    max-width: 100%;
    text-align: center;
  }
  .block-bootstrap-simple-carousel
    .carousel-inner
    .carousel-item
    .carousel-caption
    p {
    font-size: 16px;
  }
  .carousel-indicators-and-controls-box .carousel-indicators li {
    width: 15px;
    height: 15px;
  }

  .carousel-indicators-and-controls-box {
    right: 50%;
    transform: translateX(50%);
  }
}