#carouselExampleIndicators .carousel-item img {
    height: 500px !important; /* Imposta qui l'altezza massima desiderata */
    width: auto; /* Mantiene il rapporto di aspetto delle immagini */
    object-fit:contain; /* Assicura che l'immagine copra l'area del carousel senza distorcioni */
}
.marquee {
    width: 100%; /* Larghezza del marquee */
    overflow: hidden; /* Nasconde il contenuto che scorre al di fuori dell'area visibile */
    border-bottom: 1px solid #CCC; /* Opzionale: bordo per il marquee */
    position: relative; /* Posizionamento relativo per il contenuto interno */
    height: 50px; /* Altezza del marquee */
    display: flex; /* Flexbox per centrare verticalmente il contenuto */
    align-items: center; /* Centra verticalmente il testo nel marquee */
}

.marquee-content {
    width: 100%;
    position: absolute;
    right:0px;
    white-space: nowrap; /* Evita a testo di andare a capo */
    will-change: transform; /* Ottimizza le performance delle animazioni */
    animation: scrolling 12s linear infinite; /* Animazione personalizzata */
}


@keyframes scrolling {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.card-img-top {
    height: 150px !important;       /* Imposta l'altezza fissa */
    object-fit: contain;   /* Mantiene le proporzioni dell'immagine mentre la copre completamente */
    width: 100%;         /* Assicura che l'immagine copra completamente la larghezza del contenitore */
}


#logos-box{
    padding:5px !important;
}

.custom-progress {
    height: 35px; /* Barra più grande */
    border-radius: 5px; /* Bordi arrotondati */
    overflow: hidden;
}

.progress-bar {
    font-size: 1.2rem; /* Testo più grande */
    font-weight: bold;
    transition: width 1.5s ease-in-out; /* Animazione fluida */
}

#progress-bg {
    background-color: #d6d6d6 !important; /* Grigio scuro per contrastare con il bianco */
    color: black; /* Testo visibile sulla parte grigia */
}

/* Aggiunto colore arancione personalizzato */
.bg-orange {
    background-color: #ff9800 !important; /* Arancione per progressi intermedi */
}

.watermark {
    position: absolute;
    width:100% !important;
    opacity: 0.2;
    z-index: 0;
    cursor: pointer;
  }

  #toggle-settings{
    z-index:1;
  }