.custom-prev,
.custom-next{
  width: 2rem;
  height: 2rem;
  background-image: url("../images/freccia.svg");
  background-size: 100%;
  display: inline-block;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
}

.custom-prev{
  transform: rotate(180deg);
}

.custom-prev:hover{
  transform: rotate(180deg) translateX(0.5rem);
}
.custom-next:hover{
  transform: translateX(0.5rem);
}

#corsiSlider .swiper-wrapper{
  align-items: stretch;
}

#corsiSlider .swiper-wrapper .swiper-slide{
  height: initial;
}

#corsiSlider .corsoCard{
  overflow: hidden;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
}

#corsiSlider .corsoDetail{
  position: relative;
  flex-grow: 1;
}

#corsiSlider .corsoDetail::before{
  content: "";
  background-color: var(--white);
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

#corsiSlider .custom-controls{
  overflow: visible;
}