<section class="about">
    <div class="container">
        <h3 class="sec-tit text-center">
            <?php _e('من نحن', 'm7md') ?>
        </h3>

        <?php if (get_field('about_des', 'option')) : ?>
            <div class="about-des text-center">
                <?php the_field('about_des', 'option'); ?>
            </div>
        <?php endif; ?>

        <div class="about-info">
            <div class="row align-items-center justify-content-center">

                <?php if (get_field('about_cont', 'option')) : ?>
                    <div class="<?php echo( get_field('about_img', 'option') ? ' col-md-6' : ' col-md-8') ?>">
                        <div class="about-cont">
                            <?php the_field('about_cont', 'option'); ?>
                        </div>
                    </div>
                <?php endif; ?>

                <?php if (get_field('about_img', 'option')) : ?>
                    <div class="<?php echo( get_field('about_cont', 'option') ? ' col-md-6' : ' col-md-8') ?>">
                        <div class="about-img">
                            <img class="img-fluid"
                                 src="<?php echo get_field('about_img', 'option')['url']; ?>"
                                 alt="<?php echo get_field('about_img', 'option')['alt']; ?>">
                        </div>
                    </div>
                <?php endif; ?>

            </div>
        </div>

        <?php if (get_field('about_url', 'option')) : ?>
            <div class="more-url text-center">
                <a class="main-btn"
                   href="<?php the_field('about_url', 'option'); ?>">
                    <span><?php _e('اقرأ المزيد', 'm7md') ?></span>
                </a>
            </div>
        <?php endif; ?>

    </div>
</section>