<section className="testimonial__section bgsection pt-120 pb-120">
      {/* contaienr */}
      <div className="container">
        <div className="row justify-content-between">
          {/* col grid */}
          <div className="col-xxl-6 col-xl-6 col-lg-7">
            <div className="testimonial__content">
              <div
                className="section__header pb__60 wow fadeInUp"
                data-wow-duration="2s"
              >
                <h2>What people say about our support and services</h2>
              </div>
              <div className="testimonial__wrap__wided position-relative z-1">
                <Slider {...settings} ref={sliderRef}>
                  <div className="testimonial__items maxwidht">
                    <div className="star__grp">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                    <p>
                      Our company has seen significant improvement in efficiency
                      and accuracy since implementing AI and ML technology in
                      our processes...
                    </p>
                    <div className="client__wrap">
                      <div className="thumb">
                        <Image src={devon} alt="img" />
                      </div>
                      <div className="content">
                        <h5>Devon Lane</h5>
                        <span className="designation">Louis Vuitton</span>
                      </div>
                    </div>
                  </div>
                  <div className="testimonial__items maxwidht titems__two">
                    <div className="star__grp">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                    <p>
                      Our company has seen significant improvement in efficiency
                      and accuracy since implementing AI and ML technology in
                      our processes...
                    </p>
                    <div className="client__wrap">
                      <div className="thumb">
                        <Image src={jenny} alt="img" />
                      </div>
                      <div className="content">
                        <h5>Devon Lane</h5>
                        <span className="designation">Louis Vuitton</span>
                      </div>
                    </div>
                  </div>
                  <div className="testimonial__items maxwidht">
                    <div className="star__grp">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                    <p>
                      Our company has seen significant improvement in efficiency
                      and accuracy since implementing AI and ML technology in
                      our processes...
                    </p>
                    <div className="client__wrap">
                      <div className="thumb">
                        <Image src={devon} alt="img" />
                      </div>
                      <div className="content">
                        <h5>Devon Lane</h5>
                        <span className="designation">Louis Vuitton</span>
                      </div>
                    </div>
                  </div>
                  <div className="testimonial__items maxwidht">
                    <div className="star__grp">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                    <p>
                      Our company has seen significant improvement in efficiency
                      and accuracy since implementing AI and ML technology in
                      our processes...
                    </p>
                    <div className="client__wrap">
                      <div className="thumb">
                        <Image src={jenny} alt="img" />
                      </div>
                      <div className="content">
                        <h5>Devon Lane</h5>
                        <span className="designation">Louis Vuitton</span>
                      </div>
                    </div>
                  </div>
                </Slider>

                {/* Slider Navigation */}
                <SliderNavigation sliderRef={sliderRef} />
              </div>
              <div className="testimonial__items maxwidht testimonial__fixed">
                <div className="star__grp">
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star_half</i>
                </div>
                <p>
                  Our company has seen significant improvement in efficiency and
                  accuracy since implementing AI and ML technology in our
                  processes...
                </p>
                <div className="client__wrap">
                  <div className="thumb">
                    <Image src={kathryn} alt="img" />
                  </div>
                  <div className="content">
                    <h5>Kathryn Mrphy</h5>
                    <span className="designation">The Wait Disney Company</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          {/* col grid */}
          <div className="col-xl-5 col-xl-5 col-lg-5 col-md-8 col-sm-8">
            <div className="testimonial__thumb">
              <Image src={testimonial1} alt="client" />
              <div className="testi__dots">
                <Image src={dots_elements} alt="dots" />
              </div>
              <div className="testi__swtich">
                <Image src={swith_elements} alt="dots" />
              </div>
              <div className="testi__pinterest">
                <Image src={pinter_elements} alt="dots" />
              </div>
              <div className="testi__bell">
                <Image src={bell_elements} alt="dots" />
              </div>
              <div className="testi__facebook">
                <Image src={facebook_element} alt="dots" />
              </div>
            </div>
          </div>
          {/* col grid */}
        </div>
      </div>
      {/* contaienr */}
      {/* efect Element */}
      <div className="efect__element1">
        <Image src={efect_ball} alt="img" />
      </div>
      <div className="efect__element2">
        <Image src={efect_cross2} alt="img" />
      </div>
      <div className="efect__element4">
        <Image src={efect_trevuj} alt="img" />
      </div>
      <div className="efect__element7">
        <Image src={efect_rount} alt="img" />
      </div>
      {/* efect Element */}
    </section>

    <section className="ratting__support pt-120 pb-120">
      {/* container */}
      <div className="container">
        {/* row */}
        <div className="row justify-content-between align-items-center">
          {/* col grid */}
          <div className="col-xxl-5 col-xl-6 col-lg-6">
            <div className="support__header">
              <div className="section__header">
                <h2 className=" wow fadeInUp" data-wow-duration="1.2s">
                  User-Centered Support Ratings & Evaluations
                </h2>
                <p className="pb__32 wow fadeInUp" data-wow-duration="1.4s">
                  Machine learning is a subset of AI that involves the
                  development of algorithms and statistical models that enable a
                  system to improve its performance on a task over time through
                  experience. ML algorithms learn from data, allowing them to
                  make predictions, classNameify objects, and control systems
                  with increasing accuracy.
                </p>
                <p className="pb__40 wow fadeInUp" data-wow-duration="1.6s">
                  The integration of AI and ML is leading to the creation of
                  intelligent systems that can automate tasks, improve
                  decision-making, and drive innovation across industries.
                </p>
                <Link
                  href="/about-four"
                  className="cmn--btn wow fadeInUp"
                  data-wow-duration="1.8s"
                >
                  About us
                </Link>
              </div>
            </div>
          </div>
          {/* col grid */}
          <div className="col-xxl-6 col-xl-6 col-lg-6">
            <div className="ratting__support__wrap">
              <div
                className="ratt__supp__items wow fadeInUp"
                data-wow-duration="2.2s"
              >
                <div className="left__thumb">
                  <div className="thumb">
                    <Image src={sup_bg} alt="suport" className="img-fluid" />
                  </div>
                  <div className="ratting__wrap">
                    <div className="top__ratting">
                      <Image className="img-fluid" src={s_esther} alt="img" />
                    </div>
                    <div className="ratting">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                  </div>
                </div>
                <div className="right__content">
                  <div className="head__designation">
                    <div className="icon">
                      <i className="material-symbols-outlined">format_quote</i>
                    </div>
                    <div className="name">
                      <h5>Esther Howard</h5>
                      <span className="desig">Facebook</span>
                    </div>
                  </div>
                  <p>
                    Our company has seen significant improvement in efficiency
                    and accuracy since implementing AI and ML technology...
                  </p>
                </div>
              </div>
              <div
                className="ratt__supp__items wow fadeInUp"
                data-wow-duration="2.4s"
              >
                <div className="left__thumb">
                  <div className="thumb">
                    <Image src={sup_bg} alt="suport" className="img-fluid" />
                  </div>
                  <div className="ratting__wrap">
                    <div className="top__ratting">
                      <Image src={s_devon} alt="img" className="img-fluid" />
                    </div>
                    <div className="ratting">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                  </div>
                </div>
                <div className="right__content">
                  <div className="head__designation">
                    <div className="icon">
                      <i className="material-symbols-outlined">format_quote</i>
                    </div>
                    <div className="name">
                      <h5>Devon Lane</h5>
                      <span className="desig">Facebook</span>
                    </div>
                  </div>
                  <p>
                    Our company has seen significant improvement in efficiency
                    and accuracy since implementing AI and ML technology...
                  </p>
                </div>
              </div>
              <div
                className="ratt__supp__items wow fadeInUp"
                data-wow-duration="2.6s"
              >
                <div className="left__thumb">
                  <div className="thumb">
                    <Image src={sup_bg} alt="suport" className="img-fluid" />
                  </div>
                  <div className="ratting__wrap">
                    <div className="top__ratting">
                      <Image src={s_robert} alt="img" className="img-fluid" />
                    </div>
                    <div className="ratting">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                  </div>
                </div>
                <div className="right__content">
                  <div className="head__designation">
                    <div className="icon">
                      <i className="material-symbols-outlined">format_quote</i>
                    </div>
                    <div className="name">
                      <h5>Robert Fox</h5>
                      <span className="desig">Facebook</span>
                    </div>
                  </div>
                  <p>
                    Our company has seen significant improvement in efficiency
                    and accuracy since implementing AI and ML technology...
                  </p>
                </div>
              </div>
            </div>
          </div>
          {/* col grid */}
        </div>
        {/* row */}
      </div>
      {/* container */}
      {/* elelments */}
      <div className="support__element1">
        <Image src={devided_element2} alt="img" className="img-fluid" />
      </div>
      <div className="support__lockyello">
        <Image src={devided_lockyello} alt="img" className="img-fluid" />
      </div>
      <div className="support__blump">
        <Image src={round_devided} alt="img" className="img-fluid" />
      </div>
      <div className="support__gold">
        <Image src={global__mask} alt="img" className="img-fluid" />
      </div>
      {/* elelments */}
    </section>

<section className="testimonial__section__five bgsection pt-120 pb-120">
      {/* contaienr */}
      <div className="container">
        <div className="row justify-content-between">
          {/* col grid */}
          <div className="col-xxl-4 col-xl-4 col-lg-6">
            <div className="testimonial__content__five">
              <div className="section__header pb__40">
                <h3 className="mb-4 wow fadeInUp" data-wow-duration="1.5s">
                  Customer Satisfaction Support & Services
                </h3>
                <p className="wow fadeInDown" data-wow-duration="1.9s">
                  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>
          </div>
          {/* col grid */}
          <div className="col-xl-8 col-xl-8 col-lg-12">
            <div className="testimonial__wrap">
              <Slider {...settings} ref={sliderRef}>
                <div className="testimonial__items">
                  <div className="quote__icon">
                    <i className="material-symbols-outlined">format_quote</i>
                  </div>
                  <div className="star__grp">
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star_half</i>
                  </div>
                  <p>
                    Our company has seen significant improvement in efficiency
                    and accuracy since implementing AI and ML technology in our
                    processes...
                  </p>
                  <div className="client__wrap">
                    <div className="thumb">
                      <Image src={devon} alt="img" />
                    </div>
                    <div className="content">
                      <h5>Devon Lane</h5>
                      <span className="designation">Louis Vuitton</span>
                    </div>
                  </div>
                </div>
                <div className="testimonial__items titems__two">
                  <div className="quote__icon">
                    <i className="material-symbols-outlined">format_quote</i>
                  </div>
                  <div className="star__grp">
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star_half</i>
                  </div>
                  <p>
                    Our company has seen significant improvement in efficiency
                    and accuracy since implementing AI and ML technology in our
                    processes...
                  </p>
                  <div className="client__wrap">
                    <div className="thumb">
                      <Image src={jenny} alt="img" />
                    </div>
                    <div className="content">
                      <h5>Devon Lane</h5>
                      <span className="designation">Louis Vuitton</span>
                    </div>
                  </div>
                </div>
                <div className="testimonial__items">
                  <div className="quote__icon">
                    <i className="material-symbols-outlined">format_quote</i>
                  </div>
                  <div className="star__grp">
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star_half</i>
                  </div>
                  <p>
                    Our company has seen significant improvement in efficiency
                    and accuracy since implementing AI and ML technology in our
                    processes...
                  </p>
                  <div className="client__wrap">
                    <div className="thumb">
                      <Image src={devon} alt="img" />
                    </div>
                    <div className="content">
                      <h5>Devon Lane</h5>
                      <span className="designation">Louis Vuitton</span>
                    </div>
                  </div>
                </div>
                <div className="testimonial__items">
                  <div className="quote__icon">
                    <i className="material-symbols-outlined">format_quote</i>
                  </div>
                  <div className="star__grp">
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star</i>
                    <i className="material-symbols-outlined">star_half</i>
                  </div>
                  <p>
                    Our company has seen significant improvement in efficiency
                    and accuracy since implementing AI and ML technology in our
                    processes...
                  </p>
                  <div className="client__wrap">
                    <div className="thumb">
                      <Image src={jenny} alt="img" />
                    </div>
                    <div className="content">
                      <h5>Devon Lane</h5>
                      <span className="designation">Louis Vuitton</span>
                    </div>
                  </div>
                </div>
              </Slider>

              {/* Slider Navigation */}
              <SliderNavigation sliderRef={sliderRef} />
            </div>
          </div>
          {/* col grid */}
        </div>
      </div>
      {/* contaienr */}
    </section>

<section className="testimonial__section pt-120 pb-120">
      {/* contaienr */}
      <div className="container">
        <div className="row justify-content-between align-items-center flex-row-reverse">
          {/* col grid */}
          <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12">
            <div className="testimonial__content testimonial__content__two">
              <div className="section__header mb-2">
                <h2>User experience reports on support and services</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="testimonial__wrap__two owl-theme owl-carousel">
                <Slider {...settings} ref={sliderRef}>
                  <div className="testimonial__items">
                    <div className="star__grp">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                    <p>
                      Our company has seen significant improvement in efficiency
                      and accuracy since implementing AI and ML technology in
                      our processes...
                    </p>
                    <div className="client__wrap">
                      <div className="thumb">
                        <Image src={devon} alt="img" />
                      </div>
                      <div className="content">
                        <h5>Devon Lane</h5>
                        <span className="designation">Louis Vuitton</span>
                      </div>
                    </div>
                  </div>
                  <div className="testimonial__items titems__two">
                    <div className="star__grp">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                    <p>
                      Our company has seen significant improvement in efficiency
                      and accuracy since implementing AI and ML technology in
                      our processes...
                    </p>
                    <div className="client__wrap">
                      <div className="thumb">
                        <Image src={devon} alt="img" />
                      </div>
                      <div className="content">
                        <h5>Devon Lane</h5>
                        <span className="designation">Louis Vuitton</span>
                      </div>
                    </div>
                  </div>
                  <div className="testimonial__items">
                    <div className="star__grp">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                    <p>
                      Our company has seen significant improvement in efficiency
                      and accuracy since implementing AI and ML technology in
                      our processes...
                    </p>
                    <div className="client__wrap">
                      <div className="thumb">
                        <Image src={devon} alt="img" />
                      </div>
                      <div className="content">
                        <h5>Devon Lane</h5>
                        <span className="designation">Louis Vuitton</span>
                      </div>
                    </div>
                  </div>
                  <div className="testimonial__items">
                    <div className="star__grp">
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star</i>
                      <i className="material-symbols-outlined">star_half</i>
                    </div>
                    <p>
                      Our company has seen significant improvement in efficiency
                      and accuracy since implementing AI and ML technology in
                      our processes...
                    </p>
                    <div className="client__wrap">
                      <div className="thumb">
                        <Image src={devon} alt="img" />
                      </div>
                      <div className="content">
                        <h5>Devon Lane</h5>
                        <span className="designation">Louis Vuitton</span>
                      </div>
                    </div>
                  </div>
                </Slider>

                {/* Slider Navigation */}
                <SliderNavigation sliderRef={sliderRef} />
              </div>
            </div>
          </div>
          {/* col grid */}
          <div className="col-xxl-6 col-lg-6 col-md-10 col-sm-12">
            <div className="testimonial__thumb__two">
              <Image src={testimonial2} alt="client" className="img-fluid" />
            </div>
          </div>
          {/* col grid */}
        </div>
      </div>
      {/* contaienr */}
    </section>

<section className="testimonial__section testimonial__three__section bgsection pt-120 pb-120">
{/* contaienr */}
<div className="container">
  <div className="row justify-content-between">
    {/* col grid */}
    <div className="col-xxl-5 col-xl-5 col-lg-6">
      <div className="testi__three__wrap">
        <Slider {...settings} ref={sliderRef}>
          <div className="tesiti__three__item">
            <div className="tesiti__three__box">
              <div className="ratting__inner">
                <div className="ratting">
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                </div>
                <div className="quote">
                  <i className="material-symbols-outlined">
                    format_quote
                  </i>
                </div>
              </div>
              <p>
                Our company has seen significant improvement in efficiency
                and accuracy since implementing AI and ML technology in
                our processes. The use of AI and ML has helped us stay
                ahead of the competition and stay on the cutting...
              </p>
            </div>
            <div className="client__history">
              <div className="thumb">
                <Image src={jenny} alt="img" />
              </div>
              <div className="content">
                <h5>Jenny Wilson</h5>
                <span className="designation">Starbucks</span>
              </div>
            </div>
          </div>
          <div className="tesiti__three__item">
            <div className="tesiti__three__box">
              <div className="ratting__inner">
                <div className="ratting">
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                </div>
                <div className="quote">
                  <i className="material-symbols-outlined">
                    format_quote
                  </i>
                </div>
              </div>
              <p>
                Our company has seen significant improvement in efficiency
                and accuracy since implementing AI and ML technology in
                our processes. The use of AI and ML has helped us stay
                ahead of the competition and stay on the cutting...
              </p>
            </div>
            <div className="client__history">
              <div className="thumb">
                <Image src={jenny} alt="img" />
              </div>
              <div className="content">
                <h5>Jenny Wilson</h5>
                <span className="designation">Starbucks</span>
              </div>
            </div>
          </div>
          <div className="tesiti__three__item">
            <div className="tesiti__three__box">
              <div className="ratting__inner">
                <div className="ratting">
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                </div>
                <div className="quote">
                  <i className="material-symbols-outlined">
                    format_quote
                  </i>
                </div>
              </div>
              <p>
                Our company has seen significant improvement in efficiency
                and accuracy since implementing AI and ML technology in
                our processes. The use of AI and ML has helped us stay
                ahead of the competition and stay on the cutting...
              </p>
            </div>
            <div className="client__history">
              <div className="thumb">
                <Image src={jenny} alt="img" />
              </div>
              <div className="content">
                <h5>Jenny Wilson</h5>
                <span className="designation">Starbucks</span>
              </div>
            </div>
          </div>
          <div className="tesiti__three__item">
            <div className="tesiti__three__box">
              <div className="ratting__inner">
                <div className="ratting">
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                  <i className="material-symbols-outlined">star</i>
                </div>
                <div className="quote">
                  <i className="material-symbols-outlined">
                    format_quote
                  </i>
                </div>
              </div>
              <p>
                Our company has seen significant improvement in efficiency
                and accuracy since implementing AI and ML technology in
                our processes. The use of AI and ML has helped us stay
                ahead of the competition and stay on the cutting...
              </p>
            </div>
            <div className="client__history">
              <div className="thumb">
                <Image src={jenny} alt="img" />
              </div>
              <div className="content">
                <h5>Jenny Wilson</h5>
                <span className="designation">Starbucks</span>
              </div>
            </div>
          </div>
        </Slider>
      </div>
    </div>
    {/* col grid */}
    <div className="col-xx-6 col-xl-6 col-lg-6">
      <div className="testi__three__content">
        <div
          className="section__header pb__32 wow fadeInUp"
          data-wow-duration="2s"
        >
          <h2>User experience reports on support and services</h2>
          <p className="pb__32">
            AI refers to the ability of a computer system to perform tasks
            that would typically require human intelligence, such as
            understanding natural language, recognizing objects and
            patterns in images, and making predictions based on data.
          </p>
          <p>
            Machine learning is a subset of AI that involves the
            development of algorithms and statistical models that enable
            its performance on a task over...
          </p>
        </div>
        <div className="all__user">
          <Link href="/" className="user">
            <Image src={j6} alt="user" />
          </Link>
          <Link href="/" className="user">
            <Image src={j1} alt="user" />
          </Link>
          <Link href="/" className="user">
            <Image src={j2} alt="user" />
          </Link>
          <Link href="/" className="user">
            <Image src={j3} alt="user" />
          </Link>
          <Link href="/" className="user">
            <Image src={j4} alt="user" />
          </Link>
          <Link href="/" className="user">
            <Image src={j5} alt="user" />
          </Link>
          <Link href="/" className="user">
            <Image src={icons} alt="user" />
          </Link>
        </div>
      </div>
    </div>
    {/* col grid */}
  </div>
</div>
{/* contaienr */}
{/* efect Element */}
<div className="test__ai">
  <Image src={feature_ali} alt="img" />
</div>
<div className="efect__element2">
  <Image src={efect_cross2} alt="img" />
</div>
<div className="efect__eyollo">
  <Image src={efect_cross} alt="img" />
</div>
<div className="efect__elight">
  <Image src={light_elements} alt="img" />
</div>
<div className="efect__border">
  <Image src={efect_rount} alt="img" />
</div>
<div className="testi__robot">
  <Image src={caserobot} alt="img" className="img-fluid" />
</div>
<div className="testi__tablet">
  <Image src={efecttablet1} alt="img" />
</div>
{/* efect Element */}
</section>