body
{
    color: #333333;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* Layout Centrato Globale */
.container
{
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

/* --- HERO BANNER --- */
.hero-banner
{
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

/* --- TITOLI E ALLINEAMENTI --- */
h1
{
    font-size: 2.8rem;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.subtitle
{
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 25px;
}

h2
{
    font-family: 'isonorm_becker', sans-serif;
    font-size: 1.6rem;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: bold;
}

/* --- TESTI PARAGRAFI --- */
p
{
    text-align: justify;
    margin-bottom: 15px;
    font-size: 20px;
}


/* --- BOTTONI CTA --- */
.cta-container
{
    text-align: center;
    margin: 35px 0;
}


/* --- IMMAGINI DI SEZIONE --- */
.section-image
{
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 25px auto;
}

/* --- LISTE ED ELENCHI --- */
ul, ol
{
    margin-bottom: 20px;
    padding-left: 20px;
}

li
{
    text-align: justify;
    margin-bottom: 12px;
    font-size: 18px;
}

/*COLORE H1 TITOLO*/
.heading .title span
{
    color:  black;
}

/*PER FARE HOVER SU ICONA FRECCIA DEL BOTTONE*/

.cus-btn:hover .icon-wrapper .icon-svg :first-child
{
    fill:#B9A57C;
    stroke:#B9A57C;
}

/* ANCHE IL BOTTONE AD HOVER COLORATO*/
.cus-btn.dark:hover
{
    box-shadow: 0px 15px 30px 0px #B9A57C;
    background: #B9A57C;
    background-color: #B9A57C;
}

/* PER METTERE SOTTOLINEATURA COLORATA IMMAGINE*/
.heading .title span::before
{

    left: 70px;
}