/* Carousel */
.afccCarousel .card:hover {
  background: #e5ecfc !important;
}
.afccCarousel .carousel-inner {
    padding: 1em;
}
.afccCarousel .carousel-control {    
    background-color: #e1e1e1;
    border-radius: 50%;
    height: 6vh;
    top: 50%;
    transform: translateY(-50%);
    width: 6vh;
}
.afccCarousel .carousel-inner .card {
    min-height: 18em;
}
.afccCarousel H2, .afccCarousel H3, .afccCarousel H4, .afccCarousel H5 {
    color: #fff;
    transition: all 0.3s ease-out 0s;
}
.afccCarousel H2 {
  font-size: 1.7em;
}
.afccCarousel H3 {
  font-size: 1.5em;
}
.afccCarousel H4 {
  font-size: 1.3em;
}
.afccCarousel H5 {
  font-size: 1.1em;
}

.afccCarousel .card:hover .card-body H2, .afccCarousel .card:hover .card-body H3, .afccCarousel .card:hover .card-body H4, .afccCarousel .card:hover .card-body H5 {
    color: #334D7F;
}

.afccCarousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23444'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.afccCarousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23444'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* medium and up screens */
@media (min-width: 768px) {
    
  .afccCarousel .carousel-inner .carousel-item.active,
  .afccCarousel .carousel-inner .carousel-item-next,
  .afccCarousel .carousel-inner .carousel-item-prev {
    display: flex;
  }

  .afccCarousel .carousel-inner .carousel-item-end.active,
  .afccCarousel .carousel-inner .carousel-item-next {
    transform: translateX(33%);
  }

  .afccCarousel .carousel-inner .carousel-item-start.active, 
  .afccCarousel .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
  }
  
  .afccCarousel .carousel-inner .carousel-item-end,
  .afccCarousel .carousel-inner .carousel-item-start { 
    transform: translateX(0);
  }
}


@media (max-width: 767px) {
   .afccCarousel .carousel-inner .card {
        height: 19.5rem;
    }
}

.afccCarousel .carousel-indicators [data-bs-target] {
	background-color: #334d7f;
    border-radius: 50%;
    height: 1rem;
    margin-left: .25rem;
    margin-right: .25rem;
    width: 1rem;
}

.afccCarousel .carousel-indicators {
    bottom: -50px;
}