.hero {
    padding: 60px 30px;
}
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.grid-2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.content {
    flex: 1;
    padding-right: 40px;
    color: #fff;
}
.ebook-image {
    width: 100%;
    max-width: 300px;
}
.info-text {
    font-size: 16px;
    color: #fff;
}
.e-book-container {
    flex: 1;
    padding: 20px;
    color: #fff;
}
.white-block {
    padding: 20px;
}
.form-container {
    padding: 25px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: initial;
}
.hs-form fieldset {
    border: none;
    padding: 0;
}

/* Eyebrow style per 'Guida' */
.allcaps {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
}

.hs-form input, .hs-form select {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C4CEF3 !important;
    border-radius: 10px;
    transition: border-color 0.3s ease-in-out;
}

/* Campi selezionati */
.hs-form input:focus, .hs-form select:focus {
    border-color: #334da9 !important;
    outline: none;
}

/* Campi con errore mantengono il colore di default */
.hs-form input.invalid, .hs-form input.error {
    border-color: #C4CEF3 !important;
}

/* Messaggio di errore con sfondo bianco e testo rosso */
.hs-form .hs-error-msgs {
    background: #fff !important;
    color: red !important;
    font-weight: bold;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
    border: none !important;
    text-align: left;
}
.hs-form .hs-error-msgs label {
    color: red !important;
}

/* Bottone di invio */
.hs-form input[type="submit"] {
    background-color: #5EB984;
    color: #fff;
    border: 2px solid #5EB984 !important;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 20px;
    display: block;
    width: auto;
    margin: 20px auto 0 auto;
}

/* Hover sul bottone */
.hs-form input[type="submit"]:hover {
    background-color: #fff !important;
    color: #5EB984 !important;
    border: 2px solid #5EB984 !important;
}


.eyebrow {
    margin-top: 10px;
    font-weight: 800;
}

h1, h2 {
    line-height: 1.3;
    margin-bottom: 25px;
}

h3 {
  margin-top: 35px;
  margin-bottom: 15px;
  }

p, h3, h4, h5, h6, span {
    line-height: 1.25;
}

@media (max-width: 1024px) {
    .grid-2 {
        flex-direction: column;
    }
    .content {
        padding-right: 0;
        text-align: left;
    }
    .e-book-container {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .hero {
        padding: 60px 20px;
    }
    .wrapper {
        max-width: 100%;
    }
    .grid-2 {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    .content, .e-book-container {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .hero {
        padding: 20px 10px;
    }
    .grid-2 {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    .content {
        padding: 10px;
    }
    .e-book-container {
        padding: 0px;
    }
  .white-block {
    padding: 5px;
}
.form-container {
    padding: 15px;
}
  /* Riduzione margine tra i campi del form */
.hs-form .hs-form-field {
    margin-bottom: -5px !important;
}
}

.certification-badges {
    display: flex;
    justify-content: left;
    gap: 35px; /* Spazio tra le immagini */
    margin-top: 60px; /* Distanza dalle altre immagini */
    margin-bottom: 30px; /* Distanza dalle altre immagini */
}

/* Imposta la dimensione massima delle immagini */
.certification-image {
    max-width: 90px;
    height: auto;
}

.trustpilot-rating {
    display: flex;
    align-items: left; /* Allinea verticalmente */
    justify-content: left; /* Centra orizzontalmente */
    gap: 16px; /* Aumentato lo spazio tra le immagini */
}

.trustpilot-stars img {
    height: 24px; /* Altezza stelle */
    display: block;
}

.trustpilot-logo img {
    height: 28px; /* Altezza icona Trustpilot */
    display: block;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.image-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 100vw; /* Impedisce di superare la larghezza dello schermo */
    background: #f5f8ff;
    padding: 10px 0;
}

/* Traccia delle immagini */
.image-track {
    display: flex;
    width: fit-content; /* Adatta la larghezza al contenuto */
    min-width: 100%;
    animation: slide 20s linear infinite; /* Loop continuo */
}


/* Immagini */
.image-track img {
    height: 60px; /* Dimensione regolabile */
    margin: 0 15px; /* Spazio tra le immagini */
    object-fit: contain;
}ct-fit: contain;
}