@font-face {
    src: url("fonts/KumbhSans-Bold.ttf") format("truetype");
    font-family: "KumbhBold";
    font-weight: normal;
}
@font-face {
    src: url("fonts/KumbhSans-Regular.ttf") format("truetype");
    font-family: "KumbhRegular";
    font-weight: normal;
}
@font-face {
    src: url("fonts/KumbhSans-Light.ttf") format("truetype");
    font-family: "KumbhLight";
    font-weight: normal;
}
@font-face {
    src: url("fonts/Tomorrow-ExtraBold.ttf") format("truetype");
    font-family: "TomorrowExtraBold";
    font-weight: normal;
}

* {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

ul {
    list-style: none;
    padding-left: 2rem;
    margin: 0;
}

ul > li {
    margin-bottom: 0.3rem;
    position: relative;
    padding-left: 0.8em;
    text-indent: 0;
    display: flex;
}

ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 3%;
    font-size: 15px;
    color: inherit;
}

.list-margin-bottom li::before {
    top: unset;
}

button {
    all: unset;
    cursor: pointer;
}

b, h1, h2, h3, h4 {
    font-weight: normal;
    font-family: "KumbhBold", sans-serif;
}

body {
    font-family: "KumbhRegular", sans-serif;
    background-color: white;
    color: black;
    padding-top: 0px;
    font-size: 1rem;
}

.flex-figli-uguali {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-figli-uguali > div {
    flex: 1;
}

footer {
    background-color: #009CFF;
    color: white;
}

.footer__loghi {
    display: flex;
    align-items: center;
    gap: 30px;
}

footer .logo-footer {
    margin-top: 70px;
    margin-bottom: 0;
    height: 50px;
}

footer .colonna-footer {
    padding: 70px;
    box-sizing: border-box;
}

.riga-post-footer {
    background-color: #25292E;
    color: white;
    text-align: center;
    padding: 40px;
    font-size: .8rem;
    line-height: 1.3rem;
}

header {
    background-color: #000000;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 30px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 999999;
}

nav {
    display: flex;
    justify-content: flex-end;
    align-items: start;
    gap: 90px;
}

nav > a {
    color: white;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.1rem;
    cursor: pointer;
    display: block;
    text-align: center;
    margin-bottom: -10px;
}

nav div.lingue {
    margin-left: 20px;
}

nav div.lingue a {
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
}

nav .segnaposto {
    margin: auto;
    margin-top: 7px;
    height: 4px;
    width: 20px;
    background-color: transparent;
}

nav .segnaposto.visibile {
    background-color: rgb(250, 0, 68);
}

header .logo {
    height: 120px;
}

.sfondo-grigio {
    color: white;
    background-color: #25292E;
}

.sfondo-grigio-chiaro {
    color: black;
    background-color: #E9EAEA;
}

.sfondo-rosso {
    color: white;
    background-color: #FA0044;
}

.sfondo-azzurro {
    color: white;
    background-color: #009CFF;
}

.riga-6-3, .riga-3-6 {
    display: flex;
    align-items: stretch;
}
.riga-6-3 > div:first-child, .riga-3-6 > div:last-child {
    /* Due terzi */
    width: calc(100% / 3 * 2);
}
.riga-6-3 > div:last-child, .riga-3-6 > div:first-child {
    /* Un terzo */
    width: calc(100% / 3);
}

.home-zadig-top-container {
    padding: 70px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.home-zadig-logo {
    height: 80px;
    display: block;
    margin-bottom: 30px;
}

.home-zadig-top-container p {
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #25292F;
}

.home-hero {
    background-size: cover;
    background-position: center;
    color: white;
    box-sizing: border-box;
    padding: 80px;
    position: relative
}

.home-hero__logo-agid {
    position: absolute;
    top: 5%;
    right: 2%;
    height: 108.49px;
}

h1 {
    font-family: "TomorrowExtraBold", sans-serif;
    font-size: 4.6rem;
}

.riga-figli-uguali {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
}

.riga-figli-uguali > * {
    flex: 1;
}

.home-servizio {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 60px 20px;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    font-size: 1.2rem;
    text-decoration: none;
    cursor: pointer;
}

.senza-bordo-inferiore {
    border-bottom: none;
}

.senza-bordo-destro {
    border-right: none;
}

.home-servizio:hover > * {
    opacity: .6;
}

.home-servizio img {
    height: 70px;
    margin-bottom: 15px;
    display: block;
}

h2 {
    font-size: 1.7rem;
    padding-bottom: 20px;
}

.riga-validation > div {
    box-sizing: border-box;
    padding: 70px;
}

.loghi-iso img {
    /*width: 100%;*/
    max-width: 160px;
}

.loghi-iso__certificazioni {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: space-between;
    justify-items: center;
    row-gap: 70px;
    width: 100%;
}

.loghi-iso__certificazioni img {
    max-width: 110px;
    width: 100%;
}

.loghi-iso__certificazioni img:last-child {
    width: 91%;
}

.loghi-iso__ricerca {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    gap: 20px;
}

.hero-loghi {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 70px;
    box-sizing: border-box;
}

.hero-loghi__text {
    margin-bottom: 10px;
}

.hero-loghi__ministero {
    height: 39px;
}

.hero-loghi__nato {
    height: 116px;
}

.hero-loghi__sam {
    height: 61px;
}

.smart-thinking h3 {
    font-size: 3rem;
    padding-bottom: 20px;
}

p {
    font-size: 1.25rem;
    line-height: 1.7rem;
}

.affianca {
    display: flex;
    justify-content: start;
    align-items: flex-start;
}

.affianca h2 {
    font-family: "TomorrowExtraBold", sans-serif;
}

img.home-ecosostenibilita {
    /*max-height: 40px;*/
    /*height: 10%;*/
    max-width: 56px;
    width: 15%;
    position: absolute;
    margin-left: 150px;
    margin-top: -5px;
}

.link-con-freccia {
    margin-top: 10px;
    cursor: pointer;
    text-decoration: none;
    display: block;
}

.link-sottolineato {
    text-decoration: underline;
}

.link-con-freccia:hover, .link-con-freccia:hover img {
    opacity: .7;
}

.link-con-freccia img {
    display: block;
    height: 9px;
    margin-top: 4px;
}

.link-con-freccia.in-home-hero {
    margin-top: 40px;
    font-size: 1.2rem;
}

.btn-home-zadig {
    display: block;
    text-decoration: none;
    width: 100%;
    margin-top: 40px;
    cursor: pointer;
}

.btn-home-zadig--white {
    width: 302px;
}

.btn-home-zadig__risposta {
    padding: 15px;
    margin-top: 20px;
}

.btn-home-zadig > div {
    transition: margin-top .2s ease-in-out, height .2s ease-in-out, width .2s ease-in-out, margin-left .2s ease-in-out, background-color .2s ease-in-out;
    height: 70px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-home-zadig > div:nth-child(1) {
    width: calc(100% + 6px);
    height: 76px;
}

.btn-home-zadig > div:nth-child(2) {
    margin-top: -82px;
    height: 76px;
    width: calc(100% + 6px);
    margin-left: -6px;
}

.btn-home-zadig > div:nth-child(3) {
    margin-top: -70px;
    font-size: 1.2rem;
    background-color: black;
}

.btn-home-zadig--white > div:nth-child(1) {
    width: calc(100% + 6px);
    height: 76px;
}

.btn-home-zadig--white > div:nth-child(2) {
    margin-top: -82px;
    height: 76px;
    width: calc(100% + 6px);
    margin-left: -6px;
}

.btn-home-zadig--white > div:nth-child(3) {
    margin-top: -70px;
    font-size: 1.2rem;
    background-color: white;
    color: black;
}

.btn-home-zadig:hover > div {
    margin: -70px 0 0;
    height: 70px;
    width: 100%;
}

.btn-home-zadig:hover > div:first-child {
    margin-top: 0;
}

.home-hero-credits-foto {
    text-align: right;
    font-size: .7rem;
    position: absolute;
    width: calc(100% / 3 * 2);
    right: 0;
    bottom: 3%;
    padding-right: 20px;
    box-sizing: border-box;
    font-family: "KumbhLight", sans-serif;
}

.riga-cosa-dicono {
    background-color: white;
    padding-top: 80px;
    padding-bottom: 80px;
}

.home__titolo {
    font-family: "TomorrowExtraBold", sans-serif;
    font-size: 2.5rem;
    color: #25292F;
}

.riga-cosa-dicono__body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 90px 70px 0 70px;
    column-gap: 100px;
}

.riga-cosa-dicono__item {
    text-align: left;
}

.riga-cosa-dicono__contenuto {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: fit-content;
}

.riga-cosa-dicono__nome {
    margin-top: 20px;
    margin-bottom: 16px;
    font-size: 1.375rem;
    font-family: "KumbhBold", sans-serif;
}

.riga-cosa-dicono__info {
    font-family: "KumbhLight", sans-serif;
    font-size: 16px;
    height: 90px;
}

.riga-cosa-dicono__testo {
    margin-bottom: 30px;
    margin-top: auto;
}

.truncated {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.riga-cosa-dicono__leggi {
    color: #FA0044;
    font-size: 20px;
}

.riga-cosa-dicono > div {
    text-align: center;
}

.riga-cosa-dicono img {
    height: 100px;
}

.home-statistiche > div {
    padding: 70px;
    box-sizing: border-box;
}

.home-statistiche b {
    font-size: 3rem;
}

.home-statistiche p {
    padding-top: 10px;
}

.zadig-smart-img {
    max-width: 300px;
    width: 130%;
}

.riga-art-dept > div:first-child > div {
    padding: 70px;
    box-sizing: border-box;
}

.riga-art-dept .sopra-titolo {
    font-size: .9rem;
    padding-bottom: 5px;
}

.riga-art-dept b {
    display: block;
    font-size: 1.9rem;
    padding-bottom: 15px;
}

h2.ricerca {
    text-align: center;
}

.riga-art-dept > div:last-child {
    background-color: rgb(233, 233, 233);
    background-image: url("img/smart.png");
    background-size: cover;
    background-position: left;
}

.riga-art-dept > div:last-child .text-content {
    margin: 70px;
    width: 40%;
    box-sizing: border-box;
    color: white;
}

.riga-art-dept > div:last-child .text-content h2 {
    font-size: 3rem;
    padding-bottom: 30px;
}

.riga-art-dept > div:last-child .text-content p {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.riga-art-dept > div:last-child .text-content .link-con-freccia {
    margin-top: 220px;
}

.home-vs {
    font-family: "TomorrowExtraBold", sans-serif;
    position: absolute;
    margin-top: -93px;
    left: 0;
    width: calc(100% / 3);
    text-align: center;
    font-size: 2.4rem;
}

.partnerships {
    background-color: white;
    text-align: center;
    padding: 140px 70px;
}

.partnerships__contenuto {
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.partnerships__image {
    max-width: 250px;
    width: 80%;
}

.partnerships__image--ibm {
    max-width: 400px;
    width: 80%;
}

.partnerships h2 {
    font-size: 3.2rem;
    text-align: center;
    padding-bottom: 10px;
}

.partnerships .descrizione-principale {
    font-size: 1.2rem;
    text-align: center;
    display: block;
    margin: auto;
    min-width: 400px;
}

.youtube {
    display: flex;
}

.youtube__sinistra {
    padding: 70px;
    flex: 1;
    background-color: #FA0044;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    text-align: center;
    font-size: 1.25rem;
}

.youtube__destra {
    padding: 70px;
    flex: 2;
    background-image: url("img/youtube-edoardo.webp");
    background-size: cover;
    color: white;
}

.youtube__destra a:last-of-type {
    margin-top: 300px;
}

.youtube__destra-nome {
    font-size: 2.7rem;
    font-family: "KumbhBold", sans-serif;
}


.home-soc-riga {
    display: flex;
    justify-content: space-evenly;
    width: 90%;
    margin: 70px auto auto;
}

.logo-zadig-in-soc {
    height: 70px;
    margin-bottom: 20px;
}

.container-soc-servizio {
    background-color: rgb(229, 229, 229);
    padding-bottom: 100px;
    padding-top: 30px;
}

.home-soc-riga > div {
    background-color: white;
    width: 31%;
    box-sizing: border-box;
    padding: 40px;
    max-width: 450px;
}

.home-soc-riga .logo-soc {
    display: block;
    height: 60px;
    margin: auto auto 20px;
}

.home-soc-riga h3 {
    font-size: 1.7rem;
    color: #009CFF;
    text-align: center;
    margin-bottom: 30px;
}

.home-soc-riga .riga-prezzo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.home-soc-riga .riga-prezzo b {
    display: block;
    font-size: 1.8rem;
    padding-right: 5px;
}

.home-soc-riga .prenota-ora {
    color: white;
    padding: 20px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 30px;
}

.home-soc-riga .prenota-ora:hover {
    opacity: .7;
}

.home-soc-riga .riga-feature {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 20px;
}

.home-soc-riga .inciso {
    color: #009CFF;
    margin-bottom: 20px;
}

.home-soc-riga .riga-feature img {
    height: 17px;
    margin-right: 20px;
}

.home-case-studies > div {
    padding: 70px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.home-case-studies .sopra-titolo {
    font-size: .8rem;
}

.home-case-studies h2 {
    padding-top: 10px;
    min-height: 60px;
}

.home-case-studies > div:first-child {
    background-image: url("img/img-safe-bridge.jpg");
    background-size: cover;
    background-position: center;
}

.home-case-studies > div:last-child {
    background-image: url("img/img-curios-bank.jpg");
    background-size: cover;
    background-position: center;
}

.home-case-studies .vedi {
    float: right;
    height: 35px;
    margin-top: 10px;
    cursor: pointer;
}

.home-faq .domanda {
    padding: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "KumbhBold", sans-serif;
    cursor: pointer;
}

.home-faq .domanda--black {
    color: white;
    padding: 60px;
    background-color: black;
}

.home-faq .domanda > div {
    font-size: 3rem;
}

.home-faq .domanda > div > p {
    font-size: 22px;
    margin-top: 3px;
    font-family: KumbhLight, sans-serif;
}

.domanda img {
    transition: transform .4s ease-in-out;
    height: 18px;
}

.home-faq .risposta {
    display: none;
    padding: 70px;
}

.risposta {
    font-size: 1.25rem;
    line-height: 1.7rem;
}


.home-faq .risposta--black {
    color: white;
    background-color: black;
    padding: 30px 70px;
}

.risposta--black__body {
    display: flex;
    font-size: 1.25rem;
    line-height: 1.5;
    gap: 50px;
}

.risposta--black__image {
    max-width: 700px;
    width: 90%;
    margin-top: -30px;
}

.risposta__logo {
    max-width: 250px;
    width: 70%;
    display: flex;
    margin: auto auto 35px;
}

.risposta__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.home-faq .domanda:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.home-faq .domanda--black:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


.red-blue-border {
    position: relative;
    padding-top: 10px;
}

.red-blue-border::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 100%;
    background: linear-gradient(to right, #FA0044 50%, #2D9CFC 50%);
}


.home-hackers, .div-su-canvas {
    height: 450px;
    width: 100%;
    z-index: 10;
}

.div-su-canvas {
    z-index: 9999;
    position: absolute;
    margin-top: -450px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.5rem;
    color: white;
    font-family: "TomorrowExtraBold", sans-serif;
    text-align: center;
    text-decoration: none;
}

.div-su-canvas:hover {
    opacity: .8;
}

.griglia-news {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}

.griglia-news > div {
    width: calc(100% / 3);
    padding: 70px;
    box-sizing: border-box;
}

.griglia-news .sopra-titolo {
    font-size: .8rem;
    color: #FA0044;
    padding-bottom: 15px;
}

.griglia-news h3 {
    font-size: 1.7rem;
    padding-bottom: 10px;
    min-height: 40px;
}

.griglia-news .riga-data {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 30px;
}

.griglia-news .riga-data > div:first-child {
    color: #009CFF;
}

.griglia-news .riga-data a {
    color: #FA0044;
    margin-top: 0;
}

.container-largo {
    width: 80%;
    max-width: 1200px;
    margin: auto;
}

.container-wide {
    width: 91.5%;
    max-width: 1600px;
    margin: auto;
}

.alto-about {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 150px auto 100px;
    gap: 200px;
}

.alto-about__sinistra {
    padding-left: 140px;
    width: 20%;
    flex-shrink: 0;
}

.alto-about__destra {
    padding-right: 220px;
}

.alto-about h1 {
    font-family: "KumbhBold", sans-serif;
    font-size: 3rem;
}

.alto-about p {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.griglia-persone-about {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 100px;
}

.griglia-persone-about .persona {
    width: 25.1%;
    text-align: center;
    margin-bottom: 100px;
    /*margin-top: 30px;*/
}

.griglia-persone-about .faccia {
    width: 80%;
    max-width: 132px;
    display: block;
    margin: auto;
    border-radius: 50%;
    z-index: -1;
    position: relative;
}

.grayscale {
    border-radius: 50%;
    filter: grayscale(1);
}

.griglia-persone-about b {
    font-size: 1.2rem;
    display: block;
    padding-bottom: 5px;
}

.griglia-persone-about a {
    background-color: #FA0044;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 58%;
    margin-top: -40px;
    margin-bottom: 20px;
    z-index: 999;
    position: relative;
    cursor: pointer;
}

.griglia-persone-about a:hover {
    background-color: #ec5c72;
}

.griglia-persone-about a img {
    width: 60%;
}

.staff-riga-validation > div {
    padding: 70px;
    box-sizing: border-box;
}

.staff-riga-validation h2 {
    font-size: 2rem;
}

.staff-riga-valori {
    margin-top: 100px;
    margin-bottom: 100px;
    justify-content: space-between;
    padding: 0 70px;
}

.staff-riga-valori > div {
    flex: none;
    width: 47%;
}

.staff-riga-valori h2 {
    font-size: 2.3rem;
}

.riga-consulenza-gratuita {
    background-color: rgb(37, 41, 46);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 70px 80px;
}

.riga-consulenza-gratuita h2 {
    color: white;
    padding-bottom: 0;
    margin-top: 30px;
    width: 70%;
}

.riga-consulenza-gratuita > div {
    width: 30%;
}

.container-popup-staff {
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.box-popup-staff {
    background-color: rgb(37, 41, 46);
    padding: 80px;
    box-sizing: border-box;
    width: 80%;
    max-width: 700px;
    color: white;
}

.box-popup-staff > div:nth-child(1) {

}

.box-popup-staff .chiudi {
    height: 25px;
    cursor: pointer;
    margin-top: -50px;
    margin-right: -50px;
    float: right;
}

.box-popup-staff .chiudi:hover {
    opacity: .6;
}

.box-popup-staff > div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.box-popup-staff b {
    font-size: 1.4rem;
}

.box-popup-staff p {
    font-size: 1.1rem;
    padding-top: 10px;
}

.box-popup-staff > p {
    padding-top: 25px;
}

.box-popup-staff .linkedin {
    height: 20px;
}

.griglia-contatti {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}

.griglia-contatti .container-input {
    width: 100%;
    margin-top: 70px;
}

.griglia-contatti .container-input.meta {
    width: 48%;
}

.container-input b {
    font-size: 1.1rem;
    display: block;
}

.container-input input, .container-input textarea {
    width: 100%;
    display: block;
    border: none;
    background-color: transparent;
    border-bottom: solid 1px black;
    padding: 10px;
    font-size: 1.1rem;
    box-sizing: border-box;
    resize: none;
    outline: none;
}

.container-input textarea {
    height: 100px;
}

.placeholder-grigio {
    background-color: rgb(37, 41, 46);
    height: 120px;
}

.riga-contatti > a, .riga-contatti > div {
    min-width: calc(100% / 3);
    padding: 70px;
    box-sizing: border-box;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.7rem;
    font-family: "KumbhBold", sans-serif;
    text-align: center;
    height: 300px;
}

.riga-contatti > div {
    padding: 0;
}

.riga-contatti > div > a:first-child {
    background-color: rgb(37, 41, 46);
}

.riga-contatti > div > a {
    height: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
}

.riga-contatti > div > a:hover {
    opacity: .7;
}

.riga-contatti > a:hover {
    opacity: .7;
}

.in-piccolo {
    font-family: "KumbhRegular", sans-serif;
    font-size: 1.1rem;
    padding-top: 10px;
}

.riga-contatti-policy {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 100px;
}

.riga-contatti-policy > div {
    text-align: right;
}

.riga-contatti-policy > div:last-child {
    width: 250px;
}

.riga-contatti-policy a {
    font-family: "KumbhBold", sans-serif;
}

.container-servizi {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: black;
    padding: 80px;
    box-sizing: border-box;
    z-index: 9999999;
}

.container-servizi .riga-chiusura {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.container-servizi .riga-chiusura img {
    height: 30px;
    margin: 20px;
}

.container-servizi .riga-chiusura a {
    cursor: pointer;
}

.container-elenco-servizi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container-elenco-servizi a {
    color: white;
    text-decoration: none;
    font-size: 1.6rem;
    font-family: "KumbhBold", sans-serif;
    width: 45%;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
}

.container-elenco-servizi a:hover {
    opacity: .7;
}

.sfondo-servizio {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 420px;
    background-size: cover;
    background-position: center;
}

.sfondo-servizio--cyber-servizi {
    height: 520px;
}

.sfondo-servizio p {
    font-size: 1.1rem;
    line-height: 1.9rem;
    width: 80%;
    text-align: center;
    margin-top: 20px;
}

.sfondo-servizio h1 {
    font-family: "KumbhBold", sans-serif;
    color: white;
    font-size: 3.3rem;
}

.descrizione-servizio {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 100px;
    margin-bottom: 100px;
}

.descrizione-servizio p {
    width: 70%;
}

.descrizione-servizio > img {
    height: 100px;
}

.descrizione-servizio h1 {
    font-family: "KumbhBold", sans-serif;
    font-size: 3rem;
    margin-bottom: 50px;
}

.elenco-links-footer a {
    text-decoration: none;
    display: block;
    padding-top: 13px;
    padding-bottom: 13px;
}

.griglia-servizi {
    display: flex;
    flex-wrap: wrap;
}

.griglia-servizi .home-servizio {
    width: calc(100% / 3);
    box-sizing: border-box;
}

.toggle-menu {
    display: none;
}

.leggi-di-piu {
    color: rgb(250, 0, 68);
    display: block;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.nascondi {
    display: none;
}

#content-leggi-di-piu ul {
    margin-left: 20px;
    margin-top: 10px;
}

#content-leggi-di-piu li {
    font-size: inherit;
    line-height: 1.8rem;
}

#content-leggi-di-piu h3 {
    font-family: "KumbhBold", sans-serif;
    font-size: 1.7rem;
    padding-top: 50px;
    padding-bottom: 10px;
}

#content-leggi-di-piu h3:first-of-type {
    padding-top: 0;
}

.testo-socas {
    padding-top: 100px;
    padding-bottom: 100px;
}

.form-login {
    margin-top: 100px;
    margin-bottom: 100px;
}

.form-login input[type='submit'] {
    color: white;
    background-color: black;
    padding: 15px 30px;
    border: none;
    position: relative;
    cursor: pointer;
    display: block;
    margin-left: auto;
    margin-top: 30px;
}

.intelligence__image {
    background-image: url("img/servizi/cybersecurity2.jpg");
    height: 500px;
    width: 100%;
    background-position: center;
}

.centra-testo {
    text-align: center;
}

.admin-alto {
    padding-top: 50px;
    padding-bottom: 50px;
}

.admin-btn {
    color: white;
    padding: 12px;
    border: none;
    background-color: black;
    display: inline-block;
    text-decoration: none;
    float: right;
    cursor: pointer;
}

.admin-riga-articolo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #ddd;
}

.admin-riga-articolo a {
    display: inline-block;
    margin-left: 20px;
    text-decoration: none;
    color: orangered;
    cursor: pointer;
}

.container-stretto-articolo {
    width: 80%;
    max-width: 650px;
    margin: 100px auto auto;
}

.container-stretto-articolo .data {
    color: #009CFF;
    text-align: center;
}

.container-stretto-articolo h1 {
    font-family: "KumbhBold", sans-serif;
    font-size: 2.8rem;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
}

.container-stretto-articolo > img {
    width: 100%;
    margin-bottom: 20px;
}

.container-stretto-articolo > .testo-articolo {
    font-size: 1.1rem;
    line-height: 1.8rem;
    margin-bottom: 100px;
}

.logo-milano-soc {
    height: 90px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 50px;
}

.descrizione-milano-soc {
    text-align: center;
    font-family: "KumbhBold", sans-serif;
    width: 70%;
    margin: auto;
    font-size: 1.5rem;
}

.griglia-news .img-anteprima {
    height: 240px;
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
}

.grande-titolo-pagina {
    font-size: 3rem;
    font-family: "KumbhBold", sans-serif;
    padding: 70px;
    padding-bottom: 0;
}

.servizio-credits-foto {
    font-size: .8rem;
    opacity: .7;
    position: absolute;
    right: 20px;
    top: 140px;
}

.griglia-foto-zadig {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 100px;
}

.griglia-foto-zadig img {
    width: 48%;
    margin-bottom: 50px;
}

/*SERVIZI*/

.service-h1 {
    font-size: 3.125rem;
    font-family: "KumbhBold", sans-serif;
    line-height: 1.39;
}

.service-h2 {
    font-size: 1.7rem;
    padding-bottom: 20px;
}

.service-h3 {
    font-size: 1.375rem;
    font-family: "KumbhBold", sans-serif;
}

.service-number {
    font-family: "KumbhBold", sans-serif;
    font-size: 2.25rem;
    margin-bottom: 20px;
}

.list-margin-bottom > li {
    margin-bottom: 25px;
}

.service-white {
    margin: 150px auto;
}

.service-black {
    background-color: black;
    color: white;
    padding: 100px 0;
}

.service-flex__body {
    display: flex;
    justify-content: space-between;
    gap: 150px;
    margin-top: 50px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-family: "KumbhLight", sans-serif;
}

.service-flex__left, .service-flex__center, .service-flex__right {
    width: 50%;
    flex: 1;
}

.service-flex__img {
    max-width: 660px;
    width: 90%;
    object-fit: contain;
}

/* ZADIG */

.service__logo {
    margin-bottom: 40px;
    width: 90%;
    max-width: 550px;
}

.service__logo--zadig {
    max-width: 320px;
    width: 30%;
}

.zadig-hero {
    display: flex;
    gap: 300px;
    padding: 200px 0;
}

.service-flex__body--zadig-hero {
    gap: 300px;
}

.zadig-hero__left {
    flex: 1;
}

.zadig-hero__right {
    flex: 1;
    font-size: 18px;
    line-height: 1.39;
}

.zadig-hero__right-top {
    font-size: 24px;
}

.modules__grids {
    display: flex;
    align-items: stretch;
    gap: 50px;
    margin-top: 70px;
}

.modules__left,
.modules__right {
    flex: 1;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-family: "KumbhLight", sans-serif;
}

.modules__title {
    font-size: 17px;
    margin-left: 10px;
    font-family: "KumbhLight", sans-serif;
}

.modules__grid {
    margin-top: 40px;
    /*display: grid;*/
    border: 1px solid black;
}

.modules__grid-row {
    display: grid;
    grid-template-columns: 130px 1fr;
    border-top: 1px solid black;
    align-items: center;
}

.modules__grid-row--right {
    grid-template-columns: 230px 1fr;
}

.modules__grid-row--subgrid {
    grid-template-columns: 1fr 2fr;
}

.modules__grid-header {
    border-top: none;
}

.modules__cell {
    padding: 23px;
    border-right: 1px solid transparent;
    display: flex;
    align-items: center;
}

.modules__cell--header {
    padding: 10px 22px;
    font-size: 15px;
}

.modules__subgrid {
    border: 1px solid black;
    border-top: none;
    margin: 20px 20px 0;
}

.service-white--what-is {
    margin: 60px auto;
}

.service-flex__body--functionality {
    gap: 100px;
    margin-top: 70px;
}

.functionality__left, .functionality__right {
    font-size: 1.125rem;
    line-height: 1.3;
    font-family: "KumbhLight", sans-serif;
}

.functionality__content {
    margin-top: 50px;
    width: 90%;
}

.deployment__grid {
    margin-top: 70px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    column-gap: 200px;
}

.deployment__grid > div {
    width: 90%;
}

.deployment__grid > div > div {
    font-size: 1.125rem;
    line-height: 1.3;
    font-family: "KumbhLight", sans-serif;
    margin-top: 10px;
}

.features__title {
    margin-bottom: 80px;
}

.features__text {
    max-width: 420px;
}

.service-h3--microsoft {
    margin-top: 50px;
    width: 60%;
    line-height: 1.39;
}

/*TEP*/

.service-flex__img--tep-scheme {
    margin-top: -100px;
}

.service-blue {
    background-color: #2D9CFC;
    color: white;
    padding: 100px 0;
}

.tep__video {
    max-width: 800px;
    width: 100%;
}

.service-flex__body--protocols {
    margin-top: 130px;
}

.co-funded {
    background-color: #F8F8F8;
    padding: 100px 0;
}

.co-funded__body > div {
    margin-top: 30px;
    font-size: 1.25rem;
    line-height: 1.5;
    width: 70%;
    font-family: "KumbhLight", sans-serif;
}

.co-funded__image {
    max-width: 300px;
    width: 100%;
}

/*ZADIG SMART*/

.union__ul {
    padding-left: 0;
}

.service-flex__img--strength {
    margin-top: -50px;
}

.button-red {
    color: white;
    background-color: #E7324A;
    border-radius: 100px;
    padding: 10px 40px;
    margin-bottom: 40px;
    width: fit-content;
    font-size: 18px;
}

.add-on {
    padding-top: 0;
}

.service-flex__img--add-on {
    max-width: 600px;
    margin-left: -100px;
    margin-right: -50px;
}

.service-flex__body--add-on {
    margin-top: 100px;
    gap: 100px;
}

.benefits__item {
    background-color: black;
    color: white;
    padding: 50px 90px 90px 70px;
    font-size: 1.125rem;
    border-radius: 10px;

}

.service-flex__body--functionality-smart {
    margin-top: 100px;
}

.functionality-smart__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}

.functionality-smart__element {
    display: flex;
    align-items: start;
    gap: 15px;
    font-size: 17px;
}

.functionality-smart__icon {
    width: 45px;
}

.functionality-smart__icon--big {
    width: 100px;
    margin-left: -24px;
    margin-top: -50px;
}

.functionality-smart__subtitle {
    font-size: 1.5rem;
    font-family: "TomorrowExtraBold", sans-serif;
    margin-bottom: 20px;
}




















@media screen and (max-width: 1350px) {

    .riga-responsive {
        display: block;
    }

    .riga-responsive > * {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    p {
        font-size: 1rem;
    }

    .riga-6-3.riga-responsive > div, .riga-3-6.riga-responsive > div {
        width: 100%;
    }

    .nascondi-mobile {
        display: none;
    }

    footer .colonna-footer {
        padding: 0;
        width: 80%;
        margin: auto;
        padding-top: 40px;
    }

    footer .colonna-footer:last-child {
        padding-bottom: 70px;
    }

    .griglia-contatti .container-input.meta {
        width: 100%;
        box-sizing: border-box;
    }

    .alto-about {
        display: block;
        margin: 50px;
    }

    .alto-about > * {
        width: 100%;
    }

    .alto-about__sinistra {
        padding-left: unset;
    }

    .alto-about__destra {
        padding-right: unset;
        margin-top: 50px;
    }

    .alto-about h1 {
        font-size: 2.4rem;
        padding-bottom: 20px;
    }

    .griglia-persone-about {
        margin-bottom: 50px;
    }

    .griglia-persone-about .persona {
        width: 34%;
        margin-bottom: 50px;
    }

    .griglia-persone-about .faccia {

    }

    .griglia-persone-about a {
        width: 30px;
        height: 30px;
        margin-top: -30px;
    }

    .staff-riga-validation > div {
        padding: 50px;
    }

    .box-popup-staff {
        padding: 30px;
    }

    .box-popup-staff b {
        font-size: 1.2rem;
    }

    .box-popup-staff p {
        font-size: 0.9rem;
        line-height: 1.3rem;
        padding-top: 5px;
    }

    .box-popup-staff > p {
        padding-top: 20px;
    }

    .box-popup-staff .chiudi {
        height: 17px;
        margin-top: -10px;
        margin-right: -10px;
    }

    .riga-contatti > a, .riga-contatti > div {
        width: 100%;
    }

    .riga-contatti > a {
        height: 150px;
    }

    .riga-contatti-policy > div:last-child {
        width: 100%;
    }

    .btn-home-zadig > div {
        height: 60px;
    }

    .btn-home-zadig > div:nth-child(2) {
        height: 66px;
        margin-top: -72px;
    }

    .btn-home-zadig > div:nth-child(1) {
        height: 66px;
    }

    .btn-home-zadig > div:nth-child(3) {
        margin-top: -60px;
    }

    .btn-home-zadig:hover > div {
        margin-top: -60px;
        height: 60px;
    }

    .container-elenco-servizi a {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 1rem;
        font-family: "KumbhRegular", sans-serif;
    }

    .home__titolo {
        font-size: 1.5rem;
    }

    .home-hero {
        padding: 100px 40px 40px 40px;
    }

    .home-hero__logo-agid {
        top: 5%;
        right: 5%;
        height: 80px;
    }

    .hero-loghi {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
    }

    h1 {
        font-size: 2.5rem;
    }

    .link-con-freccia.in-home-hero {
        font-size: 1rem;
        margin-top: 60px;
    }

    .griglia-servizi {
        display: flex;
    }

    .griglia-servizi .home-servizio {
        width: 50%;
        font-size: 1.1rem;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
        color: #25292F;
    }

    .griglia-servizi .home-servizio img {
        height: 60px;
    }

    .senza-bordo-inferiore {
        border-bottom: solid 1px #999;
    }

    .senza-bordo-destro {
        border-right: solid 1px #999;
    }

    .smart-thinking, .home-case-studies > div, .home-zadig-top-container, .home-faq .domanda, .riga-art-dept > div:first-child > div, .home-statistiche > div, .riga-validation > div  {
        padding: 50px;
    }

    .loghi-iso__certificazioni {
        justify-content: space-around;
    }

    .loghi-iso__ricerca {
        justify-content: space-around;
        margin-top: 30px;
    }

    .riga-cosa-dicono {
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .riga-cosa-dicono__body {
        padding: 40px 50px 0 50px;
    }

    .riga-cosa-dicono__item {
        margin-bottom: 40px;
    }


    .riga-cosa-dicono__contenuto {
        justify-content: unset;
        height: unset;
    }

    .riga-cosa-dicono__info {
      height: unset;
      font-size: 0.9rem;
    }

    .riga-cosa-dicono__testo {
        margin: 20px 0;
    }

    .home-vs {
        width: 100%;
        margin-top: -76px;
    }

    .riga-art-dept > div:last-child .text-content {
        margin: 0;
        padding: 60px 60px 150px;
        width: 100%;
    }

    .riga-art-dept > div:last-child .text-content p {
        font-size: 1rem;
    }

    .riga-art-dept > div:last-child .text-content h2 {
        font-size: 2.4rem;
    }

    .riga-art-dept > div:last-child {
        background-position: 30%;
    }

    .partnerships {
        padding: 50px;
    }

    .partnerships h2 {
        font-size: 2rem;
    }

    .partnerships__contenuto {
        flex-direction: column;
        gap: 70px;
        margin-top: 35px;
    }

    .partnerships__image--ibm {
        max-width: 250px;
    }

    .partnerships .descrizione-principale {
        font-size: 1rem;
        width: 80%;
        margin: auto;
        min-width: auto;
    }

    .youtube__sinistra {
        display: flex;
        padding: 50px;
    }

    .youtube__destra {
        padding: 50px;
    }

    .youtube__destra a:last-of-type {
        margin-top: 70px;
    }

    .home-case-studies h2 {
        min-height: unset;
    }

    .home-case-studies__text {
        font-size: 0.9rem;
    }

    .home-soc-riga > div {
        width: 100%;
        margin-bottom: 50px;
    }

    .home-faq .domanda > div {
        font-size: 1.7rem;
    }

    .div-su-canvas {
        font-size: 2.5rem;
    }

    .griglia-news > div {
        width: 100%;
        padding: 0 60px 60px;
    }

    .griglia-news > div:first-child {
        padding: 60px;
    }

    .link-con-freccia img {
        height: 10px;
    }

    .home-soc-riga .prenota-ora {
        padding: 17px 13px 13px;
    }

    .griglia-news h3 {
        min-height: auto;
        font-size: 1.4rem;
    }

    nav {
        display: none;
    }

    .toggle-menu {
        display: block;
        cursor: pointer;
    }

    .toggle-menu img {
        height: 40px;
    }


    header .logo {
        height: 100px;
    }

    nav {
        position: fixed;
        top: 100px;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        background-color: black;
        height: 100vh;
        overflow-y: scroll;
    }

    nav > a {
        padding: 10px;
        display: block;
        margin-top: 50px;
        font-size: 1.5rem;
        font-family: "KumbhBold", sans-serif;
    }

    nav > a:last-child {
        margin-bottom: 300px;
    }

    .container-servizi {
        left: auto;
        top: auto;
        position: relative;
        height: auto;
        padding: 20px;
        background-color: transparent;
    }

    .container-servizi .riga-chiusura {
        display: none;
    }

    .descrizione-servizio {
        flex-direction: column-reverse;
        margin-top: 50px
    }

    .descrizione-servizio > img {
        display: block;
        margin: auto auto 40px;
    }

    .descrizione-servizio p {
        width: 100%;
    }

    .sfondo-servizio {
        height: 240px;
    }

    .sfondo-servizio h1 {
        font-size: 2.3rem;
        padding: 20px;
        text-align: center;
    }

    .staff-riga-valori {
        margin-bottom: unset;
        padding: 0 50px;
    }

    .staff-riga-valori > div {
        width: 100%;
    }

    .staff-riga-valori h2 {
        margin-top: 30px;
    }

    .riga-consulenza-gratuita > h2, .riga-consulenza-gratuita > div {
        width: 100%;
    }

    footer .logo-footer {
        height: 40px;
    }

    .container-stretto-articolo {
        width: 85%;
        margin-top: 60px;
    }

    .container-stretto-articolo > h1 {
        font-size: 2rem;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .container-stretto-articolo > .testo-articolo {
        font-size: 1rem;
    }

    .riga-post-footer {
        text-align: center;
    }

    .riga-post-footer span {
        display: block;
        font-size: .75rem;
    }

    .riga-post-footer span:first-child {
        padding-bottom: 10px;
    }

    .riga-post-footer span.nascondi-mobile {
        display: none;
    }

    .grande-titolo-pagina {
        padding-left: 60px;
        font-size: 2rem;
    }

    nav div.lingue {
        text-align: center;
        padding: 50px 0 0;
        margin-left: unset;
    }

    .descrizione-servizio h1 {
        font-size: 2rem;
    }

    .griglia-foto-zadig {
        display: block;
    }

    .griglia-foto-zadig img {
        width: 100%;
        margin-bottom: 30px;
    }

    /*SERVIZI*/

    .container-wide {
        width: 80%;
    }

    .service__logo {
        width: 100%;
        margin-bottom: 20px;
    }

    .service__logo--zadig {
        width: 50%;
    }

    .service-h1 {
        font-size: 1.8rem;
    }

    .service-h2 {
        font-size: 1.5rem;
    }

    .service-flex__body {
        flex-direction: column;
        font-size: 1rem;
        gap: 50px;
        margin-top: 30px;
    }

    .service-flex__img--strength {
        margin-top: 0;
    }

    .service-flex__left, .service-flex__right, .service-flex__center {
        width: initial;
    }

    .service-flex__img {
        width: 100%;
        margin: auto;
    }

    .service-black {
        padding: 50px 0;
    }

    .service-white {
        margin: 50px auto;
    }

    .zadig-hero__right {
        font-size: 1rem;
    }

    ul li::before {
        top: 0;
    }

    .functionality-smart__item {
        row-gap: 15px;
        column-gap: 10px;
    }

    .functionality-smart__element {
        font-size: 10px;
    }

    .functionality-smart__icon {
        width: 30px;
    }

    .functionality-smart__icon--big {
        width: 70px;
        margin-left: -17px;
        margin-top: -30px;
    }

    .service-flex__body--functionality-smart {
        margin-top: 50px;
    }

    .service-flex__body--add-on {
        margin-top: 50px;
    }

    .benefits__item {
        font-size: 0.8rem;
        padding: 25px 45px 40px 35px;
    }

    .service-flex__img--tep-scheme {
        margin-top: 0;
    }

    .service-blue {
        padding: 50px 0;
    }

    .service-flex__body--protocols {
        margin-top: 50px;
        gap: 0;
    }

    ul {
        padding-left: 0;
    }

    .modules__title {
        margin-left: 0;
        display: block;
    }

    .modules__grids {
        flex-direction: column;
        margin-top: 30px;
    }

    .modules__grid-row {
        font-size: 1rem;
        grid-template-columns: 80px 1fr;
    }

    .deployment__grid {
        display: flex;
        flex-direction: column;
        margin-top: 40px;
    }

    .modules__subgrid {
        margin: 0 20px 20px 20px;
    }

    .features__title {
        margin-bottom: 40px;
        margin-top: 100px;
    }

    .mobile-red {
        background-color: #FA0044;
    }

    .service-h3--microsoft {
        width: 100%;
        margin-top: 30px;
    }

    .service-flex__body--functionality {
        gap: 70px;
    }

    .functionality__content {
        margin-top: 30px;
        width: initial;
        font-size: 1rem;
    }

    .risposta--black__body {
        flex-direction: column;
        font-size: 1rem;
        justify-content: center;
        align-items: center;
    }

    .btn-home-zadig--white {
        width: 100%;
    }

    .co-funded {
        padding: 50px 0;
    }

    .co-funded__body > div {
        width: 100%;
        font-size: 1rem;
    }

    .modules__grid-row--right {
        grid-template-columns: 110px 1fr;
    }

    .modules__grid {
        margin-top: 25px;
    }

    .home-faq .risposta--black {
        padding: 40px;
    }

    .loghi-iso__certificazioni > img {
        width: 80%;
    }

    .loghi-iso__certificazioni img:last-child {
        width: 71%;
    }

    #content-leggi-di-piu h3 {
        font-size: 1.4rem;
    }

    .loghi-iso__ricerca {
        justify-content: center;
    }

    .loghi-iso__certificazioni {
        justify-content: center;
    }

    .loghi-iso__ricerca img {
        width: 50%;
    }

    .form-login {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .intelligence__image {
        height: 300px;
    }

    .contatti-top {
        margin: 50px auto 50px auto;
    }

}