footer {
    min-height: calc(100vh);
}
#footer-ext {
    min-height: calc(100vh - 110px - 70px);
    padding-bottom: 200px;
}
/* Video */
#gruppo-top-video-cont {
    width: 100%;
    height: calc(100 * var(--vh));
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
}
#gruppo-top-video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#gruppo-metodo-cont,
#gruppo-approccio-cont,
#gruppo-lavoro-cont {
    margin-bottom: 80px
}

.gruppo-metodo-el {
    width: calc(100% * 2 / 3);
    margin-left: calc(100% * 1 / 6);
}
.gruppo-metodo-el.align-left {
    width: calc(100% * 2 / 3);
    margin-right: calc(100% * 1 / 3);
    margin-left: unset;
}
.gruppo-metodo-el.align-right {
    width: calc(100% * 2 / 3);
    margin-left: calc(100% * 1 / 3);
    margin-right: unset;
}

#gruppo-approccio {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 40px;
}
#gruppo-approccio-btn,
.gruppo-approccio-list-el-titolo,
#gruppo-lavoro-testo,
#gruppo-studio-testo {
    width: calc((100% - 40px) / 3);
}
.gruppo-approccio-list-el-titolo {
    padding: 20px 0px 20px 20px;
    box-sizing: border-box;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#gruppo-approccio-text,
.gruppo-approccio-list-el-testo,
#gruppo-lavoro-image,
#gruppo-studio-image,
#gruppo-studio-video-cont {
    width: calc((100% - 40px) * 2 / 3);
}
#gruppo-top-image {
    width: 100%;
    height: 100vh;
}
#gruppo-top-image .cover-picture-full {
    width: 100%;
    height: 100vh;
    position: relative;
    display: block;
    float: left;
}
.gruppo-approccio-list-el-testo {
    padding: 20px 20px 20px 0px;
    box-sizing: border-box;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#gruppo-approccio-list-cont {
    display: flex;
    flex-wrap: wrap;
}
.gruppo-approccio-list-el {
    display: flex;
    gap: 40px;
    border-bottom: 0.5px solid var(--grigio_link);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#gruppo-approccio-list-cont .gruppo-approccio-list-el:first-child {
    border-top: 0.5px solid var(--grigio_link);
}

#gruppo-lavoro-cont .page {
    display: flex;
    gap: 40px;
    align-items: center;
}
#gruppo-lavoro-btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
#gruppo-studio-cont .page {
    display: flex;
    gap: 40px;
    align-items: center;
}
@media only screen and (min-width: 1201px) and (max-width: 10000px) {
    .gruppo-approccio-list-el:hover {
        background-color: var(--nero);
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
    }
    .gruppo-approccio-list-el:hover .gruppo-approccio-list-el-testo,
    .gruppo-approccio-list-el:hover .gruppo-approccio-list-el-titolo {
        color: var(--bianco);
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
    }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
    #gruppo-lavoro-image,
    #gruppo-lavoro-testo {
        width: calc((100% - 40px) * 1 / 2);
    }
    #gruppo-lavoro-cont .page {
        align-items: flex-start;
    }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .gruppo-metodo-el {
        width: 100%;
        margin-left: unset;
    }
    .gruppo-metodo-el.align-left {
        width: 100%;
        margin-right: unset;
        margin-left: unset;
    }
    .gruppo-metodo-el.align-right {
        width: 100%;
        margin-left: unset;
        margin-right: unset;
    }
    #gruppo-lavoro-cont .page {
        display: block;
    }
    #gruppo-lavoro-image,
    #gruppo-lavoro-testo {
        width: 100%;
    }
    #gruppo-lavoro-image {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width:220px) and (max-width:767px) {
    .gruppo-metodo-el {
        width: 100%;
        margin-left: unset;
    }
    .gruppo-metodo-el.align-left {
        width: 100%;
        margin-right: unset;
        margin-left: unset;
    }
    .gruppo-metodo-el.align-right {
        width: 100%;
        margin-left: unset;
        margin-right: unset;
    }
    #gruppo-lavoro-cont .page {
        display: block;
    }
    #gruppo-lavoro-image,
    #gruppo-lavoro-testo {
        width: 100%;
    }
    #gruppo-lavoro-image {
        margin-bottom: 40px;
    }
    #gruppo-lavoro-btn {
        flex-direction: column;
    }
    #gruppo-approccio,
    #gruppo-approccio-list-cont {
        flex-wrap: wrap;
    }
    #gruppo-approccio {
        flex-direction: column-reverse;
    }
    #gruppo-approccio-text, .gruppo-approccio-list-el-testo, #gruppo-lavoro-image, #gruppo-studio-image, #gruppo-studio-video-cont {
        width: 100%;
    }
    #gruppo-approccio-btn, .gruppo-approccio-list-el-titolo, #gruppo-lavoro-testo, #gruppo-studio-testo {
        width: 100%;
    }
    .gruppo-approccio-list-el {
        flex-wrap: wrap;
        gap: 0px;
    }
    .gruppo-approccio-list-el-titolo {
        padding: 20px 20px  0px 0px;
        box-sizing: border-box;
    }
    .gruppo-approccio-list-el-titolo p {
        text-align: left;
    }
    #gruppo-studio-cont .page {
        flex-wrap: wrap;
        gap: 20px;
    }
}