import Image from "next/image";
import React from "react";

export default function Features2() {
  return (
    <>
      <div className="flex flex-wrap mx-[-12.5px] !mt-[-8rem] xl:!mt-[-9rem] lg:!mt-[-9rem] md:!mt-[-9rem]">
        <div className="md:w-6/12 lg:w-6/12 xl:w-3/12 w-full flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
          <div className="card lift">
            <div className="card-body p-[40px]">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 256.1 256.01"
                data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/target.svg"
                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
              >
                <path
                  className="fill-secondary"
                  d="M178.66 79.37L166.93 91.1a76.68 76.68 0 014.91 11.52 85.77 85.77 0 0114.93-1.28h1.39a93.65 93.65 0 00-9.5-21.97zM0 128a96.1 96.1 0 00109.65 95 82.93 82.93 0 01-5.65-15.42 67 67 0 01-8 .43A80 80 0 0196 48a79 79 0 0137 9.17l11.73-11.73A94.73 94.73 0 0096 32a96.14 96.14 0 00-96 96z"
                />
                <path
                  className="fill-secondary"
                  d="M37.33 128A58.78 58.78 0 0096 186.68a47.26 47.26 0 005.44-.32A82.71 82.71 0 01103 170a37.32 37.32 0 01-7 .64 42.67 42.67 0 010-85.34 32.88 32.88 0 018 .84l12.91-12.91a57 57 0 00-20.91-4A58.81 58.81 0 0037.33 128z"
                />
                <path
                  className="fill-secondary"
                  d="M96 106.68A21.33 21.33 0 10117.33 128 21.39 21.39 0 0096 106.68zm0 26.66a5.33 5.33 0 115.33-5.33 5.28 5.28 0 01-5.33 5.33z"
                />
                <path
                  className="fill-primary"
                  d="M96.1 136a8 8 0 01-5.67-13.65L159.76 53a8 8 0 0111.31 11.31l-69.33 69.33A8 8 0 0196.1 136z"
                />
                <path
                  className="fill-primary"
                  d="M194.77 64H168.1a8 8 0 01-8-8V29.34a8.08 8.08 0 012.33-5.67l21.33-21.33A8 8 0 01197.42 8v18.68h18.68a8 8 0 015.66 13.66l-21.33 21.33a8 8 0 01-5.66 2.33zm-8 53.34a69.34 69.34 0 1069.33 69.34 69.4 69.4 0 00-69.33-69.34zm29.87 56.11L182 210.78a8 8 0 01-11.09.64l-18.67-16a8 8 0 1110.41-12.15l12.84 11 29.44-31.69a8 8 0 0111.74 10.88z"
                />
              </svg>
              <h4>Career Growth</h4>
              <p className="!mb-0">
                Nulla vitae elit libero, a pharetra augue. Donec id elit non mi
                porta gravida at eget metus cras justo.
              </p>
            </div>
            {/*/.card-body */}
          </div>
          {/*/.card */}
        </div>
        {/*/column */}
        <div className="md:w-6/12 lg:w-6/12 xl:w-3/12 w-full flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
          <div className="card lift">
            <div className="card-body p-[40px]">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 256 256"
                data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/videocall.svg"
                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
              >
                <g data-name="Layer 2">
                  <path
                    className="fill-secondary"
                    d="M256 21.33v160a21.39 21.39 0 01-21.33 21.33H186a55.9 55.9 0 00-55.36-48H128V149a63.52 63.52 0 0016-22.08v27.73h96V29.33A13.33 13.33 0 00226.67 16h-69.33A13.33 13.33 0 00144 29.33v46.72a62.68 62.68 0 00-16-22.19V21.33A21.39 21.39 0 01149.33 0h85.33A21.4 21.4 0 01256 21.33z"
                  />
                  <path
                    className="fill-secondary"
                    d="M192 85.33a16 16 0 1116-16 16 16 0 01-16 16zM216 128h-48a8 8 0 01-8-8 24 24 0 0124-24h16a24 24 0 0124 24 8 8 0 01-8 8z"
                  />
                  <path
                    className="fill-primary"
                    d="M162.67 256H8a8 8 0 01-8-8v-37.33a40 40 0 0140-40h90.67a40 40 0 0140 40V248a8 8 0 01-8 8zM38.4 91.73a1.8 1.8 0 01.11-.75 48 48 0 0193.76.32c0 .11.11.32.11.43s-.32.11-.43.11C114 96.64 102.4 77.12 102 76.27a5.32 5.32 0 00-3.84-2.56 5.42 5.42 0 00-4.48 1.39c-22.62 21-52.81 17-55.26 16.63z"
                  />
                  <path
                    className="fill-primary"
                    d="M126.08 103.25c-14.4 0-24.64-10-29.76-16.43-24.32 19.08-53 16.32-58.88 15.56a21.89 21.89 0 00.21 4.6 48 48 0 0095.36-.32 18.89 18.89 0 00.21-4.28 26.93 26.93 0 01-7.14.87z"
                  />
                </g>
              </svg>
              <h4>Work From Anywhere</h4>
              <p className="!mb-0">
                Nulla vitae elit libero, a pharetra augue. Donec id elit non mi
                porta gravida at eget metus cras justo.
              </p>
            </div>
            {/*/.card-body */}
          </div>
          {/*/.card */}
        </div>
        {/*/column */}
        <div className="md:w-6/12 lg:w-6/12 xl:w-3/12 w-full flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
          <div className="card lift">
            <div className="card-body p-[40px]">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 256 234.67"
                data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/wallet.svg"
                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
              >
                <path
                  className="fill-secondary"
                  d="M184.21 42.75L161.57 4a8 8 0 00-4.91-3.76 8.1 8.1 0 00-6.12.9L81.31 42.66z"
                />
                <path
                  className="fill-primary"
                  d="M32 53.33A10.67 10.67 0 0132 32h36l35.63-21.33H32A32 32 0 00.53 37.33 10.9 10.9 0 000 40v162.67a32.09 32.09 0 0032 32h181.33a21.39 21.39 0 0021.33-21.32V192H208a48 48 0 110-96h26.67V74.69a21.39 21.39 0 00-21.33-21.33H32zM202.67 32a21.3 21.3 0 00-18.45-21.12l18.45 31.79z"
                />
                <path
                  className="fill-secondary"
                  d="M248 112h-40a32 32 0 000 64h40a8 8 0 008-8v-48a8 8 0 00-8-8zm-40 42.66A10.67 10.67 0 11218.67 144 10.68 10.68 0 01208 154.66z"
                />
              </svg>
              <h4>Smart Salary</h4>
              <p className="!mb-0">
                Nulla vitae elit libero, a pharetra augue. Donec id elit non mi
                porta gravida at eget metus cras justo.
              </p>
            </div>
            {/*/.card-body */}
          </div>
          {/*/.card */}
        </div>
        {/*/column */}
        <div className="md:w-6/12 lg:w-6/12 xl:w-3/12 w-full flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
          <div className="card lift">
            <div className="card-body p-[40px]">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 255.98 256"
                data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/alarm.svg"
                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
              >
                <path
                  className="fill-secondary"
                  d="M26.64 256a10.66 10.66 0 01-8.26-17.4l23.33-28.67a10.67 10.67 0 1116.55 13.47l-23.33 28.67a10.65 10.65 0 01-8.29 3.93zm202.69 0a10.65 10.65 0 01-8.29-3.93l-23.33-28.67a10.67 10.67 0 0116.55-13.47l23.32 28.67a10.66 10.66 0 01-8.25 17.4zM10.66 72a10.66 10.66 0 01-7.54-18.2L53.79 3.13a10.67 10.67 0 0115.09 15.08L18.21 68.88A10.68 10.68 0 0110.66 72zm234.65 0a10.55 10.55 0 01-7.53-3.12L187.1 18.21a10.67 10.67 0 1115.09-15.08l50.67 50.67a10.66 10.66 0 01-7.55 18.2z"
                />
                <path
                  className="fill-primary"
                  d="M128 32a112 112 0 10112 112A112.12 112.12 0 00128 32zm66.68 122.68H128A10.68 10.68 0 01117.31 144V80a10.68 10.68 0 0121.35 0v53.33h56a10.68 10.68 0 010 21.35z"
                />
              </svg>
              <h4>Flexible Hours</h4>
              <p className="!mb-0">
                Nulla vitae elit libero, a pharetra augue. Donec id elit non mi
                porta gravida at eget metus cras justo.
              </p>
            </div>
            {/*/.card-body */}
          </div>
          {/*/.card */}
        </div>
        {/*/column */}
      </div>
      {/*/.row */}
      <div className="flex flex-wrap mx-[-15px] md:mx-[-20px] lg:mx-[-20px] xl:mx-[-35px] items-center !mt-[70px]">
        <div className="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[80px]">
          <div className="flex flex-wrap mx-[-15px] xl:mx-[-12.5px] lg:mx-[-12.5px] md:mx-[-12.5px] !mt-[-25px]">
            <div className="w-full flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
              <figure className="!rounded-[.4rem] xl:!mx-5 lg:!mx-5 md:!mx-5">
                <Image
                  className="!rounded-[.4rem]"
                  srcSet="/assets/img/photos/g8@2x.jpg 2x"
                  alt="image"
                  src="/assets/img/photos/g8.jpg"
                  width={1120}
                  height={570}
                />
              </figure>
            </div>
            {/*/column */}
            <div className="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
              <figure className="rounded-[0.4rem]">
                <Image
                  className="rounded-[0.4rem]"
                  srcSet="/assets/img/photos/g9@2x.jpg 2x"
                  alt="image"
                  src="/assets/img/photos/g9.jpg"
                  width={293}
                  height={260}
                />
              </figure>
            </div>
            {/*/column */}
            <div className="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
              <figure className="rounded-[0.4rem]">
                <Image
                  className="rounded-[0.4rem]"
                  srcSet="/assets/img/photos/g10@2x.jpg 2x"
                  alt="image"
                  src="/assets/img/photos/g10.jpg"
                  width={293}
                  height={235}
                />
              </figure>
            </div>
            {/*/column */}
          </div>
          {/*/.row */}
        </div>
        {/*/column */}
        <div className="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[80px]">
          <h2 className="!text-[0.8rem] uppercase !text-[#aab0bc] !mb-3 !tracking-[0.02rem]">
            What Makes Us Different?
          </h2>
          <h3 className="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.25] xl:!text-[2rem] !mb-5">
            We bring solutions to make life easier for our customers.
          </h3>
          <p className="!mb-6">
            Etiam porta sem malesuada magna mollis euismod. Cum sociis natoque
            penatibus et magnis dis parturient montes, nascetur ridiculus mus.
            Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada
            magna mollis euismod. Cras justo odio, dapibus ac facilisis in,
            egestas eget quam. Maecenas sed.
          </p>
          <div className="flex flex-wrap mx-[-15px] !mt-[-40px]">
            <div className="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[40px]">
              <div className="flex flex-row">
                <div>
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 255.98 245.34"
                    data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/share.svg"
                    className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#22b573] !mr-4"
                  >
                    <g data-name="Layer 2">
                      <path
                        className="fill-secondary"
                        d="M219.1 108.48v7.68A11.89 11.89 0 01207.15 128h-19.63c-5.76 0-12-4.27-12-13.76v-5.76zm26.24-60.8a47.26 47.26 0 01-17.6 36.91 22.89 22.89 0 00-8.32 13.23h-44.06a20 20 0 00-7.79-12.69 47.13 47.13 0 01-18.24-38.4C149.86 21.34 171.09.33 196.58 0a47.34 47.34 0 0134.56 13.88 46.83 46.83 0 0114.2 33.79z"
                      />
                      <path
                        className="fill-primary"
                        d="M5.25 117.34A5.34 5.34 0 000 122.67v98.64A2.68 2.68 0 002.67 224H28a5.33 5.33 0 005.13-3.87l23.6-83.18A10.66 10.66 0 0050.1 124c-9.67-3.52-24.5-7-44.85-6.66zM234.67 176c-21.33 0-64 27-85.33 27S104 186.65 104 186.65s28.74 5.35 45.33 5.35 21.33-5.66 21.33-13.33c0-18.67-31.72-21.56-47.75-24-15.74-8.76-23.92-15.69-50-17.9a28.85 28.85 0 01-.81 4.54l-21.43 75.5c24.27 11 66.05 28.53 88 28.53 32 0 117.32-42.67 117.32-53.33S245.33 176 234.67 176z"
                      />
                    </g>
                  </svg>
                </div>
                <div>
                  <h4 className="!mb-1">Our Mission</h4>
                  <p className="!mb-0">
                    Curabitur blandit lacus porttitor ridiculus mus.
                  </p>
                </div>
              </div>
            </div>
            {/*/column */}
            <div className="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[40px]">
              <div className="flex flex-row">
                <div>
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 256 234.72"
                    data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/partnership.svg"
                    className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#22b573] !mr-4"
                  >
                    <g data-name="Layer 2">
                      <path
                        className="fill-primary"
                        d="M5.25 106.72A5.34 5.34 0 000 112.05v98.64a2.68 2.68 0 002.67 2.67H28a5.33 5.33 0 005.13-3.87L56.7 126.3a10.66 10.66 0 00-6.6-12.92c-9.67-3.52-24.5-7-44.85-6.66zm229.42 58.64c-21.33 0-64 27-85.33 27S104 176 104 176s28.74 5.33 45.33 5.33 21.33-5.66 21.33-13.33c0-18.67-31.72-21.57-47.75-24-15.74-8.77-23.92-15.69-50-17.9a28.85 28.85 0 01-.81 4.54l-21.43 75.55c24.27 11 66.05 28.53 88 28.53 32 0 117.32-42.67 117.32-53.33s-10.65-16-21.31-16z"
                      />
                      <path
                        className="fill-secondary"
                        d="M250.75 128a5.34 5.34 0 005.25-5.33V24a2.68 2.68 0 00-2.67-2.67H228a5.33 5.33 0 00-5.13 3.87l-23.6 83.19a10.66 10.66 0 006.6 12.92c9.7 3.55 24.53 7.04 44.88 6.69zM21.33 69.36c21.33 0 64-27 85.33-27S152 58.69 152 58.69s-28.72-5.33-45.31-5.33S85.34 59 85.34 66.69c0 18.67 31.72 21.57 47.75 24 15.74 8.77 23.92 15.69 50 17.9a28.85 28.85 0 01.81-4.54l21.43-75.52C181.06 17.49 139.28 0 117.34 0 85.33 0 0 42.69 0 53.36s10.67 16 21.33 16z"
                      />
                    </g>
                  </svg>
                </div>
                <div>
                  <h4 className="!mb-1">Our Values</h4>
                  <p className="!mb-0">
                    Curabitur blandit lacus porttitor ridiculus mus.
                  </p>
                </div>
              </div>
            </div>
            {/*/column */}
          </div>
          {/*/.row */}
        </div>
        {/*/column */}
      </div>
    </>
  );
}
