header.sticky-top{
            display: block;
        }

        .fp-controlArrow{
            display: none;
        }

        .content-panel {
            width: calc(100vw - 30px);
            margin-left: 15px;
        }

        #horizontal-scroll {
            display: none !important;
            overflow: none !important;
        }

        .home-mobile {
            display: block;
        }

         @media (min-width: 1200px) {
            #horizontal-scroll {
                display: block !important;
                overflow: visible !important;
            }

            .home-mobile {
                display: none !important;
            }

            /* Desktop: hide layout footer (fullpage has its own) */
            body > main + footer {
                display: none !important;
            }

            /* Desktop: sections get padding via inner spacing */
            .section {
                box-sizing: border-box;
            }

            /* Slides get padding */
            .section > .slide {
                padding: 15px;
                box-sizing: border-box;
            }

            /* Service grid: full-height section with 2x2 boxes (NFT, Gestionali, Mobile, BPM) */
            /* All service grids: 15px padding via container reset */
            .section > .service-more-grid {
                padding: 15px;
                box-sizing: border-box;
            }

            .section > .service-more-grid > .container-fluid {
                padding-left: 0;
                padding-right: 0;
            }

            .section:not(.fp-auto-height) > .service-more-grid {
                height: 100%;
                overflow: hidden;
            }

            .section:not(.fp-auto-height) > .service-more-grid .container-fluid,
            .section:not(.fp-auto-height) > .service-more-grid .row {
                height: 100%;
            }

            .section:not(.fp-auto-height) > .service-more-grid a.secondary-service-box-half {
                height: calc(50% - 7.5px);
                margin-top: 0 !important;
            }

            .section:not(.fp-auto-height) > .service-more-grid a.secondary-service-box-half:nth-child(2) {
                margin-top: 15px !important;
            }

            .section:not(.fp-auto-height) > .service-more-grid a.secondary-service-box-half .col-title,
            .section:not(.fp-auto-height) > .service-more-grid a.secondary-service-box-half .col-img {
                height: 100%;
            }

            /* Auto-height sections: padding on direct children */
            .section.fp-auto-height > #caseStudy,
            .section.fp-auto-height > footer {
                padding: 15px;
                box-sizing: border-box;
            }

            .section > .slide {
                padding: 15px;
                box-sizing: border-box;
            }

            .slide .content-panel {
                position: relative;
                width: 100% !important;
                margin-left: 0 !important;
                height: calc(100vh - 30px);
                border-radius: 20px;
                display: flex;
                overflow: hidden;
            }

            .slide .content-panel.intro {
                background-color: transparent;
                box-shadow: none;
                justify-content: center;
                align-items: center;
            }

            .slide .content-panel.intro > div {
                width: 90%;
                padding: 0;
                text-align: center;
            }

            .slide .content-panel video {
                display: block;
                position: relative;
                min-width: 100%;
                min-height: 100%;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                border-radius: 20px;
            }

            .slide .content-panel .overlay-video {
                background: linear-gradient(360deg, #054959 30%, rgba(120, 152, 158, 0.4) 100%);
                height: calc(100vh - 30px);
                width: 100%;
                border-radius: 20px;
                color: #f2f7fa;
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                align-items: flex-end;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 5;
                padding: 50px;
                font-family: "Satoshi-Variable";
                font-size: 18px;
            }

            .slide .content-panel .overlay-video h2 {
                font-size: 70px;
                line-height: 70px;
            }

            .slide .content-panel .overlay-video h4,
            .slide .content-panel .overlay-video h2,
            .slide .content-panel .overlay-video p {
                padding-right: 50px;
            }

            .slide .content-panel .overlay-video h4 {
                font-size: 24px;
            }

            .slide .content-panel .overlay-video.iqc {
                background: linear-gradient(360deg, #bbd6cf 30%, rgba(124, 177, 176, 0.6) 100%);
                color: #01333d;
            }

            .slide .content-panel .overlay-video.iqc h1,
            .slide .content-panel .overlay-video.iqc h2,
            .slide .content-panel .overlay-video.iqc h3,
            .slide .content-panel .overlay-video.iqc h4,
            .slide .content-panel .overlay-video.iqc h5,
            .slide .content-panel .overlay-video.iqc h6,
            .slide .content-panel .overlay-video.iqc p {
                color: #01333d;
            }
         }

        @media (max-width: 1199px) {
            .section, .slide {
                height: auto !important;
                min-height: auto !important;
                display: block !important;
            }

            .content-panel {
              width: 100% !important;
              margin-left: 0 !important;
              height: auto !important;
              margin-bottom: 20px;
            }

            .content-panel.mes {
                background-image: url(../../image/bg-mobile-mes.webp);
                background-size: cover;
                background-position: center center;
            }

            .content-panel.qc {
                background-image: url(../../image/bg-mobile-iqc.webp);
                background-size: cover;
                background-position: center center;
            }

            .content-panel.bi {
                background-image: url(../../image/bg-mobile-bi.webp);
                background-size: cover;
                background-position: center center;
            }

            .content-panel video{
                display:none ;
            }

            .content-panel .overlay-video{
                position: relative;
                height: auto;
                padding: 12px;
            }

            .content-panel.mes .overlay-video{
                background: rgba(5,73,89,.9);
            }

            .content-panel.qc .overlay-video{
                background: rgba(187,214,207,.9);
            }

            .content-panel.bi .overlay-video{
                background: rgba(5,73,89,.9);
            }

            /* Mobile: hide inline footers, show layout footer (has working forms) */
            #horizontal-scroll footer,
            .home-mobile footer {
                display: none !important;
            }


        }

        @media (min-width:1200px) {
            header{
                display: none;
            }

            .section-hero{
                min-height:  calc(100vh - 120px);
                min-width: calc(100vw - 30px);
                /*margin-top: 105px;*/
            }

            .fullscreen-video-container {
                min-height:  calc(100vh - 120px);
            }

            video {
                display: block;
                position: absolute;
                width: auto;
                height: auto;
                min-width: 100%;
                min-height: 100%;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                z-index: -1;
                opacity: 1;
            }

            .fullscreen-video-content {
                min-height:  calc(100vh - 120px);
                -webkit-border-radius: 20px;
                border-radius: 20px;
            }

            .bg-trasparent{
                min-height:  calc(100vh - 120px);
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                align-items:center;
                align-content:center;
                border-radius: 20px;
                padding: 50px;
            }

        }