.cta-inline {display: flex;gap: 20px;flex-wrap: wrap;/* justify-content: center; */margin-bottom: 1em;flex-direction: column;}
.cta-inline a {margin-top: 0;}
.btn-c-4.inverted{
    background-color: transparent;
    color: var(--col-4) !important;
    }
.btn-c-4.inverted:hover{
    background-color: var(--col-4);
    color: #fff !important;
}
.btn-c-4.inverted:after{background-color: var(--col-4);}
.btn-c-4.inverted:hover:after{
    background: #fff;
}
.social-proof {
    font-size: 14px; font-style: italic;
}
.top-menu li a.m-demo {color: var(--col-4); font-weight: 700;}

#costi {}
#costi>div {
    align-items: center;
}
.sing-sol-erp-cont {height:auto}
#automazione {}
#automazione ul{margin-left: 1em;}
#differenze {}
#differenze>div:nth-child(3) {margin-top: 50px;}
#sez-ia {}
#sez-ia>div:nth-child(3) {
    margin-top: 50px;
}

#faq {}
#faq h2{padding-left: var(--space-2); color:#fff}

#demo {}

@media screen and (max-width:767px) { 
    #sector {margin-top: 50px;}
    .accordion {padding-top: 50px;padding-bottom: 50px;}
    .accordion-header {font-size: 18px;}
}

@media screen and (min-width:768px) { 
    .accordion {max-width: 80%;}
    .cta-inline {
    flex-direction: row;
}
}
@media screen and (min-width: 1200px) {
    .hp-erp-video {
        top: -100px;
    }
}
@media screen and (min-width: 1440px) {
    .header-classic .top-menu{justify-content: space-between; grid-gap:10px}
    #demo {
        margin-top: 180px;
    }
    .home .site-header .top-menu-cont {
        grid-template-columns: 1fr;
    }
    .top-menu-hamb{display: none;}
    .hp-erp-video {
        top: -450px;
    }
    .hp-erp-intro p:not(.social-proof) {font-size: 20px;}
}

@media screen and (min-width: 1920px) {
    
    .hp-erp-video {
        top: -700px;
    }
}