<section class="about-two-area pt-120">
    <div class="about-two__shape">
        <img src="assets/images/shape/about-two-shape.png" alt="shape">
    </div>
    <div class="container">
        <div class="row g-4">
            <div class="col-xl-6 wow fadeInRight" data-wow-delay="200ms" data-wow-duration="1500ms">
                <div class="about-two__left-item">
                    <div class="dots">
                        <img class="sway_Y__animation" src="assets/images/shape/about-two-dot.png" alt="shape">
                    </div>
                    <div class="shape-halper">
                        <img class="sway__animation" src="assets/images/shape/about-circle-helper.png"
                            alt="shape">
                    </div>
                    <div class="image big-image">
                        <img src="imgupload/<?= $haqqimizda["resim"] ?>" alt="image">
                    </div>

                    <div class="circle-shape">
                        <img class="animation__rotate" src="assets/images/shape/about-two-circle.png"
                            alt="shape">
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="section-header mb-40">
                    <h5 class="wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <svg class="me-1" width="20" height="12" viewBox="0 0 20 12" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <rect x="0.75" y="0.75" width="18.5" height="10.5" rx="5.25" stroke="#3C72FC"
                                stroke-width="1.5" />
                            <mask id="path-2-inside-1_668_146" fill="white">
                                <path
                                    d="M3 6C3 3.79086 4.79086 2 7 2H13C15.2091 2 17 3.79086 17 6C17 8.20914 15.2091 10 13 10H7C4.79086 10 3 8.20914 3 6Z" />
                            </mask>
                            <path
                                d="M3 6C3 2.96243 5.46243 0.5 8.5 0.5H11.5C14.5376 0.5 17 2.96243 17 6C17 4.61929 15.2091 3.5 13 3.5H7C4.79086 3.5 3 4.61929 3 6ZM17 6C17 9.03757 14.5376 11.5 11.5 11.5H8.5C5.46243 11.5 3 9.03757 3 6C3 7.38071 4.79086 8.5 7 8.5H13C15.2091 8.5 17 7.38071 17 6ZM3 10V2V10ZM17 2V10V2Z"
                                fill="#3C72FC" mask="url(#path-2-inside-1_668_146)" />
                        </svg>
                        <?= $lan['haqqimizda-adi'] ?>
                    </h5>
                    <h2 class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms"><?= nl2br($lan['haqqimizda-altmetin']) ?></h2>
                    <p class="wow fadeInUp" data-wow-delay="400ms" data-wow-duration="1500ms"><?= nl2br($lan["haqqimizda-aciqlama"]) ?></p>
                </div>
                <div class="about-two__right-item wow fadeInDown" data-wow-delay="200ms"
                    data-wow-duration="1500ms">

                </div>
                <div class="about__info mt-50 wow fadeInDown" data-wow-delay="400ms" data-wow-duration="1500ms">
                    <a href="elaqe" class="btn-one"><?= $lan['slider-buton2'] ?> <i
                            class="fa-regular fa-arrow-right-long"></i></a>
                    <img src="assets/images/about/singature.png" alt="singature">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- About area end here -->