.slider-area .hero-socials {
    /**/
}

.header-socials .wcf-social-icon {
    transform: none !important;
}

@media (min-width: 880px) {
    .slider-area {
        position: relative;
        isolation: isolate;
    }
/*
    .slider-area::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 100%;
        background: black;
        z-index: 1;
    }
*/
}