diff --git a/src/example/Course_about.jsx b/src/example/Course_about.jsx
index e4cb1d5..3d3b16e 100644
--- a/src/example/Course_about.jsx
+++ b/src/example/Course_about.jsx
@@ -411,11 +411,12 @@ const About = () => {
           <div className="content wrapper-continer">
             {tabItems.map(({ id, section_class }) => {
               return active === id ? (
+                <AnimationOnScroll duration={1.5} animateIn="animate__animated animate__fadeInLeft">
                 <div
                   key={id}
                   className={`about-course-tabs`}
                   dangerouslySetInnerHTML={{ __html: data?.overview }}
-                ></div>
+                ></div></AnimationOnScroll>
               ) : (
                 ""
               );