.carousel-inner {
  @include transition(height $carousel-transition-duration ease);
}

.carousel-item {
  img {
    @include border-radius($border-radius-xl);
  }
  .carousel-caption {
    padding-bottom: ($spacer * .75);
    h6 {
      margin-bottom: 0;
      color: $white;
    }
  }
}
.carousel-caption-container {
  @extend .mt-3;
  float: left;
  width: 70%;
  p {
    margin-bottom: 0;
  }
}
.carousel-controls {
  @extend .mt-3;
  display: flex;
  justify-content: end;
  .carousel-control-prev,
  .carousel-control-next {
    position: unset;
    width: fit-content;
    padding: rfs-value(6px);
  }
  .carousel-indicators {
    position: unset;
    margin-bottom: 0;
    margin-left: 0;
    @include margin-right($spacer * 1.5);
    [data-bs-target] {
      @extend .rounded-circle;
    }
  }
}