.cinquina-carousel-generic__title {
  margin-bottom: 24px;
}

/* SCROLLBAR */
.cinquina-splide-scrollbar {
  width: 100%;
  height: 6px;
  background: rgba(0,0,0,.15);
  border-radius: 3px;
  margin-top: 16px;
  position: relative;
}

.cinquina-splide-scrollbar__thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0,0,0,.7);
  border-radius: 3px;
}
/* ==========================================================
   MOBILE – DEFAULT
   0px → 767px
   ========================================================== */
/* niente media query */
  .cinquina-carousel-generic {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
  }

/* ==========================================================
   TABLET (portrait)
   ≥ 768px
   ========================================================== */
@media (min-width: 768px) {
  .cinquina-carousel-generic {
    max-width: 768px;
    width: 100%;
  }
}


/* ==========================================================
   TABLET LARGE / LAPTOP SMALL
   ≥ 1024px
   ========================================================== */
@media (min-width: 1024px) {
  .cinquina-carousel-generic {
    max-width: 1024px;
    width: 100%;
  }
}


/* ==========================================================
   LAPTOP / DESKTOP STANDARD
   ≥ 1280px
   ========================================================== */
@media (min-width: 1280px) {
  .cinquina-carousel-generic {
    max-width: 1280px;
    width: 100%;
  }
}


/* ==========================================================
   DESKTOP LARGE
   ≥ 1440px
   ========================================================== */
@media (min-width: 1440px) {
  .cinquina-carousel-generic {
    max-width: 1440px;
    width: 100%;
  }
}

/* ==========================================================
ARROWS HOVER EFFECT
========================================================== */

.cinquina-carousel-splide .splide__arrow{

opacity:0;
visibility:hidden;

transition: opacity .25s ease, transform .25s ease;

transform: translateY(-50%) scale(.95);

}

/* SHOW ON HOVER */

.cinquina-carousel-splide:hover .splide__arrow{

opacity:1;
visibility:visible;

transform: translateY(-50%) scale(1);

}
@media (max-width:768px){

.cinquina-carousel-splide .splide__arrow{
opacity:1;
visibility:visible;
}

}

.cinquina-carousel-splide .splide__arrow{

background: rgba(255,255,255,.85);
backdrop-filter: blur(6px);

border-radius:50%;

width:38px;
height:38px;

}