"use client";

import React from "react";

const AboutTwo = () => {
    return (
        <section className="about-two">
            <div className="about-two__shape"></div>
            <img
                src="https://bracketweb.com/pelocishtml/assets/images/shapes/home-two-about-shape-1.png"
                alt="shape"
                className="about-two__shape__two"
            />
            <img
                src="https://bracketweb.com/pelocishtml/assets/images/shapes/home-two-about-shape-2.png"
                alt="shape"
                className="about-two__shape__three"
            />
            <div className="container">
                <div className="row align-items-center">
                    <div className="col-xl-6">
                        <div className="about-two__img">
                            <img
                                src="https://bracketweb.com/pelocishtml/assets/images/resources/about-2-1.jpg"
                                alt="about"
                            />
                        </div>
                    </div>
                    <div className="col-xl-6">
                        <div className="about-two__content">
                            <div className="sec-title">
                                <span className="about-two__dot-circle"></span>
                                <div className="sec-title__shape"></div>
                                <h6 className="sec-title__tagline">OUR ABOUT COMPANY</h6>
                                <h3 className="sec-title__title">Psychology Seeks To Explore The About Workings of Human</h3>
                            </div>
                            <p className="about-two__text">
                                Business tailored design, management & support services Business
                                business agency elit, sed do eiusmod tempor &nbsp;majority have
                                in some we form, by injected humour solution.
                            </p>
                            <ul className="about-two__list">
                                <li>
                                    <span className="icon-social-care"></span>
                                    <div className="about-two__list__content">
                                        <h3 className="about-two__list__title">Behavioral Psychology</h3>
                                        <p className="about-two__list__text">Supporting individuals inovercoming and for their
                                            quality of life whether solution.</p>
                                    </div>
                                </li>
                                 <li>
                                    <span className="icon-social-care"></span>
                                    <div className="about-two__list__content">
                                        <h4 className="about-two__list__title">Behavioral Psychology</h4>
                                        <p className="about-two__list__text">Supporting individuals inovercoming and for their
                                            quality of life whether solution.</p>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
};

export default AboutTwo;
