

export default function ProcessHomeThree() {
  return (
    <section className="mtprocess__area mtprocess__bg pt-120 pb-75 p-relative" data-bg-color="#0b0e0f" style={{ backgroundColor: `#0b0e0f` }}>
      <div className="container">
        <div className="mtprocess__shape-wrapp">
          <div className="mtprocess__shape-1">
            <img src="assets/img/process/shape-1.png" alt="" />
          </div>
          <div className="mtprocess__shape-2">
            <img src="assets/img/process/shape-1.png" alt="" />
          </div>
        </div>
        <div className="row align-items-end">
          <div className="col-lg-4">
            <div className="mtprocess mtprocess__2 mtprocess__space text-center mb-30">
              <div className="mtprocess__thumb p-relative mb-75 wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.2s">
                <img src="assets/img/process/process-1-1.jpg" alt="" />
                <div className="mtprocess__number p-relative">
                  <p><svg xmlns="http://www.w3.org/2000/svg" width="62" height="68" viewBox="0 0 62 68"
                    fill="none">
                    <path
                      d="M26 1.88675C29.094 0.100424 32.906 0.100423 36 1.88675L56.3109 13.6132C59.4049 15.3996 61.3109 18.7008 61.3109 22.2735V45.7265C61.3109 49.2992 59.4049 52.6004 56.3109 54.3868L36 66.1133C32.906 67.8996 29.094 67.8996 26 66.1133L5.68911 54.3868C2.5951 52.6004 0.689112 49.2992 0.689112 45.7265V22.2735C0.689112 18.7008 2.5951 15.3996 5.68911 13.6132L26 1.88675Z"
                      fill="#fff" />
                  </svg>
                    <span>01</span>
                  </p>
                </div>
              </div>
              <div className="mtprocess__content">
                <h3 className="mtprocess__title">Consultation & Discovery</h3>
                <p>We start by understanding your vision, <br /> goals, and unique needs.</p>
              </div>
            </div>
          </div>
          <div className="col-lg-4">
            <div className="mtprocess mtprocess__2 mtprocess__space text-center mb-30">
              <div className="mtprocess__thumb p-relative mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.3s">
                <img src="assets/img/process/process-1-2.jpg" alt="" />
                <div className="mtprocess__number mtprocess__number-2 p-relative">
                  <p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="62" height="68" viewBox="0 0 62 68"
                      fill="none">
                      <path
                        d="M26.0001 1.88675C29.0941 0.100424 32.9061 0.100423 36.0001 1.88675L56.311 13.6132C59.405 15.3996 61.311 18.7008 61.311 22.2735V45.7265C61.311 49.2992 59.405 52.6004 56.311 54.3868L36.0001 66.1133C32.9061 67.8996 29.0941 67.8996 26.0001 66.1133L5.68923 54.3868C2.59522 52.6004 0.689234 49.2992 0.689234 45.7265V22.2735C0.689234 18.7008 2.59522 15.3996 5.68923 13.6132L26.0001 1.88675Z"
                        fill="#C6F906" />
                    </svg>
                    <span>02</span>
                  </p>
                </div>
              </div>
              <div className="mtprocess__content">
                <h3 className="mtprocess__title">Execution & Construction</h3>
                <p>We start by understanding your vision, <br /> goals, and unique needs.</p>
              </div>
            </div>
          </div>
          <div className="col-lg-4">
            <div className="mtprocess mtprocess__2 mtprocess__space text-center mb-30">
              <div className="mtprocess__thumb p-relative mb-75 wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.4s">
                <img src="assets/img/process/process-1-3.jpg" alt="" />
                <div className="mtprocess__number p-relative">
                  <p><svg xmlns="http://www.w3.org/2000/svg" width="62" height="68" viewBox="0 0 62 68"
                    fill="none">
                    <path
                      d="M26 1.88675C29.094 0.100424 32.906 0.100423 36 1.88675L56.3109 13.6132C59.4049 15.3996 61.3109 18.7008 61.3109 22.2735V45.7265C61.3109 49.2992 59.4049 52.6004 56.3109 54.3868L36 66.1133C32.906 67.8996 29.094 67.8996 26 66.1133L5.68911 54.3868C2.5951 52.6004 0.689112 49.2992 0.689112 45.7265V22.2735C0.689112 18.7008 2.5951 15.3996 5.68911 13.6132L26 1.88675Z"
                      fill="#fff" />
                  </svg>
                    <span>03</span>
                  </p>
                </div>
              </div>
              <div className="mtprocess__content">
                <h3 className="mtprocess__title">Rehabilitation & Closure</h3>
                <p>We start by understanding your vision, <br /> goals, and unique needs.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
