import React from "react";
import Link from "next/link";
export default function Process() {
  return (
    <div className="section-work style-1">
      <div className="tf-container-3">
        <div className="row">
          <div className="col-lg-5">
            <div className="sticky-element left">
              <div className="heading-section mb_34">
                <div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
                  How It Works
                </div>
                <h3 className="split-text split-lines-rotation-x">
                  Turn your vision into a financially strategy
                </h3>
                <p
                  className="text-body-1 text_mono-gray-5 mt_23 wow animate__fadeInUp animate__animated"
                  data-wow-delay="0s"
                >
                  Their expert guidance in streamlining our cash flow processes
                  and optimizing operational costs has saved us 18% in annual
                  expenditures.
                </p>
              </div>
              <Link
                href={`/pricing`}
                className="tf-btn btn-dark rounded-0 btn-px-30 wow animate__fadeInUp animate__animated"
                data-wow-delay="0s"
              >
                <span>See Pricing Plan</span>
                <span className="bg-effect" />
              </Link>
            </div>
          </div>
          <div className="col-lg-7">
            <div className="step-container">
              <div className="tf-box-icon style-3 effect-icon active">
                <span className="number text-body-1">1</span>
                <div className="icon">
                  <svg
                    width={40}
                    height={40}
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      fillRule="evenodd"
                      clipRule="evenodd"
                      d="M32.0854 16.3555C31.9479 16.2783 31.7753 16.2384 31.596 16.2529C31.4967 16.261 31.3592 16.3037 30.5205 16.6857C30.1542 16.8525 29.9486 16.9485 29.79 17.0634C29.6691 17.1511 29.6301 17.2125 29.6053 17.2854C29.6032 17.2944 29.5971 17.3271 29.5924 17.4041C29.5844 17.533 29.5839 17.7045 29.5839 18.0074V25.3259C29.5839 25.6288 29.5844 25.8003 29.5924 25.9292C29.5971 26.0062 29.6032 26.0389 29.6053 26.0479C29.6301 26.1208 29.669 26.1822 29.79 26.2699C29.9486 26.3848 30.1542 26.4808 30.5205 26.6476C31.3592 27.0296 31.4967 27.0724 31.596 27.0804C31.7753 27.0949 31.9479 27.055 32.0854 26.9778C32.1486 26.9423 32.2336 26.8713 32.8018 26.1811C33.0308 25.9031 33.2442 25.657 33.45 25.4196C33.757 25.0657 34.0472 24.7311 34.3474 24.3383C34.8142 23.7273 35.1396 23.1721 35.2873 22.6313C35.4605 21.9972 35.4605 21.3361 35.2873 20.702C35.1969 20.371 35.0168 20.0043 34.6299 19.4549C34.2342 18.8932 33.68 18.2189 32.882 17.2495C32.7678 17.1108 32.6929 17.0143 32.6276 16.93C32.5492 16.8289 32.4844 16.7454 32.3816 16.6276C32.2366 16.4615 32.144 16.3884 32.0854 16.3555ZM29.606 26.0506C29.606 26.0506 29.6058 26.0499 29.6053 26.0481L29.606 26.0506ZM29.606 17.2827C29.606 17.2828 29.6058 17.2837 29.6053 17.2852L29.606 17.2827ZM31.3945 13.7611C32.0568 13.7075 32.7273 13.8489 33.309 14.1754C33.7272 14.4101 34.0393 14.7251 34.2649 14.9835C34.3895 15.1262 34.5579 15.3398 34.6805 15.4952C34.7371 15.567 34.7839 15.6263 34.812 15.6605L33.847 16.455L34.812 15.6605L34.8428 15.6979C35.6029 16.621 36.2175 17.3676 36.6737 18.0152C37.1448 18.684 37.5017 19.3212 37.6989 20.0432C37.99 21.1086 37.99 22.2247 37.6989 23.2901C37.4271 24.2852 36.8799 25.1416 36.3338 25.8562C36.0032 26.2888 35.6023 26.7534 35.2492 27.1626C35.056 27.3864 34.8772 27.5937 34.7319 27.7702L33.7669 26.9756L34.7319 27.7702C34.6998 27.8092 34.6677 27.8482 34.6358 27.8872C34.234 28.3774 33.8374 28.8614 33.309 29.1579C32.7273 29.4844 32.0568 29.6258 31.3945 29.5723C30.7983 29.524 30.2292 29.2636 29.6243 28.9868C29.5778 28.9655 29.5312 28.9441 29.4842 28.9227C29.4504 28.9074 29.4141 28.8911 29.3755 28.8739C28.7819 28.6087 27.6627 28.1086 27.2364 26.8468C27.0813 26.3879 27.0826 25.8973 27.0837 25.4408C27.0838 25.4022 27.0839 25.3639 27.0839 25.3259V18.0074C27.0839 17.9694 27.0838 17.9311 27.0837 17.8926C27.0826 17.436 27.0813 16.9454 27.2364 16.4865C27.6627 15.2247 28.7819 14.7246 29.3755 14.4594C29.4141 14.4422 29.4504 14.426 29.4842 14.4106C29.5312 14.3892 29.5778 14.3678 29.6243 14.3466C30.2292 14.0698 30.7983 13.8093 31.3945 13.7611Z"
                      fill="#121416"
                    />
                    <path
                      fillRule="evenodd"
                      clipRule="evenodd"
                      d="M7.90244 16.4064C8.06687 16.2834 8.19868 16.2365 8.40526 16.2533C8.5046 16.2613 8.64209 16.304 9.4808 16.686C10.1201 16.9772 10.1972 17.0261 10.2403 17.0636C10.315 17.1285 10.3455 17.1821 10.3704 17.283C10.4071 17.4317 10.4174 17.6294 10.4174 18.0077V25.3262C10.4174 25.7046 10.4071 25.9022 10.3704 26.051C10.3455 26.1518 10.315 26.2055 10.2403 26.2704C10.1972 26.3079 10.1201 26.3568 9.48081 26.648C8.64209 27.03 8.5046 27.0727 8.40526 27.0807C8.20323 27.0971 8.07739 27.0527 7.92834 26.9466C7.72706 26.8035 7.52444 26.5762 7.19946 26.1815C6.97052 25.9034 6.75714 25.6574 6.55127 25.42C6.24434 25.0661 5.95411 24.7314 5.65394 24.3386C5.18708 23.7276 4.86175 23.1725 4.71401 22.6317C4.54078 21.9976 4.54078 21.3364 4.71401 20.7023C4.80443 20.3714 4.98446 20.0046 5.37143 19.4553C5.76711 18.8935 6.32126 18.2192 7.11932 17.2499C7.47075 16.823 7.67975 16.573 7.90244 16.4064ZM5.18929 15.6608L6.1543 16.4553L5.18929 15.6608L5.15847 15.6983C4.39845 16.6214 3.78383 17.3679 3.3276 18.0156C2.85651 18.6843 2.49963 19.3215 2.30239 20.0435C2.01133 21.1089 2.01133 22.2251 2.30239 23.2905C2.57421 24.2855 3.12143 25.1419 3.66752 25.8565C3.99811 26.2892 4.39899 26.7537 4.75212 27.1629C4.94527 27.3867 5.12415 27.594 5.26943 27.7705L6.23444 26.976L5.26943 27.7705C5.28471 27.789 5.30029 27.808 5.31618 27.8274C5.88936 28.5254 6.865 29.7135 8.60679 29.5726C9.20297 29.5244 9.77215 29.2639 10.377 28.9871C10.4235 28.9658 10.4701 28.9445 10.5171 28.9231C10.5534 28.9065 10.5898 28.89 10.6261 28.8736C11.0806 28.6675 11.5258 28.4657 11.8809 28.1568C12.919 27.254 12.918 26.0623 12.9175 25.3733C12.9174 25.3573 12.9174 25.3416 12.9174 25.3262V18.0077C12.9174 17.9923 12.9174 17.9767 12.9175 17.9607C12.918 17.2716 12.919 16.08 11.8809 15.1772C11.5258 14.8683 11.0806 14.6665 10.6261 14.4604C10.5898 14.4439 10.5534 14.4275 10.5171 14.4109C10.4702 14.3895 10.4235 14.3682 10.377 14.3469C9.77215 14.0701 9.20297 13.8096 8.60679 13.7614C6.84856 13.6192 5.85495 14.8421 5.28724 15.5408C5.25307 15.5828 5.22044 15.623 5.18929 15.6608Z"
                      fill="#121416"
                    />
                    <path
                      fillRule="evenodd"
                      clipRule="evenodd"
                      d="M20.0002 6.25C14.0595 6.25 9.5835 10.3413 9.5835 15V16.25H7.0835V15C7.0835 8.61296 13.0542 3.75 20.0002 3.75C26.9461 3.75 32.9168 8.61296 32.9168 15V16.25H30.4168V15C30.4168 10.3413 25.9408 6.25 20.0002 6.25Z"
                      fill="#121416"
                    />
                    <path
                      fillRule="evenodd"
                      clipRule="evenodd"
                      d="M31.6675 27.084C32.3578 27.084 32.9175 27.6436 32.9175 28.334V29.6673C32.9175 33.5491 29.0984 36.2507 25.0008 36.2507H21.6675C20.9771 36.2507 20.4175 35.691 20.4175 35.0007C20.4175 34.3103 20.9771 33.7507 21.6675 33.7507H25.0008C28.2671 33.7507 30.4175 31.6766 30.4175 29.6673V28.334C30.4175 27.6436 30.9771 27.084 31.6675 27.084Z"
                      fill="#121416"
                    />
                  </svg>
                </div>
                <div className="content">
                  <h6 className="title">
                    Initial Consultation &amp; Assessment
                  </h6>
                  <p className="text-body-2 text_mono-gray-5">
                    Understand your spending habits and make informed decisions.
                    We can make it!
                  </p>
                </div>
              </div>
              <div className="tf-box-icon style-3 effect-icon">
                <span className="number text-body-1">2</span>
                <div className="icon">
                  <svg
                    width={40}
                    height={40}
                    viewBox="0 0 40 40"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M13.3325 33.3333C12.4758 34.4957 12.1282 34.9001 11.4237 34.9881C10.7193 35.0761 10.2322 34.6728 9.25814 33.8662C5.63434 30.8656 3.33252 26.3756 3.33252 21.3579C3.33252 12.3237 10.7944 5 19.9992 5C29.2039 5 36.6659 12.3237 36.6659 21.3579C36.6659 26.3756 34.364 30.8656 30.7402 33.8662C29.7661 34.6728 29.2791 35.0761 28.5746 34.9881C27.8702 34.9001 27.5226 34.4957 26.6659 33.3333"
                      stroke="#121416"
                      strokeWidth="2.5"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    />
                    <path
                      d="M22.499 17.5L29.999 8.33337"
                      stroke="#121416"
                      strokeWidth="2.5"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    />
                    <circle
                      cx="19.999"
                      cy={20}
                      r="2.5"
                      stroke="#121416"
                      strokeWidth="2.5"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    />
                  </svg>
                </div>
                <div className="content">
                  <h6 className="title">
                    Strategic Planning &amp; Development
                  </h6>
                  <p className="text-body-2 text_mono-gray-5">
                    Develop a comprehensive financial strategy that aligns with
                    your long-term goals.
                  </p>
                </div>
              </div>
              <div className="tf-box-icon style-3 effect-icon">
                <span className="number text-body-1">3</span>
                <div className="icon">
                  <svg
                    width={34}
                    height={34}
                    viewBox="0 0 34 34"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M10.3335 25.3333L10.3335 20.3333"
                      stroke="#141B34"
                      strokeWidth="2.5"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    />
                    <path
                      d="M17 20.3333L17 11.9999"
                      stroke="#141B34"
                      strokeWidth="2.5"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    />
                    <path
                      d="M23.6665 12L23.6665 7"
                      stroke="#141B34"
                      strokeWidth="2.5"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    />
                    <path
                      d="M30.3335 13.6667L30.3335 3.66675"
                      stroke="#141B34"
                      strokeWidth="2.5"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                    />
                    <path
                      d="M2 2V20.3333C2 25.8331 2 28.5829 3.70854 30.2915C5.41709 32 8.16695 32 13.6667 32H32"
                      stroke="#141B34"
                      strokeWidth="2.5"
                      strokeLinecap="round"
                    />
                  </svg>
                </div>
                <div className="content">
                  <h6 className="title">Ongoing Monitor &amp; Adjustments</h6>
                  <p className="text-body-2 text_mono-gray-5">
                    Continuously monitor your financial progress and adapt the
                    plan as needed.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
