.offer-single {
    padding: calc(3vh) calc(10% + 2vw) calc(6vh);
    color: var(--muted-text);
    max-width: 650px;
    margin: auto;
}
/* Ridurre la percentuale di padding man mano che la larghezza della finestra diminuisce */
@media (max-width: 1024px) { /* Per dispositivi di media dimensione come tablet */
    .offer-single {
        padding: calc(3vh) calc(10% + 1vw) calc(4vh);
    }
}
@media (max-width: 768px) { /* Per dispositivi mobile */
    .offer-single {
        padding: 1.8vh 2% 1vh; /* Limite inferiore per il padding */
    }
}


.offer-single {
    display: flex;
    word-wrap: break-word;
    text-align: left;
    flex-direction: column;
}


.offer-single h3 {
    font-family: "Space Grotesk", sans-serif;    
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    margin: 3rem auto 1rem auto;
    padding: 0;
    color: var(--standard-text);
}

.wrapper-chart {
    margin-top: 1rem;
    width: 100%; /* Rende il contenitore largo quanto il contenitore genitore */
    max-height: 300px;
    text-align: center;
}
.wrapper-chart .tab-button {
    display: none;
}
.wrapper-chart #chart-container {
    width: 100%;
    height: 100%;
}
.wrapper-chart #chart-container img {
    width: 100%;
    height: auto; 
}