<div class="gap-bottom-equal edu-about-area about-style-2">
    <div class="container edublink-animated-shape">
        <div class="row g-5 align-items-center">
            <div class="col-lg-7">
                <div class="about-image-gallery">
                    <img class="main-img-1" src="<?php echo front_css(); ?>images/about/about-03.webp" alt="About Image">
                    <div class="author-box" data-parallax='{"x": 0, "y": -120}'>
                        <div class="inner">
                            <div class="thumb">
                                <img src="<?php echo front_css(); ?>images/about/shape-03.png" alt="Shape Image">
                            </div>
                        </div>
                    </div>
                    <div class="award-status bounce-slide">
                        <div class="inner">
                            <div class="icon">
                                <i class="icon-30"></i>
                            </div>
                            <div class="content">
                                <h6 class="title">20K+</h6>
                                <span class="subtitle">Enrolled Learners</span>
                            </div>
                        </div>
                    </div>
                    <ul class="shape-group">
                        <li class="shape-1 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                            <img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-38.png" alt="Shape">
                        </li>
                        <li class="shape-2 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                            <img data-depth="-2" src="<?php echo front_css(); ?>images/about/shape-37.png" alt="Shape">
                        </li>
                        <li class="shape-3 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                            <img data-depth="1.8" src="<?php echo front_css(); ?>images/about/shape-04.png" alt="Shape">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="about-content">
                    <div class="section-title section-left" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <h2 class="title">Congratulations on Taking the  <span class="color-secondary">First Step!</span></h2>
                        <span class="shape-line"><i class="icon-19"></i></span>
                        <p>You've just embarked on a journey to unlock your true potential and acquire valuable knowledge. We're genuinely excited that you've selected <?php echo base_url(); ?> to be your partner on this learning adventure.</p>
                    </div>
                  
                </div>
            </div>
        </div>
        <ul class="shape-group">
            <li class="shape-1 circle scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                <span data-depth="-2.3"></span>
            </li>
        </ul>
    </div>
</div>