.carousel-control
{
  color: #f9f8fe;
}

.carousel-control:hover,
.carousel-control:focus
{
  color: #f9f8fe;
}

.carousel-indicators li
{
  border: 1px solid #f9f8fe;
}

.carousel-control-next, .carousel-control-prev
{
  color: #f9f8fe;
}

.carousel-control-next-icon, .carousel-control-prev-icon
{
  width: 3rem;
  height: 3rem;
}

.carousel-indicators .active 
{
  background-color: #f9f8fe;
}


.carousel-caption 
{
  color: #f9f8fe;
  font-size: 1.2em;
  text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
}

.carousel-caption p
{
  color: #f9f8fe;
  font-size: 1.2em;
  text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
}

@media (min-width: 768px) {


  .carousel-caption 
  {
    color: #f9f8fe;
    font-size: 1.2em;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
  }

  .carousel-caption p
  {
    color: #f9f8fe;
    font-size: 1.2em;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
  }

}