.head-people {
    position: relative;
    padding-left: 10%;
    bottom: -100px;
    opacity: 0;
    transition: .8s;
}

.head-robot, .head-people, .head-phone {
    z-index: 1500;
}

.head-robot {
    position: absolute;
    max-height: 99%;
    left: -29%;
    bottom: 0;
    opacity: 0;
    transition: 1s;
}

.head-phone {
    position: absolute;
    max-height: 84%;
    bottom: 0;
    right: -20%;
    opacity: 0;
    transition: 1s;
}

.bottom-bg {
    max-width: none;
    position: absolute;
    z-index: 300;
    max-height: 107%;
    min-height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: .5s;
}

.show2 .bottom-bg {
    opacity: 1;
    transition: .5s;
}

.show2 .head-people {
    bottom: 0;
    opacity: 1;
    transition: 1s;
    transition-delay: .6s;
}

.show2 .head-robot {
    left: -13%;
    opacity: 1;
    transition: 1s;
    transition-delay: 1.4s;
}

.show2 .head-phone {
    right: -4%;
    opacity: 1;
    transition: 1s;
    transition-delay: 1.4s;
}

.show4 .head-phone {
    right: -42%;
    transition: 1s;
}

.show4 .head-robot {
    left: -29%;
    transition: 1s;
}

.show4 .head-people {
    padding-left: 0;
    transition: 1s;
}

.head-images {
    position: relative;
}

.arabic .head-img {
    position: relative;
    padding-top: 100px;
}

@media(max-width: 767px) {
    .arabic .head-img {
        padding-top: 70px;
    }
}