.pack-top-img-rounded-square {
    width: 100%;
    height: 100%;
    border-radius: 20px; /* Arrotonda gli angoli */
    object-fit: cover; /* Adatta l'immagine */
}

.pack-top-container-rounded {
    border-radius: 20px; /* Arrotonda gli angoli */
}

.pack-top-absolute-button{
    position: absolute; 
    bottom: -16px;
}

/** versione verde di bg **/
.pack-top-bg-color{
    background: rgba(157, 216, 88, 0.08);
}

/** versione blu di bg **/
.pack-top-bg-color-blu{
    background: rgba(29, 55, 149, 0.08);
}


.pack-top-w-max-mobile{
    max-width: 340px;
}

.pack-top-relative-position{
    position: relative;
}

.pack-top-scroll-container {
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pack-top-scroll-container-item{
    display: inline-block;
    width: 300px;
    margin-right: 15px;
  }

  /* POICHE' IL TITOLO DEL PACK PUO' ANDARE A CAPO IL DIV BG SOTTOSTANTE
     NON E' ALLINEATO CON I SUOI FRATELLI ACCANTO. l'ALTEZZA FISSA CONSIDERA
     IL POSIZIONAMENTO DEL DIV ALLINEATO PER UN MAX DI 3 RIGHE */
  .pack-top-min-h-title{
    min-height: 55px;
  }


  .pack-top-fs-custom{
   font-size: 1.3rem;
  }