.logo-carousel {
  color: black !important;
  background: white !important;
}

  .logo-carousel .swiper-slide {
    margin: 20px !important;
    height: 6rem !important;
  }

  .logo-carousel .swiper-container, .imageCarousel .swiper-wrapper {
    width: 95% !important;
  }

  .logo-carousel h2 {
    font-family: unset !important;
    font-size: 2.6rem !important;
  }

  .logo-carousel hr {
    text-align: center !important;
    width: 5% !important;
    height: 2px !important;
    color: black !important;
    background-color: black !important;
    border: none !important;
  }

  .logo-carousel .carousel-button-prev, .imageCarousel .carousel-button-next {
    position: absolute !important;
    height: 100% !important;
    width: auto !important;
    background: rgba(255, 255, 255, 1) !important;
    z-index: 10 !important;
    cursor: pointer !important;
    color: #3a3a3a !important;
    -webkit-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
  }

.contl_buttons {
  border: 0 !important;
  height: 100% !important;
}

.logo-carousel .carousel-button-next {
  top: 50% !important;
  right: 0 !important;
  -webkit-transform: translate(0, -50%) !important;
  transform: translate(0, -50%) !important;
}

.logo-carousel .carousel-button-prev {
  top: 50% !important;
  -webkit-transform: translate(0, -50%) !important;
  left: 0% !important;
  transform: translate(0, -50%) !important;
}

.scroll-arrow {
  width: 20%;
  margin-left: 40%;
  position: fixed;
  z-index: 20;
  bottom: 1rem;
  left: 0;
  text-align: center;
}

.scroll-section {
  z-index: 20;
  width: 100%;
  height: 100%;
  position: absolute;
  clip: rect(auto, auto, auto, auto);
}

  .scroll-section .Icon {
    cursor: pointer;
    font-size: 2.25rem !important;
  }