@charset "UTF-8";


.titolo-per-embed
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 24px;
}


.immagine-copertina,
.immagine-copertina-footer
{
    height: 550px;
    padding: 61px 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.immagine-copertina-footer
{
    background: url(../../res/img/sfondo_footer_servizi.jpg) lightgray 0px / cover no-repeat;
    background-position: center center;
    margin-bottom: 200px;
    height: 650px;
}

.immagine-copertina-footer.cosa-boooks
{
    margin-bottom: 80px;
}


.immagine-copertina.copertina-contatti
{
    background: url(../../res/img/sfondo_contatti.jpg) lightgray 0px / cover no-repeat;
}

.immagine-copertina.copertina-servizi-editore,
.immagine-copertina.copertina-servizi-libreria,
.immagine-copertina.copertina-servizi-cosa-boooks
{
    background: url(../../res/img/sfondo_servizi.jpg) lightgray 0px / cover no-repeat;
    background-position: center center;
}

.immagine-copertina img
{
    width: 275px;
    margin-bottom: 35px;
}

.immagine-copertina div
{
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    max-width: 200px;
}


.testo-pagina,
.testo-pagina1
{
    margin-top: 66px;
    margin-bottom: 80px;
}


.contenuto-libreria .testo-pagina.second
{
    margin-top: -45px !important;
}


.testo-pagina h1,
.testo-pagina1 h1
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}


.row-servizi-contenuto .container-blocchi
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.row-servizi-contenuto .container-blocchi div
{
    display: flex;
    padding: 40px 30px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 12px;
    max-height: 360px;
}

.row-servizi-contenuto.blocchi-descrizione
{
    padding: 20px;
}

.row-servizi-contenuto.blocchi-descrizione h2,
.row-servizi-contenuto.blocchi-descrizione.lettore .first-line,
.row-servizi-contenuto.blocchi-descrizione.lettore h4.sottotitolo
{
    padding: 0px 212px;
}

.row-servizi-contenuto .container-blocchi div:first-child
{
    background: #FAF0CA;
}

.row-servizi-contenuto .container-blocchi div:nth-child(2)
{
    background: #F8D7DB;
}

.row-servizi-contenuto .container-blocchi div:nth-child(3)
{
    background: #CDD9DE;
}

.row-servizi-contenuto.blocchi-descrizione h2.vantaggi-filiera-title
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.row-servizi-contenuto.blocchi-descrizione .container-blocchi div a
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; 
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori,
.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    width: 100%;
}


.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1
{
    flex-direction: column;
}

.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-logo-2
{
    width: 100%;
}

.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-1,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-1,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-1,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-1,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-1,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-1,

.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-logo-2,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-logo-2,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-logo-2,

.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-3,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-3,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-3,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-3,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-3,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-3
{
    display: none;
}



.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori
{
    margin-bottom: 20px;
}



.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi,
.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi
{
    display: flex;
    max-width: 485px;
    height: 280px;
    padding: 40px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    border-radius: 12px;
}


.viewport-lg .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi,
.viewport-lg .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi,

.viewport-lg .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-1,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-1,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-1,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-1,

.viewport-lg .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-logo-2,

.viewport-lg .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-3,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-3,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-3,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-3
{
    width: 100%;
    max-height: 220px;
    max-width: 100%;
}

.viewport-lg .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi h3,
.viewport-lg .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi h3,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi h3,
.viewport-md .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi h3,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi h3,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi h3,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi h3,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi h3
{
    font-size: 40px;
    line-height: 32px;
}


.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi p,
.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi p
{
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testi h3,
.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testi h3
{
    font-family: "Noto Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
}

.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testo-1
{
    background: #EE964B;
    color: #ffffff;
}

.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testo-1 p
{
    color: #ffffff;
    margin-top: 0px !important;
}

.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testo-2
{
    background: #577D76;
    color: #EAEED4;
}

.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .testo-2 p
{
    color: #EAEED4;
    margin-top: 0px !important;
}

.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testo-3
{
    background: #F6EB8C;
    color: #020202;
}

.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .testo-3 p
{
    color: #020202;
    margin-top: 0px !important;
}


.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori .img-1
{
    background: url(../../res/img/img-2-blocchi.png) lightgray -60px / cover no-repeat;
    height: 280px;
    width: 230px;
    border-radius: 12px;
}


.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-logo-2
{
    width: 400px;
    height: 280px;
    border-radius: 12px;
    background: #0D3B66;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
}


.row-servizi-contenuto.blocchi-descrizione .container-blocchi-valori1 .img-3
{
    background: url(../../res/img/img-3-blocchi.png) lightgray 0px / cover no-repeat;
    height: 280px;
    width: 211px;
    border-radius: 12px;
}




.row-servizi-editore h1,
.row-servizi-libreria h1,
.row-servizi-contenuto h1,
.contenuto-libreria .testo-pagina.second h2
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}

.row-servizi-editore h2,
.row-servizi-libreria h2,
.row-servizi-contenuto h2
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.row-servizi-contenuto h2
{
    font-size: 56px;
    font-weight: 600;
    line-height: 72px;
    margin-bottom: 42px;
}

.row-servizi-editore .col-lg-12:first-child p,
.row-servizi-libreria .col-lg-12:first-child p,
.row-servizi-contenuto .col-lg-12:first-child p
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-top: 42px;
}

.contenuto-libreria .testo-pagina.second h2
{
    margin-bottom: 30px;
}

.row-servizi-contenuto .col-lg-12:first-child p
{
    margin-top: 24px;
}

.testo-pagina .row-contatti .contatti-dettagli
{
    margin-top: 42px;
}


.testo-pagina .row-contatti .contatti-dettagli
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 42px;
}


.testo-pagina .row-contatti .contatti-dettagli div.riga div:first-child
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.testo-pagina .row-contatti .contatti-dettagli div.riga div span,
.testo-pagina .row-contatti .contatti-dettagli div.riga div:not(:first-child)
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.testo-pagina .row-contatti .contatti-dettagli div.riga div:last-child img
{
    width: 24px;
    height: 24px;
}

.testo-pagina .row-contatti .contatti-dettagli div.riga div:last-child
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.testo-pagina .row-contatti
{
    padding: 0px 60px;
}


.testo-pagina .row-contatti .form-fields
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}


.testo-pagina .row-contatti .form-fields div:not(.check-container)
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}


.testo-pagina .row-contatti .form-fields div label
{
    color: #000;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.viewport-xs .testo-pagina .row-contatti .form-fields,
.viewport-sm .testo-pagina .row-contatti .form-fields,
.viewport-md .testo-pagina .row-contatti .form-fields
{
    margin-top: 42px;
}

.viewport-xs .testo-pagina .row-contatti,
.viewport-sm .testo-pagina .row-contatti,
.viewport-md .testo-pagina .row-contatti,
.viewport-lg .testo-pagina .row-contatti
{
    padding: 0px 30px;
}


.check-container
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.check-container label
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.form-check-input.accetta
{
    width: 24px;
    height: 24px;
}

.testo-pagina .btn-primary-boooks
{
    padding: 8px 16px;
}

.btn-invia-richiesta-contatto
{
    width: 100%;
}



.row-servizi-editore,
.row-servizi-libreria,
.row-servizi-contenuto,
.row-servizi
{
    padding: 0px 212px;
}


.row-servizi-editore .col-lg-12.offerta-container,
.row-servizi-libreria .col-lg-12.offerta-container,
.row-servizi-contenuto .col-lg-12.offerta-container
{
    margin-top: 42px;
}

.row-servizi-editore .col-lg-12.offerta-container p,
.row-servizi-libreria .col-lg-12.offerta-container p,
.row-servizi-contenuto .col-lg-12.offerta-container p
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.row-servizi-editore .col-lg-12 .servizi-offerti,
.row-servizi-libreria .col-lg-12 .servizi-offerti,
.row-servizi-contenuto .col-lg-12 .servizi-offerti
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 14px
}

.row-servizi-editore .col-lg-12 .servizi-offerti > div,
.row-servizi-libreria .col-lg-12 .servizi-offerti > div,
.row-servizi-contenuto .col-lg-12 .servizi-offerti > div
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.row-servizi-editore .col-lg-12 .servizi-offerti > div div,
.row-servizi-libreria .col-lg-12 .servizi-offerti > div div,
.row-servizi-contenuto .col-lg-12 .servizi-offerti > div div
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.row-servizi-editore .col-lg-12 .servizi-offerti div i,
.row-servizi-libreria .col-lg-12 .servizi-offerti div i
{
    font-size: 22px;
    color: #28A745;
}

.row-servizi-editore .col-lg-12 .servizi-offerti div i.grey,
.row-servizi-libreria .col-lg-12 .servizi-offerti div i.grey
{
    color: #E3E3E3;
}

.testo-pagina .contattaci-info
{
    color: #3D3D3D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 42px;
    margin: 0 auto;
    text-align: center;
}

.testo-pagina.landing .contattaci-info
{
    text-align: left !important;
}

.contenuto-libreria .testo-pagina .contattaci-info
{
    padding: 0px 212px;
    margin-top: 42px;
    text-align: center;
}



.viewport-xs .row-servizi-editore,
.viewport-xs .row-servizi-libreria,
.viewport-xs .row-servizi-contenuto,
.viewport-xs .row-servizi,
.viewport-sm .row-servizi,
.viewport-xs .paragrafo-btn-space,
.viewport-xs .contenuto-libreria .testo-pagina .contattaci-info,
.viewport-xs .container-strumenti,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione h2,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione.lettore .first-line,
.viewport-xs .row-servizi-contenuto.blocchi-descrizione.lettore h4.sottotitolo
{
    padding: 0px 0px;
}

.viewport-sm .row-servizi-editore,
.viewport-md .row-servizi-editore,
.viewport-lg .row-servizi-editore,

.viewport-sm .row-servizi-libreria,
.viewport-md .row-servizi-libreria,
.viewport-lg .row-servizi-libreria,

.viewport-sm .row-servizi-contenuto,
.viewport-md .row-servizi-contenuto,
.viewport-lg .row-servizi-contenuto,

.viewport-sm .row-servizi-contenuto.blocchi-descrizione h2,
.viewport-md .row-servizi-contenuto.blocchi-descrizione h2,
.viewport-lg .row-servizi-contenuto.blocchi-descrizione h2,

.viewport-sm .row-servizi-contenuto.blocchi-descrizione.lettore .first-line,
.viewport-md .row-servizi-contenuto.blocchi-descrizione.lettore .first-line,
.viewport-lg .row-servizi-contenuto.blocchi-descrizione.lettore .first-line,

.viewport-sm .row-servizi-contenuto.blocchi-descrizione.lettore h4.sottotitolo,
.viewport-md .row-servizi-contenuto.blocchi-descrizione.lettore h4.sottotitolo,
.viewport-lg .row-servizi-contenuto.blocchi-descrizione.lettore h4.sottotitolo,

.viewport-md .row-servizi,
.viewport-lg .row-servizi,
.viewport-xl .row-servizi,

.viewport-sm .paragrafo-btn-space,
.viewport-md .paragrafo-btn-space,
.viewport-lg .paragrafo-btn-space,

.viewport-sm .contenuto-libreria .testo-pagina .contattaci-info,
.viewport-md .contenuto-libreria .testo-pagina .contattaci-info,
.viewport-lg .contenuto-libreria .testo-pagina .contattaci-info,

.viewport-sm .container-strumenti,
.viewport-md .container-strumenti,
.viewport-lg .container-strumenti
{
    padding: 0px 50px;
}


.row-servizi-editore .testo-editore,
.row-servizi-contenuto.lettori .testo
{
    margin-bottom: 42px;
}

.row-servizi-editore .btn-primary-boooks
{
    padding: 12px 32px;
}


.badge-warning
{
    color: #000000;
    background: #F4D35E;
    margin-left: 10px;
}


.paragrafo-btn-space
{
    margin: 0 auto;
    text-align: left;
    padding: 0px 212px;
    margin-top: 42px;
}

.paragrafo-btn-space .btn-primary-boooks
{
    padding: 8px 16px;
}


/* CONTATTI */


.error-field
{
    border: 1px solid #dc3545;
}

.err-message-field
{
    font-weight: 500;
    font-size: 13px;
    margin-top: -5px;
    display: none;
}

.error-check
{
    margin-top: -15px;
}

.check-container label
{
    font-size: 14px !important;
}

.check-container a
{
    text-decoration: underline;
}

/* MODALE CONTATTACI */


.richiesta-contattaci-container
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.richiesta-contattaci-container img
{
    width: 50px;
    height: 50px;
}

.richiesta-contattaci-container span
{
    color: #020202 !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}


/* --- */




/* LETTORE */
.row-servizi-contenuto.blocchi-descrizione.lettore .h2-lettore
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 32px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 40px !important;
    margin-bottom: 30px !important;
}


.row-servizi-contenuto.blocchi-descrizione.lettore .container-blocchi div:first-child
{
    background: #F6EB8C !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore .container-blocchi div:nth-child(2)
{
    background: #F4D35E !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore .container-blocchi div:nth-child(3)
{
    background: #F1C766 !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore .container-blocchi div h3
{
    color: #020202 !important;
    font-family: "Noto Sans";
    font-size: 32px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 40px !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore .container-blocchi div p
{
    color: #020202 !important;
    font-family: "Noto Sans";
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore h2
{
    margin-bottom: 10px !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova h4.sottotitolo
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .first-line
{
    margin-bottom: 30px !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}


.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale
{
    display: flex !important;
    height: 483px !important;
    padding: 40px 30px !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    flex: 1 0 0 !important;
    min-height: 483px !important;
    max-height: 483px !important;
    border-radius: 5px;
}

.viewport-xl .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale
{
    height: 600px !important;
    max-height: 600px !important;
    min-height: 600px !important;
}

.viewport-xs .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale,
.viewport-lg .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale
{
    height: 650px !important;
    max-height: 650px !important;
    min-height: 650px !important;
}

.viewport-md .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale
{
    height: 585px !important;
    max-height: 585px !important;
    min-height: 585px !important;
}

.viewport-md .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale:nth-child(2),
.viewport-xs .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale:nth-child(2)
{
    height: 450px !important;
    max-height: 450px !important;
    min-height: 450px !important;
}

.viewport-sm .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale:nth-child(2)
{
    height: 515px !important;
    max-height: 515px !important;
    min-height: 515px !important;
}


.viewport-xs .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta,
.viewport-sm .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta,
.viewport-md .row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta
{
    flex-direction: column;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale:first-child
{
    background: #CDD9DE !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale:nth-child(2)
{
    background: #EAEED4 !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale div h3
{
    font-family: "Noto Sans";
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 32px !important;
    margin-bottom: 20px !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale .btn-primary-boooks
{
    padding: 12px 32px;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale div ul
{
    margin-bottom: 20px !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div ul,
.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div p
{
    margin: 0px;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale div p,
.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale div ul
{
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale div h3,
.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale div p,
.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale div ul
{
    color: #020202 !important;
}

.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale:first-child div h3,
.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale:first-child div p,
.row-servizi-contenuto.blocchi-descrizione.lettore.trova .container-scelta div.principale:first-child div ul
{
    color: #0D3B66 !important;
}



/* --- */



/* BLOCCHI HTML */

.row.row-servizi h2
{
    padding: 20px;
}

.container-blocchi
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.container-blocchi .left,
.container-blocchi .right
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}


.container-blocchi .left .primo,
.container-blocchi .right .primo .sinistra,
.container-blocchi .right .secondo .destra,
.container-blocchi .right .terzo .sinistra
{
    border-radius: 12px;
    padding: 40px 30px;
    min-width: 441px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    min-height: 280px;
}

.container-blocchi .left .primo
{
    background: #CDD9DE;
    min-height: 430px;
}

.viewport-md .container-blocchi .left .primo,
.viewport-lg .container-blocchi .left .primo,
.viewport-xl .container-blocchi .left .primo
{
    background: #CDD9DE;
    min-height: 260px;
}

.container-blocchi .left .secondo
{
    min-height: 280px;
    background: url(../../res/img/img-1-blocchi.png) lightgray 0px / cover no-repeat;
    width: 100%;
    border-radius: 12px;
    position: relative;
}

.container-blocchi .left .secondo img
{
    position: absolute;
    top: 22px;
    right: 58px;
}

.container-blocchi .left .terzo
{
    min-height: 130px;
    background: #F4D35E;
    width: 100%;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-blocchi .left .terzo img
{
    width: 150px;
}

.container-blocchi .right .primo,
.container-blocchi .right .secondo,
.container-blocchi .right .terzo
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}



.container-blocchi .right .primo .sinistra
{
    background: #F4D35E;
}

.container-blocchi .right .primo .destra
{
    min-height: 280px;
    background: url(../../res/img/img-2-blocchi.png) lightgray 0px / cover no-repeat;
    min-width: 220px;
    border-radius: 12px;
}

.container-blocchi .right .secondo .destra
{
    background: #577D76;
}

.container-blocchi .right .secondo .sinistra
{
    background: #F95738;
    border-radius: 12px;
    min-height: 280px;
    min-width: 220px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-blocchi .right .secondo .sinistra img
{
    width: 95%;
    max-width: 118px;
}

.container-blocchi .right .terzo .sinistra
{
    background: #FAF0CA;
}

.container-blocchi .right .terzo .destra
{
    min-height: 280px;
    background: url(../../res/img/img-3-blocchi.png) lightgray 0px / cover no-repeat;
    min-width: 220px;
    border-radius: 12px;
}

.container-blocchi .left .primo div:first-child,
.container-blocchi .right .primo .sinistra div:first-child,
.container-blocchi .right .secondo .destra div:first-child,
.container-blocchi .right .terzo .sinistra div:first-child
{
    color: #000;
    font-family: "Noto Sans";
    font-size: 58px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
}

.container-blocchi .left .primo div:nth-child(2),
.container-blocchi .right .primo .sinistra div:nth-child(2),
.container-blocchi .right .secondo .destra div:nth-child(2),
.container-blocchi .right .terzo .sinistra div:nth-child(2)
{
    color: #000;
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.container-blocchi .right .secondo .destra div
{
    color: #ffffff !important;
}


.viewport-xl .container-blocchi,
.viewport-lg .container-blocchi,
.viewport-md .container-blocchi,
.viewport-sm .container-blocchi,
.viewport-xs .container-blocchi
{
    flex-direction: column;
}


.viewport-md .container-blocchi .right .primo .destra,
.viewport-sm .container-blocchi .right .primo .destra,
.viewport-xs .container-blocchi .right .primo .destra,

.viewport-md .container-blocchi .right .secondo .sinistra,
.viewport-sm .container-blocchi .right .secondo .sinistra,
.viewport-xs .container-blocchi .right .secondo .sinistra,

.viewport-md .container-blocchi .right .terzo .destra,
.viewport-sm .container-blocchi .right .terzo .destra,
.viewport-xs .container-blocchi .right .terzo .destra,

.viewport-sm .container-blocchi .left .secondo,
.viewport-xs .container-blocchi .left .secondo,

.viewport-sm .container-blocchi .left .terzo,
.viewport-xs .container-blocchi .left .terzo
{
    display: none;
}


.viewport-xxl .container-blocchi .right .primo .sinistra,
.viewport-xxl .container-blocchi .right .secondo .destra,
.viewport-xxl .container-blocchi .right .terzo .sinistra,

.viewport-xxl .container-blocchi .left .primo,
.viewport-xxl .container-blocchi .left .secondo,
.viewport-xxl .container-blocchi .left .terzo
{
    min-width: 441px;
}

.viewport-xs .container-blocchi .left .primo,
.viewport-xs .container-blocchi .left .secondo,
.viewport-xs .container-blocchi .left .terzo,
.viewport-sm .container-blocchi .left .primo,
.viewport-sm .container-blocchi .left .secondo,
.viewport-sm .container-blocchi .left .terzo,
.viewport-md .container-blocchi .left .primo,
.viewport-md .container-blocchi .left .secondo,
.viewport-md .container-blocchi .left .terzo,

.viewport-xs .container-blocchi .right .primo .sinistra,
.viewport-xs .container-blocchi .right .secondo .destra,
.viewport-xs .container-blocchi .right .terzo .sinistra,
.viewport-sm .container-blocchi .right .primo .sinistra,
.viewport-sm .container-blocchi .right .secondo .destra,
.viewport-sm .container-blocchi .right .terzo .sinistra,
.viewport-md .container-blocchi .right .primo .sinistra,
.viewport-md .container-blocchi .right .secondo .destra,
.viewport-md .container-blocchi .right .terzo .sinistra
{
    min-width: auto;
}


.viewport-xs .container-blocchi .left .primo div:first-child,
.viewport-xs .container-blocchi .left .secondo div:first-child,
.viewport-xs .container-blocchi .left .terzo div:first-child,
.viewport-sm .container-blocchi .left .primo div:first-child,
.viewport-sm .container-blocchi .left .secondo div:first-child,
.viewport-sm .container-blocchi .left .terzo div:first-child,
.viewport-md .container-blocchi .left .primo div:first-child,
.viewport-md .container-blocchi .left .secondo div:first-child, 
.viewport-md .container-blocchi .left .terzo div:first-child,

.viewport-xs .container-blocchi .right .primo .sinistra div:first-child,
.viewport-xs .container-blocchi .right .secondo .destra div:first-child,
.viewport-xs .container-blocchi .right .terzo .sinistra div:first-child,
.viewport-sm .container-blocchi .right .primo .sinistra div:first-child, 
.viewport-sm .container-blocchi .right .secondo .destra div:first-child,
.viewport-sm .container-blocchi .right .terzo .sinistra div:first-child,
.viewport-md .container-blocchi .right .primo .sinistra div:first-child,
.viewport-md .container-blocchi .right .secondo .destra div:first-child,
.viewport-md .container-blocchi .right .terzo .sinistra div:first-child
{
    font-size: 40px;
    line-height: 36px;
}




/*  ---  */




/* STRUMENTI */

.container-strumenti
{
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 42px;
}

.container-strumenti h3
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.container-strumenti .gruppo
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.container-strumenti .gruppo .sinistra div
{
    color: #3D3D3D;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 140% */
}


.viewport-md .container-strumenti .gruppo,
.viewport-sm .container-strumenti .gruppo,
.viewport-xs .container-strumenti .gruppo
{
    flex-direction: column;
}


.container-strumenti .gruppo .sinistra
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background: #F4D35E;
    padding: 20px 40px;
    width: 352px;
    height: 440px;
    border-radius: 12px;
}

.container-strumenti .gruppo .sinistra img
{
    height: 182px;
}

.container-strumenti .gruppo .destra
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: 352px;
}

.container-strumenti .gruppo .destra .elenco ul li
{
    margin-bottom: 20px;
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.container-strumenti .gruppo .destra a.btn-primary-boooks
{
    padding: 8px 16px;
}

.container-strumenti .gruppo .destra div:nth-child(2)
{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;  
    width: 100%;  
}

.viewport-md .container-strumenti .gruppo .destra div:nth-child(2),
.viewport-sm .container-strumenti .gruppo .destra div:nth-child(2),
.viewport-xs .container-strumenti .gruppo .destra div:nth-child(2)
{
    justify-content: flex-start;
}



/* --- */



/* CONTAINER A COSA SERVE */


.container-cosa-serve .contenuto
{
    margin-bottom: 80px;
}

.container-cosa-serve .contenuto
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 42px;
    padding: 30px 212px;
    background: #CDD9DE;
    border-radius: 12px;
}


.contenuto-editori .container-cosa-serve
{
    margin-top: 80px;
}

.contenuto-editori .container-cosa-serve .contenuto
{
    background: #F1C766;
}


.row-servizi-editore.primo
{
    margin-bottom: 80px;
}


.row-servizi.blocchi
{
    margin-bottom: 80px;
}


.row-servizi.blocchi h2
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    padding: 0px;
    margin-bottom: 42px;
}


.row-servizi.blocchi .container-blocchi .left .primo
{
    background: #577D76;
}

.row-servizi.blocchi .container-blocchi .left .terzo
{
    background: #EE964B;
}


.row-servizi.blocchi .container-blocchi .left .primo div:first-child,
.row-servizi.blocchi .container-blocchi .right .primo .sinistra div:first-child,
.row-servizi.blocchi .container-blocchi .right .secondo .destra div:first-child,
.row-servizi.blocchi .container-blocchi .right .terzo .sinistra div:first-child
{
    color: #ffffff;
    font-family: "Noto Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
}

.row-servizi.blocchi .container-blocchi .left .primo div:nth-child(2),
.row-servizi.blocchi .container-blocchi .right .primo .sinistra div:nth-child(2),
.row-servizi.blocchi .container-blocchi .right .secondo .destra div:nth-child(2),
.row-servizi.blocchi .container-blocchi .right .terzo .sinistra div:nth-child(2)
{
    color: #ffffff;
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.row-servizi.blocchi .container-blocchi .right .primo .sinistra div:first-child,
.row-servizi.blocchi .container-blocchi .right .secondo .destra div:first-child,
.row-servizi.blocchi .container-blocchi .right .terzo .sinistra div:first-child,
.row-servizi.blocchi .container-blocchi .right .primo .sinistra div:nth-child(2),
.row-servizi.blocchi .container-blocchi .right .secondo .destra div:nth-child(2),
.row-servizi.blocchi .container-blocchi .right .terzo .sinistra div:nth-child(2)
{
    color: #020202 !important;
}


.row-servizi.blocchi .container-blocchi .right .primo .sinistra
{
    background: #EE964B !important;
}

.row-servizi.blocchi .container-blocchi .right .secondo .destra
{
    background: #F4D35E !important;
}

.row-servizi.blocchi .container-blocchi .right .secondo .sinistra
{
    background: #CDD9DE !important;
}



.viewport-xl .container-cosa-serve .contenuto
{
    padding: 30px 120px;
}

.viewport-lg .container-cosa-serve .contenuto
{
    padding: 30px 60px;
}

.viewport-md .container-cosa-serve .contenuto,
.viewport-sm .container-cosa-serve .contenuto,
.viewport-xs .container-cosa-serve .contenuto
{
    padding: 30px;
}

.viewport-md .container-cosa-serve .contenuto,
.viewport-sm .container-cosa-serve .contenuto,
.viewport-xs .container-cosa-serve .contenuto
{
    flex-direction: column;
}


.container-cosa-serve .contenuto .sinistra
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.container-cosa-serve .contenuto .destra
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}

.container-cosa-serve .contenuto .destra div
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.container-cosa-serve .contenuto .destra a
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
}



/* --- */


/* CONTAINER PROSSIMAMENTE */

.container-prossimamente
{
    margin-bottom: 80px;
    padding: 0 212px;
}


.viewport-xl .container-prossimamente
{
    padding: 30px 120px;
}

.viewport-lg .container-prossimamente
{
    padding: 0px 60px;
}

.viewport-md .container-prossimamente,
.viewport-sm .container-prossimamente,
.viewport-xs .container-prossimamente
{
    padding: 0px 30px;
}

.container-prossimamente h3
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.container-prossimamente i.grey
{
    color: #E3E3E3;
}


.container-prossimamente .lista div
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.container-prossimamente .lista div span
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.container-prossimamente .lista div i
{
    font-size: 21px;
}



/* --- */