/* header section code here  */
.header_section {
    transition: all 0.5s ease;
    animation: headerTransition 1s ease forwards;
}

@keyframes headerTransition {
    0% {
        transform: translateY(-100%);
    }

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


/* hero section code here  */
.hero_left {
    animation: leftSectionAnimation 1s ease forwards;
    opacity: 1;
}

@keyframes leftSectionAnimation {
    0% {
        transform: translateX(-50%);
    }

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

.hero_right {
    animation: rightSectionAnimation 1s ease forwards;
    opacity: 1;
}

@keyframes rightSectionAnimation {
    0% {
        transform: translateX(50%);
    }

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

/* services_section code here */
/* .services{
    animation: services 0.5s ease;
    opacity: 1;
}
@keyframes services {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
} */

/* about_section code here */
/* .about {
    animation: aboutAnimation 0.8s ease-in-out;
    opacity: 1;
}
@keyframes aboutAnimation {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0px);
    }
} */