.modal-carousel .modal {
    padding-top: 100px;
}

.modal-carousel .modal-content {
    width: 100%;
    max-width: 1500px;
}

.modal-carousel .carousel-inner {
    max-height: 60vh;
}
.modal-carousel #carouselMedia .carousel-caption {
  width: 100%;
  right: unset;
  left: unset;
  bottom: 10%;
  background-color: rgba(0,0,0,0.7);
  padding: 25px 10vw;
}

.modal-carousel .modal-fullscreen .modal-content {
    height: 90%;
}

.modal-carousel .carousel-item {
    max-height: 60vh;
    width: auto;
    position: relative;
    max-width: 100%;
    float: unset;
}

.modal-carousel .carousel-item .field__item {
    position: relative;
    height: 60vh;
    overflow: auto;
}

.modal-carousel .carousel-item img,
.paragraph--type--mbp-layout .modal-carousel .carousel-item img {
    width: auto;
    height: 60vh;
    display: block;
    margin: 0 auto;
}

.modal-carousel #carouselMedia .carousel-caption a {
  color: white;
}

.modal-carousel .carousel-indicators [data-bs-target] {
    background-color: #aad2e7;
}

.modal-carousel #carouselMedia .carousel-control-next, .modal-carousel #carouselMedia .carousel-control-prev {
  align-items: unset;
  bottom: 14%;
  top: unset;
}


@media screen and (max-width: 1024px) {
    .modal-carousel #carouselMedia .carousel-control-next {
      right: -30px;
    }
    .modal-carousel #carouselMedia .carousel-control-prev {
      left: -30px;
    }
}

@media screen and (max-width: 768px) {
    .modal-carousel #carouselMedia .carousel-control-next {
      right: -10px;
    }
    .modal-carousel #carouselMedia .carousel-control-prev {
      left: -10px;
    }
    .modal-carousel #carouselMedia .carousel-caption {
        position: relative;
        background-color:#2a4655;
        bottom: 40px;
    }
    .modal-carousel #carouselMedia .carousel-control-next, #carouselMedia .carousel-control-prev {
        bottom: 12%;
    }
    .modal-carousel #carouselMedia .carousel-indicators {
        bottom: -10px;
    }
    .modal-carousel #carouselMedia .carousel-caption {
        padding-bottom: 35px;
        padding-right: 50px;
        padding-left: 50px;
    }
    .modal-carousel .carousel-item img {
        max-width: 100%;
        height: auto;
    }
    .modal-carousel .carousel-item .field__item {
        height: 40vh;
    }
    .modal-carousel .carousel-inner {
        max-height: 40vh;
    }
}