.hero_banner_imgs, 
.company_wrapp_img, 
.future_wrappp_img, 
.counter_wrapp_imgs, 
.blogs_wrapp_img, 
.footer_wrapp_imgs {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.hero_banner_imgs img, 
.company_wrapp_img img, 
.future_wrappp_img img, 
.counter_wrapp_imgs img, 
.blogs_wrapp_img img, 
.footer_wrapp_imgs img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.hero_banner_imgs .slide-right-to-left {
    position: absolute;
    left: 0%;
    bottom: 0%;
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite;
}
.hero_banner_imgs .slide-right-to-bottom {
    position: absolute;
    bottom: 0%;
    right: 0%;
}
.hero_banner_imgs .slide-left-to-right {
    position: absolute;
    top: 0%;
    right: 243px;
    animation: pxl_left_right 12s ease-out infinite;
    -webkit-animation: pxl_left_right 12s ease-out infinite;
}
.hero_banner_imgs .slide-left-to-top {
    position: absolute;
    top: 90px;
    left: 286px;
}

.company_wrapp_img .slide-right-to-left {
    position: absolute;
    left: 0%;
    top: 0%;
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite;
}
.company_wrapp_img .slide-right-to-bottom {
    position: absolute;
    bottom: 115px;
    right: 0%;
}
.company_wrapp_img .slide-left-to-right, 
.future_wrappp_img .slide-right-to-left {
    position: absolute;
    top: 0;
    left: 0%;
}
.company_wrapp_img .slide-left-to-top {
    position: absolute;
    top: 0;
    right: 0%;
} 
.counter_wrapp_imgs .couter_img1 {
    position: absolute;
    top: 0%;
    bottom: 0%;
}
.counter_wrapp_imgs .couter_img2 {
    position: absolute;
    top: 0%;
    left: 0%;
}
.counter_wrapp_imgs .couter_img3 {
    position: absolute;
    left: 160px;
    bottom: 106px;
}
.counter_wrapp_imgs .couter_img4 {
    left: 83px;
    bottom: 50px;
    position: absolute;
    animation: pxl_float_two 1.2s ease infinite alternate;
}
.counter_wrapp_imgs .couter_img5 {
    position: absolute;
    top: 0%;
    right: 0%;
}
.counter_wrapp_imgs .couter_img6 {
    position: absolute;
    top: 88px;
    right: 225px;
    animation: pxl_spin_reverse 12s linear infinite;
}
.counter_wrapp_imgs .couter_img7 {
    position: absolute;
    top: 156px;
    right: 156px;
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite;
}

.blogs_wrapp_img .slide-right-to-left {
    position: absolute;
    top: 0;
    left: 0;
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite;
}

.blogs_wrapp_img .slide-right-to-bottom {
    position: absolute;
    top: 224px;
    right: 0%;
    animation: pxl_left_right 12s ease-out infinite;
    -webkit-animation: pxl_left_right 12s ease-out infinite;
}

.footer_wrapp_imgs .slide-right-to-left {
    top: 0%;
    left: 0%;
    position: absolute;
    animation: pxl_left_right 12s ease-out infinite;
    -webkit-animation: pxl_left_right 12s ease-out infinite;
}
.footer_wrapp_imgs .slide-right-to-bottom {
    position: absolute;
    top: 0%;
    right: 0%;
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite;
}
.footer_wrapp_imgs .slide-left-to-right {
    position: absolute;
    left: 20%;
    bottom: 0%;
}

.community_btns img {
    position: absolute;
    right: 260px;
    top: -90px;
    animation: pxl_bounce 1s ease-out infinite;
    -webkit-animation: pxl_bounce 1s ease-out infinite;
}


@keyframes pxl_right_left {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(40px)
    }

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(-40px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes pxl_left_right {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-40px)
    }

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(40px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes pxl_rotate3d_v2 {
    0% {
        -webkit-transform: rotate3d(1,4,1,0);
        -moz-transform: rotate3d(1,4,1,0);
        -o-transform: rotate3d(1,4,1,0);
        transform: rotate3d(1,4,1,0)
    }

    100% {
        -webkit-transform: rotate3d(1,4,1,360deg);
        -moz-transform: rotate3d(1,4,1,360deg);
        -o-transform: rotate3d(1,4,1,360deg);
        transform: rotate3d(1,4,1,360deg)
    }
}

@keyframes pxl_rotate3d {
    0% {
        -webkit-transform: rotate3d(1,1,1,0);
        -moz-transform: rotate3d(1,1,1,0);
        -o-transform: rotate3d(1,1,1,0);
        transform: rotate3d(1,1,1,0)
    }

    100% {
        -webkit-transform: rotate3d(1,1,1,360deg);
        -moz-transform: rotate3d(1,1,1,360deg);
        -o-transform: rotate3d(1,1,1,360deg);
        transform: rotate3d(1,1,1,360deg)
    }
}

@keyframes moveBackground {
    from {
        mask-position: 0 0
    }

    to {
        mask-position: 100% 0
    }
}

@keyframes pxl_float_two {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

@keyframes pxl_spin_reverse {
    from {
        transform: translate(-50%,-50%)rotate(0)
    }

    to {
        transform: translate(-50%,-50%)rotate(-360deg)
    }
}

@keyframes pxl_bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}