.stickyHeader {
    width: 100%;
    background-color: transparent;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.stickyHeader-on .stickyHeader {
    background-color: var(--dark);
    position: fixed!important;
}
.duaMenu-root > .duaMenu-link {
    background-color: white!important;
}

#hero {
    height: var(--viewportHeight);
}
#hero img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#hero .hero-player {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media (min-aspect-ratio: 16/9) {
    #hero .hero-player {
        /* height = 100 * (9 / 16) = 56.25 */
        height: 56.25vw;
    }
}
@media (max-aspect-ratio: 16/9) {
    #hero .hero-player {
        /* width = 100 / (9 / 16) = 177.777777 */
        width: 177.78vh;
    }
}
#hero .hero-cont {
    width: 100%;
    height: 100%;
    background-color: #1C1C1C88;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
#hero .hero-cont .h1 {
    margin-bottom: 0;
}
#hero .duaSlider-pager {
    top: auto;
}
#hero .duaSlider-page {
    position: relative;
}
#hero .duaSlider-page + .duaSlider-page {
    margin-top: 5rem;
}
#hero .duaSlider-page-cont {
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: calc(100% + 2rem);
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s;
}
#hero .duaSlider-page-act .duaSlider-page-cont {
    opacity: 1;
}

#clients .duaMarquee-row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
#clients img {
    max-width: 45rem;
    transform: scale(0.75);
}

@media (min-width: 768px) {
    #hero .hero-cont .h1 {
        width: 50%;
    }
    #hero .duaSlider-pager {
        width: 142.5rem;
        padding-left: 3.75rem;
        bottom: 20rem;
        right: 50%;
    }

    #clients {
        padding: 25rem 0;
    }
    #clients .h1 {
        margin-bottom: 20rem;
    }
    #clients .duaMarquee-row {
        margin-left: -3.75rem;
        margin-right: -3.75rem;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    #clients .duaMarquee-col {
        padding: 3.75rem;
    }
}
@media (max-width: 767px) {
    #hero .duaSlider-pager {
        width: 100%;
        padding-left: 5rem;
        padding-right: 5rem;
        left: 0;
    }
    #hero .duaSlider-pager {
        bottom: 10rem;
    }

    #clients {
        padding: 10rem 0 15rem;
    }
    #clients .h1 {
        margin-bottom: 6rem;
    }
    #clients .duaMarquee-track {
        margin-left: -5rem;
        margin-right: -5rem;
        overflow: hidden;
    }
    #clients .duaMarquee-slider,
    #clients .duaMarquee-row {
        position: relative;
    }
    #clients.duaMarquee-off .duaMarquee-row {
        -webkit-justify-content: center;
        justify-content: center;
    }
    #clients .duaMarquee-col {
        padding: 0 3rem;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
    }
}