.splide{
    margin-bottom: 40px;
}
.splide__slide{
    background: #333;
    min-height: 300px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    border: 4px solid white;
    border-radius: 30px; 
}


.splide__slide:after {
    display:block;
    z-index:1;
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(35%,transparent),to(rgba(0,0,0,.7)));
    background-image:linear-gradient(180deg,transparent 28%,rgb(255, 255, 255));
  }

  .splide__arrow svg {
    fill: #fff;
    height: 1.2em;
    width: 1.2em;
  }

  .splide__arrow {
    background:#dd3333;
    opacity:1;
  }


.splide__slide a{
    color:#ffffff;
    text-decoration: none!important;
    text-transform: uppercase;
}
  
  @media (max-width: 768px) {
    /* Stili per larghezze fino a 768px */
    .splide__slide {
      width: 100%!important; /* Mostra 1 elemento per riga */
    }
    .splide__pagination {max-width: 100%!important;}
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    /* Stili per larghezze tra 769px e 1024px (tablet in modalità orizzontale o iPad) */
    .splide__slide {
      width: calc(100% / 2)!important; /* Mostra 2 elementi per riga */
    }
  }

  /* ipad */
@media screen and (min-width: 768px) and  (max-width: 992px){
    .splide__pagination {max-width: 100%!important;}
  }
  
  /* ipad pro */
  @media screen and (min-width: 992px) and  (max-width: 1200px){
    .splide__pagination {max-width: 100%!important;}
  }

  .splide__slide h3{
    margin-top: -190px;
    font-size: 1.0625em;
    font-weight: 600px;
    background: linear-gradient(90deg, rgba(223,48,43,1) 0%, rgba(230,48,45,1) 16%, rgba(204,24,21,1) 36%, rgba(181,15,12,1) 100%);
    padding: 10px 20px 10px 20px;
    border-radius: 50px;
    border: 4px solid #c2c3c5;
    transition: all 0.33s cubic-bezier(.215, .61, .355, 1);
    z-index: 999;
}

.splide__slide h3:hover,
.wp-block-button__link{
  background: rgb(223,48,43);
  background: -moz-linear-gradient(90deg, rgba(223,48,43,1) 0%, rgba(230,48,45,1) 16%, rgba(204,24,21,1) 36%, rgba(181,15,12,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(223,48,43,1) 0%, rgba(230,48,45,1) 16%, rgba(204,24,21,1) 36%, rgba(181,15,12,1) 100%);
  background: linear-gradient(90deg, rgba(223,48,43,1) 0%, rgba(230,48,45,1) 16%, rgba(204,24,21,1) 36%, rgba(181,15,12,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#df302b",endColorstr="#b50f0c",GradientType=1); 
  transition: all 0.33s cubic-bezier(.215, .61, .355, 1);

  animation: chat-pulse 1s infinite; border-radius: 55px !important;}
  @keyframes chat-pulse{
  0% {box-shadow: 0 0 0 0px rgba(255, 79, 79, 0.3);}
  100% {box-shadow: 0 0 0 35px rgba(255, 0, 0, 0);}

}

.splide__pagination__page.is-active {
    background:#747474;
    transform:scale(1.4);
    z-index:1
  }

  .splide__pagination__page.is-active::before{
   
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #fff; /* Colore bianco del bordo */
    border-radius: 50%;
    position: absolute;
    top: 0px;  /* Regolazione della distanza tra i cerchi */
    left: 0px; /* Regolazione della distanza tra i cerchi */
    box-sizing: border-box;
    }

  .splide__pagination {
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0 auto;
    margin-bottom: -23px;
    pointer-events:none;
    width: 0 auto;
    /*max-width: 500px;*/
    max-width: 15%;
    background: linear-gradient(90deg, rgba(223,48,43,1) 0%, rgba(230,48,45,1) 16%, rgba(204,24,21,1) 36%, rgba(181,15,12,1) 100%);
    padding: 10px 20px 10px 20px;
    border-radius: 50px;
    border: 4px solid #c2c3c5;
  }

  .splide__pagination__page {
    background:#ccc;
    border:0;
    border-radius:50%;
    display:inline-block;
    height:23px;
    margin:6px;
    opacity:.7;
    padding:0;
    position:relative;
    transition:transform .2s linear;
    width:23px
  }