.carousel-item {

  background-position: center !important;

  background-size: cover !important;

  background-position-x: center !important;

  background-position-y: center !important;

}



.carousel-control-next, .carousel-control-prev {

  width: 15%;

}



.carousel-indicators [data-bs-target] {

  background-color: #b4b4b4;

}



.carousel-indicators .active {

  background-color: #faa419 !important;

}

  



@keyframes scroll_2 {

  0%   { transform: translateY(0); opacity: 1; }

  25%  { opacity: 1; }

  75%  { transform: translateY(.75em); opacity: 0; }

  100% { transform: translateY(0); opacity: 0; }

}



.scroll-icon-content {

  display: block;

  position: absolute;

  height: 3em;

  bottom: 70px;

  width: 100%;

  z-index: 22;

}



.scroll-icon__dot {

  display: block;

  position: absolute;

  left: 50%;

  background: #fff;

  height: .5em;

  width: .5em;

  top: .6em;

  margin-left: -.25em;

  border-radius: 50%;

  transform-origin: top center;

  backface-visibility: hidden;

  animation: scroll_2 2s ease-out infinite;

}



.scroll-icon {

  display: block;

  height: 45px;

  width: 30px;

  border: 2px solid #fff;

  border-radius: 1em;

  margin-left: auto;

  margin-right: auto;

}