ol.carousel-indicators{
  margin-bottom:0;
  bottom:0;
}

div.carousel-caption {
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); 
  background-color: rgba(0,0,0,0.4);
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  font-weight: 600;
}

.box-shadow {
  box-shadow: 0 0 3px rgb(0, 0, 0);
}

.carousel-control-pause,
.carousel-control-info {
    position: absolute;
    top: 0;
    z-index: 2; /* go over the bootsrap 4 buttons */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    color: #5c6f82;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-control-pause,
    .carousel-control-info {
        -webkit-transition: none;
        transition: none;
    }
}
.carousel-control-pause:focus,
.carousel-control-pause:hover,
.carousel-control-info:focus,
.carousel-control-info:hover,
.form-check [type="checkbox"]:focus + label.carousel-control-pause,
.form-check [type="checkbox"]:focus + label.carousel-control-info,
.form-check [type="radio"]:focus + label.carousel-control-pause,
.form-check [type="radio"]:focus + label.carousel-control-info,
.toggles label input[type="checkbox"]:focus + .carousel-control-pause.lever,
.toggles label input[type="checkbox"]:focus + .carousel-control-info.lever {
    color: #5c6f82;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}
.carousel-control-info {
    right: 0;
}
.carousel-control-pause {
    right: 56px; /* the width + margin of the origina bootstrap 4 carousel buttons*/
}