/************************** 2. ABOUT PAGE CSS***********************************/



/*--------------------Animation effect start--------------------------*/

.section-left {
    opacity: 0;
    transform: translateX(-100px); /* From left */
    transition: opacity 2s ease-out, transform 2s ease-out; /* Slower transition */
}

    .section-left.show {
        opacity: 1;
        transform: translateX(0);
    }

.section-right {
    opacity: 0;
    transform: translateX(100px); /* From right */
    transition: opacity 2s ease-out, transform 2s ease-out; /* Slower transition */
}

    .section-right.show {
        opacity: 1;
        transform: translateX(0);
    }
/*--------------------Animation effect end--------------------------*/