.hero-section {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease;
}

    .hero-section.show {
        opacity: 1;
        transform: translateY(0);
    }

/* Optional: extra animation for left & right columns */
.hero-col-1:nth-child(1) {
    opacity: 0;
    transform: translateX(-80px);
    transition: all 1s ease 0.2s;
}

.hero-col-1:nth-child(2) {
    opacity: 0;
    transform: translateX(80px);
    transition: all 1s ease 0.4s;
}

.hero-section.show .hero-col-1:nth-child(1),
.hero-section.show .hero-col-1:nth-child(2) {
    opacity: 1;
    transform: translateX(0);
}














/* Initial hidden states */
.success-story {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s ease;
}

    .success-story.show {
        opacity: 1;
        transform: translateY(0);
    }

    /* Heading animations */
    .sucess-top-heading,
    .success-story h2 {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease;
    }

    .success-story.show .sucess-top-heading {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.2s;
    }

    .success-story.show h2 {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.4s;
    }

/* Line animation */
.sucess-line {
    width: 0;
    height: 3px;
    background-color: #f76301;
    transition: width 0.8s ease;
}

.success-story.show .sucess-line {
    width: 60px;
}

/* Stats items */
.stat-item {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.8s ease;
}

.success-story.show .stat-item {
    opacity: 1;
    transform: scale(1);
}

    .success-story.show .stat-item:nth-child(1) {
        transition-delay: 0.6s;
    }

    .success-story.show .stat-item:nth-child(2) {
        transition-delay: 0.8s;
    }

    .success-story.show .stat-item:nth-child(3) {
        transition-delay: 1s;
    }

    .success-story.show .stat-item:nth-child(4) {
        transition-delay: 1.2s;
    }










/* Base hidden state for all items */
.about-section * {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease-out;
}

.about-section.show * {
    opacity: 1;
    transform: translateY(0);
}

/* Custom directions */
.about-section .about-col-1:first-child {
    transform: translateX(-80px);
    transition: all 1s ease-out;
}

.about-section.show .about-col-1:first-child {
    transform: translateX(0);
    opacity: 1;
}

.about-section .about-col-1:last-child {
    transform: translateX(80px);
    transition: all 1s ease-out;
}

.about-section.show .about-col-1:last-child {
    transform: translateX(0);
    opacity: 1;
}

/* Animate orange line */
.about-section .sucess-line {
    width: 0;
    height: 3px;
    background: #f76301;
    transition: width 0.8s ease;
}

.about-section.show .sucess-line {
    width: 60px;
}

/* Staggered effects */
.about-section.show .sucess-top-heading {
    transition-delay: 0.2s;
}

.about-section.show h2 {
    transition-delay: 0.4s;
}

.about-section.show .about-list:nth-of-type(1) {
    transition-delay: 0.6s;
}

.about-section.show .about-list:nth-of-type(2) {
    transition-delay: 0.8s;
}

.about-section.show .about-bottom-btn {
    transition-delay: 1s;
}

/* Buttons smooth zoom pop */
.about-section .about-bottom-btn button {
    transform: scale(0.8);
    transition: all 0.6s ease;
}

.about-section.show .about-bottom-btn button {
    transform: scale(1);
    opacity: 1;
}











.benifit-col-1 {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

    .benifit-col-1.show {
        opacity: 1;
        transform: translateY(0);
    }

    /* Optional polish */
    .benifit-col-1:hover {
        transform: translateY(-5px);
        transition: transform 0.5s ease;
    }












.trusted-partner-col-1 {
    opacity: 0;
    transform: translateY(80px); /* start from bottom */
    transition: opacity 0.8s ease, transform 0.8s ease;
}

    .trusted-partner-col-1.show {
        opacity: 1;
        transform: translateY(0);
    }

    /* Optional hover effect for polish */
    .trusted-partner-col-1:hover {
        transform: translateY(-5px);
        transition: transform 0.5s ease;
    }




















.testmonial-col-1,
.testmonial-col-2 {
    opacity: 0;
    transition: all 1s ease;
}

/* left column from left */
.testmonial-col-1 {
    transform: translateX(-100px);
}

/* right column from right */
.testmonial-col-2 {
    transform: translateX(100px);
}

    /* animation active */
    .testmonial-col-1.show-left,
    .testmonial-col-2.show-right {
        opacity: 1;
        transform: translateX(0);
    }














.portfolio-our-client-main-col-1 {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.6s ease-out;
}

    .portfolio-our-client-main-col-1.visible {
        opacity: 1;
        transform: translateY(0);
    }










/* Initial hidden state */
.ur-service-top-main-col-1 {
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-out;
}

    .ur-service-top-main-col-1.left {
        transform: translateX(-100px);
    }

    /* Visible state */
    .ur-service-top-main-col-1.visible {
        opacity: 1;
        transform: translateX(0);
    }


.about-our-mission-column {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.8s ease-out;
}

    .about-our-mission-column.visible {
        opacity: 1;
        transform: translateY(0);
    }


.service-page-grid-col-1 {
    opacity: 0;
    transform: translateY(60px) scale(0.95);
    transition: all 0.8s ease-out;
}

    .service-page-grid-col-1.visible {
        opacity: 1;
        transform: translateY(0) scale(1);
    }








/* Initial hidden state */
.how-it-works-steps-col-1 {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.9s ease;
}

/* Left side ke liye */
.how-it-works-steps-column:nth-child(even) .how-it-works-steps-col-1:first-child {
    transform: translateX(-80px);
}

/* Right side ke liye */
.how-it-works-steps-column:nth-child(odd) .how-it-works-steps-col-1:last-child {
    transform: translateX(80px);
}

/* Visible hone ke baad */
.how-it-works-steps-col-1.visible {
    opacity: 1;
    transform: translateX(0) translateY(0);
}

/* Initial hidden state */
.platform-table tr {
    opacity: 0;
    transform: translateY(40px) scale(0.98);
    transition: all 0.8s ease;
}

    /* Active animation */
    .platform-table tr.show {
        opacity: 1;
        transform: translateY(0) scale(1);
    }