/* Hero Start */
.hero-title.aos {
    animation: fadeleft 1s ease 1 forwards;
}

.hero-subtitle.aos {
    animation: fadeleft 1s ease 1 0.2s forwards;
}

.hero-buttons a.aos {
    animation: fadeup 1s ease 1 0.4s forwards;
}


.hero-image.aos {
    animation: faderight 1s ease 1 forwards;
}

/* Hero End */
/* Responsive */
@media (max-width:786px) {
    .header .header-items nav.aos {
        animation: none;
    }
}

/* Animation Setups */
@keyframes fadeleft {
    0% {
        opacity: 0;
        transform: translateX(-150px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes faderight {
    0% {
        opacity: 0;
        transform: translateX(150px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeup {
    0% {
        opacity: 0;
        transform: translateY(150px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadedown {
    0% {
        opacity: 0;
        transform: translateY(-150px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes zoomin {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}