/* .fi-sidebar .fi-sidebar-item {
    animation: item 0.25s linear;
} */



/* .fi-header-heading {
    animation: textani 0.35s ease-in;

} */

.fi-section-header-heading {
    color: #3EC9C1 !important;
    /* สีทอง */
}

.fi-page {
    animation: textani 0.35s ease-in;

}

@keyframes item {

    0% {
        visibility: hidden;
        opacity: 10%;
        transform: translateX(0.2rem);

    }

    100% {


        visibility: visible;
        opacity: 100%;
        transform: translateX(0rem);


    }
}

@keyframes textani {

    0% {
        visibility: hidden;
        opacity: 10%;
        transform: translateY(1rem);

    }

    100% {


        visibility: visible;
        opacity: 100%;
        transform: translateY(0rem);


    }
}