UI Components – Filytreck Library

<section class="py-12 py-lg-24 py-xl-32 bg-dark">
  <div class="container">
    <div class="mb-16">
      <h2 class="font-heading text-white mb-4">Features</h2>
      <p class="text-secondary mb-0">Explore the powerful features that make FilyTreck stand out in the realm of task management.</p>
    </div>
    <div class="row mb-20">
      <div class="col-12 col-md-6 col-xl-3 mb-6 mb-xl-0">
        <div class="h-100 px-6 ps-sm-10 pe-sm-8 py-14 bg-light-dark bg-opacity-10 rounded-2">
          <div class="d-flex align-items-center mb-10">
            <div class="d-flex flex-shrink-0 me-5 align-items-center justify-content-center bg-warning rounded" style="width: 56px; height: 56px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_108_145)">
                  <path d="M7 0H4C2.93913 0 1.92172 0.421427 1.17157 1.17157C0.421427 1.92172 0 2.93913 0 4L0 7C0 8.06087 0.421427 9.07828 1.17157 9.82843C1.92172 10.5786 2.93913 11 4 11H7C8.06087 11 9.07828 10.5786 9.82843 9.82843C10.5786 9.07828 11 8.06087 11 7V4C11 2.93913 10.5786 1.92172 9.82843 1.17157C9.07828 0.421427 8.06087 0 7 0ZM9 7C9 7.53043 8.78929 8.03914 8.41421 8.41421C8.03914 8.78929 7.53043 9 7 9H4C3.46957 9 2.96086 8.78929 2.58579 8.41421C2.21071 8.03914 2 7.53043 2 7V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H7C7.53043 2 8.03914 2.21071 8.41421 2.58579C8.78929 2.96086 9 3.46957 9 4V7Z" fill="white"></path>
                  <path d="M20 0H17C15.9391 0 14.9217 0.421427 14.1716 1.17157C13.4214 1.92172 13 2.93913 13 4V7C13 8.06087 13.4214 9.07828 14.1716 9.82843C14.9217 10.5786 15.9391 11 17 11H20C21.0609 11 22.0783 10.5786 22.8284 9.82843C23.5786 9.07828 24 8.06087 24 7V4C24 2.93913 23.5786 1.92172 22.8284 1.17157C22.0783 0.421427 21.0609 0 20 0ZM22 7C22 7.53043 21.7893 8.03914 21.4142 8.41421C21.0391 8.78929 20.5304 9 20 9H17C16.4696 9 15.9609 8.78929 15.5858 8.41421C15.2107 8.03914 15 7.53043 15 7V4C15 3.46957 15.2107 2.96086 15.5858 2.58579C15.9609 2.21071 16.4696 2 17 2H20C20.5304 2 21.0391 2.21071 21.4142 2.58579C21.7893 2.96086 22 3.46957 22 4V7Z" fill="white"></path>
                  <path d="M7 13H4C2.93913 13 1.92172 13.4214 1.17157 14.1716C0.421427 14.9217 0 15.9391 0 17L0 20C0 21.0609 0.421427 22.0783 1.17157 22.8284C1.92172 23.5786 2.93913 24 4 24H7C8.06087 24 9.07828 23.5786 9.82843 22.8284C10.5786 22.0783 11 21.0609 11 20V17C11 15.9391 10.5786 14.9217 9.82843 14.1716C9.07828 13.4214 8.06087 13 7 13ZM9 20C9 20.5304 8.78929 21.0391 8.41421 21.4142C8.03914 21.7893 7.53043 22 7 22H4C3.46957 22 2.96086 21.7893 2.58579 21.4142C2.21071 21.0391 2 20.5304 2 20V17C2 16.4696 2.21071 15.9609 2.58579 15.5858C2.96086 15.2107 3.46957 15 4 15H7C7.53043 15 8.03914 15.2107 8.41421 15.5858C8.78929 15.9609 9 16.4696 9 17V20Z" fill="white"></path>
                  <path d="M20 13H17C15.9391 13 14.9217 13.4214 14.1716 14.1716C13.4214 14.9217 13 15.9391 13 17V20C13 21.0609 13.4214 22.0783 14.1716 22.8284C14.9217 23.5786 15.9391 24 17 24H20C21.0609 24 22.0783 23.5786 22.8284 22.8284C23.5786 22.0783 24 21.0609 24 20V17C24 15.9391 23.5786 14.9217 22.8284 14.1716C22.0783 13.4214 21.0609 13 20 13ZM22 20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22H17C16.4696 22 15.9609 21.7893 15.5858 21.4142C15.2107 21.0391 15 20.5304 15 20V17C15 16.4696 15.2107 15.9609 15.5858 15.5858C15.9609 15.2107 16.4696 15 17 15H20C20.5304 15 21.0391 15.2107 21.4142 15.5858C21.7893 15.9609 22 16.4696 22 17V20Z" fill="white"></path>
                </g>
              </svg>
            </div>
            <div>
              <h6 class="font-heading fs-7 fw-medium text-white mb-0"><span class="d-block">Everything in</span><span>one app</span></h6>
            </div>
          </div>
          <p class="mw-xs pe-5 fw-medium text-light-dark mb-0">Streamlining Your Tasks, Time, and Goals. Experience the ultimate convenience of having all your task management.</p>
        </div>
      </div>
      <div class="col-12 col-md-6 col-xl-3 mb-6 mb-xl-0">
        <div class="h-100 px-6 ps-sm-10 pe-sm-8 py-14 bg-light-dark bg-opacity-10 rounded-2">
          <div class="d-flex align-items-center mb-10">
            <div class="d-flex flex-shrink-0 me-5 align-items-center justify-content-center bg-primary rounded" style="width: 56px; height: 56px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_108_156)">
                  <path d="M22.5002 3.97601H19.4142C19.2165 3.97606 19.0232 4.03473 18.8588 4.14461C18.6943 4.2545 18.5662 4.41066 18.4905 4.59336C18.4149 4.77606 18.3951 4.97709 18.4336 5.17104C18.4722 5.365 18.5674 5.54316 18.7072 5.68301L19.7932 6.76901L16.2072 10.354C16.0167 10.5361 15.7633 10.6377 15.4997 10.6377C15.2362 10.6377 14.9827 10.5361 14.7922 10.354L14.6222 10.183C14.0508 9.63708 13.291 9.33244 12.5007 9.33244C11.7104 9.33244 10.9506 9.63708 10.3792 10.183L5.27921 15.283C5.09131 15.4715 4.98595 15.7268 4.98633 15.9929C4.9867 16.259 5.09278 16.5141 5.28121 16.702C5.46965 16.8899 5.72501 16.9953 5.99113 16.9949C6.25724 16.9945 6.51231 16.8885 6.70021 16.7L11.8002 11.6C11.9906 11.4177 12.2441 11.3159 12.5077 11.3159C12.7713 11.3159 13.0248 11.4177 13.2152 11.6L13.3852 11.771C13.9568 12.3165 14.7166 12.6208 15.5067 12.6208C16.2968 12.6208 17.0566 12.3165 17.6282 11.771L21.2142 8.18501L22.3002 9.27101C22.4405 9.40856 22.6183 9.50172 22.8112 9.53886C23.0042 9.576 23.2038 9.55547 23.3852 9.47983C23.5665 9.4042 23.7216 9.27681 23.8309 9.11358C23.9403 8.95035 23.9992 8.75851 24.0002 8.56201V5.47601C24.0002 5.07819 23.8422 4.69666 23.5609 4.41535C23.2796 4.13405 22.898 3.97601 22.5002 3.97601Z" fill="white"></path>
                  <path d="M23 21.976H5C4.20435 21.976 3.44129 21.6599 2.87868 21.0973C2.31607 20.5347 2 19.7716 2 18.976V1C2 0.734784 1.89464 0.48043 1.70711 0.292893C1.51957 0.105357 1.26522 0 1 0C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1L0 18.976C0.00158786 20.3016 0.528882 21.5724 1.46622 22.5098C2.40356 23.4471 3.67441 23.9744 5 23.976H23C23.2652 23.976 23.5196 23.8706 23.7071 23.6831C23.8946 23.4956 24 23.2412 24 22.976C24 22.7108 23.8946 22.4564 23.7071 22.2689C23.5196 22.0814 23.2652 21.976 23 21.976Z" fill="white"></path>
                </g>
              </svg>
            </div>
            <div>
              <h6 class="font-heading fs-7 fw-medium text-white mb-0"><span class="d-block">Increase in</span><span>the productivity</span></h6>
            </div>
          </div>
          <p class="mw-xs pe-5 fw-medium text-light-dark mb-0">Experience a substantial boost in productivity with our streamlined approach, optimizing your workflow and time management.</p>
        </div>
      </div>
      <div class="col-12 col-md-6 col-xl-3 mb-6 mb-md-0">
        <div class="h-100 px-6 ps-sm-10 pe-sm-8 py-14 bg-light-dark bg-opacity-10 rounded-2">
          <div class="d-flex align-items-center mb-10">
            <div class="d-flex flex-shrink-0 me-5 align-items-center justify-content-center bg-info rounded" style="width: 56px; height: 56px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_108_163)">
                  <path d="M24 16V21C24 21.7957 23.6839 22.5588 23.1213 23.1214C22.5587 23.684 21.7956 24 21 24H16C14.5971 23.9986 13.2192 23.6283 12.0047 22.9262C10.7901 22.2241 9.78145 21.215 9.08 20C9.83387 19.9946 10.5852 19.9115 11.322 19.752C11.8832 20.4537 12.595 21.0201 13.4048 21.4092C14.2146 21.7984 15.1016 22.0003 16 22H21C21.2652 22 21.5196 21.8947 21.7071 21.7072C21.8946 21.5196 22 21.2653 22 21V16C21.9998 15.1013 21.7972 14.2141 21.4074 13.4043C21.0175 12.5945 20.4504 11.8828 19.748 11.322C19.9088 10.5854 19.9933 9.83405 20 9.08004C21.215 9.78149 22.2241 10.7901 22.9262 12.0047C23.6282 13.2193 23.9986 14.5971 24 16ZM17.977 9.65104C18.0705 8.36268 17.8856 7.06928 17.4348 5.85874C16.9841 4.64819 16.278 3.54887 15.3646 2.63546C14.4512 1.72205 13.3518 1.01597 12.1413 0.565199C10.9308 0.114423 9.63736 -0.0704842 8.349 0.0230415C6.06592 0.283774 3.95693 1.37022 2.41918 3.07778C0.881427 4.78535 0.0210272 6.99621 0 9.29404L0 14.334C0 16.866 1.507 18 3 18H8.7C10.9988 17.9803 13.211 17.1204 14.9198 15.5826C16.6286 14.0447 17.7159 11.9351 17.977 9.65104ZM13.95 4.05104C14.6599 4.76255 15.2088 5.61824 15.5593 6.56023C15.9099 7.50222 16.054 8.50852 15.982 9.51104C15.7686 11.2947 14.9105 12.9389 13.5693 14.134C12.2282 15.3291 10.4964 15.9928 8.7 16H3C2.072 16 2 14.725 2 14.334V9.29404C2.00834 7.49842 2.67265 5.76775 3.86792 4.42772C5.06319 3.08769 6.70699 2.23071 8.49 2.01804C8.656 2.00604 8.822 2.00004 8.988 2.00004C9.90927 1.99918 10.8217 2.17988 11.6731 2.5318C12.5245 2.88372 13.2982 3.39997 13.95 4.05104Z" fill="white"></path>
                </g>
              </svg>
            </div>
            <div>
              <h6 class="font-heading fs-7 fw-medium text-white mb-0"><span class="d-block">Efficient contact</span><span>with the client</span></h6>
            </div>
          </div>
          <p class="mw-xs pe-5 fw-medium text-light-dark mb-0">Facilitate seamless communication and effortless engagement with clients through our efficient features.</p>
        </div>
      </div>
      <div class="col-12 col-md-6 col-xl-3">
        <div class="h-100 px-6 ps-sm-10 pe-sm-8 py-14 bg-light-dark bg-opacity-10 rounded-2">
          <div class="d-flex align-items-center mb-10">
            <div class="d-flex flex-shrink-0 me-5 align-items-center justify-content-center bg-success rounded" style="width: 56px; height: 56px;">
              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_108_170)">
                  <path d="M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0ZM12 22C10.0222 22 8.08879 21.4135 6.4443 20.3147C4.79981 19.2159 3.51809 17.6541 2.76121 15.8268C2.00433 13.9996 1.8063 11.9889 2.19215 10.0491C2.578 8.10929 3.53041 6.32746 4.92894 4.92893C6.32746 3.53041 8.10929 2.578 10.0491 2.19215C11.9889 1.8063 13.9996 2.00433 15.8268 2.7612C17.6541 3.51808 19.2159 4.79981 20.3147 6.4443C21.4135 8.08879 22 10.0222 22 12C21.9971 14.6513 20.9426 17.1931 19.0679 19.0679C17.1931 20.9426 14.6513 21.9971 12 22Z" fill="white"></path>
                  <path d="M12.0004 6C11.7352 6 11.4809 6.10536 11.2933 6.29289C11.1058 6.48043 11.0004 6.73478 11.0004 7V11.325L7.62943 13.437C7.404 13.5778 7.24374 13.8024 7.18392 14.0614C7.1241 14.3204 7.1696 14.5926 7.31043 14.818C7.45126 15.0434 7.67588 15.2037 7.93487 15.2635C8.19386 15.3233 8.466 15.2778 8.69143 15.137L12.5314 12.737C12.6765 12.6461 12.7958 12.5195 12.878 12.3692C12.9601 12.219 13.0022 12.0502 13.0004 11.879V7C13.0004 6.73478 12.8951 6.48043 12.7075 6.29289C12.52 6.10536 12.2657 6 12.0004 6Z" fill="white"></path>
                </g>
              </svg>
            </div>
            <div>
              <h6 class="font-heading fs-7 fw-medium text-white mb-0"><span class="d-block">Take charge </span><span>of your time</span></h6>
            </div>
          </div>
          <p class="mw-xs pe-5 fw-medium text-light-dark mb-0">Effortless Time Management for Optimal Productivity. Discover effective strategies and tools to manage your time efficiently.</p>
        </div>
      </div>
    </div>
    <div class="text-center"><a class="btn btn-outline-light" href="#">See all features</a></div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light">
  <div class="container">
    <h2 class="font-heading text-center mb-20">What others say about us</h2>
  </div>
  <div class="mw-4xl mw-xl-8xl mx-auto px-5">
    <div class="d-flex align-items-center"><a class="d-none d-md-flex btn flex-shrink-0 me-8 me-xl-14 align-items-center justify-content-center bg-white p-0" href="#" style="width: 56px; height: 56px;">
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M7.31536 13.7141C7.40574 13.6211 7.47747 13.5105 7.52643 13.3886C7.57538 13.2667 7.60059 13.1359 7.60059 13.0039C7.60059 12.8718 7.57538 12.7411 7.52643 12.6192C7.47747 12.4973 7.40574 12.3867 7.31536 12.2937L4.14286 9.00276L13.7857 9.00276C14.0415 9.00276 14.2867 8.89738 14.4676 8.70979C14.6484 8.5222 14.75 8.26777 14.75 8.00248C14.75 7.73719 14.6484 7.48277 14.4676 7.29518C14.2867 7.10759 14.0415 7.0022 13.7857 7.0022L4.14286 7.0022L7.31536 3.71127C7.40574 3.61828 7.47747 3.50765 7.52643 3.38576C7.57539 3.26387 7.60059 3.13312 7.60059 3.00107C7.60059 2.86903 7.57539 2.73828 7.52643 2.61639C7.47747 2.4945 7.40574 2.38386 7.31536 2.29087C7.13469 2.10457 6.89029 2 6.63553 2C6.38078 2 6.13638 2.10457 5.95571 2.29087L1.81893 6.59209C1.45675 6.96554 1.25215 7.47276 1.25 8.00248C1.25469 8.52874 1.4591 9.03187 1.81893 9.40288L5.95571 13.7041C6.13511 13.8917 6.37879 13.9981 6.63355 14C6.8883 14.0018 7.13341 13.8991 7.31536 13.7141Z" fill="#696D81"></path>
        </svg></a>
      <div class="px-5">
        <div class="row">
          <div class="col-xl-6 mb-8 mb-xl-0">
            <div class="h-100 rounded-3 overflow-hidden">
              <div class="py-6 px-10 position-relative"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-testimonials.jpg" alt="">
                <div class="d-flex flex-column flex-sm-row gap-4 align-items-start align-items-sm-center position-relative"><img class="img-fluid rounded-2" src="fily-assets/testimonials/pic.jpg" alt=""><span class="me-auto fs-5 fw-bold text-white">Natasha Adams</span>
                  <div class="d-flex flex-shrink-0 px-2 py-1 align-items-center bg-white rounded"><img class="img-fluid me-1" src="fily-assets/testimonials/star.svg" alt=""><img class="img-fluid me-1" src="fily-assets/testimonials/star.svg" alt=""><img class="img-fluid me-1" src="fily-assets/testimonials/star.svg" alt=""><img class="img-fluid me-1" src="fily-assets/testimonials/star.svg" alt=""><img class="img-fluid" src="fily-assets/testimonials/star.svg" alt=""><span class="ms-2 fw-medium">4.9</span></div>
                </div>
              </div>
              <div class="px-8 px-sm-10 pt-14 pb-14 bg-white">
                <p class="fs-6 fw-medium mb-12">Aliquam erat enim, feugiat non ante tincidunt, efficitur molestie elit. Cras molestie lectus non risus laoreet tempor. Morbi ac faucibus nisl. Vestibulum ante ipsum primis in faucibus orci.</p>
                <div class="mb-3 px-6 px-sm-8 py-8 bg-success-light rounded-3"><span class="d-block fs-6 fw-bold mb-6">Advantages</span>
                  <ul class="list-unstyled mb-0">
                    <li class="mb-3">
                      <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_611_675)">
                          <path d="M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67317C0.0043329 8.50043 -0.193701 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3079C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C19.9971 7.84871 18.9426 5.30684 17.0679 3.4321C15.1932 1.55736 12.6513 0.502868 10 0.5ZM13.3333 11.3333H10.8333V13.8333C10.8333 14.0543 10.7455 14.2663 10.5893 14.4226C10.433 14.5789 10.221 14.6667 10 14.6667C9.77899 14.6667 9.56703 14.5789 9.41075 14.4226C9.25447 14.2663 9.16667 14.0543 9.16667 13.8333V11.3333H6.66667C6.44566 11.3333 6.2337 11.2455 6.07742 11.0893C5.92113 10.933 5.83334 10.721 5.83334 10.5C5.83334 10.279 5.92113 10.067 6.07742 9.91074C6.2337 9.75446 6.44566 9.66667 6.66667 9.66667H9.16667V7.16667C9.16667 6.94565 9.25447 6.73369 9.41075 6.57741C9.56703 6.42113 9.77899 6.33333 10 6.33333C10.221 6.33333 10.433 6.42113 10.5893 6.57741C10.7455 6.73369 10.8333 6.94565 10.8333 7.16667V9.66667H13.3333C13.5544 9.66667 13.7663 9.75446 13.9226 9.91074C14.0789 10.067 14.1667 10.279 14.1667 10.5C14.1667 10.721 14.0789 10.933 13.9226 11.0893C13.7663 11.2455 13.5544 11.3333 13.3333 11.3333Z" fill="#24B428"></path>
                        </g>
                      </svg><span class="ms-3 fw-medium text-secondary">Cras sit amet nulla vel nulla euismod gravida</span>
                    </li>
                    <li class="mb-3">
                      <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_611_675)">
                          <path d="M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67317C0.0043329 8.50043 -0.193701 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3079C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C19.9971 7.84871 18.9426 5.30684 17.0679 3.4321C15.1932 1.55736 12.6513 0.502868 10 0.5ZM13.3333 11.3333H10.8333V13.8333C10.8333 14.0543 10.7455 14.2663 10.5893 14.4226C10.433 14.5789 10.221 14.6667 10 14.6667C9.77899 14.6667 9.56703 14.5789 9.41075 14.4226C9.25447 14.2663 9.16667 14.0543 9.16667 13.8333V11.3333H6.66667C6.44566 11.3333 6.2337 11.2455 6.07742 11.0893C5.92113 10.933 5.83334 10.721 5.83334 10.5C5.83334 10.279 5.92113 10.067 6.07742 9.91074C6.2337 9.75446 6.44566 9.66667 6.66667 9.66667H9.16667V7.16667C9.16667 6.94565 9.25447 6.73369 9.41075 6.57741C9.56703 6.42113 9.77899 6.33333 10 6.33333C10.221 6.33333 10.433 6.42113 10.5893 6.57741C10.7455 6.73369 10.8333 6.94565 10.8333 7.16667V9.66667H13.3333C13.5544 9.66667 13.7663 9.75446 13.9226 9.91074C14.0789 10.067 14.1667 10.279 14.1667 10.5C14.1667 10.721 14.0789 10.933 13.9226 11.0893C13.7663 11.2455 13.5544 11.3333 13.3333 11.3333Z" fill="#24B428"></path>
                        </g>
                      </svg><span class="ms-3 fw-medium text-secondary">Phasellus faucibus leo vel dolor lacinia vel efficitur</span>
                    </li>
                    <li>
                      <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_611_675)">
                          <path d="M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67317C0.0043329 8.50043 -0.193701 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3079C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C19.9971 7.84871 18.9426 5.30684 17.0679 3.4321C15.1932 1.55736 12.6513 0.502868 10 0.5ZM13.3333 11.3333H10.8333V13.8333C10.8333 14.0543 10.7455 14.2663 10.5893 14.4226C10.433 14.5789 10.221 14.6667 10 14.6667C9.77899 14.6667 9.56703 14.5789 9.41075 14.4226C9.25447 14.2663 9.16667 14.0543 9.16667 13.8333V11.3333H6.66667C6.44566 11.3333 6.2337 11.2455 6.07742 11.0893C5.92113 10.933 5.83334 10.721 5.83334 10.5C5.83334 10.279 5.92113 10.067 6.07742 9.91074C6.2337 9.75446 6.44566 9.66667 6.66667 9.66667H9.16667V7.16667C9.16667 6.94565 9.25447 6.73369 9.41075 6.57741C9.56703 6.42113 9.77899 6.33333 10 6.33333C10.221 6.33333 10.433 6.42113 10.5893 6.57741C10.7455 6.73369 10.8333 6.94565 10.8333 7.16667V9.66667H13.3333C13.5544 9.66667 13.7663 9.75446 13.9226 9.91074C14.0789 10.067 14.1667 10.279 14.1667 10.5C14.1667 10.721 14.0789 10.933 13.9226 11.0893C13.7663 11.2455 13.5544 11.3333 13.3333 11.3333Z" fill="#24B428"></path>
                        </g>
                      </svg><span class="ms-3 fw-medium text-secondary">Donec facilisis sapien vel aliquam fringilla</span>
                    </li>
                  </ul>
                </div>
                <div class="mb-3 px-6 px-sm-8 py-8 bg-light-light rounded-3"><span class="d-block fs-6 fw-bold mb-6">Defetcs</span>
                  <ul class="list-unstyled mb-0">
                    <li class="mb-3">
                      <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_611_692)">
                          <path d="M10 0.5C4.48583 0.5 0 4.98583 0 10.5C0 16.0142 4.48583 20.5 10 20.5C15.5142 20.5 20 16.0142 20 10.5C20 4.98583 15.5142 0.5 10 0.5ZM13.3333 11.3333H6.66667C6.20667 11.3333 5.83333 10.96 5.83333 10.5C5.83333 10.04 6.20667 9.66667 6.66667 9.66667H13.3333C13.7933 9.66667 14.1667 10.04 14.1667 10.5C14.1667 10.96 13.7933 11.3333 13.3333 11.3333Z" fill="#A5A7B3"></path>
                        </g>
                      </svg><span class="ms-3 fw-medium text-secondary">Class aptent taciti sociosqu ad litora torquent</span>
                    </li>
                    <li>
                      <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_611_692)">
                          <path d="M10 0.5C4.48583 0.5 0 4.98583 0 10.5C0 16.0142 4.48583 20.5 10 20.5C15.5142 20.5 20 16.0142 20 10.5C20 4.98583 15.5142 0.5 10 0.5ZM13.3333 11.3333H6.66667C6.20667 11.3333 5.83333 10.96 5.83333 10.5C5.83333 10.04 6.20667 9.66667 6.66667 9.66667H13.3333C13.7933 9.66667 14.1667 10.04 14.1667 10.5C14.1667 10.96 13.7933 11.3333 13.3333 11.3333Z" fill="#A5A7B3"></path>
                        </g>
                      </svg><span class="ms-3 fw-medium text-secondary">Proin condimentum orci tortor, faucibus auctor</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="d-none d-xl-block col-xl-6">
            <div class="h-100 rounded-3 overflow-hidden">
              <div class="py-6 px-10 position-relative"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-testimonials.jpg" alt="">
                <div class="d-flex align-items-center position-relative"><img class="img-fluid rounded-2" src="fily-assets/testimonials/pic2.jpg" alt=""><span class="ms-6 me-auto fs-5 fw-bold text-white">Stephen Leblanc</span>
                  <div class="ms-4 flex-shrink-0 d-flex px-2 py-1 align-items-center bg-white rounded"><img class="img-fluid me-1" src="fily-assets/testimonials/star.svg" alt=""><img class="img-fluid me-1" src="fily-assets/testimonials/star.svg" alt=""><img class="img-fluid me-1" src="fily-assets/testimonials/star.svg" alt=""><img class="img-fluid me-1" src="fily-assets/testimonials/star.svg" alt=""><img class="img-fluid" src="fily-assets/testimonials/star-half.svg" alt=""><span class="ms-2 fw-medium">4.3</span></div>
                </div>
              </div>
              <div class="h-100 px-10 pt-14 pb-14 bg-white">
                <p class="fs-6 fw-medium mb-12">Praesent sollicitudin vehicula ultricies. Nulla diam ex, aliquet vel varius vitae, consequat quis arcu. Phasellus ac urna et massa semper commodo. Morbi rhoncus nec lacus sed blandit.</p>
                <div class="mb-3 p-8 bg-success-light rounded-3"><span class="d-block fs-6 fw-bold mb-6">Advantages</span>
                  <ul class="list-unstyled mb-0">
                    <li class="mb-3">
                      <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_611_675)">
                          <path d="M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67317C0.0043329 8.50043 -0.193701 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3079C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C19.9971 7.84871 18.9426 5.30684 17.0679 3.4321C15.1932 1.55736 12.6513 0.502868 10 0.5ZM13.3333 11.3333H10.8333V13.8333C10.8333 14.0543 10.7455 14.2663 10.5893 14.4226C10.433 14.5789 10.221 14.6667 10 14.6667C9.77899 14.6667 9.56703 14.5789 9.41075 14.4226C9.25447 14.2663 9.16667 14.0543 9.16667 13.8333V11.3333H6.66667C6.44566 11.3333 6.2337 11.2455 6.07742 11.0893C5.92113 10.933 5.83334 10.721 5.83334 10.5C5.83334 10.279 5.92113 10.067 6.07742 9.91074C6.2337 9.75446 6.44566 9.66667 6.66667 9.66667H9.16667V7.16667C9.16667 6.94565 9.25447 6.73369 9.41075 6.57741C9.56703 6.42113 9.77899 6.33333 10 6.33333C10.221 6.33333 10.433 6.42113 10.5893 6.57741C10.7455 6.73369 10.8333 6.94565 10.8333 7.16667V9.66667H13.3333C13.5544 9.66667 13.7663 9.75446 13.9226 9.91074C14.0789 10.067 14.1667 10.279 14.1667 10.5C14.1667 10.721 14.0789 10.933 13.9226 11.0893C13.7663 11.2455 13.5544 11.3333 13.3333 11.3333Z" fill="#24B428"></path>
                        </g>
                      </svg><span class="ms-3 fw-medium text-secondary">Cras sit amet nulla vel nulla euismod gravida</span>
                    </li>
                    <li class="mb-3">
                      <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_611_675)">
                          <path d="M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67317C0.0043329 8.50043 -0.193701 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3079C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C19.9971 7.84871 18.9426 5.30684 17.0679 3.4321C15.1932 1.55736 12.6513 0.502868 10 0.5ZM13.3333 11.3333H10.8333V13.8333C10.8333 14.0543 10.7455 14.2663 10.5893 14.4226C10.433 14.5789 10.221 14.6667 10 14.6667C9.77899 14.6667 9.56703 14.5789 9.41075 14.4226C9.25447 14.2663 9.16667 14.0543 9.16667 13.8333V11.3333H6.66667C6.44566 11.3333 6.2337 11.2455 6.07742 11.0893C5.92113 10.933 5.83334 10.721 5.83334 10.5C5.83334 10.279 5.92113 10.067 6.07742 9.91074C6.2337 9.75446 6.44566 9.66667 6.66667 9.66667H9.16667V7.16667C9.16667 6.94565 9.25447 6.73369 9.41075 6.57741C9.56703 6.42113 9.77899 6.33333 10 6.33333C10.221 6.33333 10.433 6.42113 10.5893 6.57741C10.7455 6.73369 10.8333 6.94565 10.8333 7.16667V9.66667H13.3333C13.5544 9.66667 13.7663 9.75446 13.9226 9.91074C14.0789 10.067 14.1667 10.279 14.1667 10.5C14.1667 10.721 14.0789 10.933 13.9226 11.0893C13.7663 11.2455 13.5544 11.3333 13.3333 11.3333Z" fill="#24B428"></path>
                        </g>
                      </svg><span class="ms-3 fw-medium text-secondary">Phasellus faucibus leo vel dolor lacinia vel efficitur</span>
                    </li>
                  </ul>
                </div>
                <div class="mb-3 p-8 bg-light-light rounded-3"><span class="d-block fs-6 fw-bold mb-6">Defetcs</span>
                  <ul class="list-unstyled mb-0">
                    <li class="mb-3">
                      <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_611_692)">
                          <path d="M10 0.5C4.48583 0.5 0 4.98583 0 10.5C0 16.0142 4.48583 20.5 10 20.5C15.5142 20.5 20 16.0142 20 10.5C20 4.98583 15.5142 0.5 10 0.5ZM13.3333 11.3333H6.66667C6.20667 11.3333 5.83333 10.96 5.83333 10.5C5.83333 10.04 6.20667 9.66667 6.66667 9.66667H13.3333C13.7933 9.66667 14.1667 10.04 14.1667 10.5C14.1667 10.96 13.7933 11.3333 13.3333 11.3333Z" fill="#A5A7B3"></path>
                        </g>
                      </svg><span class="ms-3 fw-medium text-secondary">Class aptent taciti sociosqu ad litora torquent</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div><a class="d-none d-md-flex btn flex-shrink-0 ms-8 ms-xl-14 align-items-center justify-content-center bg-primary p-0" href="#" style="width: 56px; height: 56px;">
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
        </svg></a>
    </div>
    <div class="d-md-none d-flex align-items-center justify-content-center"><a class="d-flex me-6 btn flex-shrink-0 align-items-center justify-content-center bg-white p-0" href="#" style="width: 56px; height: 56px;">
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M7.31536 13.7141C7.40574 13.6211 7.47747 13.5105 7.52643 13.3886C7.57538 13.2667 7.60059 13.1359 7.60059 13.0039C7.60059 12.8718 7.57538 12.7411 7.52643 12.6192C7.47747 12.4973 7.40574 12.3867 7.31536 12.2937L4.14286 9.00276L13.7857 9.00276C14.0415 9.00276 14.2867 8.89738 14.4676 8.70979C14.6484 8.5222 14.75 8.26777 14.75 8.00248C14.75 7.73719 14.6484 7.48277 14.4676 7.29518C14.2867 7.10759 14.0415 7.0022 13.7857 7.0022L4.14286 7.0022L7.31536 3.71127C7.40574 3.61828 7.47747 3.50765 7.52643 3.38576C7.57539 3.26387 7.60059 3.13312 7.60059 3.00107C7.60059 2.86903 7.57539 2.73828 7.52643 2.61639C7.47747 2.4945 7.40574 2.38386 7.31536 2.29087C7.13469 2.10457 6.89029 2 6.63553 2C6.38078 2 6.13638 2.10457 5.95571 2.29087L1.81893 6.59209C1.45675 6.96554 1.25215 7.47276 1.25 8.00248C1.25469 8.52874 1.4591 9.03187 1.81893 9.40288L5.95571 13.7041C6.13511 13.8917 6.37879 13.9981 6.63355 14C6.8883 14.0018 7.13341 13.8991 7.31536 13.7141Z" fill="#696D81"></path>
        </svg></a><a class="d-flex btn flex-shrink-0 align-items-center justify-content-center bg-primary p-0" href="#" style="width: 56px; height: 56px;">
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
        </svg></a></div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light">
  <div class="container">
    <div class="mw-5xl mx-auto text-center mb-24">
      <h2 class="font-heading mb-10">Categories</h2>
      <p class="fs-6 text-light-dark fw-medium">Aliquam ornare ante eget mi ullamcorper, euismod luctus nulla tincidunt</p>
    </div>
    <div class="mw-xs mw-md-3xl mw-xl-6xl mx-auto">
      <div class="row mb-n8">
        <div class="col-md-6 col-xl-4 mb-8">
          <div class="d-flex align-items-center p-8 bg-white rounded-3">
            <div class="flex-shrink-0">
              <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="64" height="64" rx="32" fill="#E9EBFA"></rect>
                <g clip-path="url(#clip0_527_184)">
                  <path d="M32 20C29.6266 20 27.3066 20.7038 25.3332 22.0224C23.3598 23.3409 21.8217 25.2151 20.9135 27.4078C20.0052 29.6005 19.7676 32.0133 20.2306 34.3411C20.6936 36.6689 21.8365 38.8071 23.5147 40.4853C25.193 42.1635 27.3312 43.3064 29.6589 43.7694C31.9867 44.2324 34.3995 43.9948 36.5922 43.0866C38.7849 42.1783 40.6591 40.6402 41.9776 38.6668C43.2962 36.6935 44 34.3734 44 32C43.9966 28.8185 42.7312 25.7682 40.4815 23.5185C38.2318 21.2688 35.1815 20.0034 32 20ZM32 42C30.0222 42 28.0888 41.4135 26.4443 40.3147C24.7998 39.2159 23.5181 37.6541 22.7612 35.8268C22.0043 33.9996 21.8063 31.9889 22.1922 30.0491C22.578 28.1093 23.5304 26.3275 24.9289 24.9289C26.3275 23.5304 28.1093 22.578 30.0491 22.1921C31.9889 21.8063 33.9996 22.0043 35.8268 22.7612C37.6541 23.5181 39.2159 24.7998 40.3147 26.4443C41.4135 28.0888 42 30.0222 42 32C41.9971 34.6513 40.9426 37.1931 39.0679 39.0679C37.1931 40.9426 34.6513 41.9971 32 42Z" fill="#273ACF"></path>
                  <path d="M31.9985 26C31.7333 26 31.4789 26.1054 31.2914 26.2929C31.1038 26.4804 30.9985 26.7348 30.9985 27V31.325L27.6275 33.437C27.402 33.5778 27.2418 33.8024 27.182 34.0614C27.1221 34.3204 27.1677 34.5926 27.3085 34.818C27.4493 35.0434 27.6739 35.2037 27.9329 35.2635C28.1919 35.3233 28.464 35.2778 28.6895 35.137L32.5295 32.737C32.6746 32.6461 32.7939 32.5195 32.876 32.3692C32.9581 32.219 33.0003 32.0502 32.9985 31.879V27C32.9985 26.7348 32.8931 26.4804 32.7056 26.2929C32.5181 26.1054 32.2637 26 31.9985 26Z" fill="#273ACF"></path>
                </g>
              </svg>
            </div>
            <h5 class="ms-6 mb-0"><span class="d-block">Time</span><span>tracker</span></h5>
          </div>
        </div>
        <div class="col-md-6 col-xl-4 mb-8">
          <div class="d-flex align-items-center p-8 bg-white rounded-3">
            <div class="flex-shrink-0">
              <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="64" height="64" rx="32" fill="#FFE6F4"></rect>
                <path d="M39 23.022C39 23.014 39 23.008 39 23V21C39 20.7348 38.8946 20.4804 38.7071 20.2929C38.5196 20.1054 38.2652 20 38 20C37.7348 20 37.4804 20.1054 37.2929 20.2929C37.1054 20.4804 37 20.7348 37 21V22.1C36.6709 22.0332 36.3358 21.9997 36 22H35V21C35 20.7348 34.8946 20.4804 34.7071 20.2929C34.5196 20.1054 34.2652 20 34 20C33.7348 20 33.4804 20.1054 33.2929 20.2929C33.1054 20.4804 33 20.7348 33 21V22H31V21C31 20.7348 30.8946 20.4804 30.7071 20.2929C30.5196 20.1054 30.2652 20 30 20C29.7348 20 29.4804 20.1054 29.2929 20.2929C29.1054 20.4804 29 20.7348 29 21V22H28C27.6642 21.9997 27.3291 22.0332 27 22.1V21C27 20.7348 26.8946 20.4804 26.7071 20.2929C26.5196 20.1054 26.2652 20 26 20C25.7348 20 25.4804 20.1054 25.2929 20.2929C25.1054 20.4804 25 20.7348 25 21V23V23.022C24.3808 23.4844 23.8777 24.0845 23.5306 24.775C23.1834 25.4654 23.0018 26.2272 23 27V39C23.0016 40.3256 23.5289 41.5964 24.4662 42.5338C25.4036 43.4711 26.6744 43.9984 28 44H36C37.3256 43.9984 38.5964 43.4711 39.5338 42.5338C40.4711 41.5964 40.9984 40.3256 41 39V27C40.9982 26.2272 40.8166 25.4654 40.4694 24.775C40.1223 24.0845 39.6192 23.4844 39 23.022ZM39 39C39 39.7956 38.6839 40.5587 38.1213 41.1213C37.5587 41.6839 36.7956 42 36 42H28C27.2044 42 26.4413 41.6839 25.8787 41.1213C25.3161 40.5587 25 39.7956 25 39V27C25 26.2044 25.3161 25.4413 25.8787 24.8787C26.4413 24.3161 27.2044 24 28 24H36C36.7956 24 37.5587 24.3161 38.1213 24.8787C38.6839 25.4413 39 26.2044 39 27V39ZM37 28C37 28.2652 36.8946 28.5196 36.7071 28.7071C36.5196 28.8946 36.2652 29 36 29H28C27.7348 29 27.4804 28.8946 27.2929 28.7071C27.1054 28.5196 27 28.2652 27 28C27 27.7348 27.1054 27.4804 27.2929 27.2929C27.4804 27.1054 27.7348 27 28 27H36C36.2652 27 36.5196 27.1054 36.7071 27.2929C36.8946 27.4804 37 27.7348 37 28ZM37 32C37 32.2652 36.8946 32.5196 36.7071 32.7071C36.5196 32.8946 36.2652 33 36 33H28C27.7348 33 27.4804 32.8946 27.2929 32.7071C27.1054 32.5196 27 32.2652 27 32C27 31.7348 27.1054 31.4804 27.2929 31.2929C27.4804 31.1054 27.7348 31 28 31H36C36.2652 31 36.5196 31.1054 36.7071 31.2929C36.8946 31.4804 37 31.7348 37 32ZM33 36C33 36.2652 32.8946 36.5196 32.7071 36.7071C32.5196 36.8946 32.2652 37 32 37H28C27.7348 37 27.4804 36.8946 27.2929 36.7071C27.1054 36.5196 27 36.2652 27 36C27 35.7348 27.1054 35.4804 27.2929 35.2929C27.4804 35.1054 27.7348 35 28 35H32C32.2652 35 32.5196 35.1054 32.7071 35.2929C32.8946 35.4804 33 35.7348 33 36Z" fill="#FF008F"></path>
              </svg>
            </div>
            <h5 class="ms-6 mb-0"><span class="d-block">Timesheets</span><span>&amp; reports</span></h5>
          </div>
        </div>
        <div class="col-md-6 col-xl-4 mb-8">
          <div class="d-flex align-items-center p-8 bg-white rounded-3">
            <div class="flex-shrink-0">
              <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="64" height="64" rx="32" fill="#FFF5E6"></rect>
                <g clip-path="url(#clip0_550_107)">
                  <path d="M34 33C34.0016 33.3515 33.9105 33.6971 33.736 34.0022C33.5615 34.3072 33.3097 34.5609 33.0059 34.7377C32.7021 34.9144 32.3571 35.008 32.0057 35.009C31.6542 35.01 31.3087 34.9184 31.004 34.7434C30.6992 34.5683 30.4459 34.3161 30.2697 34.012C30.0934 33.7079 30.0004 33.3628 30 33.0113C29.9996 32.6599 30.0918 32.3145 30.2674 32.01C30.443 31.7056 30.6956 31.4527 31 31.277V27C31 26.7348 31.1054 26.4804 31.2929 26.2929C31.4804 26.1054 31.7348 26 32 26C32.2652 26 32.5196 26.1054 32.7071 26.2929C32.8946 26.4804 33 26.7348 33 27V31.277C33.3031 31.4513 33.5551 31.7023 33.7306 32.0047C33.9061 32.3071 33.999 32.6503 34 33ZM40.06 25.539C41.517 27.1078 42.4845 29.0677 42.8439 31.1783C43.2033 33.2889 42.9389 35.4586 42.0832 37.4212C41.2275 39.3837 39.8177 41.0539 38.0266 42.2269C36.2355 43.3999 34.141 44.0247 32 44.0247C29.859 44.0247 27.7645 43.3999 25.9734 42.2269C24.1823 41.0539 22.7725 39.3837 21.9168 37.4212C21.0611 35.4586 20.7967 33.2889 21.1561 31.1783C21.5155 29.0677 22.483 27.1078 23.94 25.539L23.268 24.792C22.8608 24.9353 22.4316 25.0057 22 25C21.7348 25 21.4804 24.8946 21.2929 24.7071C21.1054 24.5196 21 24.2652 21 24C21 23.7348 21.1054 23.4804 21.2929 23.2929C21.4804 23.1054 21.7348 23 22 23C22.785 23 23 22.785 23 22C23 21.7348 23.1054 21.4804 23.2929 21.2929C23.4804 21.1054 23.7348 21 24 21C24.2652 21 24.5196 21.1054 24.7071 21.2929C24.8946 21.4804 25 21.7348 25 22C25.0058 22.4866 24.9105 22.9692 24.72 23.417L25.426 24.201C27.0481 22.9803 28.9783 22.2358 31 22.051V21C31 20.7348 31.1054 20.4804 31.2929 20.2929C31.4804 20.1054 31.7348 20 32 20C32.2652 20 32.5196 20.1054 32.7071 20.2929C32.8946 20.4804 33 20.7348 33 21V22.051C35.0216 22.2355 36.9518 22.9796 38.574 24.2L39.28 23.416C39.0897 22.9685 38.9943 22.4863 39 22C39 21.7348 39.1054 21.4804 39.2929 21.2929C39.4804 21.1054 39.7348 21 40 21C40.2652 21 40.5196 21.1054 40.7071 21.2929C40.8946 21.4804 41 21.7348 41 22C41 22.785 41.215 23 42 23C42.2652 23 42.5196 23.1054 42.7071 23.2929C42.8946 23.4804 43 23.7348 43 24C43 24.2652 42.8946 24.5196 42.7071 24.7071C42.5196 24.8946 42.2652 25 42 25C41.5684 25.0057 41.1392 24.9353 40.732 24.792L40.06 25.539ZM41 33C41 31.22 40.4722 29.4799 39.4832 27.9999C38.4943 26.5198 37.0887 25.3663 35.4442 24.6851C33.7996 24.0039 31.99 23.8257 30.2442 24.1729C28.4984 24.5202 26.8947 25.3774 25.636 26.636C24.3774 27.8947 23.5202 29.4984 23.1729 31.2442C22.8257 32.99 23.0039 34.7996 23.6851 36.4442C24.3663 38.0887 25.5198 39.4943 26.9999 40.4832C28.4799 41.4722 30.22 42 32 42C34.3861 41.9974 36.6738 41.0483 38.361 39.361C40.0483 37.6738 40.9974 35.3861 41 33Z" fill="#FF9900"></path>
                </g>
              </svg>
            </div>
            <h5 class="ms-6 mb-0"><span class="d-block">Real-time</span><span>active timers</span></h5>
          </div>
        </div>
        <div class="col-md-6 col-xl-4 mb-8">
          <div class="d-flex align-items-center p-8 bg-white rounded-3">
            <div class="flex-shrink-0">
              <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="64" height="64" rx="32" fill="#E9F8EA"></rect>
                <g clip-path="url(#clip0_550_120)">
                  <path d="M36 43C36 43.552 35.553 44 35 44H26C23.243 44 21 41.757 21 39V25C21 22.243 23.243 20 26 20H30.515C32.384 20 34.142 20.728 35.465 22.05L38.949 25.536C39.22 25.807 39.472 26.104 39.697 26.419C40.018 26.868 39.914 27.493 39.465 27.814C39.016 28.134 38.39 28.031 38.07 27.581C37.909 27.356 37.729 27.143 37.536 26.951L34.051 23.465C33.733 23.147 33.38 22.878 33 22.66V27C33 27.551 33.448 28 34 28H37C37.553 28 38 28.448 38 29C38 29.552 37.553 30 37 30H34C32.346 30 31 28.654 31 27V22.023C30.84 22.008 30.678 22 30.515 22H26C24.346 22 23 23.346 23 25V39C23 40.654 24.346 42 26 42H35C35.553 42 36 42.448 36 43ZM41.685 36.267L38.644 35.76C38.271 35.698 38 35.378 38 35C38 34.449 38.448 34 39 34H41.268C41.624 34 41.956 34.192 42.135 34.5C42.41 34.978 43.02 35.141 43.501 34.865C43.979 34.588 44.143 33.977 43.865 33.499C43.331 32.574 42.335 31.999 41.267 31.999H40.999V30.999C40.999 30.447 40.552 29.999 39.999 29.999C39.446 29.999 38.999 30.447 38.999 30.999V31.999C37.345 31.999 35.999 33.345 35.999 34.999C35.999 36.359 36.973 37.509 38.314 37.732L41.355 38.239C41.728 38.301 41.999 38.621 41.999 38.999C41.999 39.55 41.551 39.999 40.999 39.999H38.731C38.375 39.999 38.043 39.807 37.864 39.499C37.589 39.02 36.978 38.857 36.498 39.134C36.02 39.411 35.856 40.022 36.134 40.5C36.668 41.425 37.664 41.999 38.732 41.999H39V42.999C39 43.551 39.447 43.999 40 43.999C40.553 43.999 41 43.551 41 42.999V41.999C42.654 41.999 44 40.653 44 38.999C44 37.639 43.026 36.49 41.685 36.267ZM27.5 35H33C33.553 35 34 34.552 34 34C34 33.448 33.553 33 33 33H27.5C26.122 33 25 34.122 25 35.5V37.5C25 38.878 26.122 40 27.5 40H33C33.553 40 34 39.552 34 39C34 38.448 33.553 38 33 38H27.5C27.224 38 27 37.776 27 37.5V35.5C27 35.224 27.224 35 27.5 35ZM26 31H28C28.552 31 29 30.552 29 30C29 29.448 28.552 29 28 29H26C25.448 29 25 29.448 25 30C25 30.552 25.448 31 26 31ZM26 27H28C28.552 27 29 26.552 29 26C29 25.448 28.552 25 28 25H26C25.448 25 25 25.448 25 26C25 26.552 25.448 27 26 27Z" fill="#24B428"></path>
                </g>
              </svg>
            </div>
            <h5 class="ms-6 mb-0"><span class="d-block">Online</span><span>invoicing</span></h5>
          </div>
        </div>
        <div class="col-md-6 col-xl-4 mb-8">
          <div class="d-flex align-items-center p-8 bg-white rounded-3">
            <div class="flex-shrink-0">
              <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="64" height="64" rx="32" fill="#EEEAFB"></rect>
                <g clip-path="url(#clip0_550_131)">
                  <path d="M24.0008 26C23.6065 26.001 23.216 25.9239 22.8518 25.773C22.4875 25.6221 22.1568 25.4005 21.8788 25.121L20.3348 23.747C20.1367 23.5704 20.0168 23.3223 20.0016 23.0573C19.9865 22.7923 20.0771 22.5321 20.2538 22.334C20.4304 22.1359 20.6785 22.016 20.9435 22.0009C21.2085 21.9857 21.4687 22.0764 21.6668 22.253L23.2518 23.667C23.3425 23.7689 23.4531 23.8511 23.5769 23.9087C23.7006 23.9662 23.8348 23.9978 23.9711 24.0016C24.1075 24.0053 24.2432 23.9811 24.3699 23.9305C24.4966 23.8798 24.6116 23.8038 24.7078 23.707L28.3118 20.276C28.5056 20.1035 28.7588 20.013 29.0181 20.0237C29.2773 20.0345 29.5223 20.1456 29.7011 20.3335C29.88 20.5215 29.9788 20.7716 29.9767 21.031C29.9746 21.2905 29.8717 21.539 29.6898 21.724L26.1008 25.138C25.8246 25.4126 25.4969 25.6301 25.1366 25.778C24.7762 25.9259 24.3903 26.0013 24.0008 26ZM44.0008 24C44.0008 23.7348 43.8954 23.4804 43.7079 23.2929C43.5204 23.1054 43.266 23 43.0008 23H33.0008C32.7356 23 32.4812 23.1054 32.2937 23.2929C32.1061 23.4804 32.0008 23.7348 32.0008 24C32.0008 24.2652 32.1061 24.5196 32.2937 24.7071C32.4812 24.8946 32.7356 25 33.0008 25H43.0008C43.266 25 43.5204 24.8946 43.7079 24.7071C43.8954 24.5196 44.0008 24.2652 44.0008 24ZM26.1008 33.138L29.6898 29.724C29.79 29.6348 29.8712 29.5264 29.9286 29.4052C29.986 29.284 30.0184 29.1525 30.024 29.0185C30.0295 28.8845 30.0081 28.7507 29.9609 28.6252C29.9137 28.4996 29.8417 28.3849 29.7492 28.2877C29.6568 28.1906 29.5457 28.113 29.4227 28.0596C29.2996 28.0063 29.1671 27.9782 29.033 27.9771C28.8989 27.976 28.7659 28.0019 28.642 28.0533C28.5181 28.1046 28.4058 28.1804 28.3118 28.276L24.7118 31.707C24.5214 31.889 24.2682 31.9906 24.0048 31.9906C23.7414 31.9906 23.4882 31.889 23.2978 31.707L21.7078 30.122C21.5192 29.9398 21.2666 29.839 21.0044 29.8413C20.7422 29.8436 20.4914 29.9488 20.306 30.1342C20.1206 30.3196 20.0154 30.5704 20.0131 30.8326C20.0108 31.0948 20.1116 31.3474 20.2938 31.536L21.8788 33.121C22.4385 33.6808 23.1967 33.9967 23.9883 33.9999C24.7799 34.0031 25.5406 33.6933 26.1048 33.138H26.1008ZM44.0008 32C44.0008 31.7348 43.8954 31.4804 43.7079 31.2929C43.5204 31.1054 43.266 31 43.0008 31H33.0008C32.7356 31 32.4812 31.1054 32.2937 31.2929C32.1061 31.4804 32.0008 31.7348 32.0008 32C32.0008 32.2652 32.1061 32.5196 32.2937 32.7071C32.4812 32.8946 32.7356 33 33.0008 33H43.0008C43.266 33 43.5204 32.8946 43.7079 32.7071C43.8954 32.5196 44.0008 32.2652 44.0008 32ZM26.1008 41.138L29.6858 37.724C29.786 37.6348 29.8672 37.5264 29.9246 37.4052C29.982 37.284 30.0144 37.1525 30.02 37.0185C30.0255 36.8845 30.0041 36.7507 29.9569 36.6252C29.9097 36.4996 29.8377 36.3849 29.7452 36.2877C29.6528 36.1906 29.5417 36.113 29.4187 36.0596C29.2956 36.0063 29.1631 35.9782 29.029 35.9771C28.8949 35.976 28.7619 36.0019 28.638 36.0533C28.5141 36.1046 28.4018 36.1804 28.3078 36.276L24.7078 39.707C24.6116 39.8038 24.4966 39.8798 24.3699 39.9305C24.2432 39.9811 24.1075 40.0053 23.9711 40.0016C23.8348 39.9978 23.7006 39.9662 23.5769 39.9087C23.4531 39.8511 23.3425 39.7689 23.2518 39.667L21.6668 38.253C21.4687 38.0764 21.2085 37.9857 20.9435 38.0009C20.6785 38.016 20.4304 38.1359 20.2538 38.334C20.0771 38.5321 19.9865 38.7923 20.0016 39.0573C20.0168 39.3223 20.1367 39.5704 20.3348 39.747L21.8788 41.121C22.4385 41.6808 23.1967 41.9967 23.9883 41.9999C24.7799 42.0031 25.5406 41.6933 26.1048 41.138H26.1008ZM44.0008 40C44.0008 39.7348 43.8954 39.4804 43.7079 39.2929C43.5204 39.1054 43.266 39 43.0008 39H33.0008C32.7356 39 32.4812 39.1054 32.2937 39.2929C32.1061 39.4804 32.0008 39.7348 32.0008 40C32.0008 40.2652 32.1061 40.5196 32.2937 40.7071C32.4812 40.8946 32.7356 41 33.0008 41H43.0008C43.266 41 43.5204 40.8946 43.7079 40.7071C43.8954 40.5196 44.0008 40.2652 44.0008 40Z" fill="#5729D6"></path>
                </g>
              </svg>
            </div>
            <h5 class="ms-6 mb-0"><span class="d-block">Task</span><span>comments</span></h5>
          </div>
        </div>
        <div class="col-md-6 col-xl-4 mb-8">
          <div class="d-flex align-items-center p-8 bg-white rounded-3">
            <div class="flex-shrink-0">
              <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="64" height="64" rx="32" fill="#E1E2E6"></rect>
                <g clip-path="url(#clip0_550_137)">
                  <path d="M32 32C33.1867 32 34.3467 31.6481 35.3334 30.9888C36.3201 30.3295 37.0892 29.3925 37.5433 28.2961C37.9974 27.1997 38.1162 25.9933 37.8847 24.8295C37.6532 23.6656 37.0818 22.5965 36.2426 21.7574C35.4035 20.9182 34.3344 20.3468 33.1705 20.1153C32.0067 19.8838 30.8003 20.0026 29.7039 20.4567C28.6075 20.9109 27.6705 21.6799 27.0112 22.6666C26.3519 23.6533 26 24.8133 26 26C26.0016 27.5908 26.6342 29.116 27.7591 30.2409C28.884 31.3658 30.4092 31.9984 32 32ZM32 22C32.7911 22 33.5645 22.2346 34.2223 22.6741C34.8801 23.1136 35.3928 23.7384 35.6955 24.4693C35.9983 25.2002 36.0775 26.0044 35.9231 26.7804C35.7688 27.5563 35.3878 28.269 34.8284 28.8284C34.269 29.3878 33.5563 29.7688 32.7804 29.9231C32.0044 30.0775 31.2002 29.9983 30.4693 29.6955C29.7384 29.3928 29.1136 28.8801 28.6741 28.2223C28.2346 27.5645 28 26.7911 28 26C28 24.9391 28.4214 23.9217 29.1716 23.1716C29.9217 22.4214 30.9391 22 32 22Z" fill="#696D81"></path>
                  <path d="M32 34C29.6139 34.0026 27.3262 34.9517 25.639 36.639C23.9517 38.3262 23.0026 40.6139 23 43C23 43.2652 23.1054 43.5196 23.2929 43.7071C23.4804 43.8946 23.7348 44 24 44C24.2652 44 24.5196 43.8946 24.7071 43.7071C24.8946 43.5196 25 43.2652 25 43C25 41.1435 25.7375 39.363 27.0503 38.0503C28.363 36.7375 30.1435 36 32 36C33.8565 36 35.637 36.7375 36.9497 38.0503C38.2625 39.363 39 41.1435 39 43C39 43.2652 39.1054 43.5196 39.2929 43.7071C39.4804 43.8946 39.7348 44 40 44C40.2652 44 40.5196 43.8946 40.7071 43.7071C40.8946 43.5196 41 43.2652 41 43C40.9974 40.6139 40.0483 38.3262 38.361 36.639C36.6738 34.9517 34.3861 34.0026 32 34Z" fill="#696D81"></path>
                </g>
              </svg>
            </div>
            <h5 class="ms-6 mb-0"><span class="d-block">Client</span><span>profitability</span></h5>
          </div>
        </div>
      </div>
      <div class="text-center mt-20"><a class="btn btn-dark" href="#">Show more</a></div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 overflow-hidden">
  <div class="container">
    <div class="row mb-24">
      <div class="col-lg-5 mb-10"><img class="img-fluid d-block w-100 mw-sm h-100 rounded-3" src="fily-assets/about/pic.jpg" alt=""></div>
      <div class="col-lg-7">
        <div class="mw-3xl ms-lg-auto">
          <h4 class="font-heading mb-10 fw-medium">Discover the convenient route to turbocharge your productivity effortlessly, allowing you to accomplish tasks faster and more efficiently, all while maintaining precision and accuracy in your work.</h4>
          <p class="fs-6 text-light-dark fw-medium mb-14">Picture yourself at the helm, steering a team to a triumphant product launch - on time, within budget, and delighting clients. Project management is the conduit from vision to achievement.</p><a class="btn btn-primary" href="#">Read more</a>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-5 mb-10">
        <div>
          <h2 class="font-heading mb-14">The easy way to work faster</h2>
          <ul class="list-unstyled mb-0">
            <li class="d-flex align-items-center mb-4">
              <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="#273ACF"></path>
              </svg><span class="ms-4 fs-7 fw-medium">Streamline tasks effortlessly</span>
            </li>
            <li class="d-flex align-items-center mb-4">
              <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="#273ACF"></path>
              </svg><span class="ms-4 fs-7 fw-medium">Boost productivity with simplicity</span>
            </li>
            <li class="d-flex align-items-center mb-4">
              <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="#273ACF"></path>
              </svg><span class="ms-4 fs-7 fw-medium">Accelerate your work pace</span>
            </li>
            <li class="d-flex align-items-center mb-4">
              <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="#273ACF"></path>
              </svg><span class="ms-4 fs-7 fw-medium">Effortless speed and efficiency</span>
            </li>
            <li class="d-flex align-items-center">
              <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="#273ACF"></path>
              </svg><span class="ms-4 fs-7 fw-medium">Work smarter, not harder</span>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-lg-7">
        <div class="mw-3xl ms-lg-auto"><img class="img-fluid d-block rounded-3" src="fily-assets/about/pic2.jpg" alt=""></div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative py-12 py-lg-24 py-xl-32 overflow-hidden"><img class="position-absolute top-0 start-0 w-100 h-100" style="object-fit: cover;" src="fily-assets/gradients/gradient-contact.jpg" alt="">
  <div class="container position-relative">
    <div class="mw-xl mx-auto mw-lg-none">
      <div class="row">
        <div class="col-lg-6 mb-16 mb-lg-0">
          <div class="mw-xl pt-lg-20">
            <h2 class="font-heading text-white mb-10">Let us know how we can help you</h2>
            <p class="mw-md mw-xl-lg fs-6 text-white fw-light">Nullam dignissim diam sed velit molestie, at auctor lectus finibus. Phasellus risus nisl, cursus dictum orci fermentum</p>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="bg-light-dark bg-opacity-10 pt-24 pb-28 px-8 px-sm-14 rounded-3">
            <form action="">
              <div class="row">
                <div class="col-md-6 mb-6">
                  <label class="mb-1 fs-9 fw-medium text-light-dark" for="">First name</label>
                  <input class="form-control fs-8 text-white bg-transparent border border-secondary" type="text">
                </div>
                <div class="col-md-6 mb-6">
                  <label class="mb-1 fs-9 fw-medium text-light-dark" for="">Last name</label>
                  <input class="form-control fs-8 text-white bg-transparent border border-secondary" type="text">
                </div>
                <div class="col-12 mb-6">
                  <label class="mb-1 fs-9 fw-medium text-light-dark" for="">Address email</label>
                  <input class="form-control fs-8 text-white bg-transparent border border-secondary" type="email">
                </div>
                <div class="col-12 mb-6">
                  <label class="mb-1 fs-9 fw-medium text-light-dark" for="">Subject</label>
                  <input class="form-control fs-8 text-white bg-transparent border border-secondary" type="text">
                </div>
                <div class="col-12 mb-16">
                  <label class="mb-1 fs-9 fw-medium text-light-dark" for="">Message</label>
                  <textarea class="form-control fs-8 text-white bg-transparent rounded-3 border border-secondary" name="" id="" style="height: 124px; resize: none;"></textarea>
                </div>
                <div class="col-12">
                  <button class="btn px-10 py-5 btn-primary" type="submit">Send message</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pt-12 pt-lg-24 bg-dark">
  <div class="mw-8xl mx-auto px-5 mb-12 mb-xl-20"><a class="d-inline-block mb-16" href="#"><img class="img-fluid" src="fily-assets/logos/fily-treck-white-logo.svg" alt=""></a>
    <div class="row">
      <div class="col-xl-4 mt-12 mt-xl-0 order-last order-xl-first">
        <div class="overflow-hidden mw-sm mx-auto mx-xl-0">
          <div class="position-relative bg-light rounded-3" style="padding: 1px;">
            <div class="position-absolute bottom-0 start-0 w-100 py-40 bg-shadow-bottom"></div>
            <div class="position-relative bg-dark px-6 px-sm-10 py-12 rounded-3">
              <h4 class="font-heading text-white mb-4">Subscribe to our newsletter</h4>
              <p class="fw-medium text-light-dark mb-10">Duis pellentesque urna a erat sollicitudin, et molestie leo semper</p>
              <form action="">
                <div class="position-relative">
                  <input class="form-control ps-6 py-4 bg-transparent text-white border border-light-dark" type="email">
                  <button class="position-absolute top-50 end-0 me-1 translate-middle-y btn btn-primary p-0 d-flex align-items-center justify-content-center" type="submit" style="width: 48px; height: 48px;">
                    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M6.51348 1.71443C6.4457 1.78417 6.39189 1.86715 6.35518 1.95857C6.31846 2.04999 6.29956 2.14804 6.29956 2.24708C6.29956 2.34612 6.31846 2.44417 6.35518 2.53559C6.39189 2.62701 6.4457 2.70999 6.51348 2.77973L8.89286 5.24793L1.66071 5.24793C1.46891 5.24793 1.28495 5.32697 1.14932 5.46766C1.0137 5.60835 0.9375 5.79917 0.9375 5.99814C0.9375 6.19711 1.0137 6.38793 1.14932 6.52862C1.28495 6.66931 1.46891 6.74835 1.66071 6.74835L8.89286 6.74835L6.51348 9.21654C6.4457 9.28629 6.3919 9.36926 6.35518 9.46068C6.31846 9.5521 6.29956 9.65016 6.29956 9.74919C6.29956 9.84823 6.31846 9.94629 6.35518 10.0377C6.3919 10.1291 6.4457 10.2121 6.51348 10.2818C6.64899 10.4216 6.83229 10.5 7.02335 10.5C7.21441 10.5 7.39771 10.4216 7.53322 10.2818L10.6358 7.05593C10.9074 6.77584 11.0609 6.39543 11.0625 5.99814C11.059 5.60345 10.9057 5.22609 10.6358 4.94784L7.53322 1.72193C7.39867 1.5812 7.21591 1.50142 7.02484 1.50002C6.83378 1.49861 6.64994 1.5757 6.51348 1.71443Z" fill="white"></path>
                    </svg>
                  </button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-8">
        <div class="mw-xl-4xl ms-xl-auto">
          <div class="row">
            <div class="col-sm-6 col-md-4 mb-10 mb-md-0 ms-lg-auto">
              <h5 class="text-white fw-bold mb-8">Product</h5>
              <ul class="list-unstyled">
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Time Tracking</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Task Management</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Kanban Board</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Team Collaboration</a></li>
                <li><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Team Scheduling</a></li>
              </ul>
            </div>
            <div class="col-sm-6 col-md-4 mb-10 mb-md-0">
              <h5 class="text-white fw-bold mb-8">Use Cases</h5>
              <ul class="list-unstyled">
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Creative &amp; Marketing</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Software &amp; Engineering</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Architecture firms</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Consulting businesses</a></li>
                <li><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Educational institutions</a></li>
              </ul>
            </div>
            <div class="col-md-4">
              <h5 class="text-white fw-bold mb-8">Resources</h5>
              <ul class="list-unstyled">
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Kanban Software</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Timesheet Software</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Gantt Chart Software</a></li>
                <li class="mb-6"><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Time Tracking Apps</a></li>
                <li><a class="d-inline-block fs-7 fw-medium text-secondary" href="#">Project Tracker</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 bg-light-dark bg-opacity-10">
    <div class="mw-8xl mx-auto px-5">
      <div class="d-flex flex-wrap gap-6 align-items-center justify-content-between"><span class="text-secondary fw-medium">© Shuffle 2023. All rights reserved.</span>
        <div class="d-flex align-items-center"><a class="d-inline-block me-4 fw-medium text-secondary" href="#">Terms</a><a class="d-inline-block fw-medium text-secondary" href="#">Privacy Policy</a></div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative py-12 py-lg-16 bg-dark overflow-hidden"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-httpcodes2.png" alt="">
  <div class="mw-xl mw-sm-2xl mw-md-3xl mw-xl-8xl mx-auto px-5 position-relative">
    <div class="py-20 py-xl-32 px-12 px-xl-24 bg-dark rounded-3">
      <div class="row align-items-center">
        <div class="col-xl-6 mb-16 mb-xl-0 py-4">
          <div class="mw-2xl pe-xl-8">
            <h1 class="text-secondary opacity-25 mb-12">01</h1>
            <h3 class="fw-medium text-white mb-12">Simplicity Redefined: A Seamless and Intuitive User Experience</h3>
            <p class="fs-6 text-white fw-light mb-12">Aliquam erat enim, feugiat non ante tincidunt, efficitur molestie elit. Cras molestie lectus non risus laoreet tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices. Aenean in orci tempor nunc gravida malesuada.</p>
            <div class="d-flex pe-20 align-items-center">
              <div class="w-100 bg-secondary-dark rounded-pill me-14">
                <div class="col-4 col-sm-3 col-md-2">
                  <div class="w-100 bg-primary rounded-pill" style="height: 3px;"></div>
                </div>
              </div>
              <div class="flex-shrink-0 d-flex ms-auto align-items-center justify-content-center"><a class="d-flex me-4 btn flex-shrink-0 align-items-center justify-content-center bg-secondary-dark p-0" href="#" style="width: 56px; height: 56px;">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.31536 13.7141C7.40574 13.6211 7.47747 13.5105 7.52643 13.3886C7.57538 13.2667 7.60059 13.1359 7.60059 13.0039C7.60059 12.8718 7.57538 12.7411 7.52643 12.6192C7.47747 12.4973 7.40574 12.3867 7.31536 12.2937L4.14286 9.00276L13.7857 9.00276C14.0415 9.00276 14.2867 8.89738 14.4676 8.70979C14.6484 8.5222 14.75 8.26777 14.75 8.00248C14.75 7.73719 14.6484 7.48277 14.4676 7.29518C14.2867 7.10759 14.0415 7.0022 13.7857 7.0022L4.14286 7.0022L7.31536 3.71127C7.40574 3.61828 7.47747 3.50765 7.52643 3.38576C7.57539 3.26387 7.60059 3.13312 7.60059 3.00107C7.60059 2.86903 7.57539 2.73828 7.52643 2.61639C7.47747 2.4945 7.40574 2.38386 7.31536 2.29087C7.13469 2.10457 6.89029 2 6.63553 2C6.38078 2 6.13638 2.10457 5.95571 2.29087L1.81893 6.59209C1.45675 6.96554 1.25215 7.47276 1.25 8.00248C1.25469 8.52874 1.4591 9.03187 1.81893 9.40288L5.95571 13.7041C6.13511 13.8917 6.37879 13.9981 6.63355 14C6.8883 14.0018 7.13341 13.8991 7.31536 13.7141Z" fill="#696D81"></path>
                  </svg></a><a class="d-flex btn flex-shrink-0 align-items-center justify-content-center bg-primary p-0" href="#" style="width: 56px; height: 56px;">
                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
                  </svg></a></div>
            </div>
          </div>
        </div>
        <div class="col-xl-6"><img class="img-fluid d-block w-100 rounded-3" src="fily-assets/how-it-works/pic.jpg" alt=""></div>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="position-relative"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-navigation.jpg" alt="">
    <nav class="position-relative navbar navbar-expand-xl navbar-dark bg-transparent">
      <div class="container-fluid"><a class="navbar-brand me-6" href="#"><img class="img-fluid" src="fily-assets/logos/fily-treck-white-logo.svg" alt=""></a>
        <button class="d-xl-none navbar-burger btn btn-outline-light py-3 px-5 ms-auto" type="button" aria-controls="nav01" aria-expanded="false">
          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M18.75 8.75003H1.25C0.559648 8.75003 0 9.30968 0 10C0 10.6904 0.559648 11.25 1.25 11.25H18.75C19.4404 11.25 20 10.6904 20 10C20 9.30968 19.4404 8.75003 18.75 8.75003Z" fill="white"></path>
            <path d="M1.25 5.41669H18.75C19.4404 5.41669 20 4.85704 20 4.16669C20 3.47634 19.4404 2.91669 18.75 2.91669H1.25C0.559648 2.91669 0 3.47634 0 4.16669C0 4.85704 0.559648 5.41669 1.25 5.41669Z" fill="white"></path>
            <path d="M18.75 14.5834H1.25C0.559648 14.5834 0 15.143 0 15.8334C0 16.5237 0.559648 17.0834 1.25 17.0834H18.75C19.4404 17.0834 20 16.5237 20 15.8334C20 15.143 19.4404 14.5834 18.75 14.5834Z" fill="white"></path>
          </svg>
        </button>
        <div class="collapse navbar-collapse position-absolute top-50 start-50 translate-middle" id="nav01">
          <ul class="navbar-nav">
            <li class="nav-item"><a class="nav-link px-xl-7" href="#">Our features</a></li>
            <li class="nav-item"><a class="nav-link px-xl-7" href="#">How to use?</a></li>
            <li class="nav-item"><a class="nav-link px-xl-7" href="#">Use cases</a></li>
            <li class="nav-item"><a class="nav-link px-xl-7" href="#">Plans &amp; pricing</a></li>
          </ul>
        </div>
        <div class="d-none d-xl-flex align-items-center ms-auto"><a class="btn me-2 px-6 py-4 btn-outline-light" href="#">Login</a><a class="btn px-6 py-4 btn-primary" href="#">Get started</a></div>
      </div>
    </nav>
  </div>
  <div class="d-none navbar-menu position-fixed top-0 start-0 bottom-0 w-100 mw-sm" style="z-index: 9999;">
    <div class="navbar-close navbar-backdrop position-fixed top-0 start-0 end-0 bottom-0 bg-dark" style="opacity: 75%;"></div>
    <nav class="position-relative h-100 w-100 d-flex flex-column pt-6 pb-10 px-8 bg-white overflow-auto">
      <div class="d-flex align-items-center"><a class="me-auto h4 mb-0 text-decoration-none" href="#"><img class="img-fluid" src="fily-assets/logos/fily-treck-black-logo.svg" alt=""></a><a class="navbar-close" href="#">
          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M23.2 8.79999L8.80005 23.2M8.80005 8.79999L23.2 23.2" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg></a></div>
      <div class="pt-20 pb-12">
        <ul class="nav flex-column">
          <li class="nav-item mb-4"><a class="btn btn-outline-light py-3 text-start border-0 w-100 text-dark" href="#">Our features</a></li>
          <li class="nav-item mb-4"><a class="btn btn-outline-light py-3 text-start border-0 w-100 text-dark" href="#">How to use?</a></li>
          <li class="nav-item mb-4"><a class="btn btn-outline-light py-3 text-start border-0 w-100 text-dark" href="#">Use cases</a></li>
          <li class="nav-item"><a class="btn btn-outline-light py-3 text-start border-0 w-100 text-dark" href="#">Plans &amp; pricing</a></li>
        </ul>
      </div>
      <div class="mt-auto"><a class="btn w-100 py-4 mb-4 btn-outline-light text-dark" href="#">Login</a><a class="btn w-100 py-4 btn-primary" href="#">Get started</a></div>
    </nav>
  </div>
</section>

<div class="position-fixed bottom-0 start-0 w-100 p-6">
  <div class="mw-4xl mx-auto bg-white border border-light overflow-hidden rounded-3">
    <div class="py-14 px-8 px-md-14">
      <h5 class="font-heading fw-bold mb-6">We use third-party cookies to personalize content, ads, and analyze site traffic.</h5>
      <p class="fs-7 text-light-dark mb-0">Vestibulum sit amet nisi volutpat, sagittis metus et, posuere magna. Sed venenatis metus turpis, eget malesuada nulla posuere facilisis consequat ac volutpat a, ultrices.</p>
    </div>
    <div class="py-6 px-8 px-md-14 bg-light-light">
      <div class="d-flex flex-wrap gap-2"><a class="btn btn-sm btn-primary" href="#">Allow cookies</a><a class="btn btn-sm btn-outline-light text-dark" href="#">Decline</a></div>
    </div>
  </div>
</div>

<section class="position-relative py-12 py-lg-24 py-xl-32 bg-dark overflow-hidden"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-download.png" alt="">
  <div class="mw-3xl mw-lg-8xl mx-auto px-5 position-relative">
    <div class="px-12 ps-md-24 pe-md-32 bg-dark rounded-3">
      <div class="row align-items-end">
        <div class="col-lg-6 col-xl-5 mb-16 mb-lg-0">
          <div class="mw-lg mx-auto mx-lg-0 py-14 py-lg-24 py-xl-32">
            <h2 class="font-heading text-white fw-medium mb-6">Get mobile app</h2>
            <p class="fs-6 text-light-dark fw-medium mb-14">Nullam dignissim diam sed velit molestie, at auctor lectus finibus. Phasellus risus nisl, cursus dictum orci a, fermentum finibus tellus.</p><a class="btn btn-primary" href="#">Download app</a>
          </div>
        </div>
        <div class="col-lg-6 col-xl-7"><img class="img-fluid d-block mx-auto me-lg-0" src="fily-assets/faq/iphone.png" alt=""></div>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-dark overflow-hidden">
  <div class="container">
    <div class="mw-lg mx-auto mw-lg-none">
      <div class="row align-items-center">
        <div class="col-lg-5 mb-16 mb-lg-0">
          <div>
            <h3 class="font-heading text-white mb-10">They trusted us</h3>
            <p class="fs-6 text-light-dark fw-medium mb-14">Nullam dignissim diam sed velit molestie, at auctor lectus finibus. Phasellus risus nisl, cursus dictum orci a, fermentum finibus tellus.</p><a class="btn btn-primary" href="#">Read more</a>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="d-flex flex-column align-items-center align-items-lg-end">
            <div class="d-flex flex-column flex-sm-row mb-8 mb-lg-12 mb-xl-16 gap-8 gap-lg-12 gap-xl-16">
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/spotify.svg" alt=""></div>
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/slack.svg" alt=""></div>
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/figma.svg" alt=""></div>
            </div>
            <div class="d-flex flex-column flex-sm-row mb-8 mb-lg-12 mb-xl-16 gap-8 gap-lg-12 gap-xl-16">
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/apple.svg" alt=""></div>
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/mastercard.svg" alt=""></div>
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/microsoft.svg" alt=""></div>
            </div>
            <div class="d-flex flex-column flex-sm-row gap-8 gap-lg-12 gap-xl-16">
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/visa.svg" alt=""></div>
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/brand.svg" alt=""></div>
              <div class="d-flex align-items-center justify-content-center bg-light bg-opacity-10 rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/opera.svg" alt=""></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light">
  <div class="container">
    <h2 class="font-heading text-center mb-24">Stay in touch</h2>
    <div class="mw-4xl mx-auto px-6 px-sm-10 py-24 bg-white rounded-3">
      <div class="text-center mw-md mx-auto">
        <h3 class="font-heading fw-medium mb-6">Newsletter</h3>
        <p class="fs-7 fw-medium text-light-dark mb-14">Subscribe to our newsletter and receive the latest news and exclusive insight every week.</p>
        <div>
          <form action="">
            <div class="position-relative bg-light-light p-1 rounded-pill">
              <input class="form-control bg-transparent ps-4 ps-sm-8 text-dark" type="email" placeholder="Your email address">
              <button class="position-absolute top-50 end-0 me-1 translate-middle-y btn px-4 px-sm-10 py-5 fs-8 btn-primary" type="submit">Get started</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="position-relative pt-12 py-lg-24 py-xl-32 overflow-hidden">
  <div class="d-none d-lg-block position-absolute top-0 start-0 h-100 col-lg-6 col-xl-5"><img class="position-absolute top-0 start-0 w-100 h-100" style="object-fit: cover;" src="fily-assets/sign-up/pic.jpg" alt="">
    <div class="position-relative d-flex flex-column h-100 p-16"><a class="d-inline-block mb-24" href="#"><img class="img-fluid" src="fily-assets/logos/fily-treck-white-logo.svg" alt=""></a>
      <div class="mw-2xl mt-auto">
        <p class="fs-4 fw-bold text-white">Imagination is more important than knowledge because knowledge is limited.</p>
      </div>
    </div>
  </div>
  <div class="mw-8xl mx-auto px-5">
    <div class="mw-md mw-xl-lg mx-auto me-lg-0">
      <h3 class="font-heading fw-medium mb-12">Register an account</h3>
      <form action="">
        <div class="mb-6">
          <label class="mb-1 fs-9 fw-medium" for="">Email</label>
          <input class="form-control fs-8 text-white bg-transparent border border-light" type="email" placeholder="Enter your email">
        </div>
        <div class="mb-10">
          <label class="mb-1 fs-9 fw-medium" for="">Password</label>
          <div class="position-relative">
            <button class="position-absolute top-50 end-0 me-6 translate-middle-y btn p-0 border-0">
              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_447_91)">
                  <path d="M17.4527 7.06424C16.2894 5.16974 13.6434 1.99124 8.99943 1.99124C4.35543 1.99124 1.70943 5.16974 0.546178 7.06424C0.186574 7.64587 -0.00390625 8.31617 -0.00390625 8.99999C-0.00390625 9.68381 0.186574 10.3541 0.546178 10.9357C1.70943 12.8302 4.35543 16.0087 8.99943 16.0087C13.6434 16.0087 16.2894 12.8302 17.4527 10.9357C17.8123 10.3541 18.0028 9.68381 18.0028 8.99999C18.0028 8.31617 17.8123 7.64587 17.4527 7.06424ZM16.1739 10.1505C15.1749 11.775 12.9137 14.5087 8.99943 14.5087C5.08518 14.5087 2.82393 11.775 1.82493 10.1505C1.61128 9.80478 1.49812 9.4064 1.49812 8.99999C1.49812 8.59359 1.61128 8.19521 1.82493 7.84949C2.82393 6.22499 5.08518 3.49124 8.99943 3.49124C12.9137 3.49124 15.1749 6.22199 16.1739 7.84949C16.3876 8.19521 16.5007 8.59359 16.5007 8.99999C16.5007 9.4064 16.3876 9.80478 16.1739 10.1505Z" fill="#696D81"></path>
                  <path d="M9 5.25C8.25832 5.25 7.5333 5.46993 6.91661 5.88199C6.29993 6.29404 5.81928 6.87971 5.53545 7.56494C5.25162 8.25016 5.17736 9.00416 5.32206 9.73159C5.46675 10.459 5.8239 11.1272 6.34835 11.6517C6.8728 12.1761 7.54098 12.5333 8.26841 12.6779C8.99584 12.8226 9.74984 12.7484 10.4351 12.4645C11.1203 12.1807 11.706 11.7001 12.118 11.0834C12.5301 10.4667 12.75 9.74168 12.75 9C12.7488 8.0058 12.3533 7.05267 11.6503 6.34966C10.9473 5.64666 9.9942 5.25119 9 5.25ZM9 11.25C8.55499 11.25 8.11998 11.118 7.74997 10.8708C7.37996 10.6236 7.09157 10.2722 6.92127 9.86104C6.75098 9.4499 6.70642 8.9975 6.79323 8.56105C6.88005 8.12459 7.09434 7.72368 7.40901 7.40901C7.72368 7.09434 8.12459 6.88005 8.56105 6.79323C8.99751 6.70642 9.44991 6.75097 9.86104 6.92127C10.2722 7.09157 10.6236 7.37996 10.8708 7.74997C11.118 8.11998 11.25 8.55499 11.25 9C11.25 9.59674 11.0129 10.169 10.591 10.591C10.169 11.0129 9.59674 11.25 9 11.25Z" fill="#696D81"></path>
                </g>
              </svg>
            </button>
            <input class="form-control fs-8 text-white bg-transparent border border-light" type="password" placeholder="Your password">
          </div>
        </div>
        <button class="btn w-100 px-10 py-5 btn-primary" type="submit">Create account</button>
        <div class="d-flex align-items-center my-12">
          <div class="w-100 border-bottom border-light"></div><span class="fw-semibold text-light-dark mx-4">or</span>
          <div class="w-100 border-bottom border-light"></div>
        </div>
        <div class="mb-12"><a class="btn btn-outline-light mb-4 py-5 d-flex align-items-center justify-content-center text-dark" href="#"><img class="img-fluid" src="fily-assets/sign-up/google-play.svg" alt=""><span class="ms-3">Continue with Google</span></a><a class="btn btn-outline-light py-5 d-flex align-items-center justify-content-center text-dark" href="#"><img class="img-fluid" src="fily-assets/sign-up/apple.svg" alt=""><span class="ms-3">Continue with Apple</span></a></div>
        <div class="d-flex align-items-center justify-content-center"><span class="fw-medium me-1">Already have an account? </span><a class="d-inline-block fw-semibold text-primary" href="#">Log in</a></div>
      </form>
    </div>
  </div>
  <div class="d-lg-none mt-16 position-relative"><img class="position-absolute top-0 start-0 w-100 h-100" style="object-fit: cover;" src="fily-assets/sign-up/pic.jpg" alt="">
    <div class="position-relative d-flex flex-column h-100 p-16"><a class="d-inline-block mb-64" href="#"><img class="img-fluid" src="fily-assets/logos/fily-treck-white-logo.svg" alt=""></a>
      <div class="mw-2xl mt-auto">
        <p class="fs-4 fw-bold text-white">Imagination is more important than knowledge because knowledge is limited.</p>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 mb-10 mb-lg-0"><img class="img-fluid d-block w-100 h-100 mw-xl mw-lg-lg mx-auto rounded-3" style="object-fit: cover;" src="fily-assets/faq/pic2.jpg" alt=""></div>
      <div class="col-lg-6">
        <div class="mw-xl mx-auto pt-xl-12 pb-xl-10">
          <div class="mb-10 pb-10 border-bottom border-light">
            <h2 class="font-heading mb-10"><span class="d-block">Frequently</span><span>asked questions</span></h2>
            <p class="mw-md mw-xl-lg fs-6 text-light-dark fw-medium mb-0">Aliquam ornare ante eget mi ullamcorper, euismod luctus nulla tincidunt. Ut sem justo, porta eget massa vitae, vehicula convallis velit.</p>
          </div>
          <div>
            <button class="btn w-100 mb-10 p-0 text-start border-0">
              <div class="d-flex align-items-center justify-content-between">
                <div class="pe-8"><span class="fs-6 fw-bold">How can I get started with FilyTreck?</span></div>
                <div>
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 8.49997C12.2626 8.49951 12.5228 8.55096 12.7654 8.65135C13.0081 8.75174 13.2285 8.89911 13.414 9.08497L18.707 14.379L17.293 15.793L12 10.5L6.70703 15.793L5.29303 14.379L10.586 9.08597C10.7715 8.89993 10.9919 8.75238 11.2345 8.65181C11.4772 8.55125 11.7374 8.49964 12 8.49997Z" fill="black"></path>
                  </svg>
                </div>
              </div>
              <div class="mt-4">
                <p class="mw-sm fw-medium mb-0">To get started with FilyTreck, simply create an account and log in to begin using the app.</p>
              </div>
            </button>
            <button class="btn w-100 mb-10 p-0 text-start border-0">
              <div class="d-flex align-items-center justify-content-between">
                <div class="pe-8"><span class="fs-6 text-light-dark fw-bold">Are my data and information secure in FilyTreck?</span></div>
                <div>
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 8.49997C12.2626 8.49951 12.5228 8.55096 12.7654 8.65135C13.0081 8.75174 13.2285 8.89911 13.414 9.08497L18.707 14.379L17.293 15.793L12 10.5L6.70703 15.793L5.29303 14.379L10.586 9.08597C10.7715 8.89993 10.9919 8.75238 11.2345 8.65181C11.4772 8.55125 11.7374 8.49964 12 8.49997Z" fill="black"></path>
                  </svg>
                </div>
              </div>
              <div class="d-none mt-4">
                <p class="mw-sm fw-medium mb-0">To get started with FilyTreck, simply create an account and log in to begin using the app.</p>
              </div>
            </button>
            <button class="btn w-100 mb-10 p-0 text-start border-0">
              <div class="d-flex align-items-center justify-content-between">
                <div class="pe-8"><span class="fs-6 text-light-dark fw-bold">Is there a free trial available for new users?</span></div>
                <div>
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 8.49997C12.2626 8.49951 12.5228 8.55096 12.7654 8.65135C13.0081 8.75174 13.2285 8.89911 13.414 9.08497L18.707 14.379L17.293 15.793L12 10.5L6.70703 15.793L5.29303 14.379L10.586 9.08597C10.7715 8.89993 10.9919 8.75238 11.2345 8.65181C11.4772 8.55125 11.7374 8.49964 12 8.49997Z" fill="black"></path>
                  </svg>
                </div>
              </div>
              <div class="d-none mt-4">
                <p class="mw-sm fw-medium mb-0">To get started with FilyTreck, simply create an account and log in to begin using the app.</p>
              </div>
            </button>
            <button class="btn w-100 mb-10 p-0 text-start border-0">
              <div class="d-flex align-items-center justify-content-between">
                <div class="pe-8"><span class="fs-6 text-light-dark fw-bold">What types of support and assistance do you provide for users?</span></div>
                <div>
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 8.49997C12.2626 8.49951 12.5228 8.55096 12.7654 8.65135C13.0081 8.75174 13.2285 8.89911 13.414 9.08497L18.707 14.379L17.293 15.793L12 10.5L6.70703 15.793L5.29303 14.379L10.586 9.08597C10.7715 8.89993 10.9919 8.75238 11.2345 8.65181C11.4772 8.55125 11.7374 8.49964 12 8.49997Z" fill="black"></path>
                  </svg>
                </div>
              </div>
              <div class="d-none mt-4">
                <p class="mw-sm fw-medium mb-0">To get started with FilyTreck, simply create an account and log in to begin using the app.</p>
              </div>
            </button>
            <button class="btn w-100 mb-10 p-0 text-start border-0">
              <div class="d-flex align-items-center justify-content-between">
                <div class="pe-8"><span class="fs-6 text-light-dark fw-bold">Can I use FilyTreck on different devices?</span></div>
                <div>
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 8.49997C12.2626 8.49951 12.5228 8.55096 12.7654 8.65135C13.0081 8.75174 13.2285 8.89911 13.414 9.08497L18.707 14.379L17.293 15.793L12 10.5L6.70703 15.793L5.29303 14.379L10.586 9.08597C10.7715 8.89993 10.9919 8.75238 11.2345 8.65181C11.4772 8.55125 11.7374 8.49964 12 8.49997Z" fill="black"></path>
                  </svg>
                </div>
              </div>
              <div class="d-none mt-4">
                <p class="mw-sm fw-medium mb-0">To get started with FilyTreck, simply create an account and log in to begin using the app.</p>
              </div>
            </button>
            <button class="btn w-100 p-0 text-start border-0">
              <div class="d-flex align-items-center justify-content-between">
                <div class="pe-8"><span class="fs-6 text-light-dark fw-bold">How can I import or export my tasks and data?</span></div>
                <div>
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 8.49997C12.2626 8.49951 12.5228 8.55096 12.7654 8.65135C13.0081 8.75174 13.2285 8.89911 13.414 9.08497L18.707 14.379L17.293 15.793L12 10.5L6.70703 15.793L5.29303 14.379L10.586 9.08597C10.7715 8.89993 10.9919 8.75238 11.2345 8.65181C11.4772 8.55125 11.7374 8.49964 12 8.49997Z" fill="black"></path>
                  </svg>
                </div>
              </div>
              <div class="d-none mt-4">
                <p class="mw-sm fw-medium mb-0">To get started with FilyTreck, simply create an account and log in to begin using the app.</p>
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32">
  <div class="container position-relative">
    <h2 class="font-heading text-center mb-20">Recent happenings and updates</h2>
  </div>
  <div class="mw-lg mx-auto mw-lg-7xl px-5"><a class="d-block mb-8 h-100 position-relative rounded-3 overflow-hidden" href="#"><img class="img-fluid d-block w-100 rounded-2" style="min-height: 400px; object-fit: cover;" src="fily-assets/blog/people2.jpg" alt="">
      <div class="position-absolute bottom-0 start-0 w-100 pb-14 px-10 px-lg-14">
        <div class="d-inline-flex mb-6 align-items-center py-1 px-2 bg-white rounded-pill">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g clip-path="url(#clip0_119_749)">
              <path d="M7 0C5.61553 0 4.26216 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.003033 5.6003 -0.13559 7.00777 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C13.998 5.1441 13.2599 3.36479 11.9475 2.05247C10.6352 0.74015 8.8559 0.0020073 7 0ZM7 12.8333C5.84628 12.8333 4.71846 12.4912 3.75918 11.8502C2.79989 11.2093 2.05222 10.2982 1.61071 9.23232C1.16919 8.16642 1.05368 6.99353 1.27876 5.86197C1.50384 4.73042 2.05941 3.69102 2.87521 2.87521C3.69102 2.0594 4.73042 1.50383 5.86198 1.27875C6.99353 1.05367 8.16642 1.16919 9.23232 1.6107C10.2982 2.05221 11.2093 2.79989 11.8502 3.75917C12.4912 4.71846 12.8333 5.84628 12.8333 7C12.8316 8.54658 12.2165 10.0293 11.1229 11.1229C10.0293 12.2165 8.54658 12.8316 7 12.8333Z" fill="#696D81"></path>
              <path d="M7.00042 3.5C6.84571 3.5 6.69733 3.56146 6.58794 3.67085C6.47854 3.78025 6.41708 3.92862 6.41708 4.08333V6.60625L4.45067 7.83825C4.31916 7.9204 4.22568 8.05143 4.19078 8.2025C4.15589 8.35358 4.18243 8.51233 4.26458 8.64383C4.34673 8.77534 4.47776 8.86882 4.62884 8.90372C4.77991 8.93861 4.93866 8.91207 5.07017 8.82992L7.31017 7.42992C7.3948 7.37689 7.4644 7.30302 7.5123 7.21539C7.56021 7.12775 7.58481 7.02928 7.58375 6.92942V4.08333C7.58375 3.92862 7.52229 3.78025 7.4129 3.67085C7.3035 3.56146 7.15513 3.5 7.00042 3.5Z" fill="#696D81"></path>
            </g>
          </svg><span class="ms-2 fs-9 fw-medium text-secondary">21 October 2023</span>
        </div>
        <div class="d-flex align-items-center justify-content-between">
          <h3 class="text-white fw-normal me-4"><span class="d-block">2023 Remote Work:</span><span>A Comprehensive Guide</span></h3><span class="flex-shirink-0">
            <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
              <rect width="80" height="80" rx="40" fill="#060918"></rect>
              <path d="M41.027 31.4289C40.8914 31.5683 40.7838 31.7343 40.7104 31.9171C40.6369 32.1 40.5991 32.2961 40.5991 32.4942C40.5991 32.6922 40.6369 32.8883 40.7104 33.0712C40.7838 33.254 40.8914 33.42 41.027 33.5595L45.7857 38.4959L31.3214 38.4959C30.9378 38.4959 30.5699 38.6539 30.2986 38.9353C30.0274 39.2167 29.875 39.5983 29.875 39.9963C29.875 40.3942 30.0274 40.7759 30.2986 41.0572C30.5699 41.3386 30.9378 41.4967 31.3214 41.4967L45.7857 41.4967L41.027 46.4331C40.8914 46.5726 40.7838 46.7385 40.7104 46.9214C40.6369 47.1042 40.5991 47.3003 40.5991 47.4984C40.5991 47.6965 40.6369 47.8926 40.7104 48.0754C40.7838 48.2583 40.8914 48.4242 41.027 48.5637C41.298 48.8431 41.6646 49 42.0467 49C42.4288 49 42.7954 48.8431 43.0664 48.5637L49.2716 42.1119C49.8149 41.5517 50.1218 40.7909 50.125 39.9963C50.118 39.2069 49.8114 38.4522 49.2716 37.8957L43.0664 31.4439C42.7973 31.1624 42.4318 31.0028 42.0497 31C41.6676 30.9972 41.2999 31.1514 41.027 31.4289Z" fill="white"></path>
            </svg></span>
        </div>
      </div></a>
    <div class="row mb-20">
      <div class="col-lg-4 mb-6 mb-lg-0"><a class="btn h-100 d-flex flex-column align-items-start btn-outline-light-light d-block p-10 text-start rounded-3" href="#">
          <div class="d-inline-flex mb-6 align-items-center py-1 px-2 bg-white border border-light-light rounded-pill">
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_119_749)">
                <path d="M7 0C5.61553 0 4.26216 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.003033 5.6003 -0.13559 7.00777 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C13.998 5.1441 13.2599 3.36479 11.9475 2.05247C10.6352 0.74015 8.8559 0.0020073 7 0ZM7 12.8333C5.84628 12.8333 4.71846 12.4912 3.75918 11.8502C2.79989 11.2093 2.05222 10.2982 1.61071 9.23232C1.16919 8.16642 1.05368 6.99353 1.27876 5.86197C1.50384 4.73042 2.05941 3.69102 2.87521 2.87521C3.69102 2.0594 4.73042 1.50383 5.86198 1.27875C6.99353 1.05367 8.16642 1.16919 9.23232 1.6107C10.2982 2.05221 11.2093 2.79989 11.8502 3.75917C12.4912 4.71846 12.8333 5.84628 12.8333 7C12.8316 8.54658 12.2165 10.0293 11.1229 11.1229C10.0293 12.2165 8.54658 12.8316 7 12.8333Z" fill="#696D81"></path>
                <path d="M7.00042 3.5C6.84571 3.5 6.69733 3.56146 6.58794 3.67085C6.47854 3.78025 6.41708 3.92862 6.41708 4.08333V6.60625L4.45067 7.83825C4.31916 7.9204 4.22568 8.05143 4.19078 8.2025C4.15589 8.35358 4.18243 8.51233 4.26458 8.64383C4.34673 8.77534 4.47776 8.86882 4.62884 8.90372C4.77991 8.93861 4.93866 8.91207 5.07017 8.82992L7.31017 7.42992C7.3948 7.37689 7.4644 7.30302 7.5123 7.21539C7.56021 7.12775 7.58481 7.02928 7.58375 6.92942V4.08333C7.58375 3.92862 7.52229 3.78025 7.4129 3.67085C7.3035 3.56146 7.15513 3.5 7.00042 3.5Z" fill="#696D81"></path>
              </g>
            </svg><span class="ms-2 fs-9 fw-medium text-secondary">21 October 2023</span>
          </div>
          <h5 class="font-heading mb-5 fw-medium">Mastering the Art of Project Management Success</h5>
          <p class="text-secondary fw-medium mb-10">Picture yourself at the helm, steering a team to a triumphant product launch - on time, within budget, and delighting clients. Project management is the conduit from vision to achievement.</p>
          <div class="d-flex mt-auto align-items-center text-primary"><span class="fw-semibold me-2">Read more</span>
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6.51348 1.71443C6.4457 1.78417 6.39189 1.86715 6.35518 1.95857C6.31846 2.04999 6.29956 2.14804 6.29956 2.24708C6.29956 2.34612 6.31846 2.44417 6.35518 2.53559C6.39189 2.62701 6.4457 2.70999 6.51348 2.77973L8.89286 5.24793L1.66071 5.24793C1.46891 5.24793 1.28495 5.32697 1.14932 5.46766C1.0137 5.60835 0.9375 5.79917 0.9375 5.99814C0.9375 6.19711 1.0137 6.38793 1.14932 6.52862C1.28495 6.66931 1.46891 6.74835 1.66071 6.74835L8.89286 6.74835L6.51348 9.21654C6.4457 9.28629 6.39189 9.36926 6.35518 9.46068C6.31846 9.5521 6.29956 9.65016 6.29956 9.74919C6.29956 9.84823 6.31846 9.94629 6.35518 10.0377C6.39189 10.1291 6.4457 10.2121 6.51348 10.2818C6.64899 10.4216 6.83229 10.5 7.02335 10.5C7.21441 10.5 7.39771 10.4216 7.53322 10.2818L10.6358 7.05593C10.9074 6.77584 11.0609 6.39543 11.0625 5.99814C11.059 5.60345 10.9057 5.22609 10.6358 4.94784L7.53322 1.72193C7.39867 1.5812 7.21591 1.50142 7.02484 1.50002C6.83378 1.49861 6.64994 1.5757 6.51348 1.71443Z" fill="currentColor"></path>
            </svg>
          </div></a></div>
      <div class="col-lg-4 mb-6 mb-lg-0"><a class="btn h-100 d-flex flex-column align-items-start btn-outline-light-light d-block p-10 text-start rounded-3" href="#">
          <div class="d-inline-flex mb-6 align-items-center py-1 px-2 bg-white border border-light-light rounded-pill">
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_119_749)">
                <path d="M7 0C5.61553 0 4.26216 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.003033 5.6003 -0.13559 7.00777 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C13.998 5.1441 13.2599 3.36479 11.9475 2.05247C10.6352 0.74015 8.8559 0.0020073 7 0ZM7 12.8333C5.84628 12.8333 4.71846 12.4912 3.75918 11.8502C2.79989 11.2093 2.05222 10.2982 1.61071 9.23232C1.16919 8.16642 1.05368 6.99353 1.27876 5.86197C1.50384 4.73042 2.05941 3.69102 2.87521 2.87521C3.69102 2.0594 4.73042 1.50383 5.86198 1.27875C6.99353 1.05367 8.16642 1.16919 9.23232 1.6107C10.2982 2.05221 11.2093 2.79989 11.8502 3.75917C12.4912 4.71846 12.8333 5.84628 12.8333 7C12.8316 8.54658 12.2165 10.0293 11.1229 11.1229C10.0293 12.2165 8.54658 12.8316 7 12.8333Z" fill="#696D81"></path>
                <path d="M7.00042 3.5C6.84571 3.5 6.69733 3.56146 6.58794 3.67085C6.47854 3.78025 6.41708 3.92862 6.41708 4.08333V6.60625L4.45067 7.83825C4.31916 7.9204 4.22568 8.05143 4.19078 8.2025C4.15589 8.35358 4.18243 8.51233 4.26458 8.64383C4.34673 8.77534 4.47776 8.86882 4.62884 8.90372C4.77991 8.93861 4.93866 8.91207 5.07017 8.82992L7.31017 7.42992C7.3948 7.37689 7.4644 7.30302 7.5123 7.21539C7.56021 7.12775 7.58481 7.02928 7.58375 6.92942V4.08333C7.58375 3.92862 7.52229 3.78025 7.4129 3.67085C7.3035 3.56146 7.15513 3.5 7.00042 3.5Z" fill="#696D81"></path>
              </g>
            </svg><span class="ms-2 fs-9 fw-medium text-secondary">21 October 2023</span>
          </div>
          <h5 class="font-heading mb-5 fw-medium">Optimal Work Management Software for Firms</h5>
          <p class="text-secondary fw-medium mb-10">If you handle a mix of project-related and other tasks, including client billing, and haven't discovered the perfect software yet, your search may need a new direction.</p>
          <div class="d-flex mt-auto align-items-center text-primary"><span class="fw-semibold me-2">Read more</span>
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6.51348 1.71443C6.4457 1.78417 6.39189 1.86715 6.35518 1.95857C6.31846 2.04999 6.29956 2.14804 6.29956 2.24708C6.29956 2.34612 6.31846 2.44417 6.35518 2.53559C6.39189 2.62701 6.4457 2.70999 6.51348 2.77973L8.89286 5.24793L1.66071 5.24793C1.46891 5.24793 1.28495 5.32697 1.14932 5.46766C1.0137 5.60835 0.9375 5.79917 0.9375 5.99814C0.9375 6.19711 1.0137 6.38793 1.14932 6.52862C1.28495 6.66931 1.46891 6.74835 1.66071 6.74835L8.89286 6.74835L6.51348 9.21654C6.4457 9.28629 6.39189 9.36926 6.35518 9.46068C6.31846 9.5521 6.29956 9.65016 6.29956 9.74919C6.29956 9.84823 6.31846 9.94629 6.35518 10.0377C6.39189 10.1291 6.4457 10.2121 6.51348 10.2818C6.64899 10.4216 6.83229 10.5 7.02335 10.5C7.21441 10.5 7.39771 10.4216 7.53322 10.2818L10.6358 7.05593C10.9074 6.77584 11.0609 6.39543 11.0625 5.99814C11.059 5.60345 10.9057 5.22609 10.6358 4.94784L7.53322 1.72193C7.39867 1.5812 7.21591 1.50142 7.02484 1.50002C6.83378 1.49861 6.64994 1.5757 6.51348 1.71443Z" fill="currentColor"></path>
            </svg>
          </div></a></div>
      <div class="col-lg-4"><a class="btn h-100 d-flex flex-column align-items-start btn-outline-light-light d-block p-10 text-start rounded-3" href="#">
          <div class="d-inline-flex mb-6 align-items-center py-1 px-2 bg-white border border-light-light rounded-pill">
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_119_749)">
                <path d="M7 0C5.61553 0 4.26216 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.003033 5.6003 -0.13559 7.00777 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C13.998 5.1441 13.2599 3.36479 11.9475 2.05247C10.6352 0.74015 8.8559 0.0020073 7 0ZM7 12.8333C5.84628 12.8333 4.71846 12.4912 3.75918 11.8502C2.79989 11.2093 2.05222 10.2982 1.61071 9.23232C1.16919 8.16642 1.05368 6.99353 1.27876 5.86197C1.50384 4.73042 2.05941 3.69102 2.87521 2.87521C3.69102 2.0594 4.73042 1.50383 5.86198 1.27875C6.99353 1.05367 8.16642 1.16919 9.23232 1.6107C10.2982 2.05221 11.2093 2.79989 11.8502 3.75917C12.4912 4.71846 12.8333 5.84628 12.8333 7C12.8316 8.54658 12.2165 10.0293 11.1229 11.1229C10.0293 12.2165 8.54658 12.8316 7 12.8333Z" fill="#696D81"></path>
                <path d="M7.00042 3.5C6.84571 3.5 6.69733 3.56146 6.58794 3.67085C6.47854 3.78025 6.41708 3.92862 6.41708 4.08333V6.60625L4.45067 7.83825C4.31916 7.9204 4.22568 8.05143 4.19078 8.2025C4.15589 8.35358 4.18243 8.51233 4.26458 8.64383C4.34673 8.77534 4.47776 8.86882 4.62884 8.90372C4.77991 8.93861 4.93866 8.91207 5.07017 8.82992L7.31017 7.42992C7.3948 7.37689 7.4644 7.30302 7.5123 7.21539C7.56021 7.12775 7.58481 7.02928 7.58375 6.92942V4.08333C7.58375 3.92862 7.52229 3.78025 7.4129 3.67085C7.3035 3.56146 7.15513 3.5 7.00042 3.5Z" fill="#696D81"></path>
              </g>
            </svg><span class="ms-2 fs-9 fw-medium text-secondary">21 October 2023</span>
          </div>
          <h5 class="font-heading mb-5 fw-medium">2023 Remote Work: A Comprehensive Guide</h5>
          <p class="text-secondary fw-medium mb-10">I've championed remote work for well over six years, possibly even longer before the global pandemic compelled professionals to transition from office to home setups.</p>
          <div class="d-flex mt-auto align-items-center text-primary"><span class="fw-semibold me-2">Read more</span>
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6.51348 1.71443C6.4457 1.78417 6.39189 1.86715 6.35518 1.95857C6.31846 2.04999 6.29956 2.14804 6.29956 2.24708C6.29956 2.34612 6.31846 2.44417 6.35518 2.53559C6.39189 2.62701 6.4457 2.70999 6.51348 2.77973L8.89286 5.24793L1.66071 5.24793C1.46891 5.24793 1.28495 5.32697 1.14932 5.46766C1.0137 5.60835 0.9375 5.79917 0.9375 5.99814C0.9375 6.19711 1.0137 6.38793 1.14932 6.52862C1.28495 6.66931 1.46891 6.74835 1.66071 6.74835L8.89286 6.74835L6.51348 9.21654C6.4457 9.28629 6.39189 9.36926 6.35518 9.46068C6.31846 9.5521 6.29956 9.65016 6.29956 9.74919C6.29956 9.84823 6.31846 9.94629 6.35518 10.0377C6.39189 10.1291 6.4457 10.2121 6.51348 10.2818C6.64899 10.4216 6.83229 10.5 7.02335 10.5C7.21441 10.5 7.39771 10.4216 7.53322 10.2818L10.6358 7.05593C10.9074 6.77584 11.0609 6.39543 11.0625 5.99814C11.059 5.60345 10.9057 5.22609 10.6358 4.94784L7.53322 1.72193C7.39867 1.5812 7.21591 1.50142 7.02484 1.50002C6.83378 1.49861 6.64994 1.5757 6.51348 1.71443Z" fill="currentColor"></path>
            </svg>
          </div></a></div>
    </div>
    <div class="text-center"><a class="btn btn-dark" href="#">View all news</a></div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light">
  <div class="container">
    <div class="mw-4xl mx-auto py-24 px-8 px-sm-16 text-center bg-white rounded-3">
      <h1 class="display-3 font-heading mb-6">404</h1>
      <p class="fs-4 fw-medium text-light-dark mb-16">That page isn’t doesn’t exist or we can’t find it.</p><a class="btn btn-dark" href="#">Back to homepage</a>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-dark">
  <div class="container">
    <div class="text-center mb-16">
      <h2 class="font-heading text-white mb-4">Features</h2>
      <p class="fs-6 text-light-dark mb-0">Explore the powerful features that make FilyTreck stand out in the realm of task management.</p>
    </div>
    <div class="mw-sm mw-md-4xl mx-auto">
      <div class="row mb-20">
        <div class="col-12 col-md-6 mb-5">
          <div class="overflow-hidden">
            <div class="position-relative h-100 bg-light rounded-2" style="padding: 1px;">
              <div class="position-absolute bottom-0 start-0 w-100 py-40 bg-shadow-bottom"></div>
              <div class="position-relative bg-dark px-6 px-sm-10 py-14 rounded-2">
                <div class="d-flex align-items-center mb-10">
                  <div class="d-flex flex-shrink-0 me-5 align-items-center justify-content-center bg-warning rounded" style="width: 56px; height: 56px;">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_108_145)">
                        <path d="M7 0H4C2.93913 0 1.92172 0.421427 1.17157 1.17157C0.421427 1.92172 0 2.93913 0 4L0 7C0 8.06087 0.421427 9.07828 1.17157 9.82843C1.92172 10.5786 2.93913 11 4 11H7C8.06087 11 9.07828 10.5786 9.82843 9.82843C10.5786 9.07828 11 8.06087 11 7V4C11 2.93913 10.5786 1.92172 9.82843 1.17157C9.07828 0.421427 8.06087 0 7 0ZM9 7C9 7.53043 8.78929 8.03914 8.41421 8.41421C8.03914 8.78929 7.53043 9 7 9H4C3.46957 9 2.96086 8.78929 2.58579 8.41421C2.21071 8.03914 2 7.53043 2 7V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H7C7.53043 2 8.03914 2.21071 8.41421 2.58579C8.78929 2.96086 9 3.46957 9 4V7Z" fill="white"></path>
                        <path d="M20 0H17C15.9391 0 14.9217 0.421427 14.1716 1.17157C13.4214 1.92172 13 2.93913 13 4V7C13 8.06087 13.4214 9.07828 14.1716 9.82843C14.9217 10.5786 15.9391 11 17 11H20C21.0609 11 22.0783 10.5786 22.8284 9.82843C23.5786 9.07828 24 8.06087 24 7V4C24 2.93913 23.5786 1.92172 22.8284 1.17157C22.0783 0.421427 21.0609 0 20 0ZM22 7C22 7.53043 21.7893 8.03914 21.4142 8.41421C21.0391 8.78929 20.5304 9 20 9H17C16.4696 9 15.9609 8.78929 15.5858 8.41421C15.2107 8.03914 15 7.53043 15 7V4C15 3.46957 15.2107 2.96086 15.5858 2.58579C15.9609 2.21071 16.4696 2 17 2H20C20.5304 2 21.0391 2.21071 21.4142 2.58579C21.7893 2.96086 22 3.46957 22 4V7Z" fill="white"></path>
                        <path d="M7 13H4C2.93913 13 1.92172 13.4214 1.17157 14.1716C0.421427 14.9217 0 15.9391 0 17L0 20C0 21.0609 0.421427 22.0783 1.17157 22.8284C1.92172 23.5786 2.93913 24 4 24H7C8.06087 24 9.07828 23.5786 9.82843 22.8284C10.5786 22.0783 11 21.0609 11 20V17C11 15.9391 10.5786 14.9217 9.82843 14.1716C9.07828 13.4214 8.06087 13 7 13ZM9 20C9 20.5304 8.78929 21.0391 8.41421 21.4142C8.03914 21.7893 7.53043 22 7 22H4C3.46957 22 2.96086 21.7893 2.58579 21.4142C2.21071 21.0391 2 20.5304 2 20V17C2 16.4696 2.21071 15.9609 2.58579 15.5858C2.96086 15.2107 3.46957 15 4 15H7C7.53043 15 8.03914 15.2107 8.41421 15.5858C8.78929 15.9609 9 16.4696 9 17V20Z" fill="white"></path>
                        <path d="M20 13H17C15.9391 13 14.9217 13.4214 14.1716 14.1716C13.4214 14.9217 13 15.9391 13 17V20C13 21.0609 13.4214 22.0783 14.1716 22.8284C14.9217 23.5786 15.9391 24 17 24H20C21.0609 24 22.0783 23.5786 22.8284 22.8284C23.5786 22.0783 24 21.0609 24 20V17C24 15.9391 23.5786 14.9217 22.8284 14.1716C22.0783 13.4214 21.0609 13 20 13ZM22 20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22H17C16.4696 22 15.9609 21.7893 15.5858 21.4142C15.2107 21.0391 15 20.5304 15 20V17C15 16.4696 15.2107 15.9609 15.5858 15.5858C15.9609 15.2107 16.4696 15 17 15H20C20.5304 15 21.0391 15.2107 21.4142 15.5858C21.7893 15.9609 22 16.4696 22 17V20Z" fill="white"></path>
                      </g>
                    </svg>
                  </div>
                  <div>
                    <h6 class="font-heading text-white mb-0">Everything in one app</h6>
                  </div>
                </div>
                <p class="mw-sm fw-medium text-light-dark mb-0">Streamlining Your Tasks, Time, and Goals. Experience the ultimate convenience of having all your task management.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6 mb-5">
          <div class="overflow-hidden">
            <div class="position-relative h-100 bg-light rounded-2" style="padding: 1px;">
              <div class="position-absolute bottom-0 start-0 w-100 py-40 bg-shadow-bottom"></div>
              <div class="position-relative bg-dark px-6 px-sm-10 py-14 rounded-2">
                <div class="d-flex align-items-center mb-10">
                  <div class="d-flex flex-shrink-0 me-5 align-items-center justify-content-center bg-primary rounded" style="width: 56px; height: 56px;">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_108_156)">
                        <path d="M22.5002 3.97601H19.4142C19.2165 3.97606 19.0232 4.03473 18.8588 4.14461C18.6943 4.2545 18.5662 4.41066 18.4905 4.59336C18.4149 4.77606 18.3951 4.97709 18.4336 5.17104C18.4722 5.365 18.5674 5.54316 18.7072 5.68301L19.7932 6.76901L16.2072 10.354C16.0167 10.5361 15.7633 10.6377 15.4997 10.6377C15.2362 10.6377 14.9827 10.5361 14.7922 10.354L14.6222 10.183C14.0508 9.63708 13.291 9.33244 12.5007 9.33244C11.7104 9.33244 10.9506 9.63708 10.3792 10.183L5.27921 15.283C5.09131 15.4715 4.98595 15.7268 4.98633 15.9929C4.9867 16.259 5.09278 16.5141 5.28121 16.702C5.46965 16.8899 5.72501 16.9953 5.99113 16.9949C6.25724 16.9945 6.51231 16.8885 6.70021 16.7L11.8002 11.6C11.9906 11.4177 12.2441 11.3159 12.5077 11.3159C12.7713 11.3159 13.0248 11.4177 13.2152 11.6L13.3852 11.771C13.9568 12.3165 14.7166 12.6208 15.5067 12.6208C16.2968 12.6208 17.0566 12.3165 17.6282 11.771L21.2142 8.18501L22.3002 9.27101C22.4405 9.40856 22.6183 9.50172 22.8112 9.53886C23.0042 9.576 23.2038 9.55547 23.3852 9.47983C23.5665 9.4042 23.7216 9.27681 23.8309 9.11358C23.9403 8.95035 23.9992 8.75851 24.0002 8.56201V5.47601C24.0002 5.07819 23.8422 4.69666 23.5609 4.41535C23.2796 4.13405 22.898 3.97601 22.5002 3.97601Z" fill="white"></path>
                        <path d="M23 21.976H5C4.20435 21.976 3.44129 21.6599 2.87868 21.0973C2.31607 20.5347 2 19.7716 2 18.976V1C2 0.734784 1.89464 0.48043 1.70711 0.292893C1.51957 0.105357 1.26522 0 1 0C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1L0 18.976C0.00158786 20.3016 0.528882 21.5724 1.46622 22.5098C2.40356 23.4471 3.67441 23.9744 5 23.976H23C23.2652 23.976 23.5196 23.8706 23.7071 23.6831C23.8946 23.4956 24 23.2412 24 22.976C24 22.7108 23.8946 22.4564 23.7071 22.2689C23.5196 22.0814 23.2652 21.976 23 21.976Z" fill="white"></path>
                      </g>
                    </svg>
                  </div>
                  <div>
                    <h6 class="font-heading text-white mb-0"><span class="d-block">Increase in</span><span>the productivity</span></h6>
                  </div>
                </div>
                <p class="mw-sm fw-medium text-light-dark mb-0">Experience a substantial boost in productivity with our streamlined approach, optimizing your workflow and time management.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6 mb-5 mb-md-0">
          <div class="overflow-hidden">
            <div class="position-relative h-100 bg-light rounded-2" style="padding: 1px;">
              <div class="position-absolute bottom-0 start-0 w-100 py-40 bg-shadow-bottom"></div>
              <div class="position-relative bg-dark px-6 px-sm-10 py-14 rounded-2">
                <div class="d-flex align-items-center mb-10">
                  <div class="d-flex flex-shrink-0 me-5 align-items-center justify-content-center bg-info rounded" style="width: 56px; height: 56px;">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_108_163)">
                        <path d="M24 16V21C24 21.7957 23.6839 22.5588 23.1213 23.1214C22.5587 23.684 21.7956 24 21 24H16C14.5971 23.9986 13.2192 23.6283 12.0047 22.9262C10.7901 22.2241 9.78145 21.215 9.08 20C9.83387 19.9946 10.5852 19.9115 11.322 19.752C11.8832 20.4537 12.595 21.0201 13.4048 21.4092C14.2146 21.7984 15.1016 22.0003 16 22H21C21.2652 22 21.5196 21.8947 21.7071 21.7072C21.8946 21.5196 22 21.2653 22 21V16C21.9998 15.1013 21.7972 14.2141 21.4074 13.4043C21.0175 12.5945 20.4504 11.8828 19.748 11.322C19.9088 10.5854 19.9933 9.83405 20 9.08004C21.215 9.78149 22.2241 10.7901 22.9262 12.0047C23.6282 13.2193 23.9986 14.5971 24 16ZM17.977 9.65104C18.0705 8.36268 17.8856 7.06928 17.4348 5.85874C16.9841 4.64819 16.278 3.54887 15.3646 2.63546C14.4512 1.72205 13.3518 1.01597 12.1413 0.565199C10.9308 0.114423 9.63736 -0.0704842 8.349 0.0230415C6.06592 0.283774 3.95693 1.37022 2.41918 3.07778C0.881427 4.78535 0.0210272 6.99621 0 9.29404L0 14.334C0 16.866 1.507 18 3 18H8.7C10.9988 17.9803 13.211 17.1204 14.9198 15.5826C16.6286 14.0447 17.7159 11.9351 17.977 9.65104ZM13.95 4.05104C14.6599 4.76255 15.2088 5.61824 15.5593 6.56023C15.9099 7.50222 16.054 8.50852 15.982 9.51104C15.7686 11.2947 14.9105 12.9389 13.5693 14.134C12.2282 15.3291 10.4964 15.9928 8.7 16H3C2.072 16 2 14.725 2 14.334V9.29404C2.00834 7.49842 2.67265 5.76775 3.86792 4.42772C5.06319 3.08769 6.70699 2.23071 8.49 2.01804C8.656 2.00604 8.822 2.00004 8.988 2.00004C9.90927 1.99918 10.8217 2.17988 11.6731 2.5318C12.5245 2.88372 13.2982 3.39997 13.95 4.05104Z" fill="white"></path>
                      </g>
                    </svg>
                  </div>
                  <div>
                    <h6 class="font-heading text-white mb-0"><span class="d-block">Efficient contact</span><span>with the client</span></h6>
                  </div>
                </div>
                <p class="mw-sm fw-medium text-light-dark mb-0">Facilitate seamless communication and effortless engagement with clients through our efficient features.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="overflow-hidden">
            <div class="position-relative h-100 bg-light rounded-2" style="padding: 1px;">
              <div class="position-absolute bottom-0 start-0 w-100 py-40 bg-shadow-bottom"></div>
              <div class="position-relative bg-dark px-6 px-sm-10 py-14 rounded-2">
                <div class="d-flex align-items-center mb-10">
                  <div class="d-flex flex-shrink-0 me-5 align-items-center justify-content-center bg-success rounded" style="width: 56px; height: 56px;">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_108_170)">
                        <path d="M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0ZM12 22C10.0222 22 8.08879 21.4135 6.4443 20.3147C4.79981 19.2159 3.51809 17.6541 2.76121 15.8268C2.00433 13.9996 1.8063 11.9889 2.19215 10.0491C2.578 8.10929 3.53041 6.32746 4.92894 4.92893C6.32746 3.53041 8.10929 2.578 10.0491 2.19215C11.9889 1.8063 13.9996 2.00433 15.8268 2.7612C17.6541 3.51808 19.2159 4.79981 20.3147 6.4443C21.4135 8.08879 22 10.0222 22 12C21.9971 14.6513 20.9426 17.1931 19.0679 19.0679C17.1931 20.9426 14.6513 21.9971 12 22Z" fill="white"></path>
                        <path d="M12.0004 6C11.7352 6 11.4809 6.10536 11.2933 6.29289C11.1058 6.48043 11.0004 6.73478 11.0004 7V11.325L7.62943 13.437C7.404 13.5778 7.24374 13.8024 7.18392 14.0614C7.1241 14.3204 7.1696 14.5926 7.31043 14.818C7.45126 15.0434 7.67588 15.2037 7.93487 15.2635C8.19386 15.3233 8.466 15.2778 8.69143 15.137L12.5314 12.737C12.6765 12.6461 12.7958 12.5195 12.878 12.3692C12.9601 12.219 13.0022 12.0502 13.0004 11.879V7C13.0004 6.73478 12.8951 6.48043 12.7075 6.29289C12.52 6.10536 12.2657 6 12.0004 6Z" fill="white"></path>
                      </g>
                    </svg>
                  </div>
                  <div>
                    <h6 class="font-heading text-white mb-0"><span class="d-block">Take charge </span><span>of your time</span></h6>
                  </div>
                </div>
                <p class="mw-sm fw-medium text-light-dark mb-0">Effortless Time Management for Optimal Productivity. Discover effective strategies and tools to manage your time efficiently.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="text-center"><a class="btn btn-outline-light" href="#">See all features</a></div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light">
  <div class="container">
    <div class="mw-5xl mb-20">
      <h1 class="font-heading mb-10">Work with us</h1>
      <p class="fs-6 text-light-dark fw-medium">Aliquam ornare ante eget mi ullamcorper, euismod luctus nulla tincidunt. Ut sem justo, porta eget massa vitae, vehicula convallis velit. Maecenas vitae velit ut mi vestibulum luctus ut ut</p>
    </div>
    <div class="mw-lg mx-auto mw-lg-none">
      <div class="py-12 px-8 px-sm-12 mb-8 bg-white rounded-3">
        <div class="row mb-n6">
          <div class="col-lg-8 mb-6">
            <h4 class="mb-3">Product Designer</h4>
            <p class="text-secondary fw-medium mb-0">We’re looking for a mid-level product designer to join our team.</p>
          </div>
          <div class="col-12 col-lg-4 text-end mb-6 order-last order-lg-0"><a class="btn btn-primary p-0 d-inline-flex align-items-center justify-content-center" href="#" style="width: 64px; height: 64px;">
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
              </svg></a></div>
          <div class="col-12 mb-6">
            <div class="d-inline-flex me-2 align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_252)">
                  <path d="M7.97669 16.5053L7.51197 16.107C6.87131 15.5705 1.27734 10.7394 1.27734 7.20551C1.27734 3.50557 4.27675 0.506165 7.97669 0.506165C11.6766 0.506165 14.676 3.50557 14.676 7.20551C14.676 10.7394 9.08206 15.5706 8.44406 16.1096L7.97669 16.5053ZM7.97669 1.95476C5.07816 1.95804 2.72925 4.30695 2.72597 7.20548C2.72597 9.42554 6.16759 12.972 7.97669 14.5953C9.78581 12.9714 13.2274 9.42285 13.2274 7.20548C13.2241 4.30695 10.8752 1.95807 7.97669 1.95476Z" fill="#060918"></path>
                  <path d="M7.97587 9.86111C6.50925 9.86111 5.32031 8.67218 5.32031 7.20555C5.32031 5.73893 6.50925 4.54999 7.97587 4.54999C9.4425 4.54999 10.6314 5.73893 10.6314 7.20555C10.6314 8.67218 9.44253 9.86111 7.97587 9.86111ZM7.97587 5.87774C7.24256 5.87774 6.64809 6.47221 6.64809 7.20552C6.64809 7.93883 7.24256 8.5333 7.97587 8.5333C8.70919 8.5333 9.30366 7.93883 9.30366 7.20552C9.30366 6.47221 8.70922 5.87774 7.97587 5.87774Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">100% remote</span>
            </div>
            <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_258)">
                  <path d="M8 0.5C6.41775 0.5 4.87104 0.969192 3.55544 1.84824C2.23985 2.72729 1.21447 3.97672 0.608967 5.43853C0.00346629 6.90034 -0.15496 8.50887 0.153721 10.0607C0.462403 11.6126 1.22433 13.038 2.34315 14.1569C3.46197 15.2757 4.88743 16.0376 6.43928 16.3463C7.99113 16.655 9.59966 16.4965 11.0615 15.891C12.5233 15.2855 13.7727 14.2602 14.6518 12.9446C15.5308 11.629 16 10.0823 16 8.5C15.9977 6.37897 15.1541 4.34547 13.6543 2.84568C12.1545 1.34589 10.121 0.502294 8 0.5ZM8 15.1667C6.68146 15.1667 5.39253 14.7757 4.2962 14.0431C3.19987 13.3106 2.34539 12.2694 1.84081 11.0512C1.33622 9.83305 1.2042 8.49261 1.46144 7.1994C1.71867 5.90619 2.35361 4.71831 3.28596 3.78596C4.21831 2.85361 5.4062 2.21867 6.6994 1.96143C7.99261 1.7042 9.33305 1.83622 10.5512 2.3408C11.7694 2.84539 12.8106 3.69987 13.5431 4.7962C14.2757 5.89253 14.6667 7.18146 14.6667 8.5C14.6647 10.2675 13.9617 11.9621 12.7119 13.2119C11.4621 14.4617 9.76752 15.1647 8 15.1667Z" fill="#060918"></path>
                  <path d="M8.00159 4.5C7.82478 4.5 7.65521 4.57024 7.53019 4.69526C7.40516 4.82029 7.33493 4.98986 7.33493 5.16667V8.05L5.08759 9.458C4.9373 9.55189 4.83046 9.70163 4.79058 9.87429C4.7507 10.0469 4.78104 10.2284 4.87493 10.3787C4.96881 10.529 5.11856 10.6358 5.29121 10.6757C5.46387 10.7156 5.6453 10.6852 5.79559 10.5913L8.35559 8.99133C8.45232 8.93073 8.53186 8.84631 8.58661 8.74616C8.64135 8.646 8.66947 8.53347 8.66826 8.41933V5.16667C8.66826 4.98986 8.59802 4.82029 8.473 4.69526C8.34797 4.57024 8.1784 4.5 8.00159 4.5Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">Full-time</span>
            </div>
          </div>
        </div>
      </div>
      <div class="py-12 px-8 px-sm-12 mb-8 bg-white rounded-3">
        <div class="row mb-n6">
          <div class="col-lg-8 mb-6">
            <h4 class="mb-3">Customer Success Manager</h4>
            <p class="text-secondary fw-medium mb-0">We’re looking for a customer manager to join our team.</p>
          </div>
          <div class="col-12 col-lg-4 text-end mb-6 order-last order-lg-0"><a class="btn btn-primary p-0 d-inline-flex align-items-center justify-content-center" href="#" style="width: 64px; height: 64px;">
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
              </svg></a></div>
          <div class="col-12 mb-6">
            <div class="d-inline-flex me-2 align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_252)">
                  <path d="M7.97669 16.5053L7.51197 16.107C6.87131 15.5705 1.27734 10.7394 1.27734 7.20551C1.27734 3.50557 4.27675 0.506165 7.97669 0.506165C11.6766 0.506165 14.676 3.50557 14.676 7.20551C14.676 10.7394 9.08206 15.5706 8.44406 16.1096L7.97669 16.5053ZM7.97669 1.95476C5.07816 1.95804 2.72925 4.30695 2.72597 7.20548C2.72597 9.42554 6.16759 12.972 7.97669 14.5953C9.78581 12.9714 13.2274 9.42285 13.2274 7.20548C13.2241 4.30695 10.8752 1.95807 7.97669 1.95476Z" fill="#060918"></path>
                  <path d="M7.97587 9.86111C6.50925 9.86111 5.32031 8.67218 5.32031 7.20555C5.32031 5.73893 6.50925 4.54999 7.97587 4.54999C9.4425 4.54999 10.6314 5.73893 10.6314 7.20555C10.6314 8.67218 9.44253 9.86111 7.97587 9.86111ZM7.97587 5.87774C7.24256 5.87774 6.64809 6.47221 6.64809 7.20552C6.64809 7.93883 7.24256 8.5333 7.97587 8.5333C8.70919 8.5333 9.30366 7.93883 9.30366 7.20552C9.30366 6.47221 8.70922 5.87774 7.97587 5.87774Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">100% remote</span>
            </div>
            <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_258)">
                  <path d="M8 0.5C6.41775 0.5 4.87104 0.969192 3.55544 1.84824C2.23985 2.72729 1.21447 3.97672 0.608967 5.43853C0.00346629 6.90034 -0.15496 8.50887 0.153721 10.0607C0.462403 11.6126 1.22433 13.038 2.34315 14.1569C3.46197 15.2757 4.88743 16.0376 6.43928 16.3463C7.99113 16.655 9.59966 16.4965 11.0615 15.891C12.5233 15.2855 13.7727 14.2602 14.6518 12.9446C15.5308 11.629 16 10.0823 16 8.5C15.9977 6.37897 15.1541 4.34547 13.6543 2.84568C12.1545 1.34589 10.121 0.502294 8 0.5ZM8 15.1667C6.68146 15.1667 5.39253 14.7757 4.2962 14.0431C3.19987 13.3106 2.34539 12.2694 1.84081 11.0512C1.33622 9.83305 1.2042 8.49261 1.46144 7.1994C1.71867 5.90619 2.35361 4.71831 3.28596 3.78596C4.21831 2.85361 5.4062 2.21867 6.6994 1.96143C7.99261 1.7042 9.33305 1.83622 10.5512 2.3408C11.7694 2.84539 12.8106 3.69987 13.5431 4.7962C14.2757 5.89253 14.6667 7.18146 14.6667 8.5C14.6647 10.2675 13.9617 11.9621 12.7119 13.2119C11.4621 14.4617 9.76752 15.1647 8 15.1667Z" fill="#060918"></path>
                  <path d="M8.00159 4.5C7.82478 4.5 7.65521 4.57024 7.53019 4.69526C7.40516 4.82029 7.33493 4.98986 7.33493 5.16667V8.05L5.08759 9.458C4.9373 9.55189 4.83046 9.70163 4.79058 9.87429C4.7507 10.0469 4.78104 10.2284 4.87493 10.3787C4.96881 10.529 5.11856 10.6358 5.29121 10.6757C5.46387 10.7156 5.6453 10.6852 5.79559 10.5913L8.35559 8.99133C8.45232 8.93073 8.53186 8.84631 8.58661 8.74616C8.64135 8.646 8.66947 8.53347 8.66826 8.41933V5.16667C8.66826 4.98986 8.59802 4.82029 8.473 4.69526C8.34797 4.57024 8.1784 4.5 8.00159 4.5Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">Full-time</span>
            </div>
          </div>
        </div>
      </div>
      <div class="py-12 px-8 px-sm-12 mb-20 bg-white rounded-3">
        <div class="row mb-n6">
          <div class="col-lg-8 mb-6">
            <h4 class="mb-3">Engineering Manager</h4>
            <p class="text-secondary fw-medium mb-0">We’re looking for an experienced engineering manager to join our team.</p>
          </div>
          <div class="col-12 col-lg-4 text-end mb-6 order-last order-lg-0"><a class="btn btn-primary p-0 d-inline-flex align-items-center justify-content-center" href="#" style="width: 64px; height: 64px;">
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
              </svg></a></div>
          <div class="col-12 mb-6">
            <div class="d-inline-flex me-2 align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_252)">
                  <path d="M7.97669 16.5053L7.51197 16.107C6.87131 15.5705 1.27734 10.7394 1.27734 7.20551C1.27734 3.50557 4.27675 0.506165 7.97669 0.506165C11.6766 0.506165 14.676 3.50557 14.676 7.20551C14.676 10.7394 9.08206 15.5706 8.44406 16.1096L7.97669 16.5053ZM7.97669 1.95476C5.07816 1.95804 2.72925 4.30695 2.72597 7.20548C2.72597 9.42554 6.16759 12.972 7.97669 14.5953C9.78581 12.9714 13.2274 9.42285 13.2274 7.20548C13.2241 4.30695 10.8752 1.95807 7.97669 1.95476Z" fill="#060918"></path>
                  <path d="M7.97587 9.86111C6.50925 9.86111 5.32031 8.67218 5.32031 7.20555C5.32031 5.73893 6.50925 4.54999 7.97587 4.54999C9.4425 4.54999 10.6314 5.73893 10.6314 7.20555C10.6314 8.67218 9.44253 9.86111 7.97587 9.86111ZM7.97587 5.87774C7.24256 5.87774 6.64809 6.47221 6.64809 7.20552C6.64809 7.93883 7.24256 8.5333 7.97587 8.5333C8.70919 8.5333 9.30366 7.93883 9.30366 7.20552C9.30366 6.47221 8.70922 5.87774 7.97587 5.87774Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">100% remote</span>
            </div>
            <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_258)">
                  <path d="M8 0.5C6.41775 0.5 4.87104 0.969192 3.55544 1.84824C2.23985 2.72729 1.21447 3.97672 0.608967 5.43853C0.00346629 6.90034 -0.15496 8.50887 0.153721 10.0607C0.462403 11.6126 1.22433 13.038 2.34315 14.1569C3.46197 15.2757 4.88743 16.0376 6.43928 16.3463C7.99113 16.655 9.59966 16.4965 11.0615 15.891C12.5233 15.2855 13.7727 14.2602 14.6518 12.9446C15.5308 11.629 16 10.0823 16 8.5C15.9977 6.37897 15.1541 4.34547 13.6543 2.84568C12.1545 1.34589 10.121 0.502294 8 0.5ZM8 15.1667C6.68146 15.1667 5.39253 14.7757 4.2962 14.0431C3.19987 13.3106 2.34539 12.2694 1.84081 11.0512C1.33622 9.83305 1.2042 8.49261 1.46144 7.1994C1.71867 5.90619 2.35361 4.71831 3.28596 3.78596C4.21831 2.85361 5.4062 2.21867 6.6994 1.96143C7.99261 1.7042 9.33305 1.83622 10.5512 2.3408C11.7694 2.84539 12.8106 3.69987 13.5431 4.7962C14.2757 5.89253 14.6667 7.18146 14.6667 8.5C14.6647 10.2675 13.9617 11.9621 12.7119 13.2119C11.4621 14.4617 9.76752 15.1647 8 15.1667Z" fill="#060918"></path>
                  <path d="M8.00159 4.5C7.82478 4.5 7.65521 4.57024 7.53019 4.69526C7.40516 4.82029 7.33493 4.98986 7.33493 5.16667V8.05L5.08759 9.458C4.9373 9.55189 4.83046 9.70163 4.79058 9.87429C4.7507 10.0469 4.78104 10.2284 4.87493 10.3787C4.96881 10.529 5.11856 10.6358 5.29121 10.6757C5.46387 10.7156 5.6453 10.6852 5.79559 10.5913L8.35559 8.99133C8.45232 8.93073 8.53186 8.84631 8.58661 8.74616C8.64135 8.646 8.66947 8.53347 8.66826 8.41933V5.16667C8.66826 4.98986 8.59802 4.82029 8.473 4.69526C8.34797 4.57024 8.1784 4.5 8.00159 4.5Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">Full-time</span>
            </div>
          </div>
        </div>
      </div><a class="btn btn-dark" href="#">Show more</a>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light overflow-hidden">
  <div class="container mb-12">
    <div class="mw-2xl mx-auto text-center">
      <h2 class="font-heading mb-10">Meet our team</h2>
      <p class="fs-6 text-dark fw-medium mb-0">Our diverse team of experts brings a wealth of experience in task management, time optimization, and goal achievement to deliver the best solutions to you.</p>
    </div>
  </div>
  <div class="d-flex mb-5 justify-content-center overflow-hidden">
    <div class="w-100 mw-md mw-md-2xl flex-shrink-0 px-2">
      <div class="h-100 px-8 pe-md-14 py-10 bg-white rounded-3">
        <div class="row align-items-center">
          <div class="col-md-4 mb-5 mb-md-0">
            <div class="pe-2"><img class="img-fluid rounded-2" src="fily-assets/team/pic3.jpg" alt=""></div>
          </div>
          <div class="col-md-8">
            <div>
              <div class="d-flex flex-column flex-sm-row mb-8 align-items-start justify-content-between">
                <div class="mb-4 mb-sm-0 me-sm-4"><span class="d-block lh-sm fs-5 fw-bold">Jenna Hines</span><span class="fs-9 fw-medium text-primary">CEO, Founder</span></div>
                <div class="d-flex flex-shrink-0 align-items-center"><a class="btn d-inline-flex align-items-center justify-content-center btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.3731 1.20053H14.7039L9.61187 7.02035L15.6022 14.9398H10.9118L7.23814 10.1367L3.03463 14.9398H0.702494L6.14886 8.71486L0.402344 1.20053H5.21177L8.53245 5.59076L12.3731 1.20053ZM11.5551 13.5447H12.8466L4.51001 2.52232H3.12411L11.5551 13.5447Z" fill="#060918"></path>
                    </svg></a><a class="btn d-inline-flex align-items-center justify-content-center ms-2 btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_210_121)">
                        <path d="M0.25 1.89816C0.25 1.35922 0.438632 0.914602 0.815878 0.564307C1.19313 0.213996 1.68356 0.0388489 2.28716 0.0388489C2.87999 0.0388489 3.35963 0.211296 3.72611 0.556223C4.10336 0.911918 4.29199 1.37539 4.29199 1.94667C4.29199 2.46404 4.10876 2.89518 3.74228 3.2401C3.36503 3.5958 2.86921 3.77365 2.25483 3.77365H2.23866C1.64583 3.77365 1.16619 3.5958 0.79971 3.2401C0.433231 2.88441 0.25 2.43709 0.25 1.89816ZM0.460183 16.0451V5.24493H4.04947V16.0451H0.460183ZM6.03813 16.0451H9.62741V10.0145C9.62741 9.63721 9.67053 9.34619 9.75676 9.14141C9.90765 8.77493 10.1367 8.46504 10.4439 8.21175C10.7511 7.95845 11.1364 7.8318 11.5999 7.8318C12.8071 7.8318 13.4107 8.64558 13.4107 10.2732V16.0451H17V9.8528C17 8.25755 16.6228 7.04766 15.8682 6.22309C15.1137 5.39853 14.1167 4.98624 12.8772 4.98624C11.4867 4.98624 10.4035 5.58446 9.62741 6.78089V6.81322H9.61125L9.62741 6.78089V5.24493H6.03813C6.05968 5.58984 6.07046 6.66231 6.07046 8.46235C6.07046 10.2624 6.05968 12.79 6.03813 16.0451Z" fill="#060918"></path>
                      </g>
                    </svg></a></div>
              </div>
              <div class="mw-sm">
                <p class="text-secondary fw-medium mb-0">Proin consequat risus a augue lobortis fermentum. Donec ex nunc, vestibulum eu porttitor efficitur, semper ultrices odio.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-100 mw-md mw-md-2xl flex-shrink-0 px-2">
      <div class="h-100 px-8 pe-md-14 py-10 bg-white rounded-3">
        <div class="row align-items-center">
          <div class="col-md-4 mb-5 mb-md-0">
            <div class="pe-2"><img class="img-fluid rounded-2" src="fily-assets/team/pic.jpg" alt=""></div>
          </div>
          <div class="col-md-8">
            <div>
              <div class="d-flex flex-column flex-sm-row mb-8 align-items-start justify-content-between">
                <div class="mb-4 mb-sm-0 me-sm-4"><span class="d-block lh-sm fs-5 fw-bold">Deacon Galvan</span><span class="fs-9 fw-medium text-primary">Owner, Director</span></div>
                <div class="d-flex flex-shrink-0 align-items-center"><a class="btn d-inline-flex align-items-center justify-content-center btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.3731 1.20053H14.7039L9.61187 7.02035L15.6022 14.9398H10.9118L7.23814 10.1367L3.03463 14.9398H0.702494L6.14886 8.71486L0.402344 1.20053H5.21177L8.53245 5.59076L12.3731 1.20053ZM11.5551 13.5447H12.8466L4.51001 2.52232H3.12411L11.5551 13.5447Z" fill="#060918"></path>
                    </svg></a><a class="btn d-inline-flex align-items-center justify-content-center ms-2 btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_210_121)">
                        <path d="M0.25 1.89816C0.25 1.35922 0.438632 0.914602 0.815878 0.564307C1.19313 0.213996 1.68356 0.0388489 2.28716 0.0388489C2.87999 0.0388489 3.35963 0.211296 3.72611 0.556223C4.10336 0.911918 4.29199 1.37539 4.29199 1.94667C4.29199 2.46404 4.10876 2.89518 3.74228 3.2401C3.36503 3.5958 2.86921 3.77365 2.25483 3.77365H2.23866C1.64583 3.77365 1.16619 3.5958 0.79971 3.2401C0.433231 2.88441 0.25 2.43709 0.25 1.89816ZM0.460183 16.0451V5.24493H4.04947V16.0451H0.460183ZM6.03813 16.0451H9.62741V10.0145C9.62741 9.63721 9.67053 9.34619 9.75676 9.14141C9.90765 8.77493 10.1367 8.46504 10.4439 8.21175C10.7511 7.95845 11.1364 7.8318 11.5999 7.8318C12.8071 7.8318 13.4107 8.64558 13.4107 10.2732V16.0451H17V9.8528C17 8.25755 16.6228 7.04766 15.8682 6.22309C15.1137 5.39853 14.1167 4.98624 12.8772 4.98624C11.4867 4.98624 10.4035 5.58446 9.62741 6.78089V6.81322H9.61125L9.62741 6.78089V5.24493H6.03813C6.05968 5.58984 6.07046 6.66231 6.07046 8.46235C6.07046 10.2624 6.05968 12.79 6.03813 16.0451Z" fill="#060918"></path>
                      </g>
                    </svg></a></div>
              </div>
              <div class="mw-sm">
                <p class="text-secondary fw-medium mb-0">Nunc porttitor, purus et ultricies porta, nisi magna gravida tortor, molestie lobortis tortor diam mattis mauris cras at lacinia.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-100 mw-md mw-md-2xl flex-shrink-0 px-2">
      <div class="h-100 px-8 pe-md-14 py-10 bg-white rounded-3">
        <div class="row align-items-center">
          <div class="col-md-4 mb-5 mb-md-0">
            <div class="pe-2"><img class="img-fluid rounded-2" src="fily-assets/team/pic2.jpg" alt=""></div>
          </div>
          <div class="col-md-8">
            <div>
              <div class="d-flex flex-column flex-sm-row mb-8 align-items-start justify-content-between">
                <div class="mb-4 mb-sm-0 me-sm-4"><span class="d-block lh-sm fs-5 fw-bold">Natasha Adams</span><span class="fs-9 fw-medium text-primary">CEO, Founder</span></div>
                <div class="d-flex flex-shrink-0 align-items-center"><a class="btn d-inline-flex align-items-center justify-content-center btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.3731 1.20053H14.7039L9.61187 7.02035L15.6022 14.9398H10.9118L7.23814 10.1367L3.03463 14.9398H0.702494L6.14886 8.71486L0.402344 1.20053H5.21177L8.53245 5.59076L12.3731 1.20053ZM11.5551 13.5447H12.8466L4.51001 2.52232H3.12411L11.5551 13.5447Z" fill="#060918"></path>
                    </svg></a><a class="btn d-inline-flex align-items-center justify-content-center ms-2 btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_210_121)">
                        <path d="M0.25 1.89816C0.25 1.35922 0.438632 0.914602 0.815878 0.564307C1.19313 0.213996 1.68356 0.0388489 2.28716 0.0388489C2.87999 0.0388489 3.35963 0.211296 3.72611 0.556223C4.10336 0.911918 4.29199 1.37539 4.29199 1.94667C4.29199 2.46404 4.10876 2.89518 3.74228 3.2401C3.36503 3.5958 2.86921 3.77365 2.25483 3.77365H2.23866C1.64583 3.77365 1.16619 3.5958 0.79971 3.2401C0.433231 2.88441 0.25 2.43709 0.25 1.89816ZM0.460183 16.0451V5.24493H4.04947V16.0451H0.460183ZM6.03813 16.0451H9.62741V10.0145C9.62741 9.63721 9.67053 9.34619 9.75676 9.14141C9.90765 8.77493 10.1367 8.46504 10.4439 8.21175C10.7511 7.95845 11.1364 7.8318 11.5999 7.8318C12.8071 7.8318 13.4107 8.64558 13.4107 10.2732V16.0451H17V9.8528C17 8.25755 16.6228 7.04766 15.8682 6.22309C15.1137 5.39853 14.1167 4.98624 12.8772 4.98624C11.4867 4.98624 10.4035 5.58446 9.62741 6.78089V6.81322H9.61125L9.62741 6.78089V5.24493H6.03813C6.05968 5.58984 6.07046 6.66231 6.07046 8.46235C6.07046 10.2624 6.05968 12.79 6.03813 16.0451Z" fill="#060918"></path>
                      </g>
                    </svg></a></div>
              </div>
              <div class="mw-sm">
                <p class="text-secondary fw-medium mb-0">Proin consequat risus a augue lobortis fermentum. Donec ex nunc, vestibulum eu porttitor efficitur, semper ultrices odio.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-100 mw-md mw-md-2xl flex-shrink-0 px-2">
      <div class="h-100 px-8 pe-md-14 py-10 bg-white rounded-3">
        <div class="row align-items-center">
          <div class="col-md-4 mb-5 mb-md-0">
            <div class="pe-2"><img class="img-fluid rounded-2" src="fily-assets/team/pic4.jpg" alt=""></div>
          </div>
          <div class="col-md-8">
            <div>
              <div class="d-flex flex-column flex-sm-row mb-8 align-items-start justify-content-between">
                <div class="mb-4 mb-sm-0 me-sm-4"><span class="d-block lh-sm fs-5 fw-bold">Johnathan Barton</span><span class="fs-9 fw-medium text-primary">Owner, Director</span></div>
                <div class="d-flex flex-shrink-0 align-items-center"><a class="btn d-inline-flex align-items-center justify-content-center btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.3731 1.20053H14.7039L9.61187 7.02035L15.6022 14.9398H10.9118L7.23814 10.1367L3.03463 14.9398H0.702494L6.14886 8.71486L0.402344 1.20053H5.21177L8.53245 5.59076L12.3731 1.20053ZM11.5551 13.5447H12.8466L4.51001 2.52232H3.12411L11.5551 13.5447Z" fill="#060918"></path>
                    </svg></a><a class="btn d-inline-flex align-items-center justify-content-center ms-2 btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_210_121)">
                        <path d="M0.25 1.89816C0.25 1.35922 0.438632 0.914602 0.815878 0.564307C1.19313 0.213996 1.68356 0.0388489 2.28716 0.0388489C2.87999 0.0388489 3.35963 0.211296 3.72611 0.556223C4.10336 0.911918 4.29199 1.37539 4.29199 1.94667C4.29199 2.46404 4.10876 2.89518 3.74228 3.2401C3.36503 3.5958 2.86921 3.77365 2.25483 3.77365H2.23866C1.64583 3.77365 1.16619 3.5958 0.79971 3.2401C0.433231 2.88441 0.25 2.43709 0.25 1.89816ZM0.460183 16.0451V5.24493H4.04947V16.0451H0.460183ZM6.03813 16.0451H9.62741V10.0145C9.62741 9.63721 9.67053 9.34619 9.75676 9.14141C9.90765 8.77493 10.1367 8.46504 10.4439 8.21175C10.7511 7.95845 11.1364 7.8318 11.5999 7.8318C12.8071 7.8318 13.4107 8.64558 13.4107 10.2732V16.0451H17V9.8528C17 8.25755 16.6228 7.04766 15.8682 6.22309C15.1137 5.39853 14.1167 4.98624 12.8772 4.98624C11.4867 4.98624 10.4035 5.58446 9.62741 6.78089V6.81322H9.61125L9.62741 6.78089V5.24493H6.03813C6.05968 5.58984 6.07046 6.66231 6.07046 8.46235C6.07046 10.2624 6.05968 12.79 6.03813 16.0451Z" fill="#060918"></path>
                      </g>
                    </svg></a></div>
              </div>
              <div class="mw-sm">
                <p class="text-secondary fw-medium mb-0">Nunc porttitor, purus et ultricies porta, nisi magna gravida tortor, molestie lobortis tortor diam mattis mauris cras at lacinia.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="d-flex justify-content-center overflow-hidden">
    <div class="w-100 mw-md mw-md-2xl flex-shrink-0 px-2">
      <div class="h-100 px-8 pe-md-14 py-10 bg-white rounded-3">
        <div class="row align-items-center">
          <div class="col-md-4 mb-5 mb-md-0">
            <div class="pe-2"><img class="img-fluid rounded-2" src="fily-assets/team/pic3.jpg" alt=""></div>
          </div>
          <div class="col-md-8">
            <div>
              <div class="d-flex flex-column flex-sm-row mb-8 align-items-start justify-content-between">
                <div class="mb-4 mb-sm-0 me-sm-4"><span class="d-block lh-sm fs-5 fw-bold">Jenna Hines</span><span class="fs-9 fw-medium text-primary">CEO, Founder</span></div>
                <div class="d-flex flex-shrink-0 align-items-center"><a class="btn d-inline-flex align-items-center justify-content-center btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.3731 1.20053H14.7039L9.61187 7.02035L15.6022 14.9398H10.9118L7.23814 10.1367L3.03463 14.9398H0.702494L6.14886 8.71486L0.402344 1.20053H5.21177L8.53245 5.59076L12.3731 1.20053ZM11.5551 13.5447H12.8466L4.51001 2.52232H3.12411L11.5551 13.5447Z" fill="#060918"></path>
                    </svg></a><a class="btn d-inline-flex align-items-center justify-content-center ms-2 btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_210_121)">
                        <path d="M0.25 1.89816C0.25 1.35922 0.438632 0.914602 0.815878 0.564307C1.19313 0.213996 1.68356 0.0388489 2.28716 0.0388489C2.87999 0.0388489 3.35963 0.211296 3.72611 0.556223C4.10336 0.911918 4.29199 1.37539 4.29199 1.94667C4.29199 2.46404 4.10876 2.89518 3.74228 3.2401C3.36503 3.5958 2.86921 3.77365 2.25483 3.77365H2.23866C1.64583 3.77365 1.16619 3.5958 0.79971 3.2401C0.433231 2.88441 0.25 2.43709 0.25 1.89816ZM0.460183 16.0451V5.24493H4.04947V16.0451H0.460183ZM6.03813 16.0451H9.62741V10.0145C9.62741 9.63721 9.67053 9.34619 9.75676 9.14141C9.90765 8.77493 10.1367 8.46504 10.4439 8.21175C10.7511 7.95845 11.1364 7.8318 11.5999 7.8318C12.8071 7.8318 13.4107 8.64558 13.4107 10.2732V16.0451H17V9.8528C17 8.25755 16.6228 7.04766 15.8682 6.22309C15.1137 5.39853 14.1167 4.98624 12.8772 4.98624C11.4867 4.98624 10.4035 5.58446 9.62741 6.78089V6.81322H9.61125L9.62741 6.78089V5.24493H6.03813C6.05968 5.58984 6.07046 6.66231 6.07046 8.46235C6.07046 10.2624 6.05968 12.79 6.03813 16.0451Z" fill="#060918"></path>
                      </g>
                    </svg></a></div>
              </div>
              <div class="mw-sm">
                <p class="text-secondary fw-medium mb-0">Proin consequat risus a augue lobortis fermentum. Donec ex nunc, vestibulum eu porttitor efficitur, semper ultrices odio.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-100 mw-md mw-md-2xl flex-shrink-0 px-2">
      <div class="h-100 px-8 pe-md-14 py-10 bg-white rounded-3">
        <div class="row align-items-center">
          <div class="col-md-4 mb-5 mb-md-0">
            <div class="pe-2"><img class="img-fluid rounded-2" src="fily-assets/team/pic5.jpg" alt=""></div>
          </div>
          <div class="col-md-8">
            <div>
              <div class="d-flex flex-column flex-sm-row mb-8 align-items-start justify-content-between">
                <div class="mb-4 mb-sm-0 me-sm-4"><span class="d-block lh-sm fs-5 fw-bold">Heath Kaufman</span><span class="fs-9 fw-medium text-primary">Owner, Director</span></div>
                <div class="d-flex flex-shrink-0 align-items-center"><a class="btn d-inline-flex align-items-center justify-content-center btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.3731 1.20053H14.7039L9.61187 7.02035L15.6022 14.9398H10.9118L7.23814 10.1367L3.03463 14.9398H0.702494L6.14886 8.71486L0.402344 1.20053H5.21177L8.53245 5.59076L12.3731 1.20053ZM11.5551 13.5447H12.8466L4.51001 2.52232H3.12411L11.5551 13.5447Z" fill="#060918"></path>
                    </svg></a><a class="btn d-inline-flex align-items-center justify-content-center ms-2 btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_210_121)">
                        <path d="M0.25 1.89816C0.25 1.35922 0.438632 0.914602 0.815878 0.564307C1.19313 0.213996 1.68356 0.0388489 2.28716 0.0388489C2.87999 0.0388489 3.35963 0.211296 3.72611 0.556223C4.10336 0.911918 4.29199 1.37539 4.29199 1.94667C4.29199 2.46404 4.10876 2.89518 3.74228 3.2401C3.36503 3.5958 2.86921 3.77365 2.25483 3.77365H2.23866C1.64583 3.77365 1.16619 3.5958 0.79971 3.2401C0.433231 2.88441 0.25 2.43709 0.25 1.89816ZM0.460183 16.0451V5.24493H4.04947V16.0451H0.460183ZM6.03813 16.0451H9.62741V10.0145C9.62741 9.63721 9.67053 9.34619 9.75676 9.14141C9.90765 8.77493 10.1367 8.46504 10.4439 8.21175C10.7511 7.95845 11.1364 7.8318 11.5999 7.8318C12.8071 7.8318 13.4107 8.64558 13.4107 10.2732V16.0451H17V9.8528C17 8.25755 16.6228 7.04766 15.8682 6.22309C15.1137 5.39853 14.1167 4.98624 12.8772 4.98624C11.4867 4.98624 10.4035 5.58446 9.62741 6.78089V6.81322H9.61125L9.62741 6.78089V5.24493H6.03813C6.05968 5.58984 6.07046 6.66231 6.07046 8.46235C6.07046 10.2624 6.05968 12.79 6.03813 16.0451Z" fill="#060918"></path>
                      </g>
                    </svg></a></div>
              </div>
              <div class="mw-sm">
                <p class="text-secondary fw-medium mb-0">Nunc porttitor, purus et ultricies porta, nisi magna gravida tortor, molestie lobortis tortor diam mattis mauris cras at lacinia mauris, at mattis nisl.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-100 mw-md mw-md-2xl flex-shrink-0 px-2">
      <div class="h-100 px-8 pe-md-14 py-10 bg-white rounded-3">
        <div class="row align-items-center">
          <div class="col-md-4 mb-5 mb-md-0">
            <div class="pe-2"><img class="img-fluid rounded-2" src="fily-assets/team/pic4.jpg" alt=""></div>
          </div>
          <div class="col-md-8">
            <div>
              <div class="d-flex flex-column flex-sm-row mb-8 align-items-start justify-content-between">
                <div class="mb-4 mb-sm-0 me-sm-4"><span class="d-block lh-sm fs-5 fw-bold">Johnathan Barton</span><span class="fs-9 fw-medium text-primary">Owner, Director</span></div>
                <div class="d-flex flex-shrink-0 align-items-center"><a class="btn d-inline-flex align-items-center justify-content-center btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M12.3731 1.20053H14.7039L9.61187 7.02035L15.6022 14.9398H10.9118L7.23814 10.1367L3.03463 14.9398H0.702494L6.14886 8.71486L0.402344 1.20053H5.21177L8.53245 5.59076L12.3731 1.20053ZM11.5551 13.5447H12.8466L4.51001 2.52232H3.12411L11.5551 13.5447Z" fill="#060918"></path>
                    </svg></a><a class="btn d-inline-flex align-items-center justify-content-center ms-2 btn-light p-0" href="#" style="width: 40px; height: 40px;">
                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="url(#clip0_210_121)">
                        <path d="M0.25 1.89816C0.25 1.35922 0.438632 0.914602 0.815878 0.564307C1.19313 0.213996 1.68356 0.0388489 2.28716 0.0388489C2.87999 0.0388489 3.35963 0.211296 3.72611 0.556223C4.10336 0.911918 4.29199 1.37539 4.29199 1.94667C4.29199 2.46404 4.10876 2.89518 3.74228 3.2401C3.36503 3.5958 2.86921 3.77365 2.25483 3.77365H2.23866C1.64583 3.77365 1.16619 3.5958 0.79971 3.2401C0.433231 2.88441 0.25 2.43709 0.25 1.89816ZM0.460183 16.0451V5.24493H4.04947V16.0451H0.460183ZM6.03813 16.0451H9.62741V10.0145C9.62741 9.63721 9.67053 9.34619 9.75676 9.14141C9.90765 8.77493 10.1367 8.46504 10.4439 8.21175C10.7511 7.95845 11.1364 7.8318 11.5999 7.8318C12.8071 7.8318 13.4107 8.64558 13.4107 10.2732V16.0451H17V9.8528C17 8.25755 16.6228 7.04766 15.8682 6.22309C15.1137 5.39853 14.1167 4.98624 12.8772 4.98624C11.4867 4.98624 10.4035 5.58446 9.62741 6.78089V6.81322H9.61125L9.62741 6.78089V5.24493H6.03813C6.05968 5.58984 6.07046 6.66231 6.07046 8.46235C6.07046 10.2624 6.05968 12.79 6.03813 16.0451Z" fill="#060918"></path>
                      </g>
                    </svg></a></div>
              </div>
              <div class="mw-sm">
                <p class="text-secondary fw-medium mb-0">Nunc porttitor, purus et ultricies porta, nisi magna gravida tortor, molestie lobortis tortor diam mattis mauris cras at lacinia.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light overflow-hidden">
  <div class="container">
    <div class="mw-3xl mb-20 mx-auto text-center">
      <h2 class="font-heading mb-10">Pricing plans</h2>
      <p class="fs-6 fw-medium text-light-dark mb-10">Whether you're looking for essential features at no cost or a premium experience with additional benefits, FilyTreck has the perfect plan for you.</p>
      <div class="d-flex mb-24 align-items-center justify-content-center"><img class="img-fluid" src="fily-assets/pricing/avatar3.png" alt=""><img class="img-fluid ms-n2" src="fily-assets/pricing/avatar2.png" alt=""><img class="img-fluid ms-n2" src="fily-assets/pricing/avatar.png" alt=""><span class="ms-4 fs-9 fw-medium text-secondary">640k+ happy customers</span></div>
      <div class="d-inline-flex p-1 align-items-center justify-content-center bg-white rounded-pill">
        <button class="btn px-6 py-5">Monthly billing</button>
        <button class="btn btn-primary px-6 py-5">Yearly billing</button>
      </div>
    </div>
  </div>
  <div class="mw-md mw-xl-8xl mx-auto px-5">
    <div class="row mx-xl-n5">
      <div class="col-xl-4 mb-8 mb-xl-0 px-xl-5">
        <div class="h-100 bg-white px-6 px-sm-10 py-14 rounded-3">
          <h4 class="font-heading mb-1">Starter</h4><span class="d-block fs-7 fw-medium text-light-dark mb-4">Best for personal use</span>
          <div class="d-flex align-items-end"><span class="fs-3 lh-1 fw-medium">$0</span><span class="ms-2 lh-lg fw-medium text-secondary">/free forever</span></div>
          <div class="mt-10 pt-10 border-top border-light">
            <div class="d-flex mb-8 align-items-center justify-content-between"><span class="fs-6 fw-bold">Features</span><a class="btn text-light-dark border-0 bg-transparent d-flex align-items-center p-0" href="#"><span class="me-2">Show All</span>
                <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.51348 1.71443C6.4457 1.78417 6.39189 1.86715 6.35518 1.95857C6.31846 2.04999 6.29956 2.14804 6.29956 2.24708C6.29956 2.34612 6.31846 2.44417 6.35518 2.53559C6.39189 2.62701 6.4457 2.70999 6.51348 2.77973L8.89286 5.24793L1.66071 5.24793C1.46891 5.24793 1.28495 5.32697 1.14932 5.46766C1.0137 5.60835 0.9375 5.79917 0.9375 5.99814C0.9375 6.19711 1.0137 6.38793 1.14932 6.52862C1.28495 6.66931 1.46891 6.74835 1.66071 6.74835L8.89286 6.74835L6.51348 9.21654C6.4457 9.28629 6.39189 9.36926 6.35518 9.46068C6.31846 9.5521 6.29956 9.65016 6.29956 9.74919C6.29956 9.84823 6.31846 9.94629 6.35518 10.0377C6.39189 10.1291 6.4457 10.2121 6.51348 10.2818C6.64899 10.4216 6.83229 10.5 7.02335 10.5C7.21441 10.5 7.39771 10.4216 7.53322 10.2818L10.6358 7.05593C10.9074 6.77584 11.0609 6.39543 11.0625 5.99814C11.059 5.60345 10.9057 5.22609 10.6358 4.94784L7.53322 1.72193C7.39867 1.5812 7.21591 1.50142 7.02484 1.50002C6.83378 1.49861 6.64994 1.5757 6.51348 1.71443Z" fill="currentColor"></path>
                </svg></a></div>
            <ul class="list-unstyled mb-12">
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Unlimited Time Tracking</span>
              </li>
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Unlimited Invoices</span>
              </li>
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Projects</span><span class="ms-1 fs-7 text-secondary">(limited to 3)</span>
              </li>
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Static Time Reports</span>
              </li>
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Desktop &amp; Mobile Apps</span>
              </li>
              <li class="d-flex align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Guest Access</span>
              </li>
            </ul><a class="btn btn-dark" href="#">Start for free</a>
          </div>
        </div>
      </div>
      <div class="col-xl-4 mb-8 mb-xl-0 px-xl-5">
        <div class="position-relative h-100 bg-white px-6 px-sm-10 py-14 rounded-3"><span class="position-absolute top-0 start-0 mt-8 ms-10 text-danger fs-9 fw-medium">Most popular</span>
          <h4 class="font-heading mb-1">Enterprise</h4><span class="d-block fs-7 fw-medium text-light-dark mb-4">For large teams &amp; corporations</span>
          <div class="d-flex align-items-end"><span class="fs-3 lh-1 fw-medium">$32</span><span class="ms-2 lh-lg fw-medium text-secondary">/free forever</span></div>
          <div class="mt-10 pt-10 border-top border-secondary">
            <div class="d-flex mb-8 align-items-center justify-content-between"><span class="fs-6 fw-bold">Features</span><a class="btn text-light-dark border-0 bg-transparent d-flex align-items-center p-0" href="#"><span class="me-2">Show All</span>
                <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.51348 1.71443C6.4457 1.78417 6.39189 1.86715 6.35518 1.95857C6.31846 2.04999 6.29956 2.14804 6.29956 2.24708C6.29956 2.34612 6.31846 2.44417 6.35518 2.53559C6.39189 2.62701 6.4457 2.70999 6.51348 2.77973L8.89286 5.24793L1.66071 5.24793C1.46891 5.24793 1.28495 5.32697 1.14932 5.46766C1.0137 5.60835 0.9375 5.79917 0.9375 5.99814C0.9375 6.19711 1.0137 6.38793 1.14932 6.52862C1.28495 6.66931 1.46891 6.74835 1.66071 6.74835L8.89286 6.74835L6.51348 9.21654C6.4457 9.28629 6.39189 9.36926 6.35518 9.46068C6.31846 9.5521 6.29956 9.65016 6.29956 9.74919C6.29956 9.84823 6.31846 9.94629 6.35518 10.0377C6.39189 10.1291 6.4457 10.2121 6.51348 10.2818C6.64899 10.4216 6.83229 10.5 7.02335 10.5C7.21441 10.5 7.39771 10.4216 7.53322 10.2818L10.6358 7.05593C10.9074 6.77584 11.0609 6.39543 11.0625 5.99814C11.059 5.60345 10.9057 5.22609 10.6358 4.94784L7.53322 1.72193C7.39867 1.5812 7.21591 1.50142 7.02484 1.50002C6.83378 1.49861 6.64994 1.5757 6.51348 1.71443Z" fill="currentColor"></path>
                </svg></a></div>
            <ul class="list-unstyled mb-12">
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Unlimited Time Tracking</span>
              </li>
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Unlimited Invoices</span>
              </li>
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Projects</span>
              </li>
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">Unlimited Estimates &amp; Expenses</span>
              </li>
              <li class="d-flex mb-4 align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">In-App Tech Support</span>
              </li>
              <li class="d-flex align-items-center">
                <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect width="28" height="28" rx="14" fill="#F5F6F8"></rect>
                  <path d="M11.8746 18.3311C11.534 18.3312 11.2073 18.1958 10.9666 17.9548L8.22153 15.2107C7.92616 14.9152 7.92616 14.4363 8.22153 14.1408C8.517 13.8454 8.99595 13.8454 9.29142 14.1408L11.8746 16.724L18.7086 9.88999C19.004 9.59461 19.483 9.59461 19.7785 9.88999C20.0738 10.1855 20.0738 10.6644 19.7785 10.9599L12.7826 17.9548C12.5419 18.1958 12.2152 18.3312 11.8746 18.3311Z" fill="#273ACF"></path>
                </svg><span class="ms-4 fs-7 fw-medium">25GB Storage</span>
              </li>
            </ul><a class="btn btn-dark" href="#">Choose a plan</a>
          </div>
        </div>
      </div>
      <div class="col-xl-4 px-xl-5">
        <div class="h-100 bg-white px-6 px-sm-10 py-14 rounded-3 position-relative overflow-hidden"><img class="position-absolute top-0 start-0 h-100 w-100" src="fily-assets/gradients/gradient-pricing.jpg" alt="">
          <div class="position-relative">
            <h4 class="font-heading text-white mb-1">Business</h4><span class="d-block fs-7 fw-medium text-light-dark mb-4">Best for personal use</span>
            <div class="d-flex align-items-end"><span class="fs-3 lh-1 text-white fw-medium">$68</span><span class="ms-2 lh-lg fw-medium text-secondary">/per month</span></div>
            <div class="mt-10 pt-10 border-top border-secondary">
              <div class="d-flex mb-8 align-items-center justify-content-between"><span class="fs-6 fw-bold text-white">Features</span><a class="btn btn-outline-secondary border-0 bg-transparent d-flex align-items-center p-0" href="#"><span class="me-2">Show All</span>
                  <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M6.51348 1.71443C6.4457 1.78417 6.39189 1.86715 6.35518 1.95857C6.31846 2.04999 6.29956 2.14804 6.29956 2.24708C6.29956 2.34612 6.31846 2.44417 6.35518 2.53559C6.39189 2.62701 6.4457 2.70999 6.51348 2.77973L8.89286 5.24793L1.66071 5.24793C1.46891 5.24793 1.28495 5.32697 1.14932 5.46766C1.0137 5.60835 0.9375 5.79917 0.9375 5.99814C0.9375 6.19711 1.0137 6.38793 1.14932 6.52862C1.28495 6.66931 1.46891 6.74835 1.66071 6.74835L8.89286 6.74835L6.51348 9.21654C6.4457 9.28629 6.39189 9.36926 6.35518 9.46068C6.31846 9.5521 6.29956 9.65016 6.29956 9.74919C6.29956 9.84823 6.31846 9.94629 6.35518 10.0377C6.39189 10.1291 6.4457 10.2121 6.51348 10.2818C6.64899 10.4216 6.83229 10.5 7.02335 10.5C7.21441 10.5 7.39771 10.4216 7.53322 10.2818L10.6358 7.05593C10.9074 6.77584 11.0609 6.39543 11.0625 5.99814C11.059 5.60345 10.9057 5.22609 10.6358 4.94784L7.53322 1.72193C7.39867 1.5812 7.21591 1.50142 7.02484 1.50002C6.83378 1.49861 6.64994 1.5757 6.51348 1.71443Z" fill="currentColor"></path>
                  </svg></a></div>
              <ul class="list-unstyled mb-12">
                <li class="d-flex mb-4 align-items-center">
                  <svg class="flex-shrink-0" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="28" height="28" rx="14" fill="#273ACF"></rect>
                    <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="white"></path>
                  </svg><span class="ms-4 text-white fs-7 fw-medium">Employee Scheduling &amp; Workload</span>
                </li>
                <li class="d-flex mb-4 align-items-center">
                  <svg class="flex-shrink-0" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="28" height="28" rx="14" fill="#273ACF"></rect>
                    <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="white"></path>
                  </svg><span class="ms-4 text-white fs-7 fw-medium">Unlimited Invoices</span>
                </li>
                <li class="d-flex mb-4 align-items-center">
                  <svg class="flex-shrink-0" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="28" height="28" rx="14" fill="#273ACF"></rect>
                    <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="white"></path>
                  </svg><span class="ms-4 text-white fs-7 fw-medium">Projects</span>
                </li>
                <li class="d-flex mb-4 align-items-center">
                  <svg class="flex-shrink-0" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="28" height="28" rx="14" fill="#273ACF"></rect>
                    <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="white"></path>
                  </svg><span class="ms-4 text-white fs-7 fw-medium">Gantt Charts</span>
                </li>
                <li class="d-flex mb-4 align-items-center">
                  <svg class="flex-shrink-0" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="28" height="28" rx="14" fill="#273ACF"></rect>
                    <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="white"></path>
                  </svg><span class="ms-4 text-white fs-7 fw-medium">Portfolio Gantt Chart</span>
                </li>
                <li class="d-flex align-items-center">
                  <svg class="flex-shrink-0" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect width="28" height="28" rx="14" fill="#273ACF"></rect>
                    <path d="M11.8746 18.3313C11.534 18.3315 11.2073 18.1961 10.9666 17.955L8.22153 15.2109C7.92616 14.9155 7.92616 14.4365 8.22153 14.141C8.517 13.8457 8.99595 13.8457 9.29142 14.141L11.8746 16.7242L18.7086 9.89023C19.004 9.59486 19.483 9.59486 19.7785 9.89023C20.0738 10.1857 20.0738 10.6647 19.7785 10.9601L12.7826 17.955C12.5419 18.1961 12.2152 18.3315 11.8746 18.3313Z" fill="white"></path>
                  </svg><span class="ms-4 text-white fs-7 fw-medium">Online Remote Assistance</span>
                </li>
              </ul><a class="btn btn-outline-light" href="#">Choose a plan</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>