UI Components by Shuffle

<section class="position-relative overflow-hidden">
  <div class="position-relative pt-20 pb-44 bg-secondary-dark" style="background-image: url('flex-assets/elements/pattern-dark.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(42, 51, 66, 0) 0%, #2A3342 100%);"></div>
    <div class="position-relative container" style="z-index:1;">
      <div class="mb-16 mw-md-5xl mx-auto text-center">
        <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">Contact</span>
        <h2 class="font-heading mb-4 fs-5 text-white" style="letter-spacing: -1px;">Let&rsquo;s stay connected</h2>
        <p class="mb-0 fs-9 fw-medium text-secondary-light">It&apos;s never been easier to get in touch with Flex. Call us, use our live chat widget or email and we&apos;ll get back to you as soon as possible!</p>
      </div>
      <div class="mb-16 mw-md-7xl mx-auto">
        <div class="row g-16">
          <div class="col-12 col-md-4">
            <div class="text-center">
              <svg class="mb-6 text-success" width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
                <path d="M32.21 20.82L26 14.78C25.474 14.2799 24.7759 14.001 24.05 14.001C23.3241 14.001 22.626 14.2799 22.1 14.78L15.89 20.78C15.6141 21.0209 15.3922 21.3173 15.2388 21.6499C15.0854 21.9825 15.004 22.3438 15 22.71V31.29C15.0105 32.0176 15.309 32.7114 15.8301 33.2193C16.3512 33.7273 17.0524 34.008 17.78 34H30.22C30.9476 34.008 31.6488 33.7273 32.1699 33.2193C32.691 32.7114 32.9895 32.0176 33 31.29V22.71C32.9992 22.3585 32.929 22.0106 32.7935 21.6862C32.6579 21.3619 32.4596 21.0675 32.21 20.82ZM23.44 16.22C23.593 16.0802 23.7927 16.0026 24 16.0026C24.2073 16.0026 24.407 16.0802 24.56 16.22L30 21.5L24.53 26.78C24.377 26.9198 24.1773 26.9974 23.97 26.9974C23.7627 26.9974 23.563 26.9198 23.41 26.78L18 21.5L23.44 16.22ZM31 31.29C30.9871 31.4863 30.8987 31.6699 30.7532 31.8023C30.6078 31.9347 30.4166 32.0056 30.22 32H17.78C17.5834 32.0056 17.3922 31.9347 17.2468 31.8023C17.1013 31.6699 17.0129 31.4863 17 31.29V23.35L21.05 27.25L19.39 28.85C19.2037 29.0374 19.0992 29.2908 19.0992 29.555C19.0992 29.8192 19.2037 30.0726 19.39 30.26C19.4829 30.3575 19.5946 30.4352 19.7184 30.4885C19.8421 30.5418 19.9753 30.5695 20.11 30.57C20.3675 30.569 20.6146 30.4687 20.8 30.29L22.57 28.59C23.0096 28.8586 23.5148 29.0008 24.03 29.0008C24.5452 29.0008 25.0504 28.8586 25.49 28.59L27.26 30.29C27.4454 30.4687 27.6925 30.569 27.95 30.57C28.0847 30.5695 28.2179 30.5418 28.3416 30.4885C28.4654 30.4352 28.5771 30.3575 28.67 30.26C28.8563 30.0726 28.9608 29.8192 28.9608 29.555C28.9608 29.2908 28.8563 29.0374 28.67 28.85L27 27.25L31 23.35V31.29Z" fill="#333F51"></path>
              </svg>
              <h2 class="mb-2 font-heading fs-7 text-white">Email</h2>
              <p class="mb-0 fs-9 text-secondary-light fw-medium">contact@flex.co</p>
            </div>
          </div>
          <div class="col-12 col-md-4">
            <div class="text-center">
              <svg class="mb-6 text-success" width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
                <path d="M31.4099 25C31.1899 25 30.9599 24.93 30.7399 24.88C30.2948 24.7805 29.857 24.6501 29.4299 24.49C28.966 24.3212 28.4561 24.33 27.9982 24.5146C27.5404 24.6992 27.167 25.0466 26.9499 25.49L26.7299 25.95C25.7587 25.3992 24.8616 24.7271 24.0599 23.95C23.2828 23.1484 22.6107 22.2512 22.0599 21.28L22.5199 21.07C22.9633 20.8529 23.3107 20.4795 23.4953 20.0217C23.6799 19.5639 23.6887 19.0539 23.5199 18.59C23.3611 18.159 23.2308 17.7181 23.1299 17.27C23.0799 17.05 23.0399 16.82 23.0099 16.6C22.8885 15.8956 22.5196 15.2577 21.9695 14.8012C21.4195 14.3447 20.7246 14.0996 20.0099 14.11H16.9999C16.5772 14.1094 16.1591 14.1982 15.773 14.3706C15.387 14.5429 15.0418 14.7949 14.7599 15.11C14.4722 15.4337 14.258 15.8158 14.132 16.23C14.006 16.6443 13.9712 17.081 14.0299 17.51C14.5735 21.6721 16.4751 25.5387 19.4399 28.51C22.4113 31.4748 26.2778 33.3764 30.4399 33.92C30.5697 33.9299 30.7001 33.9299 30.8299 33.92C31.5673 33.9211 32.2793 33.6505 32.8299 33.16C33.145 32.8782 33.397 32.5329 33.5693 32.1469C33.7417 31.7609 33.8305 31.3428 33.8299 30.92V27.92C33.8245 27.229 33.5808 26.5611 33.1399 26.0291C32.6989 25.4971 32.0879 25.1336 31.4099 25ZM31.8999 31C31.8996 31.1395 31.8701 31.2775 31.8132 31.4049C31.7564 31.5324 31.6735 31.6465 31.5699 31.74C31.4603 31.8399 31.3299 31.9141 31.1881 31.9573C31.0463 32.0006 30.8966 32.0117 30.7499 31.99C27.0182 31.5026 23.5502 29.802 20.8799 27.15C18.2074 24.4775 16.492 20.9974 15.9999 17.25C15.9782 17.1033 15.9894 16.9537 16.0326 16.8119C16.0758 16.67 16.1501 16.5396 16.2499 16.43C16.3445 16.3252 16.4603 16.2415 16.5896 16.1847C16.7188 16.1278 16.8587 16.0989 16.9999 16.1H19.9999C20.2311 16.0944 20.4571 16.169 20.6394 16.3112C20.8217 16.4534 20.9491 16.6544 20.9999 16.88C20.9999 17.15 21.0899 17.43 21.1499 17.7C21.2655 18.2239 21.4192 18.7386 21.6099 19.24L20.2099 19.9C19.9693 20.0105 19.7823 20.2119 19.6899 20.46C19.5899 20.7035 19.5899 20.9765 19.6899 21.22C21.1291 24.3028 23.6072 26.7808 26.6899 28.22C26.9334 28.32 27.2065 28.32 27.4499 28.22C27.6981 28.1276 27.8995 27.9406 28.0099 27.7L28.6399 26.3C29.1558 26.4881 29.6837 26.6418 30.2199 26.76C30.4799 26.82 30.7599 26.87 31.0299 26.91C31.2555 26.9608 31.4565 27.0882 31.5987 27.2705C31.7409 27.4529 31.8156 27.6788 31.8099 27.91L31.8999 31ZM25.9999 14C25.7699 14 25.5299 14 25.2999 14C25.0347 14.0225 24.7893 14.1495 24.6177 14.353C24.4461 14.5565 24.3624 14.8198 24.3849 15.085C24.4075 15.3502 24.5344 15.5956 24.7379 15.7672C24.9414 15.9388 25.2047 16.0225 25.4699 16H25.9999C27.5912 16 29.1174 16.6321 30.2426 17.7574C31.3678 18.8826 31.9999 20.4087 31.9999 22C31.9999 22.18 31.9999 22.35 31.9999 22.53C31.9778 22.7938 32.0611 23.0556 32.2317 23.2581C32.4023 23.4606 32.6462 23.5871 32.9099 23.61H32.9899C33.2403 23.611 33.4819 23.5181 33.667 23.3496C33.8522 23.1811 33.9674 22.9493 33.9899 22.7C33.9899 22.47 33.9899 22.23 33.9899 22C33.9899 19.88 33.1484 17.8467 31.6503 16.3467C30.1522 14.8467 28.1199 14.0027 25.9999 14ZM27.9999 22C27.9999 22.2652 28.1053 22.5196 28.2928 22.7071C28.4804 22.8946 28.7347 23 28.9999 23C29.2651 23 29.5195 22.8946 29.707 22.7071C29.8946 22.5196 29.9999 22.2652 29.9999 22C29.9999 20.9391 29.5785 19.9217 28.8284 19.1716C28.0782 18.4214 27.0608 18 25.9999 18C25.7347 18 25.4804 18.1054 25.2928 18.2929C25.1053 18.4804 24.9999 18.7348 24.9999 19C24.9999 19.2652 25.1053 19.5196 25.2928 19.7071C25.4804 19.8946 25.7347 20 25.9999 20C26.5304 20 27.0391 20.2107 27.4141 20.5858C27.7892 20.9609 27.9999 21.4696 27.9999 22Z" fill="#333F51"></path>
              </svg>
              <h2 class="mb-2 font-heading fs-7 text-white">Phone</h2>
              <p class="mb-0 fs-9 text-secondary-light fw-medium">+7-843-672-431</p>
            </div>
          </div>
          <div class="col-12 col-md-4">
            <div class="text-center">
              <svg class="mb-6 text-success" width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
                <path d="M33 14H15C14.7348 14 14.4804 14.1054 14.2929 14.2929C14.1054 14.4804 14 14.7348 14 15V33C14 33.2652 14.1054 33.5196 14.2929 33.7071C14.4804 33.8946 14.7348 34 15 34H33C33.2652 34 33.5196 33.8946 33.7071 33.7071C33.8946 33.5196 34 33.2652 34 33V15C34 14.7348 33.8946 14.4804 33.7071 14.2929C33.5196 14.1054 33.2652 14 33 14ZM20 32H16V28H20V32ZM20 26H16V22H20V26ZM20 20H16V16H20V20ZM26 32H22V28H26V32ZM26 26H22V22H26V26ZM26 20H22V16H26V20ZM32 32H28V28H32V32ZM32 26H28V22H32V26ZM32 20H28V16H32V20Z" fill="#333F51"></path>
              </svg>
              <h2 class="mb-3 font-heading fs-7 text-white">Office</h2>
              <div class="row justify-content-center">
                <div class="col-auto">
                  <a class="text-success link-success" href="#">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6348 20.7272V12.766H16.3582L16.7668 9.66243H13.6348V7.68126C13.6348 6.78299 13.8881 6.17083 15.2029 6.17083L16.877 6.17015V3.39421C16.5875 3.35731 15.5937 3.27271 14.437 3.27271C12.0216 3.27271 10.368 4.71878 10.368 7.37389V9.66243H7.63635V12.766H10.368V20.7272H13.6348Z" fill="currentColor"></path>
                      <mask id="mask0_1201_15606" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6348 20.7272V12.766H16.3582L16.7668 9.66243H13.6348V7.68126C13.6348 6.78299 13.8881 6.17083 15.2029 6.17083L16.877 6.17015V3.39421C16.5875 3.35731 15.5937 3.27271 14.437 3.27271C12.0216 3.27271 10.368 4.71878 10.368 7.37389V9.66243H7.63635V12.766H10.368V20.7272H13.6348Z" fill="white"></path>
                      </mask>
                      <g mask="url(#mask0_1201_15606)"></g>
                    </svg>
                  </a>
                </div>
                <div class="col-auto">
                  <a class="text-success link-success" href="#">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14598C21.1356 6.44844 20.4032 6.65356 19.6336 6.74513C20.4194 6.27462 21.0208 5.52831 21.3059 4.64177C20.5689 5.0775 19.7553 5.39389 18.8885 5.56541C18.1943 4.82489 17.2069 4.36365 16.1118 4.36365C14.0108 4.36365 12.3072 6.06719 12.3072 8.16707C12.3072 8.46489 12.3408 8.75577 12.4057 9.03392C9.24434 8.87513 6.44104 7.3605 4.56483 5.05895C4.23686 5.61986 4.05028 6.27344 4.05028 6.9711C4.05028 8.29107 4.72243 9.45574 5.74225 10.1371C5.11877 10.1163 4.53237 9.94477 4.01901 9.65968V9.70719C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5466 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1623 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4279 9.10416 19.4279C16.1026 19.4279 19.928 13.6312 19.928 8.60398L19.9153 8.11147C20.6627 7.57834 21.3094 6.90853 21.8181 6.14598Z" fill="currentColor"></path>
                      <mask id="mask0_1201_15607" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14598C21.1356 6.44844 20.4032 6.65356 19.6336 6.74513C20.4194 6.27462 21.0208 5.52831 21.3059 4.64177C20.5689 5.0775 19.7553 5.39389 18.8885 5.56541C18.1943 4.82489 17.2069 4.36365 16.1118 4.36365C14.0108 4.36365 12.3072 6.06719 12.3072 8.16707C12.3072 8.46489 12.3408 8.75577 12.4057 9.03392C9.24434 8.87513 6.44104 7.3605 4.56483 5.05895C4.23686 5.61986 4.05028 6.27344 4.05028 6.9711C4.05028 8.29107 4.72243 9.45574 5.74225 10.1371C5.11877 10.1163 4.53237 9.94477 4.01901 9.65968V9.70719C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5466 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1623 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4279 9.10416 19.4279C16.1026 19.4279 19.928 13.6312 19.928 8.60398L19.9153 8.11147C20.6627 7.57834 21.3094 6.90853 21.8181 6.14598Z" fill="white"></path>
                      </mask>
                      <g mask="url(#mask0_1201_15607)"></g>
                    </svg>
                  </a>
                </div>
                <div class="col-auto">
                  <a class="text-success link-success" href="#">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.60057 2.18176H16.3991C19.3872 2.18176 21.8182 4.61276 21.8181 7.60069V16.3992C21.8181 19.3871 19.3872 21.8181 16.3991 21.8181H7.60057C4.61264 21.8181 2.18176 19.3872 2.18176 16.3992V7.60069C2.18176 4.61276 4.61264 2.18176 7.60057 2.18176ZM16.3992 20.0759C18.4266 20.0759 20.076 18.4266 20.076 16.3992H20.0759V7.60069C20.0759 5.57343 18.4265 3.924 16.3991 3.924H7.60057C5.57331 3.924 3.924 5.57343 3.924 7.60069V16.3992C3.924 18.4266 5.57331 20.076 7.60057 20.0759H16.3992ZM6.85709 12.0001C6.85709 9.16418 9.16413 6.85709 11.9999 6.85709C14.8358 6.85709 17.1428 9.16418 17.1428 12.0001C17.1428 14.8358 14.8358 17.1428 11.9999 17.1428C9.16413 17.1428 6.85709 14.8358 6.85709 12.0001ZM8.62792 11.9999C8.62792 13.8592 10.1407 15.3718 11.9999 15.3718C13.8592 15.3718 15.372 13.8592 15.372 11.9999C15.372 10.1405 13.8593 8.62784 11.9999 8.62784C10.1406 8.62784 8.62792 10.1405 8.62792 11.9999Z" fill="currentColor"></path>
                      <mask id="mask0_1201_15608" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M7.60057 2.18176H16.3991C19.3872 2.18176 21.8182 4.61276 21.8181 7.60069V16.3992C21.8181 19.3871 19.3872 21.8181 16.3991 21.8181H7.60057C4.61264 21.8181 2.18176 19.3872 2.18176 16.3992V7.60069C2.18176 4.61276 4.61264 2.18176 7.60057 2.18176ZM16.3992 20.0759C18.4266 20.0759 20.076 18.4266 20.076 16.3992H20.0759V7.60069C20.0759 5.57343 18.4265 3.924 16.3991 3.924H7.60057C5.57331 3.924 3.924 5.57343 3.924 7.60069V16.3992C3.924 18.4266 5.57331 20.076 7.60057 20.0759H16.3992ZM6.85709 12.0001C6.85709 9.16418 9.16413 6.85709 11.9999 6.85709C14.8358 6.85709 17.1428 9.16418 17.1428 12.0001C17.1428 14.8358 14.8358 17.1428 11.9999 17.1428C9.16413 17.1428 6.85709 14.8358 6.85709 12.0001ZM8.62792 11.9999C8.62792 13.8592 10.1407 15.3718 11.9999 15.3718C13.8592 15.3718 15.372 13.8592 15.372 11.9999C15.372 10.1405 13.8593 8.62784 11.9999 8.62784C10.1406 8.62784 8.62792 10.1405 8.62792 11.9999Z" fill="white"></path>
                      </mask>
                      <g mask="url(#mask0_1201_15608)"></g>
                    </svg>
                  </a>
                </div>
                <div class="col-auto">
                  <a class="text-success link-success" href="#">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M19.2 3H4.8C3.81 3 3 3.81 3 4.8V19.2C3 20.19 3.81 21 4.8 21H19.2C20.19 21 21 20.19 21 19.2V4.8C21 3.81 20.19 3 19.2 3ZM8.4 18.3H5.7V10.2H8.4V18.3ZM7.05 8.67C6.15 8.67 5.43 7.95 5.43 7.05C5.43 6.15 6.15 5.43 7.05 5.43C7.95 5.43 8.67 6.15 8.67 7.05C8.67 7.95 7.95 8.67 7.05 8.67ZM18.3 18.3H15.6V13.53C15.6 12.81 14.97 12.18 14.25 12.18C13.53 12.18 12.9 12.81 12.9 13.53V18.3H10.2V10.2H12.9V11.28C13.35 10.56 14.34 10.02 15.15 10.02C16.86 10.02 18.3 11.46 18.3 13.17V18.3Z" fill="currentColor"></path>
                    </svg>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <iframe class="w-100 rounded" id="gmap_canvas" style="height: 641px;" src="https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&amp;t=&amp;z=19&amp;ie=UTF8&amp;iwloc=&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
    </div>
  </div>
  <div class="position-absolute bottom-0 start-0 w-100 bg-light-light" style="height: 496px;">
    <div class="bg-success" style="height: 6px;"></div>
  </div>
</section>

<section class="position-relative pb-20 bg-light-light overflow-hidden" style="background-image: url('flex-assets/elements/pattern-light.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(247, 248, 249, 0) 0%, #F7F8F9 100%);"></div>
  <div class="position-relative" style="z-index: 1;">
    <div class="pt-20 pb-12">
      <div class="container">
        <div class="row align-items-center g-8">
          <div class="col-12 col-md-6">
            <img class="img-fluid" src="flex-assets/images/blog-content/content-square.png" alt="">
          </div>
          <div class="col-12 col-md-6">
            <div class="mw-md-2xl">
              <div class="mb-6">
                <span class="badge bg-success-dark text-success text-uppercase shadow">Technology</span>
              </div>
              <span class="mb-6 d-inline-block text-success fw-medium">John Doe &bull; 19 Jan 2022</span>
              <h2 class="font-heading mb-4 fs-5" style="letter-spacing: -1px;">How to collaborate better with your Development team?</h2>
              <p class="mb-12 fs-9 fw-medium text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
              <div class="row align-items-center g-4">
                <div class="col-auto">
                  <img src="flex-assets/images/blog/avatar.png" alt="">
                </div>
                <div class="col-auto">
                  <h4 class="font-heading text-light-dark fs-10 mb-0">John Doe</h4>
                  <p class="mb-0 fs-10 text-secondary">12 October 2021</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row g-8">
        <div class="col-12 col-md-3">
          <ul class="mb-8 pb-6 nav nav-pills flex-column border-bottom border-light">
            <li class="nav-item active mb-2"><a class="nav-link py-3 px-4 fw-semibold text-secondary-light link-secondary-light" href="#">Introduction</a></li>
            <li class="nav-item mb-2"><a class="nav-link py-3 px-4 fw-semibold text-secondary-light link-secondary-light" href="#">Header 1</a></li>
            <li class="nav-item mb-2"><a class="nav-link py-3 px-4 fw-semibold text-secondary-light link-secondary-light" href="#">Header 1</a></li>
            <li class="nav-item"><a class="nav-link py-3 px-4 fw-semibold text-secondary-light link-secondary-light" href="#">Summary</a></li>
          </ul>
          <div class="row g-2">
            <div class="col-auto me-2">
              <div class="bg-white rounded">
                <a class="btn btn-lg btn-outline-light fs-12 px-4 py-2 text-secondary shadow" href="#">
                  <svg class="me-1" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M15 15.8333H5C4.33696 15.8333 3.70108 15.5699 3.23224 15.1011C2.76339 14.6323 2.5 13.9964 2.5 13.3333V6.66667C2.5 6.44565 2.41221 6.23369 2.25592 6.07741C2.09964 5.92113 1.88768 5.83333 1.66667 5.83333C1.44566 5.83333 1.23369 5.92113 1.07741 6.07741C0.921133 6.23369 0.833336 6.44565 0.833336 6.66667V13.3333C0.833336 14.4384 1.27232 15.4982 2.05372 16.2796C2.44063 16.6665 2.89996 16.9734 3.40549 17.1828C3.91101 17.3922 4.45283 17.5 5 17.5H15C15.221 17.5 15.433 17.4122 15.5893 17.2559C15.7455 17.0996 15.8333 16.8877 15.8333 16.6667C15.8333 16.4457 15.7455 16.2337 15.5893 16.0774C15.433 15.9211 15.221 15.8333 15 15.8333ZM19.1667 8.28333C19.158 8.20678 19.1412 8.13136 19.1167 8.05833V7.98333C19.0766 7.89765 19.0232 7.81889 18.9583 7.75V7.75L13.9583 2.75C13.8894 2.68518 13.8107 2.63173 13.725 2.59167H13.65L13.3833 2.5H6.66667C6.00363 2.5 5.36774 2.76339 4.8989 3.23223C4.43006 3.70107 4.16667 4.33696 4.16667 5V11.6667C4.16667 12.3297 4.43006 12.9656 4.8989 13.4344C5.36774 13.9033 6.00363 14.1667 6.66667 14.1667H16.6667C17.3297 14.1667 17.9656 13.9033 18.4344 13.4344C18.9033 12.9656 19.1667 12.3297 19.1667 11.6667V8.33333C19.1667 8.33333 19.1667 8.33333 19.1667 8.28333ZM14.1667 5.34167L16.325 7.5H15C14.779 7.5 14.567 7.4122 14.4107 7.25592C14.2545 7.09964 14.1667 6.88768 14.1667 6.66667V5.34167ZM17.5 11.6667C17.5 11.8877 17.4122 12.0996 17.2559 12.2559C17.0996 12.4122 16.8877 12.5 16.6667 12.5H6.66667C6.44565 12.5 6.23369 12.4122 6.07741 12.2559C5.92113 12.0996 5.83334 11.8877 5.83334 11.6667V5C5.83334 4.77899 5.92113 4.56702 6.07741 4.41074C6.23369 4.25446 6.44565 4.16667 6.66667 4.16667H12.5V6.66667C12.5 7.32971 12.7634 7.96559 13.2322 8.43443C13.7011 8.90327 14.337 9.16667 15 9.16667H17.5V11.6667Z" fill="#BBC3CF"></path>
                  </svg>
                  <span>Copy Link</span>
                </a>
              </div>
            </div>
            <div class="col-auto">
              <div class="bg-white rounded">
                <a class="btn btn-lg btn-outline-light fs-12 p-2 shadow" href="#">
                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12.6 4.43332H14.1667V1.78332C13.4081 1.70444 12.646 1.6655 11.8833 1.66665C9.61667 1.66665 8.06667 3.04998 8.06667 5.58332V7.76665H5.50833V10.7333H8.06667V18.3333H11.1333V10.7333H13.6833L14.0667 7.76665H11.1333V5.87498C11.1333 4.99998 11.3667 4.43332 12.6 4.43332Z" fill="#556987"></path>
                  </svg>
                </a>
              </div>
            </div>
            <div class="col-auto">
              <div class="bg-white rounded">
                <a class="btn btn-lg btn-outline-light fs-12 p-2 shadow" href="#">
                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M18.3333 4.83339C17.7069 5.10513 17.0445 5.28477 16.3667 5.36672C17.0818 4.93949 17.6177 4.26737 17.875 3.47505C17.203 3.87511 16.4673 4.15697 15.7 4.30839C15.1871 3.7522 14.5041 3.38197 13.7582 3.25576C13.0122 3.12956 12.2455 3.25452 11.5782 3.61104C10.9109 3.96757 10.3808 4.5355 10.071 5.22575C9.76129 5.916 9.68941 6.68954 9.86667 7.42505C8.50786 7.35632 7.1787 7.00251 5.96555 6.3866C4.75239 5.77069 3.68237 4.90646 2.825 3.85005C2.52428 4.37519 2.36627 4.9699 2.36667 5.57505C2.3656 6.13704 2.50352 6.69057 2.76813 7.18636C3.03275 7.68215 3.41585 8.10481 3.88333 8.41672C3.33998 8.40194 2.80824 8.25613 2.33333 7.99172V8.03339C2.33741 8.82079 2.61333 9.58263 3.11443 10.19C3.61553 10.7974 4.31105 11.2131 5.08333 11.3667C4.78605 11.4572 4.4774 11.5049 4.16667 11.5084C3.95158 11.5059 3.73702 11.4864 3.525 11.4501C3.74493 12.1274 4.17052 12.7193 4.74256 13.1435C5.31461 13.5677 6.00465 13.803 6.71667 13.8167C5.51434 14.7628 4.0299 15.2791 2.5 15.2834C2.22145 15.2843 1.94311 15.2676 1.66667 15.2334C3.22869 16.2419 5.04901 16.7773 6.90833 16.7751C8.19141 16.7884 9.46428 16.5459 10.6526 16.0618C11.8409 15.5777 12.9209 14.8616 13.8293 13.9555C14.7378 13.0493 15.4566 11.9712 15.9438 10.7841C16.431 9.59707 16.6767 8.32483 16.6667 7.04172C16.6667 6.90005 16.6667 6.75005 16.6667 6.60005C17.3206 6.11239 17.8846 5.51457 18.3333 4.83339V4.83339Z" fill="#556987"></path>
                  </svg>
                </a>
              </div>
            </div>
            <div class="col-auto">
              <div class="bg-white rounded">
                <a class="btn btn-lg btn-outline-light fs-12 p-2 shadow" href="#">
                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M14.45 4.54996C14.2522 4.54996 14.0589 4.60861 13.8944 4.71849C13.73 4.82837 13.6018 4.98455 13.5261 5.16728C13.4504 5.35 13.4306 5.55107 13.4692 5.74505C13.5078 5.93903 13.603 6.11721 13.7429 6.25707C13.8827 6.39692 14.0609 6.49216 14.2549 6.53074C14.4489 6.56933 14.65 6.54953 14.8327 6.47384C15.0154 6.39815 15.1716 6.26998 15.2815 6.10553C15.3913 5.94108 15.45 5.74774 15.45 5.54996C15.45 5.28474 15.3446 5.03039 15.1571 4.84285C14.9696 4.65532 14.7152 4.54996 14.45 4.54996V4.54996ZM18.2833 6.56663C18.2671 5.87521 18.1376 5.19113 17.9 4.54163C17.6881 3.9859 17.3583 3.48269 16.9333 3.06663C16.5207 2.63948 16.0163 2.31177 15.4583 2.10829C14.8105 1.86343 14.1257 1.73097 13.4333 1.71663C12.55 1.66663 12.2667 1.66663 10 1.66663C7.73333 1.66663 7.45 1.66663 6.56666 1.71663C5.87429 1.73097 5.18945 1.86343 4.54166 2.10829C3.98473 2.31383 3.48078 2.64126 3.06666 3.06663C2.63952 3.47927 2.31181 3.98366 2.10833 4.54163C1.86346 5.18941 1.73101 5.87425 1.71666 6.56663C1.66666 7.44996 1.66666 7.73329 1.66666 9.99996C1.66666 12.2666 1.66666 12.55 1.71666 13.4333C1.73101 14.1257 1.86346 14.8105 2.10833 15.4583C2.31181 16.0163 2.63952 16.5206 3.06666 16.9333C3.48078 17.3587 3.98473 17.6861 4.54166 17.8916C5.18945 18.1365 5.87429 18.269 6.56666 18.2833C7.45 18.3333 7.73333 18.3333 10 18.3333C12.2667 18.3333 12.55 18.3333 13.4333 18.2833C14.1257 18.269 14.8105 18.1365 15.4583 17.8916C16.0163 17.6881 16.5207 17.3604 16.9333 16.9333C17.3602 16.5188 17.6903 16.0151 17.9 15.4583C18.1376 14.8088 18.2671 14.1247 18.2833 13.4333C18.2833 12.55 18.3333 12.2666 18.3333 9.99996C18.3333 7.73329 18.3333 7.44996 18.2833 6.56663V6.56663ZM16.7833 13.3333C16.7773 13.8623 16.6815 14.3864 16.5 14.8833C16.3669 15.246 16.1532 15.5736 15.875 15.8416C15.6047 16.117 15.2777 16.3303 14.9167 16.4666C14.4197 16.6481 13.8956 16.7439 13.3667 16.75C12.5333 16.7916 12.225 16.8 10.0333 16.8C7.84166 16.8 7.53333 16.8 6.7 16.75C6.15074 16.7602 5.60383 16.6757 5.08333 16.5C4.73815 16.3567 4.42613 16.1439 4.16666 15.875C3.89007 15.6072 3.67903 15.2793 3.55 14.9166C3.34654 14.4126 3.2337 13.8766 3.21666 13.3333C3.21666 12.5 3.16666 12.1916 3.16666 9.99996C3.16666 7.80829 3.16666 7.49996 3.21666 6.66663C3.2204 6.12584 3.31912 5.58991 3.50833 5.08329C3.65504 4.73155 3.88022 4.41801 4.16666 4.16663C4.41984 3.8801 4.73274 3.65254 5.08333 3.49996C5.59129 3.31666 6.12666 3.22086 6.66666 3.21663C7.5 3.21663 7.80833 3.16663 10 3.16663C12.1917 3.16663 12.5 3.16663 13.3333 3.21663C13.8623 3.22269 14.3864 3.3185 14.8833 3.49996C15.262 3.6405 15.6019 3.869 15.875 4.16663C16.1481 4.42261 16.3615 4.73557 16.5 5.08329C16.6852 5.59074 16.7811 6.12644 16.7833 6.66663C16.825 7.49996 16.8333 7.80829 16.8333 9.99996C16.8333 12.1916 16.825 12.5 16.7833 13.3333ZM10 5.72496C9.15484 5.72661 8.32913 5.97873 7.62721 6.44947C6.92529 6.92022 6.37865 7.58846 6.05636 8.36975C5.73407 9.15105 5.6506 10.0103 5.81649 10.8391C5.98238 11.6678 6.39019 12.4287 6.98839 13.0258C7.58659 13.6228 8.34834 14.0291 9.17738 14.1934C10.0064 14.3577 10.8656 14.2725 11.6462 13.9487C12.4269 13.6249 13.0941 13.077 13.5634 12.3742C14.0328 11.6713 14.2833 10.8451 14.2833 9.99996C14.2844 9.43755 14.1743 8.88047 13.9594 8.36076C13.7444 7.84105 13.4288 7.36897 13.0307 6.97167C12.6326 6.57437 12.16 6.25969 11.6398 6.04573C11.1197 5.83178 10.5624 5.72276 10 5.72496V5.72496ZM10 12.775C9.45115 12.775 8.91464 12.6122 8.45829 12.3073C8.00194 12.0024 7.64627 11.569 7.43623 11.0619C7.2262 10.5548 7.17124 9.99688 7.27832 9.45858C7.38539 8.92029 7.64969 8.42583 8.03778 8.03774C8.42587 7.64965 8.92033 7.38535 9.45862 7.27828C9.99692 7.17121 10.5549 7.22616 11.0619 7.43619C11.569 7.64623 12.0024 8.00191 12.3073 8.45825C12.6122 8.9146 12.775 9.45112 12.775 9.99996C12.775 10.3644 12.7032 10.7252 12.5638 11.0619C12.4243 11.3986 12.2199 11.7045 11.9622 11.9622C11.7045 12.2199 11.3986 12.4243 11.0619 12.5637C10.7253 12.7032 10.3644 12.775 10 12.775V12.775Z" fill="#556987"></path>
                  </svg>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-9">
          <div class="mw-md-2xl mx-auto">
            <p class="pb-10 mb-8 fs-9 text-secondary fw-medium border-bottom border-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
            <h3 class="mb-4 font-heading fs-7 text-light-dark fw-semibold">Header 1</h3>
            <p class="mb-6 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
            <div class="mb-6 row g-6">
              <div class="col-auto">
                <div class="bg-success h-100 rounded-pill" style="width: 2px;"></div>
              </div>
              <div class="col">
                <div class="py-7">
                  <p class="mb-4 fs-8 text-light-dark fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus.</p>
                  <p class="mb-0 fs-10 text-secondary-light fw-medium">&mdash; John Doe, CEO &amp; Founder</p>
                </div>
              </div>
            </div>
            <p class="mb-6 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
            <img class="mb-4 img-fluid w-100" src="flex-assets/images/blog-content/content-middle.png" alt="">
            <p class="mb-8 fs-10 text-secondary-light fw-medium">
              <span>Non massa enim vitae duis mattis. Vel in</span>
              <u><a class="link-secondary-light" href="#">ultricies</a></u>
              <span>vel fringilla.</span>
            </p>
            <h3 class="mb-4 font-heading fs-7 text-light-dark fw-semibold">Header 1</h3>
            <p class="mb-16 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
            <p class="mb-6 fs-10 text-secondary">Sagittis et eu at elementum, quis in. Proin praesent volutpat egestas sociis sit lorem nunc nunc sit. Eget diam curabitur mi ac. Auctor rutrum lacus malesuada massa ornare et. Vulputate consectetur ac ultrices at diam dui eget fringilla tincidunt. Arcu sit dignissim massa erat cursus vulputate gravida id. Sed quis auctor vulputate hac elementum gravida cursus dis.</p>
            <ol class="list-unstyled px-4 mb-16">
              <li class="fs-10 text-secondary">1. Lectus id duis vitae porttitor enim gravida morbi.</li>
              <li class="fs-10 text-secondary">2. Eu turpis posuere semper feugiat volutpat elit, ultrices suspendisse. Auctor vel in vitae placerat.</li>
              <li class="fs-10 text-secondary">3. Suspendisse maecenas ac donec scelerisque diam sed est duis purus.</li>
            </ol>
            <p class="mb-0 fs-10 text-secondary">
              <span>Vestibulum placerat magna nulla, sit amet venenatis sapien consequat ut. Cras pulvinar, lorem tristique pharetra finibus, dui erat finibus orci, a vehicula arcu sapien id metus. Quisque quis lorem a sem porttitor feugiat. Etiam quis congue est. Donec fermentum ac libero a pretium. Nulla nisl sem, euismod ut eros vitae, egestas scelerisque enim.</span>
              <u><a class="link-success" href="#">Vivamus id pharetra massa.</a></u>
              <span>Nulla aliquet erat elit, a gravida dui efficitur vel. Sed pulvinar diam sed neque ullamcorper semper. Nulla elementum arcu lacus, quis porta nisl posuere varius. Quisque tempus libero sed urna posuere hendrerit.</span>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="overflow-hidden">
  <div class="d-flex mb-n1 text-secondary-dark">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1440 64.5909H1090.08C833.336 64.5909 580.229 -7.62939e-06 360 -7.62939e-06C139.771 -7.62939e-06 0 64.5909 0 64.5909V116H1440V64.5909Z" fill="currentcolor"></path>
    </svg>
  </div>
  <div class="position-relative py-20 bg-secondary-dark" style="background-image: url('flex-assets/elements/pattern-dark.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(42, 51, 66, 0) 0%, #2A3342 100%);"></div>
    <div class="position-relative container" style="z-index:1;">
      <div class="text-center">
        <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">Team</span>
        <h2 class="font-heading mb-4 fs-5 text-white" style="letter-spacing: -1px;">Our team is the best in the business.</h2>
        <p class="mb-24 fs-9 fw-medium text-secondary-light">Highly professional and capable of running your business across all digital channels.</p>
      </div>
      <div class="row g-8">
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="mw-xs mx-auto text-center mx-auto text-center">
            <img class="mb-6" src="flex-assets/images/team/avatar.png" alt="">
            <h3 class="mb-1 fs-10 fw-semibold text-white">Macauley Herring</h3>
            <h4 class="mb-3 fs-10 fw-medium text-success">CEO &amp; Founder</h4>
            <ul class="nav justify-content-center">
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3312" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3312)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3313" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3313)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3314" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3314)"></g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="mw-xs mx-auto text-center">
            <img class="mb-6" src="flex-assets/images/team/avatar2.png" alt="">
            <h3 class="mb-1 fs-10 fw-semibold text-white">Ivan Mathews</h3>
            <h4 class="mb-3 fs-10 fw-medium text-success">CTO</h4>
            <ul class="nav justify-content-center">
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3312" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3312)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3313" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3313)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3314" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3314)"></g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="mw-xs mx-auto text-center">
            <img class="mb-6" src="flex-assets/images/team/avatar3.png" alt="">
            <h3 class="mb-1 fs-10 fw-semibold text-white">Elen Benitez</h3>
            <h4 class="mb-3 fs-10 fw-medium text-success">CPO</h4>
            <ul class="nav justify-content-center">
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3312" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3312)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3313" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3313)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3314" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3314)"></g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="mw-xs mx-auto text-center">
            <img class="mb-6" src="flex-assets/images/team/avatar4.png" alt="">
            <h3 class="mb-1 fs-10 fw-semibold text-white">Kacy Wade</h3>
            <h4 class="mb-3 fs-10 fw-medium text-success">Customer Success</h4>
            <ul class="nav justify-content-center">
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3312" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3312)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3313" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3313)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3314" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3314)"></g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="mw-xs mx-auto text-center">
            <img class="mb-6" src="flex-assets/images/team/avatar5.png" alt="">
            <h3 class="mb-1 fs-10 fw-semibold text-white">Alya Levine</h3>
            <h4 class="mb-3 fs-10 fw-medium text-success">Backend Developer</h4>
            <ul class="nav justify-content-center">
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3312" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3312)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3313" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3313)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3314" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3314)"></g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="mw-xs mx-auto text-center">
            <img class="mb-6" src="flex-assets/images/team/avatar6.png" alt="">
            <h3 class="mb-1 fs-10 fw-semibold text-white">Rosemary Hernandez</h3>
            <h4 class="mb-3 fs-10 fw-medium text-success">iOS Developer</h4>
            <ul class="nav justify-content-center">
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3312" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3312)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3313" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3313)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3314" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3314)"></g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="mw-xs mx-auto text-center">
            <img class="mb-6" src="flex-assets/images/team/avatar7.png" alt="">
            <h3 class="mb-1 fs-10 fw-semibold text-white">Theo Morales</h3>
            <h4 class="mb-3 fs-10 fw-medium text-success">Frontend Developer</h4>
            <ul class="nav justify-content-center">
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3312" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3312)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3313" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3313)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3314" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3314)"></g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3">
          <div class="mw-xs mx-auto text-center">
            <img class="mb-6" src="flex-assets/images/team/avatar8.png" alt="">
            <h3 class="mb-1 fs-10 fw-semibold text-white">Ishmael Dunlop</h3>
            <h4 class="mb-3 fs-10 fw-medium text-success">Product Designer</h4>
            <ul class="nav justify-content-center">
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3312" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6349 20.7273V12.766H16.3583L16.7669 9.66246H13.6349V7.68128C13.6349 6.78301 13.8882 6.17085 15.203 6.17085L16.8771 6.17017V3.39424C16.5876 3.35733 15.5938 3.27273 14.4371 3.27273C12.0217 3.27273 10.3681 4.71881 10.3681 7.37391V9.66246H7.63647V12.766H10.3681V20.7273H13.6349Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3312)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3313" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14597C21.1356 6.44842 20.4032 6.65355 19.6336 6.74512C20.4194 6.27461 21.0208 5.5283 21.3059 4.64176C20.5689 5.07748 19.7553 5.39388 18.8885 5.56539C18.1943 4.82488 17.2069 4.36364 16.1118 4.36364C14.0108 4.36364 12.3072 6.06718 12.3072 8.16706C12.3072 8.46488 12.3408 8.75576 12.4057 9.03391C9.24434 8.87512 6.44104 7.36048 4.56483 5.05894C4.23686 5.61985 4.05028 6.27342 4.05028 6.97109C4.05028 8.29106 4.72243 9.45573 5.74225 10.1371C5.11877 10.1163 4.53237 9.94476 4.01901 9.65967V9.70718C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5465 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1622 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4278 9.10416 19.4278C16.1026 19.4278 19.928 13.6312 19.928 8.60397L19.9153 8.11145C20.6627 7.57833 21.3094 6.90851 21.8181 6.14597Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3313)"></g>
                  </svg>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-2 fs-9 link-secondary" href="#">
                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="currentcolor"></path>
                    <mask id="mask0_352_3314" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.6007 2.18182H16.3992C19.3874 2.18182 21.8184 4.61281 21.8182 7.60074V16.3993C21.8182 19.3872 19.3874 21.8182 16.3992 21.8182H7.6007C4.61276 21.8182 2.18188 19.3873 2.18188 16.3993V7.60074C2.18188 4.61281 4.61276 2.18182 7.6007 2.18182ZM16.3993 20.0759C18.4267 20.0759 20.0761 18.4266 20.0761 16.3993H20.076V7.60074C20.076 5.57348 18.4266 3.92405 16.3992 3.92405H7.6007C5.57343 3.92405 3.92412 5.57348 3.92412 7.60074V16.3993C3.92412 18.4266 5.57343 20.0761 7.6007 20.0759H16.3993ZM6.85721 12.0001C6.85721 9.16424 9.16425 6.85714 12.0001 6.85714C14.8359 6.85714 17.1429 9.16424 17.1429 12.0001C17.1429 14.8359 14.8359 17.1429 12.0001 17.1429C9.16425 17.1429 6.85721 14.8359 6.85721 12.0001ZM8.62805 12C8.62805 13.8593 10.1408 15.3719 12.0001 15.3719C13.8593 15.3719 15.3721 13.8593 15.3721 12C15.3721 10.1406 13.8594 8.6279 12.0001 8.6279C10.1407 8.6279 8.62805 10.1406 8.62805 12Z" fill="white"></path>
                    </mask>
                    <g mask="url(#mask0_352_3314)"></g>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="d-flex mt-n1 text-secondary-dark">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 51.4091H349.922C606.664 51.4091 859.771 116 1080 116C1300.23 116 1440 51.4091 1440 51.4091V0H0V51.4091Z" fill="currentcolor"></path>
    </svg>
  </div>
</section>

<section class="overflow-hidden">
  <div class="d-flex mb-n1 text-secondary-dark">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1440 64.5909H1090.08C833.336 64.5909 580.229 -7.62939e-06 360 -7.62939e-06C139.771 -7.62939e-06 0 64.5909 0 64.5909V116H1440V64.5909Z" fill="currentcolor"></path>
    </svg>
  </div>
  <div class="position-relative py-20 bg-secondary-dark" style="background-image: url('flex-assets/elements/pattern-dark.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(42, 51, 66, 0) 0%, #2A3342 100%);"></div>
    <div class="position-relative container" style="z-index:1;">
      <div class="mb-16 row align-items-center g-16">
        <div class="col-12 col-md-6">
          <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">Contact</span>
          <h2 class="font-heading mb-4 fs-5 text-white" style="letter-spacing: -1px;">Let&rsquo;s stay connected</h2>
          <p class="mb-0 fs-9 fw-medium text-secondary-light">It&apos;s never been easier to get in touch with Flex. Call us, use our live chat widget or email and we&apos;ll get back to you as soon as possible!</p>
        </div>
        <div class="col-12 col-md-6">
          <div class="row justify-content-end g-4">
            <div class="col-12 col-md-auto"><a class="btn btn-lg btn-success w-100 text-success-light shadow" href="#">Open Positions</a></div>
            <div class="col-12 col-md-auto">
              <div class="bg-white rounded"><a class="btn btn-lg btn-outline-light w-100 text-light-dark shadow" href="#">About Us</a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="row align-items-center g-16">
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12">
              <div class="mw-md-xl">
                <div class="row g-8">
                  <div class="col-12 col-md-6">
                    <svg class="mb-6 text-success" width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
                      <path d="M32.21 20.82L26 14.78C25.474 14.2799 24.7759 14.001 24.05 14.001C23.3241 14.001 22.626 14.2799 22.1 14.78L15.89 20.78C15.6141 21.0209 15.3922 21.3173 15.2388 21.6499C15.0854 21.9825 15.004 22.3438 15 22.71V31.29C15.0105 32.0176 15.309 32.7114 15.8301 33.2193C16.3512 33.7273 17.0524 34.008 17.78 34H30.22C30.9476 34.008 31.6488 33.7273 32.1699 33.2193C32.691 32.7114 32.9895 32.0176 33 31.29V22.71C32.9992 22.3585 32.929 22.0106 32.7935 21.6862C32.6579 21.3619 32.4596 21.0675 32.21 20.82ZM23.44 16.22C23.593 16.0802 23.7927 16.0026 24 16.0026C24.2073 16.0026 24.407 16.0802 24.56 16.22L30 21.5L24.53 26.78C24.377 26.9198 24.1773 26.9974 23.97 26.9974C23.7627 26.9974 23.563 26.9198 23.41 26.78L18 21.5L23.44 16.22ZM31 31.29C30.9871 31.4863 30.8987 31.6699 30.7532 31.8023C30.6078 31.9347 30.4166 32.0056 30.22 32H17.78C17.5834 32.0056 17.3922 31.9347 17.2468 31.8023C17.1013 31.6699 17.0129 31.4863 17 31.29V23.35L21.05 27.25L19.39 28.85C19.2037 29.0374 19.0992 29.2908 19.0992 29.555C19.0992 29.8192 19.2037 30.0726 19.39 30.26C19.4829 30.3575 19.5946 30.4352 19.7184 30.4885C19.8421 30.5418 19.9753 30.5695 20.11 30.57C20.3675 30.569 20.6146 30.4687 20.8 30.29L22.57 28.59C23.0096 28.8586 23.5148 29.0008 24.03 29.0008C24.5452 29.0008 25.0504 28.8586 25.49 28.59L27.26 30.29C27.4454 30.4687 27.6925 30.569 27.95 30.57C28.0847 30.5695 28.2179 30.5418 28.3416 30.4885C28.4654 30.4352 28.5771 30.3575 28.67 30.26C28.8563 30.0726 28.9608 29.8192 28.9608 29.555C28.9608 29.2908 28.8563 29.0374 28.67 28.85L27 27.25L31 23.35V31.29Z" fill="#F0FDF4"></path>
                    </svg>
                    <h2 class="mb-2 font-heading fs-7 text-white">Email</h2>
                    <p class="mb-0 fs-9 text-secondary-light fw-medium">contact@flex.co</p>
                  </div>
                  <div class="col-12 col-md-6">
                    <svg class="mb-6 text-success" width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
                      <path d="M31.41 25C31.19 25 30.96 24.93 30.74 24.88C30.2949 24.7805 29.8572 24.6501 29.43 24.49C28.9661 24.3212 28.4562 24.33 27.9984 24.5146C27.5405 24.6992 27.1671 25.0466 26.95 25.49L26.73 25.95C25.7589 25.3992 24.8617 24.7271 24.0601 23.95C23.2829 23.1484 22.6108 22.2512 22.0601 21.28L22.5201 21.07C22.9634 20.8529 23.3108 20.4795 23.4954 20.0217C23.6801 19.5639 23.6888 19.0539 23.5201 18.59C23.3612 18.159 23.231 17.7181 23.13 17.27C23.08 17.05 23.04 16.82 23.01 16.6C22.8886 15.8956 22.5197 15.2577 21.9697 14.8012C21.4197 14.3447 20.7247 14.0996 20.0101 14.11H17C16.5773 14.1094 16.1592 14.1982 15.7732 14.3706C15.3871 14.5429 15.0419 14.7949 14.76 15.11C14.4724 15.4337 14.2582 15.8158 14.1322 16.23C14.0061 16.6443 13.9713 17.081 14.03 17.51C14.5736 21.6721 16.4753 25.5387 19.4401 28.51C22.4114 31.4748 26.2779 33.3764 30.4401 33.92C30.5699 33.9299 30.7002 33.9299 30.83 33.92C31.5675 33.9211 32.2794 33.6505 32.83 33.16C33.1452 32.8782 33.3971 32.5329 33.5695 32.1469C33.7418 31.7609 33.8306 31.3428 33.83 30.92V27.92C33.8247 27.229 33.5809 26.5611 33.14 26.0291C32.6991 25.4971 32.088 25.1336 31.41 25ZM31.9 31C31.8997 31.1395 31.8702 31.2775 31.8134 31.4049C31.7565 31.5324 31.6736 31.6465 31.57 31.74C31.4605 31.8399 31.33 31.9141 31.1882 31.9573C31.0464 32.0006 30.8967 32.0117 30.75 31.99C27.0183 31.5026 23.5503 29.802 20.8801 27.15C18.2075 24.4775 16.4921 20.9974 16 17.25C15.9783 17.1033 15.9895 16.9537 16.0327 16.8119C16.076 16.67 16.1502 16.5396 16.25 16.43C16.3447 16.3252 16.4604 16.2415 16.5897 16.1847C16.719 16.1278 16.8588 16.0989 17 16.1H20.0001C20.2312 16.0944 20.4572 16.169 20.6395 16.3112C20.8218 16.4534 20.9492 16.6544 21.0001 16.88C21.0001 17.15 21.09 17.43 21.15 17.7C21.2656 18.2239 21.4194 18.7386 21.61 19.24L20.2101 19.9C19.9694 20.0105 19.7824 20.2119 19.6901 20.46C19.59 20.7035 19.59 20.9765 19.6901 21.22C21.1293 24.3028 23.6073 26.7808 26.69 28.22C26.9335 28.32 27.2066 28.32 27.45 28.22C27.6982 28.1276 27.8996 27.9406 28.01 27.7L28.64 26.3C29.156 26.4881 29.6838 26.6418 30.22 26.76C30.48 26.82 30.7601 26.87 31.0301 26.91C31.2556 26.9608 31.4566 27.0882 31.5989 27.2705C31.7411 27.4529 31.8157 27.6788 31.81 27.91L31.9 31ZM26 14C25.77 14 25.53 14 25.3 14C25.0348 14.0225 24.7894 14.1495 24.6178 14.353C24.4462 14.5565 24.3625 14.8198 24.385 15.085C24.4076 15.3502 24.5346 15.5956 24.738 15.7672C24.9415 15.9388 25.2048 16.0225 25.47 16H26C27.5913 16 29.1175 16.6321 30.2427 17.7574C31.3679 18.8826 32 20.4087 32 22C32 22.18 32 22.35 32 22.53C31.9779 22.7938 32.0612 23.0556 32.2318 23.2581C32.4024 23.4606 32.6463 23.5871 32.91 23.61H32.99C33.2404 23.611 33.482 23.5181 33.6671 23.3496C33.8523 23.1811 33.9675 22.9493 33.99 22.7C33.99 22.47 33.99 22.23 33.99 22C33.9901 19.88 33.1486 17.8467 31.6504 16.3467C30.1523 14.8467 28.12 14.0027 26 14V14ZM28 22C28 22.2652 28.1054 22.5196 28.2929 22.7071C28.4805 22.8946 28.7348 23 29 23C29.2653 23 29.5196 22.8946 29.7072 22.7071C29.8947 22.5196 30 22.2652 30 22C30 20.9391 29.5786 19.9217 28.8285 19.1716C28.0783 18.4214 27.0609 18 26 18C25.7348 18 25.4805 18.1054 25.2929 18.2929C25.1054 18.4804 25 18.7348 25 19C25 19.2652 25.1054 19.5196 25.2929 19.7071C25.4805 19.8946 25.7348 20 26 20C26.5305 20 27.0392 20.2107 27.4143 20.5858C27.7893 20.9609 28 21.4696 28 22Z" fill="#F0FDF4"></path>
                    </svg>
                    <h2 class="mb-2 font-heading fs-7 text-white">Phone</h2>
                    <p class="mb-0 fs-9 text-secondary-light fw-medium">+7-843-672-431</p>
                  </div>
                  <div class="col-12 col-md-6">
                    <svg class="mb-6 text-success" width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
                      <path d="M30.0001 16.48C28.4088 14.8887 26.2505 13.9947 24.0001 13.9947C21.7496 13.9947 19.5914 14.8887 18.0001 16.48C16.4088 18.0713 15.5148 20.2296 15.5148 22.48C15.5148 24.7304 16.4088 26.8887 18.0001 28.48L23.2701 33.76C23.363 33.8537 23.4736 33.9281 23.5955 33.9789C23.7173 34.0297 23.848 34.0558 23.9801 34.0558C24.1121 34.0558 24.2428 34.0297 24.3646 33.9789C24.4865 33.9281 24.5971 33.8537 24.6901 33.76L30.0001 28.43C31.5847 26.8453 32.4749 24.6961 32.4749 22.455C32.4749 20.2139 31.5847 18.0647 30.0001 16.48V16.48ZM28.5701 27L24.0001 31.59L19.4301 27C18.5272 26.0963 17.9125 24.9452 17.6637 23.6923C17.415 22.4393 17.5432 21.1407 18.0324 19.9607C18.5215 18.7806 19.3495 17.7721 20.4117 17.0625C21.4739 16.3529 22.7226 15.9742 24.0001 15.9742C25.2775 15.9742 26.5262 16.3529 27.5884 17.0625C28.6506 17.7721 29.4786 18.7806 29.9677 19.9607C30.4569 21.1407 30.5851 22.4393 30.3364 23.6923C30.0876 24.9452 29.4729 26.0963 28.5701 27V27ZM21.0001 19.41C20.1928 20.2198 19.7394 21.3166 19.7394 22.46C19.7394 23.6034 20.1928 24.7002 21.0001 25.51C21.5998 26.1108 22.3636 26.5211 23.1957 26.6894C24.0278 26.8577 24.891 26.7766 25.6771 26.4562C26.4632 26.1357 27.1372 25.5903 27.6145 24.8883C28.0918 24.1862 28.3512 23.3589 28.3601 22.51C28.3646 21.9432 28.2554 21.3813 28.039 20.8574C27.8225 20.3335 27.5033 19.8584 27.1001 19.46C26.7037 19.0546 26.2311 18.7315 25.7095 18.5095C25.1878 18.2874 24.6274 18.1707 24.0605 18.166C23.4935 18.1614 22.9313 18.2689 22.406 18.4824C21.8808 18.6959 21.403 19.0111 21.0001 19.41V19.41ZM25.6901 24.09C25.3111 24.4747 24.8103 24.7159 24.2732 24.7723C23.7361 24.8286 23.1961 24.6966 22.7456 24.3989C22.295 24.1012 21.9618 23.6562 21.8031 23.1401C21.6443 22.6239 21.6697 22.0686 21.875 21.5692C22.0803 21.0697 22.4528 20.657 22.9286 20.4017C23.4045 20.1465 23.9543 20.0644 24.484 20.1696C25.0137 20.2748 25.4904 20.5608 25.8326 20.9785C26.1748 21.3963 26.3612 21.92 26.3601 22.46C26.3455 23.0773 26.0865 23.6635 25.6401 24.09H25.6901Z" fill="#F0FDF4"></path>
                    </svg>
                    <h2 class="mb-2 font-heading fs-7 text-white">Office</h2>
                    <p class="mb-0 fs-9 text-secondary-light fw-medium">1686, Geraldine Lane</p>
                    <p class="mb-0 fs-9 text-secondary-light fw-medium">New York, NY 10013</p>
                  </div>
                  <div class="col-12 col-md-6">
                    <svg class="mb-6 text-success" width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
                      <path d="M33 14H15C14.7348 14 14.4804 14.1054 14.2929 14.2929C14.1054 14.4804 14 14.7348 14 15V33C14 33.2652 14.1054 33.5196 14.2929 33.7071C14.4804 33.8946 14.7348 34 15 34H33C33.2652 34 33.5196 33.8946 33.7071 33.7071C33.8946 33.5196 34 33.2652 34 33V15C34 14.7348 33.8946 14.4804 33.7071 14.2929C33.5196 14.1054 33.2652 14 33 14V14ZM20 32H16V28H20V32ZM20 26H16V22H20V26ZM20 20H16V16H20V20ZM26 32H22V28H26V32ZM26 26H22V22H26V26ZM26 20H22V16H26V20ZM32 32H28V28H32V32ZM32 26H28V22H32V26ZM32 20H28V16H32V20Z" fill="#F0FDF4"></path>
                    </svg>
                    <h2 class="mb-8 font-heading fs-7 text-white">Socials</h2>
                    <div class="row">
                      <div class="col-auto">
                        <a class="text-success link-success" href="#">
                          <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6348 20.7272V12.766H16.3582L16.7668 9.66243H13.6348V7.68126C13.6348 6.78299 13.8881 6.17083 15.2029 6.17083L16.877 6.17015V3.39421C16.5875 3.35731 15.5937 3.27271 14.437 3.27271C12.0216 3.27271 10.368 4.71878 10.368 7.37389V9.66243H7.63635V12.766H10.368V20.7272H13.6348Z" fill="currentColor"></path>
                            <mask id="mask0_1201_15606" style="mask-type:alpha" maskunits="userSpaceOnUse" x="7" y="3" width="10" height="18">
                              <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6348 20.7272V12.766H16.3582L16.7668 9.66243H13.6348V7.68126C13.6348 6.78299 13.8881 6.17083 15.2029 6.17083L16.877 6.17015V3.39421C16.5875 3.35731 15.5937 3.27271 14.437 3.27271C12.0216 3.27271 10.368 4.71878 10.368 7.37389V9.66243H7.63635V12.766H10.368V20.7272H13.6348Z" fill="white"></path>
                            </mask>
                            <g mask="url(#mask0_1201_15606)"></g>
                          </svg>
                        </a>
                      </div>
                      <div class="col-auto">
                        <a class="text-success link-success" href="#">
                          <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14598C21.1356 6.44844 20.4032 6.65356 19.6336 6.74513C20.4194 6.27462 21.0208 5.52831 21.3059 4.64177C20.5689 5.0775 19.7553 5.39389 18.8885 5.56541C18.1943 4.82489 17.2069 4.36365 16.1118 4.36365C14.0108 4.36365 12.3072 6.06719 12.3072 8.16707C12.3072 8.46489 12.3408 8.75577 12.4057 9.03392C9.24434 8.87513 6.44104 7.3605 4.56483 5.05895C4.23686 5.61986 4.05028 6.27344 4.05028 6.9711C4.05028 8.29107 4.72243 9.45574 5.74225 10.1371C5.11877 10.1163 4.53237 9.94477 4.01901 9.65968V9.70719C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5466 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1623 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4279 9.10416 19.4279C16.1026 19.4279 19.928 13.6312 19.928 8.60398L19.9153 8.11147C20.6627 7.57834 21.3094 6.90853 21.8181 6.14598Z" fill="currentColor"></path>
                            <mask id="mask0_1201_15607" style="mask-type:alpha" maskunits="userSpaceOnUse" x="3" y="4" width="19" height="16">
                              <path fill-rule="evenodd" clip-rule="evenodd" d="M21.8181 6.14598C21.1356 6.44844 20.4032 6.65356 19.6336 6.74513C20.4194 6.27462 21.0208 5.52831 21.3059 4.64177C20.5689 5.0775 19.7553 5.39389 18.8885 5.56541C18.1943 4.82489 17.2069 4.36365 16.1118 4.36365C14.0108 4.36365 12.3072 6.06719 12.3072 8.16707C12.3072 8.46489 12.3408 8.75577 12.4057 9.03392C9.24434 8.87513 6.44104 7.3605 4.56483 5.05895C4.23686 5.61986 4.05028 6.27344 4.05028 6.9711C4.05028 8.29107 4.72243 9.45574 5.74225 10.1371C5.11877 10.1163 4.53237 9.94477 4.01901 9.65968V9.70719C4.01901 11.5498 5.33086 13.0876 7.07031 13.4376C6.75161 13.5234 6.41555 13.5709 6.06789 13.5709C5.82222 13.5709 5.58464 13.5466 5.35171 13.5002C5.8361 15.0125 7.24067 16.1123 8.90483 16.1424C7.6034 17.1623 5.96243 17.7683 4.1801 17.7683C3.87301 17.7683 3.57052 17.7498 3.27271 17.7162C4.95655 18.7974 6.95561 19.4279 9.10416 19.4279C16.1026 19.4279 19.928 13.6312 19.928 8.60398L19.9153 8.11147C20.6627 7.57834 21.3094 6.90853 21.8181 6.14598Z" fill="white"></path>
                            </mask>
                            <g mask="url(#mask0_1201_15607)"></g>
                          </svg>
                        </a>
                      </div>
                      <div class="col-auto">
                        <a class="text-success link-success" href="#">
                          <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.60057 2.18176H16.3991C19.3872 2.18176 21.8182 4.61276 21.8181 7.60069V16.3992C21.8181 19.3871 19.3872 21.8181 16.3991 21.8181H7.60057C4.61264 21.8181 2.18176 19.3872 2.18176 16.3992V7.60069C2.18176 4.61276 4.61264 2.18176 7.60057 2.18176ZM16.3992 20.0759C18.4266 20.0759 20.076 18.4266 20.076 16.3992H20.0759V7.60069C20.0759 5.57343 18.4265 3.924 16.3991 3.924H7.60057C5.57331 3.924 3.924 5.57343 3.924 7.60069V16.3992C3.924 18.4266 5.57331 20.076 7.60057 20.0759H16.3992ZM6.85709 12.0001C6.85709 9.16418 9.16413 6.85709 11.9999 6.85709C14.8358 6.85709 17.1428 9.16418 17.1428 12.0001C17.1428 14.8358 14.8358 17.1428 11.9999 17.1428C9.16413 17.1428 6.85709 14.8358 6.85709 12.0001ZM8.62792 11.9999C8.62792 13.8592 10.1407 15.3718 11.9999 15.3718C13.8592 15.3718 15.372 13.8592 15.372 11.9999C15.372 10.1405 13.8593 8.62784 11.9999 8.62784C10.1406 8.62784 8.62792 10.1405 8.62792 11.9999Z" fill="currentColor"></path>
                            <mask id="mask0_1201_15608" style="mask-type:alpha" maskunits="userSpaceOnUse" x="2" y="2" width="20" height="20">
                              <path fill-rule="evenodd" clip-rule="evenodd" d="M7.60057 2.18176H16.3991C19.3872 2.18176 21.8182 4.61276 21.8181 7.60069V16.3992C21.8181 19.3871 19.3872 21.8181 16.3991 21.8181H7.60057C4.61264 21.8181 2.18176 19.3872 2.18176 16.3992V7.60069C2.18176 4.61276 4.61264 2.18176 7.60057 2.18176ZM16.3992 20.0759C18.4266 20.0759 20.076 18.4266 20.076 16.3992H20.0759V7.60069C20.0759 5.57343 18.4265 3.924 16.3991 3.924H7.60057C5.57331 3.924 3.924 5.57343 3.924 7.60069V16.3992C3.924 18.4266 5.57331 20.076 7.60057 20.0759H16.3992ZM6.85709 12.0001C6.85709 9.16418 9.16413 6.85709 11.9999 6.85709C14.8358 6.85709 17.1428 9.16418 17.1428 12.0001C17.1428 14.8358 14.8358 17.1428 11.9999 17.1428C9.16413 17.1428 6.85709 14.8358 6.85709 12.0001ZM8.62792 11.9999C8.62792 13.8592 10.1407 15.3718 11.9999 15.3718C13.8592 15.3718 15.372 13.8592 15.372 11.9999C15.372 10.1405 13.8593 8.62784 11.9999 8.62784C10.1406 8.62784 8.62792 10.1405 8.62792 11.9999Z" fill="white"></path>
                            </mask>
                            <g mask="url(#mask0_1201_15608)"></g>
                          </svg>
                        </a>
                      </div>
                      <div class="col-auto">
                        <a class="text-success link-success" href="#">
                          <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M19.2 3H4.8C3.81 3 3 3.81 3 4.8V19.2C3 20.19 3.81 21 4.8 21H19.2C20.19 21 21 20.19 21 19.2V4.8C21 3.81 20.19 3 19.2 3ZM8.4 18.3H5.7V10.2H8.4V18.3ZM7.05 8.67C6.15 8.67 5.43 7.95 5.43 7.05C5.43 6.15 6.15 5.43 7.05 5.43C7.95 5.43 8.67 6.15 8.67 7.05C8.67 7.95 7.95 8.67 7.05 8.67ZM18.3 18.3H15.6V13.53C15.6 12.81 14.97 12.18 14.25 12.18C13.53 12.18 12.9 12.81 12.9 13.53V18.3H10.2V10.2H12.9V11.28C13.35 10.56 14.34 10.02 15.15 10.02C16.86 10.02 18.3 11.46 18.3 13.17V18.3Z" fill="currentColor"></path>
                          </svg>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <form class="mw-md-xl ms-auto p-10 bg-white rounded shadow">
            <div class="mb-6 form-group">
              <label class="mb-1 fw-medium text-light-dark" for="contactInput13-1">Email</label>
              <input class="form-control shadow" id="contactInput13-1" type="email" aria-describedby="emailHelp" placeholder="Enter email">
            </div>
            <div class="mb-6 form-group">
              <label class="mb-1 fw-medium text-light-dark" for="contactInput13-2">Message</label>
              <textarea class="form-control shadow" id="contactInput13-2" placeholder="Your message" rows="10"></textarea>
            </div>
            <button class="btn btn-lg btn-success w-100 text-success-light shadow" type="submit">Send</button>
          </form>
        </div>
      </div>
    </div>
  </div>
  <div class="d-flex mt-n1 text-secondary-dark">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 51.4091H349.922C606.664 51.4091 859.771 116 1080 116C1300.23 116 1440 51.4091 1440 51.4091V0H0V51.4091Z" fill="currentcolor"></path>
    </svg>
  </div>
</section>

<section class="overflow-hidden">
  <div class="d-flex mb-n1 text-light-light">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1440 64.5909H1090.08C833.336 64.5909 580.229 -7.62939e-06 360 -7.62939e-06C139.771 -7.62939e-06 0 64.5909 0 64.5909V116H1440V64.5909Z" fill="currentcolor"></path>
    </svg>
  </div>
  <div class="position-relative py-20 bg-light-light" style="background-image: url('flex-assets/elements/pattern-light.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(247, 248, 249, 0) 0%, #F7F8F9 100%);"></div>
    <div class="position-relative container" style="z-index:1;">
      <div class="mb-16 text-center mw-md-4xl mx-auto">
        <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">Faq</span>
        <h2 class="font-heading mb-4 fs-5" style="letter-spacing: -1px;">Frequently Asked Questions</h2>
        <p class="mb-0 fs-9 fw-medium text-secondary">Flex is the only saas business platform that lets you run your business on one platform, seamlessly across all digital channels.</p>
      </div>
      <div class="mw-md-3xl mx-auto">
        <div class="row g-8">
          <div class="col-12">
            <a class="text-secondary-light link-secondary-light" href="#">
              <div class="p-10 bg-white rounded shadow">
                <div class="mb-4 row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">How long does it take to ship my order?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.71 8.29C12.6149 8.19896 12.5028 8.12759 12.38 8.08C12.1365 7.97998 11.8635 7.97998 11.62 8.08C11.4972 8.12759 11.3851 8.19896 11.29 8.29L8.29 11.29C8.1017 11.4783 7.99591 11.7337 7.99591 12C7.99591 12.2663 8.1017 12.5217 8.29 12.71C8.4783 12.8983 8.7337 13.0041 9 13.0041C9.2663 13.0041 9.5217 12.8983 9.71 12.71L11 11.41L11 15C11 15.2652 11.1054 15.5196 11.2929 15.7071C11.4804 15.8946 11.7348 16 12 16C12.2652 16 12.5196 15.8946 12.7071 15.7071C12.8946 15.5196 13 15.2652 13 15L13 11.41L14.29 12.71C14.383 12.8037 14.4936 12.8781 14.6154 12.9289C14.7373 12.9797 14.868 13.0058 15 13.0058C15.132 13.0058 15.2627 12.9797 15.3846 12.9289C15.5064 12.8781 15.617 12.8037 15.71 12.71C15.8037 12.617 15.8781 12.5064 15.9289 12.3846C15.9797 12.2627 16.0058 12.132 16.0058 12C16.0058 11.868 15.9797 11.7373 15.9289 11.6154C15.8781 11.4936 15.8037 11.383 15.71 11.29L12.71 8.29ZM12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51808 6.3459 2.7612 8.17316C2.00433 10.0004 1.80629 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92893 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 9.34783 20.9464 6.80429 19.0711 4.92893C18.1425 4.00034 17.0401 3.26375 15.8268 2.7612C14.6136 2.25865 13.3132 2 12 2ZM12 20C10.4177 20 8.87103 19.5308 7.55544 18.6518C6.23984 17.7727 5.21446 16.5233 4.60896 15.0615C4.00346 13.5997 3.84503 11.9911 4.15372 10.4393C4.4624 8.88743 5.22432 7.46196 6.34314 6.34314C7.46196 5.22432 8.88743 4.4624 10.4393 4.15371C11.9911 3.84503 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55543C19.5308 8.87103 20 10.4177 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
                <p class="mb-0 fw-medium text-secondary">Orders are usually shipped within 1-2 business days after placing the order.</p>
              </div>
            </a>
          </div>
          <div class="col-12">
            <a class="text-secondary-light link-secondary-light" href="#">
              <div class="p-10 bg-white rounded shadow">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">What payment methods do you accept?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-12">
            <a class="text-secondary-light link-secondary-light" href="#">
              <div class="p-10 bg-white rounded shadow">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">What shipping options do you have?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-12">
            <a class="text-secondary-light link-secondary-light" href="#">
              <div class="p-10 bg-white rounded shadow">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">How do I make changes to an existing order?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="col-12">
            <a class="text-secondary-light link-secondary-light" href="#">
              <div class="p-10 bg-white rounded shadow">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">When will my order arrive?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="d-flex mt-n1 text-light-light">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 51.4091H349.922C606.664 51.4091 859.771 116 1080 116C1300.23 116 1440 51.4091 1440 51.4091V0H0V51.4091Z" fill="currentcolor"></path>
    </svg>
  </div>
</section>

<section class="position-relative py-20 bg-secondary-dark overflow-hidden" style="background-image: url('flex-assets/elements/pattern-dark.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(42, 51, 66, 0) 0%, #2A3342 100%);"></div>
  <div class="position-relative container" style="z-index:1;">
    <div class="row g-16">
      <div class="col-12 col-md-6">
        <div class="mw-md-md">
          <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">Faq</span>
          <h2 class="font-heading mb-4 fs-5 text-white" style="letter-spacing: -1px;">Frequently Asked Questions</h2>
          <p class="mb-0 fs-9 fw-medium text-secondary-light">Flex is the only saas business platform that lets you run your business on one platform, seamlessly across all digital channels.</p>
        </div>
      </div>
      <div class="col-12 col-md-6">
        <div class="mw-md-lg ms-auto">
          <div class="row g-10">
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="mb-4 row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9 text-white">How long does it take to ship my order?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.71 8.29C12.6149 8.19896 12.5028 8.12759 12.38 8.08C12.1365 7.97998 11.8635 7.97998 11.62 8.08C11.4972 8.12759 11.3851 8.19896 11.29 8.29L8.29 11.29C8.1017 11.4783 7.99591 11.7337 7.99591 12C7.99591 12.2663 8.1017 12.5217 8.29 12.71C8.4783 12.8983 8.7337 13.0041 9 13.0041C9.2663 13.0041 9.5217 12.8983 9.71 12.71L11 11.41L11 15C11 15.2652 11.1054 15.5196 11.2929 15.7071C11.4804 15.8946 11.7348 16 12 16C12.2652 16 12.5196 15.8946 12.7071 15.7071C12.8946 15.5196 13 15.2652 13 15L13 11.41L14.29 12.71C14.383 12.8037 14.4936 12.8781 14.6154 12.9289C14.7373 12.9797 14.868 13.0058 15 13.0058C15.132 13.0058 15.2627 12.9797 15.3846 12.9289C15.5064 12.8781 15.617 12.8037 15.71 12.71C15.8037 12.617 15.8781 12.5064 15.9289 12.3846C15.9797 12.2627 16.0058 12.132 16.0058 12C16.0058 11.868 15.9797 11.7373 15.9289 11.6154C15.8781 11.4936 15.8037 11.383 15.71 11.29L12.71 8.29ZM12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51808 6.3459 2.7612 8.17316C2.00433 10.0004 1.80629 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92893 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 9.34783 20.9464 6.80429 19.0711 4.92893C18.1425 4.00034 17.0401 3.26375 15.8268 2.7612C14.6136 2.25865 13.3132 2 12 2ZM12 20C10.4177 20 8.87103 19.5308 7.55544 18.6518C6.23984 17.7727 5.21446 16.5233 4.60896 15.0615C4.00346 13.5997 3.84503 11.9911 4.15372 10.4393C4.4624 8.88743 5.22432 7.46196 6.34314 6.34314C7.46196 5.22432 8.88743 4.4624 10.4393 4.15371C11.9911 3.84503 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55543C19.5308 8.87103 20 10.4177 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
                <p class="mb-0 fw-medium text-secondary-light">Orders are usually shipped within 1-2 business days after placing the order.</p>
              </a>
            </div>
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9 text-white">What payment methods do you accept?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9 text-white">What shipping options do you have?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9 text-white">How do I make changes to an existing order?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9 text-white">When will my order arrive?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative py-20 bg-light-light overflow-hidden" style="background-image: url('flex-assets/elements/pattern-light.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(247, 248, 249, 0) 0%, #F7F8F9 100%);"></div>
  <div class="position-relative container" style="z-index:1;">
    <div class="row g-16">
      <div class="col-12 col-md-6">
        <div class="mw-md-md">
          <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">Faq</span>
          <h2 class="font-heading mb-4 fs-5" style="letter-spacing: -1px;">Frequently Asked Questions</h2>
          <p class="mb-0 fs-9 fw-medium text-secondary">Flex is the only saas business platform that lets you run your business on one platform, seamlessly across all digital channels.</p>
        </div>
      </div>
      <div class="col-12 col-md-6">
        <div class="mw-md-lg ms-auto">
          <div class="row g-10">
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="mb-4 row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">How long does it take to ship my order?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.71 8.29C12.6149 8.19896 12.5028 8.12759 12.38 8.08C12.1365 7.97998 11.8635 7.97998 11.62 8.08C11.4972 8.12759 11.3851 8.19896 11.29 8.29L8.29 11.29C8.1017 11.4783 7.99591 11.7337 7.99591 12C7.99591 12.2663 8.1017 12.5217 8.29 12.71C8.4783 12.8983 8.7337 13.0041 9 13.0041C9.2663 13.0041 9.5217 12.8983 9.71 12.71L11 11.41L11 15C11 15.2652 11.1054 15.5196 11.2929 15.7071C11.4804 15.8946 11.7348 16 12 16C12.2652 16 12.5196 15.8946 12.7071 15.7071C12.8946 15.5196 13 15.2652 13 15L13 11.41L14.29 12.71C14.383 12.8037 14.4936 12.8781 14.6154 12.9289C14.7373 12.9797 14.868 13.0058 15 13.0058C15.132 13.0058 15.2627 12.9797 15.3846 12.9289C15.5064 12.8781 15.617 12.8037 15.71 12.71C15.8037 12.617 15.8781 12.5064 15.9289 12.3846C15.9797 12.2627 16.0058 12.132 16.0058 12C16.0058 11.868 15.9797 11.7373 15.9289 11.6154C15.8781 11.4936 15.8037 11.383 15.71 11.29L12.71 8.29ZM12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51808 6.3459 2.7612 8.17316C2.00433 10.0004 1.80629 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92893 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 9.34783 20.9464 6.80429 19.0711 4.92893C18.1425 4.00034 17.0401 3.26375 15.8268 2.7612C14.6136 2.25865 13.3132 2 12 2ZM12 20C10.4177 20 8.87103 19.5308 7.55544 18.6518C6.23984 17.7727 5.21446 16.5233 4.60896 15.0615C4.00346 13.5997 3.84503 11.9911 4.15372 10.4393C4.4624 8.88743 5.22432 7.46196 6.34314 6.34314C7.46196 5.22432 8.88743 4.4624 10.4393 4.15371C11.9911 3.84503 13.5997 4.00346 15.0615 4.60896C16.5233 5.21446 17.7727 6.23984 18.6518 7.55543C19.5308 8.87103 20 10.4177 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
                <p class="mb-0 fw-medium text-secondary">Orders are usually shipped within 1-2 business days after placing the order.</p>
              </a>
            </div>
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">What payment methods do you accept?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">What shipping options do you have?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">How do I make changes to an existing order?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-12">
              <a class="text-success link-success" href="#">
                <div class="row justify-content-between g-4">
                  <div class="col-auto">
                    <h3 class="mb-0 font-heading fs-9">When will my order arrive?</h3>
                  </div>
                  <div class="col-auto">
                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.8635 16.02 12.1365 16.02 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L15.71 12.71C15.8983 12.5217 16.0041 12.2663 16.0041 12C16.0041 11.7337 15.8983 11.4783 15.71 11.29C15.5217 11.1017 15.2663 10.9959 15 10.9959C14.7337 10.9959 14.4783 11.1017 14.29 11.29L13 12.59L13 9C13 8.73479 12.8946 8.48043 12.7071 8.2929C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.2929C11.1054 8.48043 11 8.73479 11 9L11 12.59L9.71 11.29C9.61704 11.1963 9.50644 11.1219 9.38458 11.0711C9.26272 11.0203 9.13201 10.9942 9 10.9942C8.86799 10.9942 8.73728 11.0203 8.61542 11.0711C8.49356 11.1219 8.38296 11.1963 8.29 11.29C8.19627 11.383 8.12188 11.4936 8.07111 11.6154C8.02034 11.7373 7.9942 11.868 7.9942 12C7.9942 12.132 8.02034 12.2627 8.07111 12.3846C8.12188 12.5064 8.19627 12.617 8.29 12.71L11.29 15.71ZM12 22C13.9778 22 15.9112 21.4135 17.5557 20.3147C19.2002 19.2159 20.4819 17.6541 21.2388 15.8268C21.9957 13.9996 22.1937 11.9889 21.8079 10.0491C21.422 8.10929 20.4696 6.32746 19.0711 4.92894C17.6725 3.53041 15.8907 2.578 13.9509 2.19215C12.0111 1.8063 10.0004 2.00433 8.17317 2.76121C6.3459 3.51809 4.78412 4.79981 3.6853 6.4443C2.58649 8.08879 2 10.0222 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7363 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22ZM12 4C13.5823 4 15.129 4.4692 16.4446 5.34825C17.7602 6.2273 18.7855 7.47673 19.391 8.93854C19.9965 10.4003 20.155 12.0089 19.8463 13.5607C19.5376 15.1126 18.7757 16.538 17.6569 17.6569C16.538 18.7757 15.1126 19.5376 13.5607 19.8463C12.0089 20.155 10.4003 19.9965 8.93853 19.391C7.47672 18.7855 6.22729 17.7602 5.34824 16.4446C4.46919 15.129 4 13.5823 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84286 9.87827 4 12 4Z" fill="currentColor"></path>
                    </svg>
                  </div>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative py-24 bg-white overflow-hidden" style="background-image: url('flex-assets/elements/pattern-light.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);"></div>
  <div class="position-relative container" style="z-index:1;">
    <div class="mb-12 mw-4xl mx-auto text-center">
      <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">Features</span>
      <h2 class="font-heading mb-4 fs-6" style="letter-spacing: -1px;">Gain more insight into how people use your</h2>
      <p class="mb-0 fs-9 fw-medium text-secondary">With our integrated CRM, project management, collaboration and invoicing capabilities, you can manage every aspect of your business in one secure platform.</p>
    </div>
    <div class="row align-items-center g-8">
      <div class="col-12 col-md-6 col-lg-4">
        <div class="row g-20">
          <div class="col-12">
            <div class="mw-sm mx-auto text-center">
              <div class="mb-6 d-flex justify-content-center align-items-center mx-auto text-white bg-success rounded" style="width: 64px; height: 64px;">
                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <g clip-path="url(#clip0_631_12694)">
                    <path d="M17 21.63H5C4.20435 21.63 3.44129 21.3139 2.87868 20.7513C2.31607 20.1887 2 19.4257 2 18.63V10.63C2 10.3648 1.89464 10.1104 1.70711 9.9229C1.51957 9.73536 1.26522 9.63 1 9.63C0.734784 9.63 0.48043 9.73536 0.292893 9.9229C0.105357 10.1104 0 10.3648 0 10.63L0 18.63C0 19.9561 0.526784 21.2279 1.46447 22.1655C2.40215 23.1032 3.67392 23.63 5 23.63H17C17.2652 23.63 17.5196 23.5246 17.7071 23.3371C17.8946 23.1496 18 22.8952 18 22.63C18 22.3648 17.8946 22.1104 17.7071 21.9229C17.5196 21.7354 17.2652 21.63 17 21.63ZM21 3.63H7C6.20435 3.63 5.44129 3.94608 4.87868 4.50868C4.31607 5.07129 4 5.83436 4 6.63V16.63C4 17.4257 4.31607 18.1887 4.87868 18.7513C5.44129 19.3139 6.20435 19.63 7 19.63H21C21.7956 19.63 22.5587 19.3139 23.1213 18.7513C23.6839 18.1887 24 17.4257 24 16.63V6.63C24 5.83436 23.6839 5.07129 23.1213 4.50868C22.5587 3.94608 21.7956 3.63 21 3.63V3.63ZM20.59 5.63L14.71 11.51C14.617 11.6037 14.5064 11.6781 14.3846 11.7289C14.2627 11.7797 14.132 11.8058 14 11.8058C13.868 11.8058 13.7373 11.7797 13.6154 11.7289C13.4936 11.6781 13.383 11.6037 13.29 11.51L7.41 5.63H20.59ZM22 16.63C22 16.8952 21.8946 17.1496 21.7071 17.3371C21.5196 17.5246 21.2652 17.63 21 17.63H7C6.73478 17.63 6.48043 17.5246 6.29289 17.3371C6.10536 17.1496 6 16.8952 6 16.63V7L11.88 12.88C12.4425 13.4418 13.205 13.7574 14 13.7574C14.795 13.7574 15.5575 13.4418 16.12 12.88L22 7V16.63Z" fill="currentColor"></path>
                  </g>
                  <defs><clippath id="clip0_631_12694"><rect width="24" height="24" fill="currentColor"></rect></clippath></defs>
                </svg>
              </div>
              <h3 class="font-heading fs-8 mb-4">Measure your performance</h3>
              <p class="mb-0 fw-medium text-secondary">Stay connected with your team and make quick decisions wherever you are.</p>
            </div>
          </div>
          <div class="col-12">
            <div class="mw-sm mx-auto text-center">
              <div class="mb-6 d-flex justify-content-center align-items-center mx-auto text-white bg-success rounded" style="width: 64px; height: 64px;">
                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M5 18H9.24C9.37161 18.0008 9.50207 17.9755 9.62391 17.9258C9.74574 17.876 9.85656 17.8027 9.95 17.71L16.87 10.78L19.71 8C19.8037 7.90704 19.8781 7.79644 19.9289 7.67458C19.9797 7.55272 20.0058 7.42201 20.0058 7.29C20.0058 7.15799 19.9797 7.02728 19.9289 6.90542C19.8781 6.78356 19.8037 6.67296 19.71 6.58L15.47 2.29C15.377 2.19627 15.2664 2.12188 15.1446 2.07111C15.0227 2.02034 14.892 1.9942 14.76 1.9942C14.628 1.9942 14.4973 2.02034 14.3754 2.07111C14.2536 2.12188 14.143 2.19627 14.05 2.29L11.23 5.12L4.29 12.05C4.19732 12.1434 4.12399 12.2543 4.07423 12.3761C4.02446 12.4979 3.99924 12.6284 4 12.76V17C4 17.2652 4.10536 17.5196 4.29289 17.7071C4.48043 17.8946 4.73478 18 5 18ZM14.76 4.41L17.59 7.24L16.17 8.66L13.34 5.83L14.76 4.41ZM6 13.17L11.93 7.24L14.76 10.07L8.83 16H6V13.17ZM21 20H3C2.73478 20 2.48043 20.1054 2.29289 20.2929C2.10536 20.4804 2 20.7348 2 21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21C22 20.7348 21.8946 20.4804 21.7071 20.2929C21.5196 20.1054 21.2652 20 21 20Z" fill="currentColor"></path>
                </svg>
              </div>
              <h3 class="font-heading fs-8 mb-4">Build your website</h3>
              <p class="mb-0 fw-medium text-secondary">A tool that lets you build a dream website even if you know nothing about web design or programming.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-6 col-lg-4">
        <div class="row justify-content-center">
          <div class="col-auto">
            <img class="img-fluid" src="flex-assets/images/features/work.png" alt="">
          </div>
        </div>
      </div>
      <div class="col-12 col-lg-4">
        <div class="row g-20">
          <div class="col-12 col-md-6 col-lg-12">
            <div class="mw-sm mx-auto text-center">
              <div class="mb-6 d-flex justify-content-center align-items-center mx-auto text-white bg-success rounded" style="width: 64px; height: 64px;">
                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M21.71 7.29C21.617 7.19627 21.5064 7.12188 21.3846 7.07111C21.2627 7.02034 21.132 6.9942 21 6.9942C20.868 6.9942 20.7373 7.02034 20.6154 7.07111C20.4936 7.12188 20.383 7.19627 20.29 7.29L14 13.59L9.71 9.29C9.61704 9.19627 9.50644 9.12188 9.38458 9.07111C9.26272 9.02034 9.13201 8.9942 9 8.9942C8.86799 8.9942 8.73728 9.02034 8.61542 9.07111C8.49356 9.12188 8.38296 9.19627 8.29 9.29L2.29 15.29C2.19627 15.383 2.12188 15.4936 2.07111 15.6154C2.02034 15.7373 1.9942 15.868 1.9942 16C1.9942 16.132 2.02034 16.2627 2.07111 16.3846C2.12188 16.5064 2.19627 16.617 2.29 16.71C2.38296 16.8037 2.49356 16.8781 2.61542 16.9289C2.73728 16.9797 2.86799 17.0058 3 17.0058C3.13201 17.0058 3.26272 16.9797 3.38458 16.9289C3.50644 16.8781 3.61704 16.8037 3.71 16.71L9 11.41L13.29 15.71C13.383 15.8037 13.4936 15.8781 13.6154 15.9289C13.7373 15.9797 13.868 16.0058 14 16.0058C14.132 16.0058 14.2627 15.9797 14.3846 15.9289C14.5064 15.8781 14.617 15.8037 14.71 15.71L21.71 8.71C21.8037 8.61704 21.8781 8.50644 21.9289 8.38458C21.9797 8.26272 22.0058 8.13201 22.0058 8C22.0058 7.86799 21.9797 7.73728 21.9289 7.61542C21.8781 7.49356 21.8037 7.38296 21.71 7.29V7.29Z" fill="currentColor"></path>
                </svg>
              </div>
              <h3 class="font-heading fs-8 mb-4">Custom analytics</h3>
              <p class="mb-0 fw-medium text-secondary">Get a complete sales dashboard in the cloud. See activity, revenue and social metrics all in one place.</p>
            </div>
          </div>
          <div class="col-12 col-md-6 col-lg-12">
            <div class="mw-sm mx-auto text-center">
              <div class="mb-6 d-flex justify-content-center align-items-center mx-auto text-white bg-success rounded" style="width: 64px; height: 64px;">
                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10 13H3C2.73478 13 2.48043 13.1054 2.29289 13.2929C2.10536 13.4804 2 13.7348 2 14V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H10C10.2652 22 10.5196 21.8946 10.7071 21.7071C10.8946 21.5196 11 21.2652 11 21V14C11 13.7348 10.8946 13.4804 10.7071 13.2929C10.5196 13.1054 10.2652 13 10 13ZM9 20H4V15H9V20ZM21 2H14C13.7348 2 13.4804 2.10536 13.2929 2.29289C13.1054 2.48043 13 2.73478 13 3V10C13 10.2652 13.1054 10.5196 13.2929 10.7071C13.4804 10.8946 13.7348 11 14 11H21C21.2652 11 21.5196 10.8946 21.7071 10.7071C21.8946 10.5196 22 10.2652 22 10V3C22 2.73478 21.8946 2.48043 21.7071 2.29289C21.5196 2.10536 21.2652 2 21 2V2ZM20 9H15V4H20V9ZM21 13H14C13.7348 13 13.4804 13.1054 13.2929 13.2929C13.1054 13.4804 13 13.7348 13 14V21C13 21.2652 13.1054 21.5196 13.2929 21.7071C13.4804 21.8946 13.7348 22 14 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21V14C22 13.7348 21.8946 13.4804 21.7071 13.2929C21.5196 13.1054 21.2652 13 21 13ZM20 20H15V15H20V20ZM10 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V10C2 10.2652 2.10536 10.5196 2.29289 10.7071C2.48043 10.8946 2.73478 11 3 11H10C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10V3C11 2.73478 10.8946 2.48043 10.7071 2.29289C10.5196 2.10536 10.2652 2 10 2V2ZM9 9H4V4H9V9Z" fill="currentColor"></path>
                </svg>
              </div>
              <h3 class="font-heading fs-8 mb-4">Connect multiple apps</h3>
              <p class="mb-0 fw-medium text-secondary">The first business platform to bring together all of your products from one place.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pb-20 bg-white overflow-hidden">
  <div class="position-relative pt-20 pb-12" style="background-image: url('flex-assets/elements/pattern-light.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);"></div>
    <div class="position-relative container" style="z-index: 1;">
      <div class="row align-items-center g-8">
        <div class="col-12 col-md-6">
          <img class="img-fluid" src="flex-assets/images/blog-content/content-square.png" alt="">
        </div>
        <div class="col-12 col-md-6">
          <div class="mw-md-2xl">
            <div class="mb-6">
              <span class="badge bg-success-dark text-success text-uppercase shadow">Technology</span>
            </div>
            <span class="mb-6 d-inline-block text-success fw-medium">John Doe &bull; 19 Jan 2022</span>
            <h2 class="font-heading mb-4 fs-5" style="letter-spacing: -1px;">How to collaborate better with your Development team?</h2>
            <p class="mb-12 fs-9 fw-medium text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
            <div class="row align-items-center g-4">
              <div class="col-auto">
                <img src="flex-assets/images/blog/avatar.png" alt="">
              </div>
              <div class="col-auto">
                <h4 class="font-heading text-light-dark fs-10 mb-0">John Doe</h4>
                <p class="mb-0 fs-10 text-secondary">12 October 2021</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row g-8">
      <div class="col-12 col-md-3">
        <ul class="mb-8 pb-6 nav nav-pills flex-column border-bottom border-light">
          <li class="nav-item active mb-2"><a class="nav-link py-3 px-4 fw-semibold text-secondary-light link-secondary-light" href="#">Introduction</a></li>
          <li class="nav-item mb-2"><a class="nav-link py-3 px-4 fw-semibold text-secondary-light link-secondary-light" href="#">Header 1</a></li>
          <li class="nav-item mb-2"><a class="nav-link py-3 px-4 fw-semibold text-secondary-light link-secondary-light" href="#">Header 1</a></li>
          <li class="nav-item"><a class="nav-link py-3 px-4 fw-semibold text-secondary-light link-secondary-light" href="#">Summary</a></li>
        </ul>
        <div class="row g-2">
          <div class="col-auto me-2">
            <a class="btn btn-lg btn-outline-light fs-12 px-4 py-2 text-secondary shadow" href="#">
              <svg class="me-1" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M15 15.8333H5C4.33696 15.8333 3.70108 15.5699 3.23224 15.1011C2.76339 14.6323 2.5 13.9964 2.5 13.3333V6.66667C2.5 6.44565 2.41221 6.23369 2.25592 6.07741C2.09964 5.92113 1.88768 5.83333 1.66667 5.83333C1.44566 5.83333 1.23369 5.92113 1.07741 6.07741C0.921133 6.23369 0.833336 6.44565 0.833336 6.66667V13.3333C0.833336 14.4384 1.27232 15.4982 2.05372 16.2796C2.44063 16.6665 2.89996 16.9734 3.40549 17.1828C3.91101 17.3922 4.45283 17.5 5 17.5H15C15.221 17.5 15.433 17.4122 15.5893 17.2559C15.7455 17.0996 15.8333 16.8877 15.8333 16.6667C15.8333 16.4457 15.7455 16.2337 15.5893 16.0774C15.433 15.9211 15.221 15.8333 15 15.8333ZM19.1667 8.28333C19.158 8.20678 19.1412 8.13136 19.1167 8.05833V7.98333C19.0766 7.89765 19.0232 7.81889 18.9583 7.75V7.75L13.9583 2.75C13.8894 2.68518 13.8107 2.63173 13.725 2.59167H13.65L13.3833 2.5H6.66667C6.00363 2.5 5.36774 2.76339 4.8989 3.23223C4.43006 3.70107 4.16667 4.33696 4.16667 5V11.6667C4.16667 12.3297 4.43006 12.9656 4.8989 13.4344C5.36774 13.9033 6.00363 14.1667 6.66667 14.1667H16.6667C17.3297 14.1667 17.9656 13.9033 18.4344 13.4344C18.9033 12.9656 19.1667 12.3297 19.1667 11.6667V8.33333C19.1667 8.33333 19.1667 8.33333 19.1667 8.28333ZM14.1667 5.34167L16.325 7.5H15C14.779 7.5 14.567 7.4122 14.4107 7.25592C14.2545 7.09964 14.1667 6.88768 14.1667 6.66667V5.34167ZM17.5 11.6667C17.5 11.8877 17.4122 12.0996 17.2559 12.2559C17.0996 12.4122 16.8877 12.5 16.6667 12.5H6.66667C6.44565 12.5 6.23369 12.4122 6.07741 12.2559C5.92113 12.0996 5.83334 11.8877 5.83334 11.6667V5C5.83334 4.77899 5.92113 4.56702 6.07741 4.41074C6.23369 4.25446 6.44565 4.16667 6.66667 4.16667H12.5V6.66667C12.5 7.32971 12.7634 7.96559 13.2322 8.43443C13.7011 8.90327 14.337 9.16667 15 9.16667H17.5V11.6667Z" fill="#BBC3CF"></path>
              </svg>
              <span>Copy Link</span>
            </a>
          </div>
          <div class="col-auto">
            <a class="btn btn-lg btn-outline-light fs-12 p-2 shadow" href="#">
              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12.6 4.43332H14.1667V1.78332C13.4081 1.70444 12.646 1.6655 11.8833 1.66665C9.61667 1.66665 8.06667 3.04998 8.06667 5.58332V7.76665H5.50833V10.7333H8.06667V18.3333H11.1333V10.7333H13.6833L14.0667 7.76665H11.1333V5.87498C11.1333 4.99998 11.3667 4.43332 12.6 4.43332Z" fill="#556987"></path>
              </svg>
            </a>
          </div>
          <div class="col-auto">
            <a class="btn btn-lg btn-outline-light fs-12 p-2 shadow" href="#">
              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M18.3333 4.83339C17.7069 5.10513 17.0445 5.28477 16.3667 5.36672C17.0818 4.93949 17.6177 4.26737 17.875 3.47505C17.203 3.87511 16.4673 4.15697 15.7 4.30839C15.1871 3.7522 14.5041 3.38197 13.7582 3.25576C13.0122 3.12956 12.2455 3.25452 11.5782 3.61104C10.9109 3.96757 10.3808 4.5355 10.071 5.22575C9.76129 5.916 9.68941 6.68954 9.86667 7.42505C8.50786 7.35632 7.1787 7.00251 5.96555 6.3866C4.75239 5.77069 3.68237 4.90646 2.825 3.85005C2.52428 4.37519 2.36627 4.9699 2.36667 5.57505C2.3656 6.13704 2.50352 6.69057 2.76813 7.18636C3.03275 7.68215 3.41585 8.10481 3.88333 8.41672C3.33998 8.40194 2.80824 8.25613 2.33333 7.99172V8.03339C2.33741 8.82079 2.61333 9.58263 3.11443 10.19C3.61553 10.7974 4.31105 11.2131 5.08333 11.3667C4.78605 11.4572 4.4774 11.5049 4.16667 11.5084C3.95158 11.5059 3.73702 11.4864 3.525 11.4501C3.74493 12.1274 4.17052 12.7193 4.74256 13.1435C5.31461 13.5677 6.00465 13.803 6.71667 13.8167C5.51434 14.7628 4.0299 15.2791 2.5 15.2834C2.22145 15.2843 1.94311 15.2676 1.66667 15.2334C3.22869 16.2419 5.04901 16.7773 6.90833 16.7751C8.19141 16.7884 9.46428 16.5459 10.6526 16.0618C11.8409 15.5777 12.9209 14.8616 13.8293 13.9555C14.7378 13.0493 15.4566 11.9712 15.9438 10.7841C16.431 9.59707 16.6767 8.32483 16.6667 7.04172C16.6667 6.90005 16.6667 6.75005 16.6667 6.60005C17.3206 6.11239 17.8846 5.51457 18.3333 4.83339V4.83339Z" fill="#556987"></path>
              </svg>
            </a>
          </div>
          <div class="col-auto">
            <a class="btn btn-lg btn-outline-light fs-12 p-2 shadow" href="#">
              <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14.45 4.54996C14.2522 4.54996 14.0589 4.60861 13.8944 4.71849C13.73 4.82837 13.6018 4.98455 13.5261 5.16728C13.4504 5.35 13.4306 5.55107 13.4692 5.74505C13.5078 5.93903 13.603 6.11721 13.7429 6.25707C13.8827 6.39692 14.0609 6.49216 14.2549 6.53074C14.4489 6.56933 14.65 6.54953 14.8327 6.47384C15.0154 6.39815 15.1716 6.26998 15.2815 6.10553C15.3913 5.94108 15.45 5.74774 15.45 5.54996C15.45 5.28474 15.3446 5.03039 15.1571 4.84285C14.9696 4.65532 14.7152 4.54996 14.45 4.54996V4.54996ZM18.2833 6.56663C18.2671 5.87521 18.1376 5.19113 17.9 4.54163C17.6881 3.9859 17.3583 3.48269 16.9333 3.06663C16.5207 2.63948 16.0163 2.31177 15.4583 2.10829C14.8105 1.86343 14.1257 1.73097 13.4333 1.71663C12.55 1.66663 12.2667 1.66663 10 1.66663C7.73333 1.66663 7.45 1.66663 6.56666 1.71663C5.87429 1.73097 5.18945 1.86343 4.54166 2.10829C3.98473 2.31383 3.48078 2.64126 3.06666 3.06663C2.63952 3.47927 2.31181 3.98366 2.10833 4.54163C1.86346 5.18941 1.73101 5.87425 1.71666 6.56663C1.66666 7.44996 1.66666 7.73329 1.66666 9.99996C1.66666 12.2666 1.66666 12.55 1.71666 13.4333C1.73101 14.1257 1.86346 14.8105 2.10833 15.4583C2.31181 16.0163 2.63952 16.5206 3.06666 16.9333C3.48078 17.3587 3.98473 17.6861 4.54166 17.8916C5.18945 18.1365 5.87429 18.269 6.56666 18.2833C7.45 18.3333 7.73333 18.3333 10 18.3333C12.2667 18.3333 12.55 18.3333 13.4333 18.2833C14.1257 18.269 14.8105 18.1365 15.4583 17.8916C16.0163 17.6881 16.5207 17.3604 16.9333 16.9333C17.3602 16.5188 17.6903 16.0151 17.9 15.4583C18.1376 14.8088 18.2671 14.1247 18.2833 13.4333C18.2833 12.55 18.3333 12.2666 18.3333 9.99996C18.3333 7.73329 18.3333 7.44996 18.2833 6.56663V6.56663ZM16.7833 13.3333C16.7773 13.8623 16.6815 14.3864 16.5 14.8833C16.3669 15.246 16.1532 15.5736 15.875 15.8416C15.6047 16.117 15.2777 16.3303 14.9167 16.4666C14.4197 16.6481 13.8956 16.7439 13.3667 16.75C12.5333 16.7916 12.225 16.8 10.0333 16.8C7.84166 16.8 7.53333 16.8 6.7 16.75C6.15074 16.7602 5.60383 16.6757 5.08333 16.5C4.73815 16.3567 4.42613 16.1439 4.16666 15.875C3.89007 15.6072 3.67903 15.2793 3.55 14.9166C3.34654 14.4126 3.2337 13.8766 3.21666 13.3333C3.21666 12.5 3.16666 12.1916 3.16666 9.99996C3.16666 7.80829 3.16666 7.49996 3.21666 6.66663C3.2204 6.12584 3.31912 5.58991 3.50833 5.08329C3.65504 4.73155 3.88022 4.41801 4.16666 4.16663C4.41984 3.8801 4.73274 3.65254 5.08333 3.49996C5.59129 3.31666 6.12666 3.22086 6.66666 3.21663C7.5 3.21663 7.80833 3.16663 10 3.16663C12.1917 3.16663 12.5 3.16663 13.3333 3.21663C13.8623 3.22269 14.3864 3.3185 14.8833 3.49996C15.262 3.6405 15.6019 3.869 15.875 4.16663C16.1481 4.42261 16.3615 4.73557 16.5 5.08329C16.6852 5.59074 16.7811 6.12644 16.7833 6.66663C16.825 7.49996 16.8333 7.80829 16.8333 9.99996C16.8333 12.1916 16.825 12.5 16.7833 13.3333ZM10 5.72496C9.15484 5.72661 8.32913 5.97873 7.62721 6.44947C6.92529 6.92022 6.37865 7.58846 6.05636 8.36975C5.73407 9.15105 5.6506 10.0103 5.81649 10.8391C5.98238 11.6678 6.39019 12.4287 6.98839 13.0258C7.58659 13.6228 8.34834 14.0291 9.17738 14.1934C10.0064 14.3577 10.8656 14.2725 11.6462 13.9487C12.4269 13.6249 13.0941 13.077 13.5634 12.3742C14.0328 11.6713 14.2833 10.8451 14.2833 9.99996C14.2844 9.43755 14.1743 8.88047 13.9594 8.36076C13.7444 7.84105 13.4288 7.36897 13.0307 6.97167C12.6326 6.57437 12.16 6.25969 11.6398 6.04573C11.1197 5.83178 10.5624 5.72276 10 5.72496V5.72496ZM10 12.775C9.45115 12.775 8.91464 12.6122 8.45829 12.3073C8.00194 12.0024 7.64627 11.569 7.43623 11.0619C7.2262 10.5548 7.17124 9.99688 7.27832 9.45858C7.38539 8.92029 7.64969 8.42583 8.03778 8.03774C8.42587 7.64965 8.92033 7.38535 9.45862 7.27828C9.99692 7.17121 10.5549 7.22616 11.0619 7.43619C11.569 7.64623 12.0024 8.00191 12.3073 8.45825C12.6122 8.9146 12.775 9.45112 12.775 9.99996C12.775 10.3644 12.7032 10.7252 12.5638 11.0619C12.4243 11.3986 12.2199 11.7045 11.9622 11.9622C11.7045 12.2199 11.3986 12.4243 11.0619 12.5637C10.7253 12.7032 10.3644 12.775 10 12.775V12.775Z" fill="#556987"></path>
              </svg>
            </a>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-9">
        <div class="mw-md-2xl mx-auto">
          <p class="pb-10 mb-8 fs-9 text-secondary fw-medium border-bottom border-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
          <h3 class="mb-4 font-heading fs-7 text-light-dark fw-semibold">Header 1</h3>
          <p class="mb-6 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
          <div class="mb-6 row g-6">
            <div class="col-auto">
              <div class="bg-success h-100 rounded-pill" style="width: 2px;"></div>
            </div>
            <div class="col">
              <div class="py-7">
                <p class="mb-4 fs-8 text-light-dark fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus.</p>
                <p class="mb-0 fs-10 text-secondary-light fw-medium">&mdash; John Doe, CEO &amp; Founder</p>
              </div>
            </div>
          </div>
          <p class="mb-6 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
          <img class="mb-4 img-fluid w-100" src="flex-assets/images/blog-content/content-middle.png" alt="">
          <p class="mb-8 fs-10 text-secondary-light fw-medium">
            <span>Non massa enim vitae duis mattis. Vel in</span>
            <u><a class="link-secondary-light" href="#">ultricies</a></u>
            <span>vel fringilla.</span>
          </p>
          <h3 class="mb-4 font-heading fs-7 text-light-dark fw-semibold">Header 1</h3>
          <p class="mb-16 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
          <p class="mb-6 fs-10 text-secondary">Sagittis et eu at elementum, quis in. Proin praesent volutpat egestas sociis sit lorem nunc nunc sit. Eget diam curabitur mi ac. Auctor rutrum lacus malesuada massa ornare et. Vulputate consectetur ac ultrices at diam dui eget fringilla tincidunt. Arcu sit dignissim massa erat cursus vulputate gravida id. Sed quis auctor vulputate hac elementum gravida cursus dis.</p>
          <ol class="list-unstyled px-4 mb-16">
            <li class="fs-10 text-secondary">1. Lectus id duis vitae porttitor enim gravida morbi.</li>
            <li class="fs-10 text-secondary">2. Eu turpis posuere semper feugiat volutpat elit, ultrices suspendisse. Auctor vel in vitae placerat.</li>
            <li class="fs-10 text-secondary">3. Suspendisse maecenas ac donec scelerisque diam sed est duis purus.</li>
          </ol>
          <p class="mb-0 fs-10 text-secondary">
            <span>Vestibulum placerat magna nulla, sit amet venenatis sapien consequat ut. Cras pulvinar, lorem tristique pharetra finibus, dui erat finibus orci, a vehicula arcu sapien id metus. Quisque quis lorem a sem porttitor feugiat. Etiam quis congue est. Donec fermentum ac libero a pretium. Nulla nisl sem, euismod ut eros vitae, egestas scelerisque enim.</span>
            <u><a class="link-success" href="#">Vivamus id pharetra massa.</a></u>
            <span>Nulla aliquet erat elit, a gravida dui efficitur vel. Sed pulvinar diam sed neque ullamcorper semper. Nulla elementum arcu lacus, quis porta nisl posuere varius. Quisque tempus libero sed urna posuere hendrerit.</span>
          </p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative pt-20 pt-md-0 bg-white overflow-hidden" style="background-image: url('flex-assets/elements/pattern-light.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);"></div>
  <div class="position-relative row align-items-center g-16" style="z-index:1;">
    <div class="col-12 col-md-6">
      <div class="mb-7 px-4 text-center mw-md mx-auto">
        <div class="mb-6 d-flex align-items-center justify-content-center mx-auto bg-success rounded-3" style="width: 64px; height: 64px;">
          <img class="img-fluid" style="height: 40px;" src="flex-assets/images/sign-in/logo.svg" alt="">
        </div>
        <h2 class="font-heading mb-4 fs-7">Sign in to your account</h2>
        <p class="mb-0 fs-9 fw-medium text-secondary">Start your demo version</p>
      </div>
      <form class="px-4 mw-sm mx-auto">
        <div class="mb-4 row g-6">
          <div class="col-12">
            <div class="form-group">
              <label class="mb-1 fw-medium text-light-dark" for="signInInput7-1">Email</label>
              <input class="form-control text-secondary-dark shadow" id="signInInput7-1" type="email" aria-describedby="emailHelp" value="support@shuffle.dev" placeholder="Email">
            </div>
          </div>
          <div class="col-12">
            <div class="form-group">
              <label class="mb-1 fw-medium text-light-dark" for="signInInput7-2">Password</label>
              <input class="form-control text-secondary-dark shadow" id="signInInput7-2" type="password" aria-describedby="passwordHelp" value="**********************" placeholder="Password">
            </div>
          </div>
        </div>
        <div class="mb-6 row align-items-center justify-content-between g-2">
          <div class="col-auto">
            <div class="form-check">
              <input class="form-check-input shadow" id="flexCheckDefault" type="checkbox" value="">
              <label class="form-check-label fs-13 fw-medium text-light-dark" for="flexCheckDefault">Remember me</label>
            </div>
          </div>
          <div class="col-auto"><a class="fs-13 fw-medium text-success link-success" href="#">Forgot your password?</a></div>
        </div>
        <div class="mb-6 row">
          <div class="col-12">
            <button class="btn btn-lg btn-success fs-11 py-3 w-100 text-success-light shadow" type="submit">Sign In</button>
          </div>
        </div>
        <p class="mb-0 fs-13 fw-medium text-light-dark text-center">
          <span>Don&rsquo;t have an account?</span>
          <a class="text-success link-success" href="#">Sign up</a>
        </p>
      </form>
    </div>
    <div class="col-12 col-md-6">
      <div class="py-36 px-4 bg-light-light h-100">
        <div class="text-center mw-md-xl mx-auto">
          <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">Quotes</span>
          <div class="mb-20 position-relative">
            <h2 class="position-relative font-heading fs-7 fw-medium text-light-dark" style="z-index: 1;">Love the simplicity of the service and the prompt customer support. We can&rsquo;t imagine working without it.</h2>
            <img class="position-absolute top-0 start-0 ms-n12 mt-n10" src="flex-assets/images/sign-in/quote-top.svg" alt="">
            <img class="position-absolute bottom-0 end-0 me-n10 mb-n16" src="flex-assets/images/sign-in/quote-down.svg" alt="">
          </div>
          <img class="mb-6 img-fluid" src="flex-assets/images/sign-in/avatar.png" alt="">
          <h3 class="font-heading mb-1 fs-10 fw-semibold text-light-dark">John Doe</h3>
          <p class="mb-8 fs-10 text-secondary-light">CEO &amp; Founder at Flex.co</p>
          <div class="row justify-content-center g-3">
            <div class="col-auto"><a class="d-inline-block rounded-pill bg-light" style="width: 12px; height: 12px;" href="#"></a></div>
            <div class="col-auto"><a class="d-inline-block rounded-pill bg-success" style="width: 12px; height: 12px;" href="#"></a></div>
            <div class="col-auto"><a class="d-inline-block rounded-pill bg-light" style="width: 12px; height: 12px;" href="#"></a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative py-20 py-md-44 bg-secondary-dark overflow-hidden" style="background-image: url('flex-assets/elements/pattern-dark.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(42, 51, 66, 0) 0%, #2A3342 100%);"></div>
  <div class="position-relative" style="z-index: 1;">
    <div class="row align-items-center g-16">
      <div class="col-12 col-md-6">
        <div class="p-4 mw-md-md mx-md-auto">
          <h2 class="font-heading mb-6 fs-6 text-white" style="letter-spacing: -1px;">Be the first to know when we launch</h2>
          <p class="mb-8 fs-9 fw-medium text-secondary-light">Stay in the loop with everything you need to know.</p>
          <div class="mb-2 row justify-content-center g-4 g-md-6">
            <div class="col">
              <div class="form-group">
                <input class="form-control text-secondary p-3 shadow" id="newsletterInput17-1" type="email" aria-describedby="emailHelp" placeholder="Enter your email">
              </div>
            </div>
            <div class="col-12 col-md-auto"><a class="btn btn-lg btn-success fs-11 w-100 py-3 px-4 h-100 shadow" href="#">Subscribe</a></div>
          </div>
          <p class="mb-0 fs-13 fw-medium text-secondary">
            <span>We care about your data in our</span>
            <a class="text-sucess link-success" href="#">privacy policy</a>
          </p>
        </div>
      </div>
      <div class="col-12 col-md-6">
        <div class="d-flex justify-content-end ps-4 ps-md-0">
          <div class="position-relative">
            <img class="position-absolute end-0 top-0 mt-n24" src="flex-assets/elements/dots-horizontal-blue.svg" alt="">
            <img class="position-absolute end-0 bottom-0 mb-n24" src="flex-assets/elements/dots-horizontal-blue.svg" alt="">
            <img class="position-absolute start-0 top-50 translate-middle-y" style="width: 41%;" src="flex-assets/elements/circle-xxl-orange.svg" alt="">
            <img class="position-relative img-fluid" style="z-index: 1;" src="flex-assets/images/newsletter/mockup-right-dark.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="position-fixed bottom-0 start-0 bg-secondary-dark bg-opacity-50 h-100 w-100 overflow-auto" style="z-index: 50;">
  <div class="d-flex flex-wrap align-items-end h-100">
    <div class="container py-10">
      <div class="p-12 w-100 mw-3xl bg-light-light border rounded shadow">
        <div class="row align-items-center g-8">
          <div class="col-12 col-md-6">
            <div class="mw-md-xs">
              <p class="mb-4 text-secondary fw-medium">We use third-party cookies in order to personalise your experience</p>
              <a class="d-flex flex-wrap align-items-center text-success link-success" href="#">
                <span class="me-2 fw-medium">Read our cookie policy</span>
                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M15.71 12.71C15.801 12.6149 15.8724 12.5028 15.92 12.38C16.02 12.1365 16.02 11.8635 15.92 11.62C15.8724 11.4972 15.801 11.3851 15.71 11.29L12.71 8.29C12.5217 8.1017 12.2663 7.99591 12 7.99591C11.7337 7.99591 11.4783 8.1017 11.29 8.29C11.1017 8.4783 10.9959 8.7337 10.9959 9C10.9959 9.2663 11.1017 9.5217 11.29 9.71L12.59 11L9 11C8.73479 11 8.48043 11.1054 8.2929 11.2929C8.10536 11.4804 8 11.7348 8 12C8 12.2652 8.10536 12.5196 8.2929 12.7071C8.48043 12.8946 8.73479 13 9 13L12.59 13L11.29 14.29C11.1963 14.383 11.1219 14.4936 11.0711 14.6154C11.0203 14.7373 10.9942 14.868 10.9942 15C10.9942 15.132 11.0203 15.2627 11.0711 15.3846C11.1219 15.5064 11.1963 15.617 11.29 15.71C11.383 15.8037 11.4936 15.8781 11.6154 15.9289C11.7373 15.9797 11.868 16.0058 12 16.0058C12.132 16.0058 12.2627 15.9797 12.3846 15.9289C12.5064 15.8781 12.617 15.8037 12.71 15.71L15.71 12.71ZM22 12C22 10.0222 21.4135 8.08879 20.3147 6.4443C19.2159 4.79981 17.6541 3.51808 15.8268 2.7612C13.9996 2.00433 11.9889 1.80629 10.0491 2.19215C8.10929 2.578 6.32746 3.53041 4.92894 4.92893C3.53041 6.32746 2.578 8.10929 2.19215 10.0491C1.8063 11.9889 2.00433 13.9996 2.76121 15.8268C3.51809 17.6541 4.79981 19.2159 6.4443 20.3147C8.08879 21.4135 10.0222 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C19.9997 18.1425 20.7363 17.0401 21.2388 15.8268C21.7413 14.6136 22 13.3132 22 12ZM4 12C4 10.4177 4.4692 8.87103 5.34825 7.55544C6.2273 6.23985 7.47673 5.21446 8.93854 4.60896C10.4003 4.00346 12.0089 3.84504 13.5607 4.15372C15.1126 4.4624 16.538 5.22433 17.6569 6.34315C18.7757 7.46197 19.5376 8.88743 19.8463 10.4393C20.155 11.9911 19.9965 13.5997 19.391 15.0615C18.7855 16.5233 17.7602 17.7727 16.4446 18.6518C15.129 19.5308 13.5823 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84286 16.1566 4 14.1217 4 12Z" fill="currentColor"></path>
                </svg>
              </a>
            </div>
          </div>
          <div class="col-12 col-md-6">
            <div class="row justify-content-end g-4">
              <div class="col-12 col-md-auto">
                <div class="bg-white rounded"><a class="btn btn-lg btn-outline-light fs-11 py-3 px-4 w-100 text-light-dark shadow" href="#">Decline</a></div>
              </div>
              <div class="col-12 col-md-auto"><a class="btn btn-lg btn-success fs-11 py-3 px-4 w-100 text-success-light shadow" href="#">Allow</a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative py-20 py-md-44 bg-white overflow-hidden" style="background-image: url('flex-assets/elements/pattern-light.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);"></div>
  <div class="position-relative" style="z-index: 1;">
    <div class="row align-items-center g-16">
      <div class="col-12 col-md-6">
        <div class="p-4 mw-md-md mx-md-auto">
          <h2 class="font-heading mb-6 fs-6" style="letter-spacing: -1px;">Be the first to know when we launch</h2>
          <p class="mb-8 fs-9 fw-medium text-secondary">Stay in the loop with everything you need to know.</p>
          <div class="mb-2 row justify-content-center g-4 g-md-6">
            <div class="col">
              <div class="form-group">
                <input class="form-control text-secondary p-3 shadow" id="newsletterInput15-1" type="email" aria-describedby="emailHelp" placeholder="Enter your email">
              </div>
            </div>
            <div class="col-12 col-md-auto"><a class="btn btn-lg btn-success fs-11 w-100 py-3 px-4 h-100 shadow" href="#">Subscribe</a></div>
          </div>
          <p class="mb-0 fs-13 fw-medium text-secondary">
            <span>We care about your data in our</span>
            <a class="text-sucess link-success" href="#">privacy policy</a>
          </p>
        </div>
      </div>
      <div class="col-12 col-md-6">
        <div class="d-flex justify-content-end ps-4 ps-md-0">
          <div class="position-relative">
            <img class="position-absolute end-0 top-0 mt-n24" src="flex-assets/elements/dots-horizontal-blue.svg" alt="">
            <img class="position-absolute end-0 bottom-0 mb-n24" src="flex-assets/elements/dots-horizontal-blue.svg" alt="">
            <img class="position-absolute start-0 top-50 translate-middle-y" style="width: 41%;" src="flex-assets/elements/circle-xxl-orange.svg" alt="">
            <img class="position-relative img-fluid" style="z-index: 1;" src="flex-assets/images/newsletter/mockup-right.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="overflow-hidden">
  <div class="d-flex mb-n1 text-light-light">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1440 64.5909H1090.08C833.336 64.5909 580.229 -7.62939e-06 360 -7.62939e-06C139.771 -7.62939e-06 0 64.5909 0 64.5909V116H1440V64.5909Z" fill="currentcolor"></path>
    </svg>
  </div>
  <div class="position-relative py-20 bg-light-light" style="background-image: url('flex-assets/elements/pattern-light.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(247, 248, 249, 0) 0%, #F7F8F9 100%);"></div>
    <div class="position-relative container" style="z-index:1;">
      <div class="row g-16">
        <div class="col-12 col-md-6 col-lg-3">
          <div class="text-center">
            <h2 class="mb-2 font-heading fs-5 text-success" style="letter-spacing: -1px;">235.000</h2>
            <p class="mb-0 fs-9 text-secondary fw-medium">Projects completed</p>
          </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
          <div class="text-center">
            <h2 class="mb-2 font-heading fs-5 text-success" style="letter-spacing: -1px;">$10m</h2>
            <p class="mb-0 fs-9 text-secondary fw-medium">APR</p>
          </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
          <div class="text-center">
            <h2 class="mb-2 font-heading fs-5 text-success" style="letter-spacing: -1px;">+50.000</h2>
            <p class="mb-0 fs-9 text-secondary fw-medium">Hours Saved Annually</p>
          </div>
        </div>
        <div class="col-12 col-md-6 col-lg-3">
          <div class="text-center">
            <h2 class="mb-2 font-heading fs-5 text-success" style="letter-spacing: -1px;">3.500</h2>
            <p class="mb-0 fs-9 text-secondary fw-medium">Unique Users</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="d-flex mt-n1 text-light-light">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 51.4091H349.922C606.664 51.4091 859.771 116 1080 116C1300.23 116 1440 51.4091 1440 51.4091V0H0V51.4091Z" fill="currentcolor"></path>
    </svg>
  </div>
</section>

<section class="pb-20 bg-white overflow-hidden">
  <div class="position-relative pb-12 pt-20 bg-secondary-dark" style="background-image: url('flex-assets/elements/pattern-dark.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(42, 51, 66, 0) 0%, #2A3342 100%);"></div>
    <div class="position-relative container" style="z-index: 1;">
      <div class="text-center mw-md-2xl mx-auto">
        <span class="text-success fw-medium">John Doe &bull; 19 Jan 2022</span>
        <h2 class="font-heading mb-4 fs-5 text-white" style="letter-spacing: -1px;">Lorem ipsum dolor sit amet</h2>
        <p class="mb-6 fs-9 fw-medium text-secondary-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <div class="mb-0">
          <span class="badge bg-success-dark text-success text-uppercase shadow">Technology</span>
        </div>
      </div>
    </div>
  </div>
  <div class="position-relative">
    <div class="position-absolute top-0 start-0 w-100 h-50 bg-secondary-dark"></div>
    <div class="container">
      <div class="position-relative mb-10 d-flex justify-content-center" style="z-index: 1;">
        <img class="img-fluid rounded-1" src="flex-assets/images/blog-content/content.png" alt="">
      </div>
    </div>
  </div>
  <div class="container">
    <div class="mw-md-2xl mx-auto">
      <p class="pb-10 mb-8 fs-9 text-secondary fw-medium border-bottom border-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
      <h3 class="mb-4 font-heading fs-7 text-light-dark fw-semibold">Header 1</h3>
      <p class="mb-6 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
      <div class="mb-6 row g-6">
        <div class="col-auto">
          <div class="bg-success h-100 rounded-pill" style="width: 2px;"></div>
        </div>
        <div class="col">
          <div class="py-7">
            <p class="mb-4 fs-8 text-light-dark fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus.</p>
            <p class="mb-0 fs-10 text-secondary-light fw-medium">&mdash; John Doe, CEO &amp; Founder</p>
          </div>
        </div>
      </div>
      <p class="mb-6 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
      <img class="mb-4 img-fluid w-100" src="flex-assets/images/blog-content/content-middle.png" alt="">
      <p class="mb-8 fs-10 text-secondary-light fw-medium">
        <span>Non massa enim vitae duis mattis. Vel in</span>
        <u><a class="link-secondary-light" href="#">ultricies</a></u>
        <span>vel fringilla.</span>
      </p>
      <h3 class="mb-4 font-heading fs-7 text-light-dark fw-semibold">Header 1</h3>
      <p class="mb-16 fs-10 text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper mattis lorem non. Ultrices praesent amet ipsum justo massa. Eu dolor aliquet risus gravida nunc at feugiat consequat purus. Non massa enim vitae duis mattis. Vel in ultricies vel fringilla.</p>
      <p class="mb-6 fs-10 text-secondary">Sagittis et eu at elementum, quis in. Proin praesent volutpat egestas sociis sit lorem nunc nunc sit. Eget diam curabitur mi ac. Auctor rutrum lacus malesuada massa ornare et. Vulputate consectetur ac ultrices at diam dui eget fringilla tincidunt. Arcu sit dignissim massa erat cursus vulputate gravida id. Sed quis auctor vulputate hac elementum gravida cursus dis.</p>
      <ol class="list-unstyled px-4 mb-16">
        <li class="fs-10 text-secondary">1. Lectus id duis vitae porttitor enim gravida morbi.</li>
        <li class="fs-10 text-secondary">2. Eu turpis posuere semper feugiat volutpat elit, ultrices suspendisse. Auctor vel in vitae placerat.</li>
        <li class="fs-10 text-secondary">3. Suspendisse maecenas ac donec scelerisque diam sed est duis purus.</li>
      </ol>
      <p class="mb-0 fs-10 text-secondary">
        <span>Vestibulum placerat magna nulla, sit amet venenatis sapien consequat ut. Cras pulvinar, lorem tristique pharetra finibus, dui erat finibus orci, a vehicula arcu sapien id metus. Quisque quis lorem a sem porttitor feugiat. Etiam quis congue est. Donec fermentum ac libero a pretium. Nulla nisl sem, euismod ut eros vitae, egestas scelerisque enim.</span>
        <u><a class="link-success" href="#">Vivamus id pharetra massa.</a></u>
        <span>Nulla aliquet erat elit, a gravida dui efficitur vel. Sed pulvinar diam sed neque ullamcorper semper. Nulla elementum arcu lacus, quis porta nisl posuere varius. Quisque tempus libero sed urna posuere hendrerit.</span>
      </p>
    </div>
  </div>
</section>

<section class="bg-white overflow-hidden">
  <div class="d-flex mb-n1 text-secondary-dark">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1440 64.5909H1090.08C833.336 64.5909 580.229 -7.62939e-06 360 -7.62939e-06C139.771 -7.62939e-06 0 64.5909 0 64.5909V116H1440V64.5909Z" fill="currentColor"></path>
    </svg>
  </div>
  <div class="position-relative py-32 bg-secondary-dark" style="background-image: url('flex-assets/elements/pattern-dark.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(42, 51, 66, 0) 0%, #2A3342 100%);"></div>
    <div class="container">
      <div class="position-relative" style="z-index: 10;">
        <div class="row align-items-xl-center g-16">
          <div class="col-12 col-md-6">
            <div class="mw-md-md">
              <h2 class="mb-8 fs-5 font-heading text-white" style="letter-spacing: -1px;">Join 6,000+ startups growing with Flex</h2>
              <ul class="mb-8 list-unstyled">
                <li class="mb-4 d-flex align-items-start">
                  <img class="mt-1 me-3" src="flex-assets/elements/checkbox-green.svg" alt="">
                  <p class="mb-0 fs-9 fw-medium text-secondary-light">Mauris pellentesque congue libero nec</p>
                </li>
                <li class="mb-4 d-flex align-items-start">
                  <img class="mt-1 me-3" src="flex-assets/elements/checkbox-green.svg" alt="">
                  <p class="mb-0 fs-9 fw-medium text-secondary-light">Suspendisse mollis tincidunt</p>
                </li>
                <li class="d-flex align-items-start">
                  <img class="mt-1 me-3" src="flex-assets/elements/cta/checkbox-green.svg" alt="">
                  <p class="mb-0 fs-9 fw-medium text-secondary-light">Praesent varius justo vel justo pulvinar</p>
                </li>
              </ul>
              <div class="row g-4">
                <div class="col-12 col-md-auto"><a class="btn btn-dark-light w-100 px-7 py-4 fs-10 fw-medium text-light rounded shadow" href="#">Learn More</a></div>
                <div class="col-12 col-md-auto"><a class="btn btn-success w-100 px-7 py-4 fs-10 fw-medium text-success-light rounded shadow" href="#">Get Started</a></div>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-6">
            <div class="row justify-content-center">
              <div class="col-auto">
                <div class="position-relative">
                  <img class="position-absolute top-0 end-0 mt-n14 me-n14" style="z-index: 20;" src="flex-assets/elements/circle-orange.svg" alt="">
                  <img class="position-absolute bottom-0 start-0 ms-n12 mb-n10" src="flex-assets/elements/dots-blue.svg" alt="">
                  <img class="position-relative img-fluid" src="flex-assets/images/cta/work.png" alt="z-index: 10;">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="d-flex mt-n1 text-secondary-dark">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 51.4091H349.922C606.664 51.4091 859.771 116 1080 116C1300.23 116 1440 51.4091 1440 51.4091V0H0V51.4091Z" fill="currentColor"></path>
    </svg>
  </div>
</section>

<section class="position-relative py-28 bg-white overflow-hidden" style="background-image: url('flex-assets/elements/pattern-light.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);"></div>
  <div class="position-relative container" style="z-index:1;">
    <div class="row align-items-center g-16">
      <div class="col-auto">
        <a class="text-light-light link-light-light" href="#">
          <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
            <path d="M28.9999 23H21.4099L24.7099 19.71C24.8982 19.5217 25.004 19.2663 25.004 19C25.004 18.7337 24.8982 18.4783 24.7099 18.29C24.5216 18.1017 24.2662 17.9959 23.9999 17.9959C23.7336 17.9959 23.4782 18.1017 23.2899 18.29L18.2899 23.29C18.1989 23.3851 18.1275 23.4973 18.0799 23.62C17.9799 23.8635 17.9799 24.1365 18.0799 24.38C18.1275 24.5028 18.1989 24.6149 18.2899 24.71L23.2899 29.71C23.3829 29.8037 23.4935 29.8781 23.6153 29.9289C23.7372 29.9797 23.8679 30.0058 23.9999 30.0058C24.1319 30.0058 24.2626 29.9797 24.3845 29.9289C24.5063 29.8781 24.6169 29.8037 24.7099 29.71C24.8036 29.617 24.878 29.5064 24.9288 29.3846C24.9796 29.2627 25.0057 29.132 25.0057 29C25.0057 28.868 24.9796 28.7373 24.9288 28.6154C24.878 28.4936 24.8036 28.383 24.7099 28.29L21.4099 25H28.9999C29.2651 25 29.5195 24.8946 29.707 24.7071C29.8945 24.5196 29.9999 24.2652 29.9999 24C29.9999 23.7348 29.8945 23.4804 29.707 23.2929C29.5195 23.1054 29.2651 23 28.9999 23Z" fill="#404F65"></path>
          </svg>
        </a>
      </div>
      <div class="col">
        <div class="row g-16">
          <div class="col-12 col-md-6">
            <div class="row align-items-center g-6">
              <div class="col-auto">
                <img class="img-fluid" src="flex-assets/images/testimonials/avatar.png" alt="">
              </div>
              <div class="col">
                <h3 class="mb-2 fs-8 fw-semibold text-light-dark">Darren Dunlap</h3>
                <p class="mb-0 fs-10 text-secondary fw-medium">CEO &amp; Founder at Flex.co</p>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-6">
            <div class="position-relative mw-md-md ms-md-auto">
              <h2 class="position-relative mb-0 font-heading fs-8 fw-semibold text-light-dark" style="z-index: 1; letter-spacing: -1px;">The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.</h2>
              <img class="position-absolute top-0 start-0 mt-n6 ms-n7" src="flex-assets/elements/quote-top-green.svg" alt="">
              <img class="position-absolute bottom-0 end-0 mb-n6 me-n7" src="flex-assets/elements/quote-down-green.svg" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="col-auto">
        <a class="text-light-light link-light-light" href="#">
          <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="24" cy="24" r="24" fill="currentColor"></circle>
            <path d="M29.92 23.62C29.8724 23.4973 29.801 23.3851 29.71 23.29L24.71 18.29C24.6168 18.1968 24.5061 18.1228 24.3842 18.0723C24.2624 18.0219 24.1319 17.9959 24 17.9959C23.7337 17.9959 23.4783 18.1017 23.29 18.29C23.1968 18.3832 23.1228 18.4939 23.0723 18.6158C23.0219 18.7376 22.9959 18.8681 22.9959 19C22.9959 19.2663 23.1017 19.5217 23.29 19.71L26.59 23H19C18.7348 23 18.4804 23.1054 18.2929 23.2929C18.1054 23.4804 18 23.7348 18 24C18 24.2652 18.1054 24.5196 18.2929 24.7071C18.4804 24.8946 18.7348 25 19 25H26.59L23.29 28.29C23.1963 28.383 23.1219 28.4936 23.0711 28.6154C23.0203 28.7373 22.9942 28.868 22.9942 29C22.9942 29.132 23.0203 29.2627 23.0711 29.3846C23.1219 29.5064 23.1963 29.617 23.29 29.71C23.383 29.8037 23.4936 29.8781 23.6154 29.9289C23.7373 29.9797 23.868 30.0058 24 30.0058C24.132 30.0058 24.2627 29.9797 24.3846 29.9289C24.5064 29.8781 24.617 29.8037 24.71 29.71L29.71 24.71C29.801 24.6149 29.8724 24.5028 29.92 24.38C30.02 24.1365 30.02 23.8635 29.92 23.62Z" fill="#404F65"></path>
          </svg>
        </a>
      </div>
    </div>
  </div>
</section>

<section class="overflow-hidden">
  <div class="d-flex mb-n1 text-secondary-dark">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 64.5909H349.922C606.664 64.5909 859.771 -7.62939e-06 1080 -7.62939e-06C1300.23 -7.62939e-06 1440 64.5909 1440 64.5909V116H0V64.5909Z" fill="currentColor"></path>
    </svg>
  </div>
  <div class="position-relative py-20 bg-secondary-dark" style="background-image: url('flex-assets/elements/pattern-dark.png')">
    <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(42, 51, 66, 0) 0%, #2A3342 100%);"></div>
    <div class="position-relative container" style="z-index:1;">
      <div class="row g-16">
        <div class="col-12 col-md-6">
          <div class="position-relative d-flex justify-content-center">
            <div class="overflow-hidden rounded-1" style="max-width: 456px; height: 456px;">
              <video class="h-100" poster="flex-assets/images/testimonials/avatar3.png" muted="">
                <source src="https://static.shuffle.dev/files/video-placeholder.mp4" type="video/mp4">
              </video>
              <a class="position-absolute top-50 start-50 translate-middle text-success link-success" href="#">
                <svg width="64" height="64" viewbox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <circle cx="32" cy="32" r="32" fill="currentColor"></circle>
                  <path d="M40.5 31.13L26.5 23.05C26.348 22.9622 26.1755 22.916 26 22.916C25.8245 22.916 25.652 22.9622 25.5 23.05C25.3474 23.1381 25.2208 23.265 25.133 23.4177C25.0452 23.5705 24.9993 23.7438 25 23.92V40.08C24.9993 40.2562 25.0452 40.4295 25.133 40.5823C25.2208 40.735 25.3474 40.8619 25.5 40.95C25.652 41.0378 25.8245 41.084 26 41.084C26.1755 41.084 26.348 41.0378 26.5 40.95L40.5 32.87C40.6539 32.7828 40.7819 32.6563 40.871 32.5035C40.96 32.3506 41.007 32.1769 41.007 32C41.007 31.8231 40.96 31.6494 40.871 31.4965C40.7819 31.3437 40.6539 31.2172 40.5 31.13ZM27 38.35V25.65L38 32L27 38.35Z" fill="white"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="d-flex flex-column justify-content-between h-100">
            <div class="mb-6 d-block">
              <span class="badge mb-0 bg-success-dark text-success text-uppercase shadow">Quotes</span>
            </div>
            <div class="mw-md-xl">
              <div class="position-relative mb-8 mw-md-5xl mx-auto">
                <h2 class="position-relative mb-0 font-heading fs-6 fw-semibold text-white" style="z-index: 1; letter-spacing: -1px;">The best solution for anyone who wants to work a flexible schedule but still earn a full-time income.</h2>
                <img class="position-absolute top-0 start-0 mt-n6 ms-n7" src="flex-assets/elements/quote-top-dark.svg" alt="">
                <img class="position-absolute bottom-0 end-0 mb-n6 me-n7" src="flex-assets/elements/quote-down-dark.svg" alt="">
              </div>
              <h3 class="mb-2 fs-8 fw-semibold text-white">Darren Dunlap</h3>
              <p class="mb-8 fs-10 text-secondary-light fw-medium">CEO &amp; Founder at Flex.co</p>
              <div class="d-inline-flex"><a class="bg-dark-light rounded-pill" href="#" style="width: 12px; height: 12px;"></a><a class="mx-3 bg-success rounded-pill" href="#" style="width: 12px; height: 12px;"></a><a class="bg-dark-light rounded-pill" href="#" style="width: 12px; height: 12px;"></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="d-flex mt-n1 text-secondary-dark">
    <svg class="w-100" viewbox="0 0 1440 116" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1440 51.4091H1090.08C833.336 51.4091 580.229 116 360 116C139.771 116 0 51.4091 0 51.4091V0H1440V51.4091Z" fill="currentcolor"></path>
    </svg>
  </div>
</section>

<section class="position-fixed bottom-0 start-0 w-100 p-12 w-100 bg-white border shadow" style="z-index: 50;">
  <div class="container">
    <div class="row align-items-center g-8">
      <div class="col-12 col-md-6">
        <p class="mb-4 text-secondary fw-medium">We use third-party cookies in order to personalise your experience</p>
        <a class="d-flex flex-wrap align-items-center text-success link-success" href="#">
          <span class="me-2 fw-medium">Read our cookie policy</span>
          <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M15.71 12.71C15.801 12.6149 15.8724 12.5028 15.92 12.38C16.02 12.1365 16.02 11.8635 15.92 11.62C15.8724 11.4972 15.801 11.3851 15.71 11.29L12.71 8.29C12.5217 8.1017 12.2663 7.99591 12 7.99591C11.7337 7.99591 11.4783 8.1017 11.29 8.29C11.1017 8.4783 10.9959 8.7337 10.9959 9C10.9959 9.2663 11.1017 9.5217 11.29 9.71L12.59 11L9 11C8.73479 11 8.48043 11.1054 8.2929 11.2929C8.10536 11.4804 8 11.7348 8 12C8 12.2652 8.10536 12.5196 8.2929 12.7071C8.48043 12.8946 8.73479 13 9 13L12.59 13L11.29 14.29C11.1963 14.383 11.1219 14.4936 11.0711 14.6154C11.0203 14.7373 10.9942 14.868 10.9942 15C10.9942 15.132 11.0203 15.2627 11.0711 15.3846C11.1219 15.5064 11.1963 15.617 11.29 15.71C11.383 15.8037 11.4936 15.8781 11.6154 15.9289C11.7373 15.9797 11.868 16.0058 12 16.0058C12.132 16.0058 12.2627 15.9797 12.3846 15.9289C12.5064 15.8781 12.617 15.8037 12.71 15.71L15.71 12.71ZM22 12C22 10.0222 21.4135 8.08879 20.3147 6.4443C19.2159 4.79981 17.6541 3.51808 15.8268 2.7612C13.9996 2.00433 11.9889 1.80629 10.0491 2.19215C8.10929 2.578 6.32746 3.53041 4.92894 4.92893C3.53041 6.32746 2.578 8.10929 2.19215 10.0491C1.8063 11.9889 2.00433 13.9996 2.76121 15.8268C3.51809 17.6541 4.79981 19.2159 6.4443 20.3147C8.08879 21.4135 10.0222 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C19.9997 18.1425 20.7363 17.0401 21.2388 15.8268C21.7413 14.6136 22 13.3132 22 12ZM4 12C4 10.4177 4.4692 8.87103 5.34825 7.55544C6.2273 6.23985 7.47673 5.21446 8.93854 4.60896C10.4003 4.00346 12.0089 3.84504 13.5607 4.15372C15.1126 4.4624 16.538 5.22433 17.6569 6.34315C18.7757 7.46197 19.5376 8.88743 19.8463 10.4393C20.155 11.9911 19.9965 13.5997 19.391 15.0615C18.7855 16.5233 17.7602 17.7727 16.4446 18.6518C15.129 19.5308 13.5823 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84286 16.1566 4 14.1217 4 12Z" fill="currentColor"></path>
          </svg>
        </a>
      </div>
      <div class="col-12 col-md-6">
        <div class="row justify-content-end g-4">
          <div class="col-12 col-md-auto">
            <div class="bg-white rounded"><a class="btn btn-lg btn-outline-light fs-11 py-3 px-4 w-100 text-light-dark shadow" href="#">Decline</a></div>
          </div>
          <div class="col-12 col-md-auto"><a class="btn btn-lg btn-success fs-11 py-3 px-4 w-100 text-success-light shadow" href="#">Allow</a></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative py-20 bg-white overflow-hidden" style="background-image: url('flex-assets/elements/pattern-light.png')">
  <div class="position-absolute top-0 start-0 h-100 w-100" style="background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);"></div>
  <div class="position-relative container" style="z-index:1;">
    <div class="mb-24 text-center mw-md-5xl mx-auto">
      <span class="badge mb-4 bg-success-dark text-success text-uppercase shadow">How it works</span>
      <h2 class="font-heading mb-4 fs-5" style="letter-spacing: -1px;">Gain more insight into how people use your</h2>
      <p class="mb-0 fs-9 fw-medium text-secondary">With our integrated CRM, project management, collaboration and invoicing capabilities, you can manage your business in one secure platform.</p>
    </div>
    <div class="mw-md-6xl mx-auto">
      <div class="row g-8">
        <div class="mb-8 col-12 col-md-4">
          <div class="position-relative p-8 pt-14 h-100 bg-light-light rounded shadow">
            <div class="position-absolute top-0 start-50 translate-middle-x mt-n7 border border-5 border-white overflow-hidden rounded-pill">
              <div class="d-flex justify-content-center align-items-center fs-9 text-white fw-semibold bg-success" style="width: 48px; height: 48px;">1</div>
            </div>
            <h3 class="mb-4 font-heading fs-9">Measure your performance</h3>
            <p class="mb-0 fw-medium text-secondary">Stay connected with your team and make quick decisions wherever you are.</p>
          </div>
        </div>
        <div class="mb-8 col-12 col-md-4">
          <div class="position-relative p-8 pt-14 h-100 bg-light-light rounded shadow">
            <div class="position-absolute top-0 start-50 translate-middle-x mt-n7 border border-5 border-white overflow-hidden rounded-pill">
              <div class="d-flex justify-content-center align-items-center fs-9 text-white fw-semibold bg-success" style="width: 48px; height: 48px;">2</div>
            </div>
            <h3 class="mb-4 font-heading fs-9">Custom analytics</h3>
            <p class="mb-0 fw-medium text-secondary">Get a complete sales dashboard in the cloud. See activity, revenue and social metrics all in one place.</p>
          </div>
        </div>
        <div class="mb-8 col-12 col-md-4">
          <div class="position-relative p-8 pt-14 h-100 bg-light-light rounded shadow">
            <div class="position-absolute top-0 start-50 translate-middle-x mt-n7 border border-5 border-white overflow-hidden rounded-pill">
              <div class="d-flex justify-content-center align-items-center fs-9 text-white fw-semibold bg-success" style="width: 48px; height: 48px;">3</div>
            </div>
            <h3 class="mb-4 font-heading fs-9">Team Management</h3>
            <p class="mb-0 fw-medium text-secondary">Our calendar lets you know what is happening with customer and projects to control process.</p>
          </div>
        </div>
        <div class="mb-8 mb-md-0 col-12 col-md-4">
          <div class="position-relative p-8 pt-14 h-100 bg-light-light rounded shadow">
            <div class="position-absolute top-0 start-50 translate-middle-x mt-n7 border border-5 border-white overflow-hidden rounded-pill">
              <div class="d-flex justify-content-center align-items-center fs-9 text-white fw-semibold bg-success" style="width: 48px; height: 48px;">4</div>
            </div>
            <h3 class="mb-4 font-heading fs-9">Build your website</h3>
            <p class="mb-0 fw-medium text-secondary">A tool that lets you build a dream website even if you know nothing about web design or programming.</p>
          </div>
        </div>
        <div class="mb-8 mb-md-0 col-12 col-md-4">
          <div class="position-relative p-8 pt-14 h-100 bg-light-light rounded shadow">
            <div class="position-absolute top-0 start-50 translate-middle-x mt-n7 border border-5 border-white overflow-hidden rounded-pill">
              <div class="d-flex justify-content-center align-items-center fs-9 text-white fw-semibold bg-success" style="width: 48px; height: 48px;">5</div>
            </div>
            <h3 class="mb-4 font-heading fs-9">Connect multiple apps</h3>
            <p class="mb-0 fw-medium text-secondary">The first business platform to bring together all of your products from one place.</p>
          </div>
        </div>
        <div class="col-12 col-md-4">
          <div class="position-relative p-8 pt-14 h-100 bg-light-light rounded shadow">
            <div class="position-absolute top-0 start-50 translate-middle-x mt-n7 border border-5 border-white overflow-hidden rounded-pill">
              <div class="d-flex justify-content-center align-items-center fs-9 text-white fw-semibold bg-success" style="width: 48px; height: 48px;">6</div>
            </div>
            <h3 class="mb-4 font-heading fs-9">Easy setup for your project</h3>
            <p class="mb-0 fw-medium text-secondary">End to End Business Platform, Sales Management, Marketing Automation, Help Desk</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>