<section className="efective__section bg__white pt-120 pb-120">
{/* container */}
<div className="container">
  <div className="row justify-content-between flex-row-reverse">
    {/* col grid */}
    <div className="col-xl-6 col-lg-7">
      <div className="efective__content">
        <div className="section__header pb__32">
          <h2 className="wow fadeInUp" data-wow-duration="1s">
            Step-by-step user manual for effective and efficient use
          </h2>
          <p className="wow fadeInDown" data-wow-duration="2s">
            AI is the broader concept of machines being able to perform
            tasks that would normally require human intelligence, such as
            visual perception, speech recognition, and language
            translation.
          </p>
        </div>
        <div className="efective__data__wrapper">
          <div
            className="efect__data__iems wow fadeInUp"
            data-wow-duration="1s"
          >
            <div className="icons">
              <Image src={braindata} alt="icon" />
            </div>
            <div className="content">
              <h5>Data Generated</h5>
              <p>
                The integration of AI and ML is leading to the creation of
                intelligent systems that can automate tasks, improve
                decision-making
              </p>
            </div>
          </div>
          <div
            className="efect__data__iems wow fadeInUp"
            data-wow-duration="2s"
          >
            <div className="icons icons2">
              <Image src={datastored} alt="icon" />
            </div>
            <div className="content">
              <h5>Data Stored</h5>
              <p>
                The integration of AI and ML is leading to the creation of
                intelligent systems that can automate tasks, improve
                decision-making
              </p>
            </div>
          </div>
          <div
            className="efect__data__iems wow fadeInUp"
            data-wow-duration="2.2s"
          >
            <div className="icons icons3">
              <Image src={dataprocessing} alt="icon" />
            </div>
            <div className="content">
              <h5>Data Processing</h5>
              <p>
                The integration of AI and ML is leading to the creation of
                intelligent systems that can automate tasks, improve
                decision-making
              </p>
            </div>
          </div>
          <div
            className="efect__data__iems wow fadeInUp"
            data-wow-duration="2.5s"
          >
            <div className="icons icons4">
              <Image src={actionable} alt="icon" />
            </div>
            <div className="content">
              <h5>Actionable Insights</h5>
              <p>
                The integration of AI and ML is leading to the creation of
                intelligent systems that can automate tasks, improve
                decision-making
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    {/* col grid */}
    <div className="col-xl-5 col-lg-5 col-md-12">
      <div className="efective__thumb">
        <Image src={efective} alt="efective" className="img-fluid" />
        {/* efect Element */}
        <div className="efect__element2">
          <Image src={efect_cross2} alt="img" />
        </div>
        <div className="efect__element3">
          <Image src={efect_cross} alt="img" />
        </div>
        <div className="efect__element4">
          <Image src={efect_trevuj} alt="img" />
        </div>
        <div className="efect__element5">
          <Image src={efecttablet1} alt="img" />
        </div>
        <div className="efect__element6">
          <Image src={efecttablet2} alt="img" />
        </div>
        <div className="efect__element7">
          <Image src={efect_rount} alt="img" />
        </div>
        {/* efect Element */}
      </div>
    </div>
    {/* col grid */}
  </div>
</div>
{/* container */}
{/* elements */}
<div className="eye__elements">
  <Image src={eye_element} alt="eye" className="img-fluid" />
</div>
<div className="efect__element1">
  <Image src={efect_ball} alt="img" className="img-fluid" />
</div>
{/* elements */}
</section>

    <section className="efective__section efective__system__section bgsection pt-120 pb-120">
      {/* container */}
      <div className="container">
        <div className="row justify-content-between">
          {/* col grid */}
          <div className="col-xl-6 col-lg-7">
            <div className="efective__content efective__data__system">
              <div
                className="section__header pb__32 wow fadeInUp"
                data-wow-duration="2s"
              >
                <h2>Detailed Guide on How the System Works and Operates</h2>
                <p>
                  AI is the broader concept of machines being able to perform
                  tasks that would normally require human intelligence, such as
                  visual perception, speech recognition, and language
                  translation.
                </p>
              </div>
              <div className="efective__data__wrapper">
                <div className="row g-3">
                  <div
                    className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 wow fadeInUp"
                    data-wow-duration="2.1s"
                  >
                    <div className="efect__data__iems d-grid">
                      <div className="icons">
                        <Image
                          src={braindata}
                          alt="icon"
                          className="img-fluid"
                        />
                      </div>
                      <div className="content">
                        <h5>Data Generated</h5>
                        <p>
                          The integration of AI and ML is leading to the
                          creation of intelligent systems
                        </p>
                      </div>
                    </div>
                  </div>
                  <div
                    className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 wow fadeInUp"
                    data-wow-duration="2.4s"
                  >
                    <div className="efect__data__iems d-grid">
                      <div className="icons icons2">
                        <Image src={datastored} alt="icon" />
                      </div>
                      <div className="content">
                        <h5>Data Stored</h5>
                        <p>
                          The integration of AI and ML is leading to the
                          creation of intelligent systems
                        </p>
                      </div>
                    </div>
                  </div>
                  <div
                    className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 wow fadeInUp"
                    data-wow-duration="2.6s"
                  >
                    <div className="efect__data__iems d-grid">
                      <div className="icons icons3">
                        <Image src={dataprocessing} alt="icon" />
                      </div>
                      <div className="content">
                        <h5>Data Processing</h5>
                        <p>
                          The integration of AI and ML is leading to the
                          creation of intelligent systems
                        </p>
                      </div>
                    </div>
                  </div>
                  <div
                    className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 wow fadeInUp"
                    data-wow-duration="2.8s"
                  >
                    <div className="efect__data__iems d-grid">
                      <div className="icons icons4">
                        <Image src={actionable} alt="icon" />
                      </div>
                      <div className="content">
                        <h5>Actionable Insights</h5>
                        <p>
                          The integration of AI and ML is leading to the
                          creation of intelligent systems
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          {/* col grid */}
          <div className="col-xl-5 col-lg-5 col-md-12">
            <div className="efective__system">
              <Image src={efectsystem} alt="efective" />
            </div>
          </div>
          {/* col grid */}
        </div>
      </div>
      {/* container */}
      {/* elements */}
      <div className="efect__element1">
        <Image src={efect_ball} alt="img" />
      </div>
      <div className="efect__three">
        <Image src={dround} alt="img" />
      </div>
      <div className="efect__rount">
        <Image src={efect_rount} alt="img" />
      </div>
      <div className="efect__cross">
        <Image src={efect_cross2} alt="img" />
      </div>
      {/* elements */}
    </section>

<section className="efective__section efective__section__three bg__white pt-120 pb-120">
{/* container */}
<div className="container">
  <div className="row justify-content-between align-items-center">
    {/* col grid */}
    <div className="col-xl-6 col-lg-7">
      <div className="efective__content">
        <div className="section__header pb__32">
          <h2 className="wow fadeInUp" data-wow-duration="1.2s">
            User-Friendly Instruction Set for Quick and Easy Navigation
          </h2>
          <p className="wow fadeInUp" data-wow-duration="1.5s">
            AI is the broader concept of machines being able to perform
            tasks that would normally require human intelligence, such as
            visual perception, speech recognition, and language
            translation.
          </p>
        </div>
        <div
          className="efective__data__wrapper wow fadeInUp"
          data-wow-duration="2.2s"
        >
          <div className="efect__data__iems">
            <div className="icons">1</div>
            <div className="content">
              <h5>Data Generated</h5>
              <p>
                The integration of AI and ML is leading to the creation of
                intelligent systems that can automate tasks, improve
                decision-making
              </p>
            </div>
          </div>
          <div className="efect__data__iems">
            <div className="icons icons2">2</div>
            <div className="content">
              <h5>Data Stored</h5>
              <p>
                The integration of AI and ML is leading to the creation of
                intelligent systems that can automate tasks, improve
                decision-making
              </p>
            </div>
          </div>
          <div className="efect__data__iems">
            <div className="icons icons3">3</div>
            <div className="content">
              <h5>Data Processing</h5>
              <p>
                The integration of AI and ML is leading to the creation of
                intelligent systems that can automate tasks, improve
                decision-making
              </p>
            </div>
          </div>
          <div className="efect__data__iems">
            <div className="icons icons4">4</div>
            <div className="content">
              <h5>Actionable Insights</h5>
              <p>
                The integration of AI and ML is leading to the creation of
                intelligent systems that can automate tasks, improve
                decision-making
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    {/* col grid */}
    <div className="col-xl-5 col-lg-5 col-md-12">
      <div className="efective__thumb">
        <Image src={machine_ai} alt="efective" className="img-fluid" />
        {/* efect Element */}
        <div className="efect__ecross">
          <Image src={efect_cross2} alt="img" />
        </div>
        <div className="efect__elyellow">
          <Image src={efect_cross} alt="img" />
        </div>
        <div className="efect__element4">
          <Image src={efect_trevuj} alt="img" />
        </div>
        <div className="teser__trvuj">
          <Image src={efect_trevuj} alt="img" />
        </div>
        <div className="efect__tablet">
          <Image src={efecttablet1} alt="img" />
        </div>
        <div className="efect__eleround">
          <Image src={efect_rount} alt="img" />
        </div>
        {/* efect Element */}
      </div>
    </div>
    {/* col grid */}
  </div>
</div>
{/* container */}
{/* elements */}
<div className="efect__light1">
  <Image src={light_elements} alt="img" />
</div>
<div className="efect__light2">
  <Image src={light_elements} alt="img" />
</div>
<div className="check__ai">
  <Image src={checkai} alt="img" className="img-fluid" />
</div>
<div className="efect__tb1">
  <Image src={efecttablet2} alt="efect1" />
</div>
<div className="efect__tbgold">
  <Image src={real} alt="efect1" />
</div>
{/* elements */}
</section>

<section className="feature__work__section bg__white pt-120 pb-120">
      {/* container */}
      <div className="container">
        {/* Section header */}
        <div
          className="section__header section__center pb__60 wow fadeInUp"
          data-wow-duration="2s"
        >
          <h2>How It’s Work</h2>
          <p>
            AI is the broader concept of machines being able to carry out tasks
            in a way that would normally require human intelligence.
          </p>
        </div>
        {/* Section header */}
        <div className="row g-5 justify-content-between align-items-center">
          {/* col grid */}
          <div className="col-md-6 col-xl-3">
            <div className="feature__component__work feature__work__align">
              <Link href="/" className="feature__work__items">
                <div className="content">
                  <h5>Data Generated</h5>
                  <p>
                    The integration of AI and ML is leading to the creation
                    of...
                  </p>
                </div>
                <div className="icon">
                  <Image src={brain} alt="icon" />
                </div>
              </Link>
              <div className="feature__work__items">
                <div className="content">
                  <h5>Data Processing</h5>
                  <p>
                    The integration of AI and ML is leading to the creation
                    of...
                  </p>
                </div>
                <div className="icon">
                  <Image src={prosesing} alt="icon" />
                </div>
              </div>
            </div>
          </div>
          {/* col grid */}
          <div className="col-10 order-sm-3 order-xl-2 col-xl-5">
            <div className="feature__work__thumb">
              <Image src={work_feature} alt="feature" className="img-fluid" />
            </div>
          </div>
          {/* col grid */}
          <div className="col-md-6 order-sm-2 col-xl-3">
            <div className="feature__component__work">
              <div className="feature__work__items2">
                <div className="icon">
                  <Image src={stored} alt="icon" />
                </div>
                <div className="content">
                  <h5>Data Stored</h5>
                  <p>
                    The integration of AI and ML is leading to the creation
                    of...
                  </p>
                </div>
              </div>
              <div className="feature__work__items2">
                <div className="icon">
                  <Image src={solution} alt="icon" />
                </div>
                <div className="content">
                  <h5>Solutions</h5>
                  <p>
                    The integration of AI and ML is leading to the creation
                    of...
                  </p>
                </div>
              </div>
            </div>
          </div>
          {/* col grid */}
        </div>
      </div>
      {/* container */}
      {/* elements */}
      <div className="work__element1">
        <Image src={devided_element2} alt="img" className="img-fluid" />
      </div>
      <div className="work__lockyello">
        <Image src={devided_lockyello} alt="img" className="img-fluid" />
      </div>
      <div className="work__blump">
        <Image src={round_devided} alt="img" className="img-fluid" />
      </div>
      <div className="work__blump2">
        <Image src={round_devided} alt="img" className="img-fluid" />
      </div>
      {/* elements */}
    </section>

<section className="five__work__section bg__white pt-120 pb-120">
{/* container */}
<div className="container">
  {/* Header */}
  <div className="section__header section__center pb__60">
    <h2 className="wow fadeInUp" data-wow-duration="1.5s">
      How It’s Work
    </h2>
    <p className="wow fadeInUp" data-wow-duration="1.9s">
      AI is the broader concept of machines being able to carry out tasks
      in a way that would normally require human intelligence.
    </p>
  </div>
  {/* Header */}
  <div className="row g-4">
    {/* col */}
    <div
      className="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6 wow fadeInDown"
      data-wow-duration="1.2s"
    >
      <div className="five__work__items">
        <div className="icon">
          <Image src={brain} alt="icon" />
        </div>
        <div className="content">
          <h5>Data Generated</h5>
          <p>
            The integration of AI and ML is leading to the creation of...
          </p>
        </div>
      </div>
    </div>
    {/* col */}
    <div
      className="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6 wow fadeInDown"
      data-wow-duration="1.4s"
    >
      <div className="five__work__items five__work__2">
        <div className="icon">
          <Image src={stored} alt="icon" />
        </div>
        <div className="content">
          <h5>Data Stored</h5>
          <p>
            The integration of AI and ML is leading to the creation of...
          </p>
        </div>
      </div>
    </div>
    {/* col */}
    <div
      className="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6 wow fadeInDown"
      data-wow-duration="1.6s"
    >
      <div className="five__work__items five__work__3">
        <div className="icon">
          <Image src={prosesing} alt="icon" />
        </div>
        <div className="content">
          <h5>Data Processing</h5>
          <p>
            The integration of AI and ML is leading to the creation of...
          </p>
        </div>
      </div>
    </div>
    {/* col */}
    <div
      className="col-xxl-3 col-xl-3 col-lg-6 col-md-6 col-sm-6 wow fadeInDown"
      data-wow-duration="1.8s"
    >
      <div className="five__work__items five__work__4">
        <div className="icon">
          <Image src={actionable} alt="icon" />
        </div>
        <div className="content">
          <h5>Actionable Insights</h5>
          <p>
            The integration of AI and ML is leading to the creation of...
          </p>
        </div>
      </div>
    </div>
    {/* col */}
  </div>
</div>
{/* container */}
{/* element */}
<div className="jav__round">
  <Image src={j_shape} alt="img" className="img-fluid" />
</div>
<div className="jthred__ball">
  <Image src={ball3d} alt="img" className="img-fluid" />
</div>
{/* element */}
</section>