.carousel h1, .carousel .h1, .carousel h2, .carousel .h2 {
  font-size: 2rem;
  line-height: 1.15;
}
@media (min-width: 768px) {
  .carousel h1, .carousel .h1, .carousel h2, .carousel .h2 {
    font-size: 3.75rem;
    line-height: 1.15;
  }
}
.carousel .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel .carousel-inner::after {
  clear: both;
  content: "";
  display: table;
}
.carousel .carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
}
.carousel .carousel-item.active {
  display: block;
}
.carousel .carousel-inner .blur-efect {
  position: absolute;
  top: 10%;
  left: 10%;
  z-index: -1;
  opacity: 0.5;
  filter: blur(14px);
  width: 90%;
  height: 90%;
}
.carousel .carousel-item .carousel-caption {
  position: relative;
  z-index: 2;
}
.carousel .carousel-custom .cr-wrap {
  max-width: 16rem;
}
@media (max-width: 991.98px) {
  .carousel .carousel-custom .cr-wrap {
    width: 5rem;
    height: 4rem;
  }
}
.carousel .carousel-custom .cr-item {
  border-bottom: 1px solid hsl(240, 11%, 89%);
  max-width: 13rem;
}
@media (max-width: 991.98px) {
  .carousel .carousel-custom .cr-item {
    border: 1px solid hsl(240, 11%, 89%);
    border-radius: 100%;
    max-width: 100%;
  }
  .carousel .carousel-custom .cr-item p {
    width: 100%;
    text-align: center;
  }
}
.carousel .carousel-custom .active {
  position: relative;
}
.carousel .carousel-custom .active .cr-item {
  border-bottom: 1px solid hsl(12, 93%, 61%) !important;
}
@media (max-width: 991.98px) {
  .carousel .carousel-custom .active .cr-item {
    border: 1px solid hsl(12, 93%, 61%) !important;
    border-radius: 100%;
  }
}
.carousel .rounded-carousel {
  border-radius: 1.3rem;
}