.hero-ani h6{
    transition: all 0.5s ease-in;
}
@keyframes slideDown {
    0%{
        transform: translateY(-180px);
    } 100% {
        transform: translateY(0px);
    }
}
.hero-ani h3{
    transition: all 0.5s ease-in;
}
@keyframes slideUp {
    0% {
        transform: translateY(950px);
    } 100% {
        transform: translateY(0px);
    }
}
.hero-ani .con{
    transition: all 0.4s ease-in;
    animation: slideRight 1s alternate;
}
@keyframes slideRight {
    0% {
        transform: translateX(-950px);
    } 100% {
        transform: translateX(0px);
    }
}
.hero-ani .h4{
    transition: all 0.5s ease;
    animation: slideRight 1s alternate;
}
@keyframes slideRight {
    0% {
        transform: translateX(-950px);
    } 100% {
        transform: translateX(0px);
    }
}
.hero-ani .con2{
    transition: all 0.5s ease;
    animation: slideLeft 1s alternate;
    transform: translateX(0px);
}
@keyframes slideLeft {
    0% {
        transform: translateX(950px);
    } 100% {
        transform: translateX(0px);
    }
}

.headings-anima{
    transition: all 0.5s ease;
    animation: slideRght 0.5s alternate;
}
@keyframes slideRght {
    0%{
        transform: translateX(-120px);
    } 100% {
        transform: translateX(0px);
    }
}

.why-con{
    transition: all 0.5s ease;
    animation: fadeIn 0.5s alternate;
}
@keyframes fadeIn {
    0%{
        opacity: 0;
    } 100% {
        opacity: 1;
    }
}

.fot-con{
    transition: all 0.5s ease;
    animation: sldup 0.5s alternate;
}
@keyframes sldup {
    0% {
        transform: translateY(30px);
    } 100% {
        transform: translateY(0px);
    }
}