.headSlash:after {
  content: "";
    position: absolute;
    display: block;
    background-image: url(/wp-content/uploads/2021/06/Klein-Dash-Red-01.png);
    height: 65%;
    top: 18vh;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left 39% center;  
    pointer-events: none;
    animation-name: home-slash;
    animation-duration: 2s;
}

.slideEffect {
    position: relative;
    left: 0;
    animation-name: slide-effect;
    animation-duration: 2s;
}

.poliHeadTxt:before {
    animation-name: headerSlide;
    animation-duration: 2s;
    left: -24%;
}

.contHeadTxt :before {
    animation-name: headerSlide;
    animation-duration: 2s;
    left: -24%;
}

.valueHeadTxt2 :before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(/wp-content/uploads/2021/06/Klein-Dash-Red-01.png);
    height: 250%;
    top: 0px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: -130px;
    animation-name: about-slash;
    animation-duration: 2s;
}

.aboutHeadTxt2 :before {
    content: "";
    position: absolute;
    display: block;
    background-image: url(/wp-content/uploads/2021/06/Klein-Dash-Red-01.png);
    height: 250%;
    top: 0px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: -130px;
    animation-name: about-slash;
    animation-duration: 2s;
}

@keyframes about-slash {
    from {
        left: -1920px;
    }

    to {
        left: -130px; 
    }
}

@keyframes home-slash {
    from {
        background-position: left 0 center;
    }

    to {
        background-position: left 39% center;   
    }
}


@keyframes slide-effect {
    from {
        left: -1000%;
    }

    to {
        left: 0;   
    }
}

@keyframes headerSlide {
    from {
        left: -1000%;
    }

    to {
        left: -24%;   
    }
}
/*------------------------------------- Mobille -----------------------------------------------*/

@keyframes hSlashMob {
    from {
        left: -1000%;
    }

    to {
        left: -28%;   
    }
}

@keyframes contSlashMob {
    from {
        left: -1000%;
    }

    to {
        left: -55%;   
    }
}

@keyframes aboutSlashMob {
    from {
        left: -1920px;
    }

    to {
        left: -80px; 
    }
}

@keyframes poliSlashMob {
    from {
        left: -1920px;
    }

    to {
        left: 130px; 
    }
}