UI Components – Filytreck Library

<section class="py-12 py-lg-24 py-xl-32 bg-dark">
  <div class="container">
    <div class="mw-5xl mx-auto text-center mb-24">
      <h2 class="font-heading text-white 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-light-dark bg-opacity-10 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="#273ACF"></rect>
                <g clip-path="url(#clip0_550_167)">
                  <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="white"></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="white"></path>
                </g>
              </svg>
            </div>
            <h5 class="text-white 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-light-dark bg-opacity-10 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="#FF008F"></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="white"></path>
              </svg>
            </div>
            <h5 class="text-white 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-light-dark bg-opacity-10 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="#FF9900"></rect>
                <g clip-path="url(#clip0_550_199)">
                  <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="white"></path>
                </g>
              </svg>
            </div>
            <h5 class="text-white 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-light-dark bg-opacity-10 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="#24B428"></rect>
                <g clip-path="url(#clip0_550_174)">
                  <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="white"></path>
                </g>
              </svg>
            </div>
            <h5 class="text-white 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-light-dark bg-opacity-10 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="#5729D6"></rect>
                <g clip-path="url(#clip0_550_180)">
                  <path d="M24.0008 26.0001C23.6065 26.0011 23.216 25.9239 22.8518 25.7731C22.4875 25.6222 22.1568 25.4006 21.8788 25.1211L20.3348 23.7471C20.1367 23.5704 20.0168 23.3223 20.0016 23.0573C19.9865 22.7923 20.0771 22.5322 20.2538 22.3341C20.4304 22.1359 20.6785 22.0161 20.9435 22.0009C21.2085 21.9857 21.4687 22.0764 21.6668 22.2531L23.2518 23.6671C23.3425 23.769 23.4531 23.8512 23.5769 23.9087C23.7006 23.9663 23.8348 23.9979 23.9711 24.0017C24.1075 24.0054 24.2432 23.9812 24.3699 23.9305C24.4966 23.8799 24.6116 23.8038 24.7078 23.7071L28.3118 20.2761C28.5056 20.1035 28.7588 20.0131 29.0181 20.0238C29.2773 20.0345 29.5223 20.1456 29.7011 20.3336C29.88 20.5215 29.9788 20.7716 29.9767 21.0311C29.9746 21.2906 29.8717 21.539 29.6898 21.7241L26.1008 25.1381C25.8246 25.4127 25.4969 25.6302 25.1366 25.7781C24.7762 25.926 24.3903 26.0014 24.0008 26.0001ZM44.0008 24.0001C44.0008 23.7348 43.8954 23.4805 43.7079 23.2929C43.5204 23.1054 43.266 23.0001 43.0008 23.0001H33.0008C32.7356 23.0001 32.4812 23.1054 32.2937 23.2929C32.1061 23.4805 32.0008 23.7348 32.0008 24.0001C32.0008 24.2653 32.1061 24.5196 32.2937 24.7072C32.4812 24.8947 32.7356 25.0001 33.0008 25.0001H43.0008C43.266 25.0001 43.5204 24.8947 43.7079 24.7072C43.8954 24.5196 44.0008 24.2653 44.0008 24.0001ZM26.1008 33.1381L29.6898 29.7241C29.79 29.6349 29.8712 29.5265 29.9286 29.4052C29.986 29.284 30.0184 29.1525 30.024 29.0185C30.0295 28.8845 30.0081 28.7508 29.9609 28.6252C29.9137 28.4997 29.8417 28.3849 29.7492 28.2878C29.6568 28.1906 29.5457 28.1131 29.4227 28.0597C29.2996 28.0063 29.1671 27.9783 29.033 27.9772C28.8989 27.9761 28.7659 28.002 28.642 28.0533C28.5181 28.1047 28.4058 28.1804 28.3118 28.2761L24.7118 31.7071C24.5214 31.8891 24.2682 31.9907 24.0048 31.9907C23.7414 31.9907 23.4882 31.8891 23.2978 31.7071L21.7078 30.1221C21.5192 29.9399 21.2666 29.8391 21.0044 29.8414C20.7422 29.8437 20.4914 29.9488 20.306 30.1342C20.1206 30.3196 20.0154 30.5705 20.0131 30.8327C20.0108 31.0948 20.1116 31.3475 20.2938 31.5361L21.8788 33.1211C22.4385 33.6809 23.1967 33.9968 23.9883 34C24.7799 34.0031 25.5406 33.6933 26.1048 33.1381H26.1008ZM44.0008 32.0001C44.0008 31.7348 43.8954 31.4805 43.7079 31.2929C43.5204 31.1054 43.266 31.0001 43.0008 31.0001H33.0008C32.7356 31.0001 32.4812 31.1054 32.2937 31.2929C32.1061 31.4805 32.0008 31.7348 32.0008 32.0001C32.0008 32.2653 32.1061 32.5196 32.2937 32.7072C32.4812 32.8947 32.7356 33.0001 33.0008 33.0001H43.0008C43.266 33.0001 43.5204 32.8947 43.7079 32.7072C43.8954 32.5196 44.0008 32.2653 44.0008 32.0001ZM26.1008 41.1381L29.6858 37.7241C29.786 37.6349 29.8672 37.5265 29.9246 37.4052C29.982 37.284 30.0144 37.1525 30.02 37.0185C30.0255 36.8845 30.0041 36.7508 29.9569 36.6252C29.9097 36.4997 29.8377 36.3849 29.7452 36.2878C29.6528 36.1906 29.5417 36.1131 29.4187 36.0597C29.2956 36.0063 29.1631 35.9783 29.029 35.9772C28.8949 35.9761 28.7619 36.002 28.638 36.0533C28.5141 36.1047 28.4018 36.1804 28.3078 36.2761L24.7078 39.7071C24.6116 39.8038 24.4966 39.8799 24.3699 39.9305C24.2432 39.9812 24.1075 40.0054 23.9711 40.0017C23.8348 39.9979 23.7006 39.9663 23.5769 39.9087C23.4531 39.8512 23.3425 39.769 23.2518 39.6671L21.6668 38.2531C21.4687 38.0764 21.2085 37.9857 20.9435 38.0009C20.6785 38.0161 20.4304 38.1359 20.2538 38.3341C20.0771 38.5322 19.9865 38.7923 20.0016 39.0573C20.0168 39.3223 20.1367 39.5704 20.3348 39.7471L21.8788 41.1211C22.4385 41.6809 23.1967 41.9968 23.9883 42C24.7799 42.0031 25.5406 41.6933 26.1048 41.1381H26.1008ZM44.0008 40.0001C44.0008 39.7348 43.8954 39.4805 43.7079 39.2929C43.5204 39.1054 43.266 39.0001 43.0008 39.0001H33.0008C32.7356 39.0001 32.4812 39.1054 32.2937 39.2929C32.1061 39.4805 32.0008 39.7348 32.0008 40.0001C32.0008 40.2653 32.1061 40.5196 32.2937 40.7072C32.4812 40.8947 32.7356 41.0001 33.0008 41.0001H43.0008C43.266 41.0001 43.5204 40.8947 43.7079 40.7072C43.8954 40.5196 44.0008 40.2653 44.0008 40.0001Z" fill="white"></path>
                </g>
              </svg>
            </div>
            <h5 class="text-white 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-light-dark bg-opacity-10 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="#696D81"></rect>
                <g clip-path="url(#clip0_550_186)">
                  <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="white"></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="white"></path>
                </g>
              </svg>
            </div>
            <h5 class="text-white 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-outline-light" href="#">Show more</a></div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light">
  <div class="container">
    <div class="mw-xl mw-lg-6xl mx-auto">
      <div class="row">
        <div class="col-lg-5 order-last order-lg-first mt-8 mt-lg-0"><img class="img-fluid h-100 w-100 rounded-3" src="fily-assets/newsletter/pic.jpg" alt=""></div>
        <div class="col-lg-7">
          <div class="d-flex justify-content-center h-100 py-16 py-sm-28 px-8 px-sm-12 px-md-16 ps-xl-24 pe-xl-20 bg-white rounded-3">
            <div class="w-100">
              <h3 class="font-heading fw-medium mb-6">Stay in touch</h3>
              <p class="mw-md 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>
      </div>
    </div>
  </div>
</section>

<section>
  <nav class="navbar navbar-expand-xl navbar-light bg-transparent">
    <div class="container-fluid"><a class="navbar-brand me-6" href="#"><img class="img-fluid" src="fily-assets/logos/fily-treck-black-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 text-dark" href="#">Login</a><a class="btn px-6 py-4 btn-primary" href="#">Get started</a></div>
    </div>
  </nav>
  <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>

<section class="pt-12 pt-lg-24 bg-dark position-relative overflow-hidden"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-footer.png" alt="">
  <div class="mw-8xl mx-auto px-5 mb-12 mb-xl-20 position-relative"><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 mb-24 align-items-center">
      <div class="col-xl-8 mb-12 mb-xl-0">
        <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 class="col-xl-4">
        <div class="position-relative bg-dark px-6 px-sm-10 py-12 mw-sm mx-auto me-xl-0 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 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>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-dark">
  <div class="container position-relative">
    <div class="mw-lg mw-md-2xl mx-auto mw-lg-5xl">
      <div class="bg-light-dark bg-opacity-10 py-24 px-8 px-sm-14 px-lg-24 rounded-3">
        <h3 class="font-heading text-white fw-medium mb-14">Contact us</h3>
        <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-secondary bg-opacity-25" 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-secondary bg-opacity-25" type="text">
            </div>
            <div class="col-md-6 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-secondary bg-opacity-25" type="email">
            </div>
            <div class="col-md-6 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-secondary bg-opacity-25" 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-secondary bg-opacity-25 rounded-3" 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>
</section>

<section class="py-16 bg-light-light">
  <div class="mw-2xl mw-lg-8xl px-5 mx-auto">
    <div class="d-flex d-lg-block py-32 px-8 px-lg-12 px-xl-32 bg-white rounded-3">
      <div class="position-relative overflow-hidden">
        <div class="row align-items-center mb-20 position-relative">
          <div class="col-lg-6 mb-10 mb-lg-0 position-relative"><img class="img-fluid d-block w-100 mw-sm mw-xl-md mx-auto mx-lg-none rounded-3" src="fily-assets/how-it-works/pic2.jpg" alt=""></div>
          <div class="col-lg-6 py-6">
            <div class="mw-sm mx-auto me-lg-0 mx-xl-auto">
              <h2 class="text-secondary opacity-25 mb-12">01</h2>
              <h3 class="fw-medium mb-6">Streamlined Efficiency</h3>
              <p class="fs-6 text-light-dark fw-light mb-12">Experience a platform designed for maximum efficiency, ensuring a smooth and straightforward user journey from start to finish.</p>
            </div>
          </div>
        </div>
        <div class="row align-items-center mb-20 position-relative">
          <div class="position-absolute top-0 start-0 h-100 w-100" style="background: linear-gradient(0deg, #FFF 38.74%, rgba(255, 255, 255, 0.00) 137.07%);"></div>
          <div class="col-lg-6 mb-10 mb-lg-0 position-relative"><img class="img-fluid d-block w-100 mw-sm mw-xl-md mx-auto mx-lg-none rounded-3 opacity-50" src="fily-assets/how-it-works/pic3.jpg" alt=""></div>
          <div class="col-lg-6 py-6">
            <div class="mw-sm mx-auto me-lg-0 mx-xl-auto">
              <h2 class="text-secondary opacity-25 mb-12">02</h2>
              <h3 class="fw-medium mb-6">Streamlined Efficiency</h3>
              <p class="fs-6 text-light-dark fw-light mb-12">Experience a platform designed for maximum efficiency, ensuring a smooth and straightforward user journey from start to finish.</p>
            </div>
          </div>
        </div>
        <div class="d-none d-lg-block position-absolute top-0 start-50 h-100 translate-middle-x" style="width: 3px;">
          <div class="h-100 bg-light rounded-pill" style="width: 3px;">
            <div class="w-100 bg-primary rounded-pill"></div>
          </div>
        </div>
      </div>
      <div class="d-lg-none ms-5" style="width: 3px;">
        <div class="h-100 bg-light rounded-pill" style="width: 3px;">
          <div class="w-100 bg-primary rounded-pill"></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-light-light">
  <div class="container">
    <div class="mw-lg mw-md-xl mw-lg-2xl mx-auto">
      <h3 class="font-heading text-center fw-medium mb-12">Register an account</h3>
      <div class="py-14 px-8 px-sm-12 px-md-20 bg-white rounded-3">
        <form action="">
          <div class="mb-6">
            <label class="mb-1 fs-9 fw-medium" for="">Email</label>
            <input class="form-control fs-8 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 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>
</section>

<section class="py-12 py-lg-24 py-xl-32 overflow-hidden">
  <div class="container">
    <h3 class="font-heading text-center fw-medium mb-16">They trusted us</h3>
    <div>
      <div class="d-flex flex-wrap mb-10 gap-8 gap-sm-14 justify-content-center">
        <div class="d-flex align-items-center justify-content-center bg-light-light 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-light 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-light rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/figma.svg" alt=""></div>
        <div class="d-flex align-items-center justify-content-center bg-light-light rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/apple-dark.svg" alt=""></div>
        <div class="d-flex align-items-center justify-content-center bg-light-light rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/mastercard.svg" alt=""></div>
      </div>
      <div class="d-flex flex-wrap flex-md-nowrap mb-10 gap-8 gap-sm-14 justify-content-center">
        <div class="d-flex align-items-center justify-content-center bg-light-light rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/microsoft.svg" alt=""></div>
        <div class="d-flex align-items-center justify-content-center bg-light-light rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/opera.svg" alt=""></div>
        <div class="d-flex align-items-center justify-content-center bg-light-light 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-light rounded-2" style="width: 120px; height: 120px;"><img class="img-fluid" src="fily-assets/brands/brand.svg" alt=""></div>
      </div>
    </div>
  </div>
</section>

<div class="position-fixed bottom-0 start-0 w-100 p-6">
  <div class="py-14 px-10 bg-white mw-md overflow-hidden rounded-3">
    <div class="mw-sm mx-auto">
      <h2 class="font-heading fs-6 fw-medium text-center mb-4">We use third-party cookies to personalize content, ads, and analyze site traffic.</h2><a class="btn btn-link fw-semibold d-flex align-items-center justify-content-center mb-10" href="#"><span class="me-2">Learn more</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none">
          <path d="M7.01348 1.71443C6.9457 1.78417 6.89189 1.86715 6.85518 1.95857C6.81846 2.04999 6.79956 2.14804 6.79956 2.24708C6.79956 2.34612 6.81846 2.44417 6.85518 2.53559C6.89189 2.62701 6.9457 2.70999 7.01348 2.77973L9.39286 5.24793L2.16071 5.24793C1.96891 5.24793 1.78495 5.32697 1.64932 5.46766C1.5137 5.60835 1.4375 5.79917 1.4375 5.99814C1.4375 6.19711 1.5137 6.38793 1.64932 6.52862C1.78495 6.66931 1.96891 6.74835 2.16071 6.74835L9.39286 6.74835L7.01348 9.21654C6.9457 9.28629 6.89189 9.36926 6.85518 9.46068C6.81846 9.5521 6.79956 9.65016 6.79956 9.74919C6.79956 9.84823 6.81846 9.94629 6.85518 10.0377C6.89189 10.1291 6.9457 10.2121 7.01348 10.2818C7.14899 10.4216 7.33229 10.5 7.52335 10.5C7.71441 10.5 7.89771 10.4216 8.03322 10.2818L11.1358 7.05593C11.4074 6.77584 11.5609 6.39543 11.5625 5.99814C11.559 5.60345 11.4057 5.22609 11.1358 4.94784L8.03322 1.72193C7.89867 1.5812 7.71591 1.50142 7.52484 1.50002C7.33378 1.49861 7.14994 1.5757 7.01348 1.71443Z" fill="currentColor"></path>
        </svg></a>
      <div><a class="btn btn-dark btn-sm w-100 mb-3" href="#">Allow cookies</a><a class="btn btn-outline-light btn-sm text-dark w-100" href="#">Decline</a></div>
    </div>
  </div>
</div>

<section class="py-12 py-lg-24 py-xl-32">
  <div class="container">
    <h2 class="font-heading text-center mb-24">Frequently asked questions</h2>
    <div class="mw-lg mw-lg-6xl mx-auto">
      <div class="row mb-n5">
        <div class="col-lg-6 mb-5">
          <div class="d-flex flex-column h-100 py-12 px-8 px-sm-12 border border-light rounded-3">
            <h5 class="font-heading mb-6">How can I get started with FilyTreck?</h5>
            <p class="text-secondary fw-medium mt-auto mb-0">To get started with FilyTreck, simply create an account and log in to begin using the app.</p>
          </div>
        </div>
        <div class="col-lg-6 mb-5">
          <div class="d-flex flex-column h-100 py-12 px-8 px-sm-12 border border-light rounded-3">
            <h5 class="font-heading mb-6">Is there a free trial available for new users?</h5>
            <p class="text-secondary fw-medium mt-auto mb-0">Yes, we offer a free trial for new users to explore our app's features.</p>
          </div>
        </div>
        <div class="col-lg-6 mb-5">
          <div class="d-flex flex-column h-100 py-12 px-8 px-sm-12 border border-light rounded-3">
            <h5 class="font-heading mb-6">Can I use FilyTreck on different devices?</h5>
            <p class="text-secondary fw-medium mt-auto mb-0">Yes, FilyTreck is compatible with multiple devices.</p>
          </div>
        </div>
        <div class="col-lg-6 mb-5">
          <div class="d-flex flex-column h-100 py-12 px-8 px-sm-12 border border-light rounded-3">
            <h5 class="font-heading mb-6">How can I import or export my tasks and data?</h5>
            <p class="text-secondary fw-medium mt-auto mb-0">You can easily import and export your tasks and data using the built-in tools in our app.</p>
          </div>
        </div>
        <div class="col-lg-6 mb-5">
          <div class="d-flex flex-column h-100 py-12 px-8 px-sm-12 border border-light rounded-3">
            <h5 class="font-heading mb-6">What types of support and assistance do you provide for users?</h5>
            <p class="text-secondary fw-medium mt-auto mb-0">We provide various forms of support, including a comprehensive knowledge base, and email support.</p>
          </div>
        </div>
        <div class="col-lg-6 mb-5">
          <div class="d-flex flex-column h-100 py-12 px-8 px-sm-12 border border-light rounded-3">
            <h5 class="font-heading mb-6">Are my data and information secure in FilyTreck?</h5>
            <p class="text-secondary fw-medium mt-auto mb-0">Rest assured, your data is secure in [App Name]. We employ strict security measures to protect your information.</p>
          </div>
        </div>
      </div>
      <div class="mt-16 text-center"><a class="btn btn-primary" href="#">Show more</a></div>
    </div>
  </div>
</section>

<section class="position-relative py-12 py-lg-24 py-xl-32 bg-dark overflow-hidden">
  <div class="container">
    <div class="px-12 px-md-24 pt-12 pt-md-24 pt-md-32 bg-dark position-relative overflow-hidden rounded-3"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-download.png" alt="">
      <div class="position-relative">
        <div class="mw-lg mb-24 mx-auto text-center">
          <h3 class="font-heading text-white fw-medium mb-6">Get mobile app</h3>
          <p class="fs-7 text-white fw-light mb-14">Nullam dignissim diam sed velit molestie, at auctor lectus finibus. Phasellus risus nisl, cursus dictum orci a, fermentum finibus tellus.</p>
          <div class="d-flex flex-wrap align-items-center justify-content-center gap-4"><a class="d-inline-block p-0" href="#"><img class="img-fluid" src="fily-assets/download/app-store.png" alt=""></a><a class="d-inline-block p-0" href="#"><img class="img-fluid" src="fily-assets/download/google-play.png" alt=""></a></div>
        </div><img class="img-fluid d-block mx-auto" src="fily-assets/download/iphone.png" alt="">
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 overflow-hidden">
  <div class="container">
    <h2 class="font-heading text-center mb-14">Who we are</h2><img class="img-fluid d-block mb-20 w-100 rounded-3" src="fily-assets/about/pic2.jpg" alt="">
    <div class="mw-4xl mb-24 mx-auto text-center">
      <p class="fs-4 text-light-dark mb-0">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.</p>
    </div>
    <div class="mw-md mw-lg-5xl mx-auto">
      <div class="row">
        <div class="col-lg-6 mb-8 mb-lg-0"><img class="img-fluid d-block h-100 rounded-3" src="fily-assets/about/pic.jpg" alt=""></div>
        <div class="col-lg-6">
          <div>
            <h2 class="font-heading mb-14">Simplify your workflow</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>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32">
  <div class="container">
    <h2 class="font-heading text-center mb-24">What others say about us</h2>
    <div class="mw-6xl mx-auto">
      <div class="py-16 px-12 px-md-20 bg-light-light rounded-2">
        <div>
          <div class="d-inline-flex mb-12 align-items-center ps-2 py-2 pe-10 bg-white rounded-pill"><img class="img-fluid" src="fily-assets/testimonials/avatar.png" alt="">
            <div class="ms-5"><span class="d-block fs-7 fw-medium">Aleeza Keller</span><span class="d-block fs-9 fw-medium text-primary">CEO, Founder</span></div>
          </div>
          <div class="mb-12">
            <p class="fs-4 text-light-dark mb-0">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 luctus et ultrices.</p>
          </div>
          <div class="d-flex align-items-center">
            <div class="w-100 bg-white 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-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>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-dark">
  <div class="container">
    <div class="mw-5xl mb-20">
      <h2 class="font-heading text-white 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>
      <div class="d-flex flex-column flex-md-row align-items-md-center gap-12 mb-16 pb-16 border-bottom border-secondary border-opacity-50">
        <div class="flex-shrink-0">
          <svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="96" height="96" rx="20" fill="#273ACF"></rect>
            <g clip-path="url(#clip0_552_257)">
              <path d="M48 28C44.0444 28 40.1776 29.173 36.8886 31.3706C33.5996 33.5682 31.0362 36.6918 29.5224 40.3463C28.0087 44.0009 27.6126 48.0222 28.3843 51.9018C29.156 55.7814 31.0608 59.3451 33.8579 62.1421C36.6549 64.9392 40.2186 66.844 44.0982 67.6157C47.9778 68.3874 51.9992 67.9913 55.6537 66.4776C59.3082 64.9638 62.4318 62.4004 64.6294 59.1114C66.827 55.8224 68 51.9556 68 48C67.9943 42.6974 65.8853 37.6137 62.1358 33.8642C58.3863 30.1147 53.3026 28.0057 48 28ZM48 64.6667C44.7037 64.6667 41.4813 63.6892 38.7405 61.8578C35.9997 60.0265 33.8635 57.4235 32.602 54.3781C31.3406 51.3326 31.0105 47.9815 31.6536 44.7485C32.2967 41.5155 33.884 38.5458 36.2149 36.2149C38.5458 33.884 41.5155 32.2967 44.7485 31.6536C47.9815 31.0105 51.3326 31.3405 54.3781 32.602C57.4235 33.8635 60.0265 35.9997 61.8578 38.7405C63.6892 41.4813 64.6667 44.7036 64.6667 48C64.6618 52.4188 62.9043 56.6552 59.7798 59.7798C56.6552 62.9043 52.4188 64.6618 48 64.6667Z" fill="white"></path>
              <path d="M47.9962 38C47.5541 38 47.1302 38.1756 46.8177 38.4882C46.5051 38.8007 46.3295 39.2246 46.3295 39.6667V46.875L40.7112 50.395C40.3354 50.6297 40.0683 51.0041 39.9686 51.4357C39.8689 51.8674 39.9448 52.3209 40.1795 52.6967C40.4142 53.0724 40.7886 53.3395 41.2202 53.4392C41.6519 53.5389 42.1054 53.463 42.4812 53.2283L48.8812 49.2283C49.123 49.0768 49.3218 48.8658 49.4587 48.6154C49.5956 48.365 49.6659 48.0837 49.6628 47.7983V39.6667C49.6628 39.2246 49.4872 38.8007 49.1747 38.4882C48.8621 38.1756 48.4382 38 47.9962 38Z" fill="white"></path>
            </g>
          </svg>
        </div>
        <div>
          <h3 class="font-heading fw-medium text-white">Time tracker</h3>
          <p class="text-secondary fw-medium mb-0">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
        </div>
      </div>
      <div class="d-flex flex-column flex-md-row align-items-md-center gap-12 mb-16 pb-16 border-bottom border-secondary border-opacity-50">
        <div class="flex-shrink-0">
          <svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="96" height="96" rx="20" fill="#FF008F"></rect>
            <path d="M59.6667 33.0367C59.6667 33.0233 59.6667 33.0133 59.6667 33V29.6667C59.6667 29.2246 59.4911 28.8007 59.1785 28.4882C58.866 28.1756 58.442 28 58 28C57.558 28 57.134 28.1756 56.8215 28.4882C56.5089 28.8007 56.3333 29.2246 56.3333 29.6667V31.5C55.7848 31.3886 55.2264 31.3328 54.6667 31.3333H53V29.6667C53 29.2246 52.8244 28.8007 52.5118 28.4882C52.1993 28.1756 51.7754 28 51.3333 28C50.8913 28 50.4674 28.1756 50.1548 28.4882C49.8423 28.8007 49.6667 29.2246 49.6667 29.6667V31.3333H46.3333V29.6667C46.3333 29.2246 46.1577 28.8007 45.8452 28.4882C45.5326 28.1756 45.1087 28 44.6667 28C44.2246 28 43.8007 28.1756 43.4882 28.4882C43.1756 28.8007 43 29.2246 43 29.6667V31.3333H41.3333C40.7736 31.3328 40.2152 31.3886 39.6667 31.5V29.6667C39.6667 29.2246 39.4911 28.8007 39.1785 28.4882C38.866 28.1756 38.442 28 38 28C37.558 28 37.134 28.1756 36.8215 28.4882C36.5089 28.8007 36.3333 29.2246 36.3333 29.6667V33V33.0367C35.3013 33.8073 34.4628 34.8076 33.8843 35.9583C33.3057 37.1091 33.003 38.3787 33 39.6667V59.6667C33.0026 61.876 33.8815 63.9941 35.4437 65.5563C37.0059 67.1185 39.124 67.9974 41.3333 68H54.6667C56.876 67.9974 58.9941 67.1185 60.5563 65.5563C62.1185 63.9941 62.9974 61.876 63 59.6667V39.6667C62.997 38.3787 62.6943 37.1091 62.1157 35.9583C61.5372 34.8076 60.6987 33.8073 59.6667 33.0367ZM59.6667 59.6667C59.6667 60.9927 59.1399 62.2645 58.2022 63.2022C57.2645 64.1399 55.9927 64.6667 54.6667 64.6667H41.3333C40.0073 64.6667 38.7355 64.1399 37.7978 63.2022C36.8601 62.2645 36.3333 60.9927 36.3333 59.6667V39.6667C36.3333 38.3406 36.8601 37.0688 37.7978 36.1311C38.7355 35.1935 40.0073 34.6667 41.3333 34.6667H54.6667C55.9927 34.6667 57.2645 35.1935 58.2022 36.1311C59.1399 37.0688 59.6667 38.3406 59.6667 39.6667V59.6667ZM56.3333 41.3333C56.3333 41.7754 56.1577 42.1993 55.8452 42.5118C55.5326 42.8244 55.1087 43 54.6667 43H41.3333C40.8913 43 40.4674 42.8244 40.1548 42.5118C39.8423 42.1993 39.6667 41.7754 39.6667 41.3333C39.6667 40.8913 39.8423 40.4674 40.1548 40.1548C40.4674 39.8423 40.8913 39.6667 41.3333 39.6667H54.6667C55.1087 39.6667 55.5326 39.8423 55.8452 40.1548C56.1577 40.4674 56.3333 40.8913 56.3333 41.3333ZM56.3333 48C56.3333 48.442 56.1577 48.8659 55.8452 49.1785C55.5326 49.4911 55.1087 49.6667 54.6667 49.6667H41.3333C40.8913 49.6667 40.4674 49.4911 40.1548 49.1785C39.8423 48.8659 39.6667 48.442 39.6667 48C39.6667 47.558 39.8423 47.134 40.1548 46.8215C40.4674 46.5089 40.8913 46.3333 41.3333 46.3333H54.6667C55.1087 46.3333 55.5326 46.5089 55.8452 46.8215C56.1577 47.134 56.3333 47.558 56.3333 48ZM49.6667 54.6667C49.6667 55.1087 49.4911 55.5326 49.1785 55.8452C48.8659 56.1577 48.442 56.3333 48 56.3333H41.3333C40.8913 56.3333 40.4674 56.1577 40.1548 55.8452C39.8423 55.5326 39.6667 55.1087 39.6667 54.6667C39.6667 54.2246 39.8423 53.8007 40.1548 53.4882C40.4674 53.1756 40.8913 53 41.3333 53H48C48.442 53 48.8659 53.1756 49.1785 53.4882C49.4911 53.8007 49.6667 54.2246 49.6667 54.6667Z" fill="white"></path>
          </svg>
        </div>
        <div>
          <h3 class="font-heading fw-medium text-white">Timesheets &amp; reports</h3>
          <p class="text-secondary fw-medium mb-0">Aenean vitae semper urna. Sed eleifend accumsan turpis, et facilisis justo molestie aecenas tortor odio.</p>
        </div>
      </div>
      <div class="d-flex flex-column flex-md-row align-items-md-center gap-12 mb-16 pb-16 border-bottom border-secondary border-opacity-50">
        <div class="flex-shrink-0">
          <svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="96" height="96" rx="20" fill="#FF9900"></rect>
            <g clip-path="url(#clip0_552_286)">
              <path d="M51.3346 49.6667C51.3373 50.2524 51.1855 50.8285 50.8947 51.337C50.6038 51.8454 50.1841 52.2682 49.6778 52.5628C49.1715 52.8574 48.5965 53.0134 48.0108 53.0151C47.425 53.0167 46.8492 52.864 46.3412 52.5723C45.8333 52.2805 45.4112 51.8601 45.1174 51.3533C44.8237 50.8465 44.6687 50.2713 44.668 49.6855C44.6673 49.0998 44.821 48.5242 45.1136 48.0167C45.4062 47.5093 45.8274 47.0879 46.3346 46.795V39.6667C46.3346 39.2246 46.5102 38.8007 46.8228 38.4882C47.1354 38.1756 47.5593 38 48.0013 38C48.4433 38 48.8673 38.1756 49.1798 38.4882C49.4924 38.8007 49.668 39.2246 49.668 39.6667V46.795C50.1732 47.0855 50.5931 47.5037 50.8856 48.0078C51.1782 48.5118 51.333 49.0839 51.3346 49.6667ZM61.4346 37.2317C63.863 39.8463 65.4755 43.1128 66.0745 46.6305C66.6735 50.1482 66.2329 53.7643 64.8067 57.0353C63.3805 60.3062 61.0308 63.0899 58.0456 65.0449C55.0605 66.9999 51.5697 68.0412 48.0013 68.0412C44.433 68.0412 40.9422 66.9999 37.957 65.0449C34.9718 63.0899 32.6221 60.3062 31.1959 57.0353C29.7697 53.7643 29.3291 50.1482 29.9281 46.6305C30.5271 43.1128 32.1396 39.8463 34.568 37.2317L33.448 35.9867C32.7694 36.2255 32.054 36.3429 31.3346 36.3333C30.8926 36.3333 30.4687 36.1577 30.1561 35.8452C29.8436 35.5326 29.668 35.1087 29.668 34.6667C29.668 34.2246 29.8436 33.8007 30.1561 33.4882C30.4687 33.1756 30.8926 33 31.3346 33C32.643 33 33.0013 32.6417 33.0013 31.3333C33.0013 30.8913 33.1769 30.4674 33.4895 30.1548C33.802 29.8423 34.226 29.6667 34.668 29.6667C35.11 29.6667 35.5339 29.8423 35.8465 30.1548C36.1591 30.4674 36.3346 30.8913 36.3346 31.3333C36.3444 32.1444 36.1854 32.9486 35.868 33.695L37.0446 35.0017C39.7481 32.9671 42.9652 31.7263 46.3346 31.4183V29.6667C46.3346 29.2246 46.5102 28.8007 46.8228 28.4882C47.1354 28.1756 47.5593 28 48.0013 28C48.4433 28 48.8673 28.1756 49.1798 28.4882C49.4924 28.8007 49.668 29.2246 49.668 29.6667V31.4183C53.0373 31.7258 56.2543 32.9661 58.958 35L60.1346 33.6933C59.8174 32.9474 59.6585 32.1438 59.668 31.3333C59.668 30.8913 59.8436 30.4674 60.1561 30.1548C60.4687 29.8423 60.8926 29.6667 61.3346 29.6667C61.7767 29.6667 62.2006 29.8423 62.5132 30.1548C62.8257 30.4674 63.0013 30.8913 63.0013 31.3333C63.0013 32.6417 63.3596 33 64.668 33C65.11 33 65.5339 33.1756 65.8465 33.4882C66.159 33.8007 66.3346 34.2246 66.3346 34.6667C66.3346 35.1087 66.159 35.5326 65.8465 35.8452C65.5339 36.1577 65.11 36.3333 64.668 36.3333C63.9486 36.3429 63.2332 36.2255 62.5546 35.9867L61.4346 37.2317ZM63.0013 49.6667C63.0013 46.6999 62.1216 43.7999 60.4734 41.3331C58.8251 38.8664 56.4825 36.9438 53.7416 35.8085C51.0007 34.6732 47.9847 34.3761 45.075 34.9549C42.1652 35.5337 39.4925 36.9623 37.3947 39.0601C35.2969 41.1579 33.8683 43.8306 33.2895 46.7403C32.7108 49.65 33.0078 52.666 34.1431 55.4069C35.2784 58.1478 37.201 60.4905 39.6678 62.1387C42.1345 63.7869 45.0346 64.6667 48.0013 64.6667C51.9782 64.6623 55.791 63.0805 58.603 60.2684C61.4151 57.4563 62.9969 53.6436 63.0013 49.6667Z" fill="white"></path>
            </g>
          </svg>
        </div>
        <div>
          <h3 class="font-heading fw-medium text-white">Real-time active timers</h3>
          <p class="text-secondary fw-medium mb-0">Morbi porttitor est tempus urna cursus, gravida consectetur nisi suscipit. Fusce vitae purus dapibus maximus.</p>
        </div>
      </div>
      <div class="d-flex flex-column flex-md-row align-items-md-center gap-12 pb-16 border-bottom border-secondary border-opacity-50">
        <div class="flex-shrink-0">
          <svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect width="96" height="96" rx="20" fill="#24B428"></rect>
            <g clip-path="url(#clip0_552_295)">
              <path d="M54.668 66.3333C54.668 67.2533 53.923 68 53.0013 68H38.0013C33.4063 68 29.668 64.2617 29.668 59.6667V36.3333C29.668 31.7383 33.4063 28 38.0013 28H45.5263C48.6413 28 51.5713 29.2133 53.7763 31.4167L59.583 37.2267C60.0346 37.6783 60.4546 38.1733 60.8296 38.6983C61.3646 39.4467 61.1913 40.4883 60.443 41.0233C59.6946 41.5567 58.6513 41.385 58.118 40.635C57.8496 40.26 57.5496 39.905 57.228 39.585L51.4196 33.775C50.8896 33.245 50.3013 32.7967 49.668 32.4333V39.6667C49.668 40.585 50.4146 41.3333 51.3346 41.3333H56.3346C57.2563 41.3333 58.0013 42.08 58.0013 43C58.0013 43.92 57.2563 44.6667 56.3346 44.6667H51.3346C48.578 44.6667 46.3346 42.4233 46.3346 39.6667V31.3717C46.068 31.3467 45.798 31.3333 45.5263 31.3333H38.0013C35.2446 31.3333 33.0013 33.5767 33.0013 36.3333V59.6667C33.0013 62.4233 35.2446 64.6667 38.0013 64.6667H53.0013C53.923 64.6667 54.668 65.4133 54.668 66.3333ZM64.143 55.1117L59.0746 54.2667C58.453 54.1633 58.0013 53.63 58.0013 53C58.0013 52.0817 58.748 51.3333 59.668 51.3333H63.448C64.0413 51.3333 64.5946 51.6533 64.893 52.1667C65.3513 52.9633 66.368 53.235 67.1696 52.775C67.9663 52.3133 68.2396 51.295 67.7763 50.4983C66.8863 48.9567 65.2263 47.9983 63.4463 47.9983H62.9996V46.3317C62.9996 45.4117 62.2546 44.665 61.333 44.665C60.4113 44.665 59.6663 45.4117 59.6663 46.3317V47.9983C56.9096 47.9983 54.6663 50.2417 54.6663 52.9983C54.6663 55.265 56.2896 57.1817 58.5246 57.5533L63.593 58.3983C64.2146 58.5017 64.6663 59.035 64.6663 59.665C64.6663 60.5833 63.9196 61.3317 62.9996 61.3317H59.2196C58.6263 61.3317 58.073 61.0117 57.7746 60.4983C57.3163 59.7 56.298 59.4283 55.498 59.89C54.7013 60.3517 54.428 61.37 54.8913 62.1667C55.7813 63.7083 57.4413 64.665 59.2213 64.665H59.668V66.3317C59.668 67.2517 60.413 67.9983 61.3346 67.9983C62.2563 67.9983 63.0013 67.2517 63.0013 66.3317V64.665C65.758 64.665 68.0013 62.4217 68.0013 59.665C68.0013 57.3983 66.378 55.4833 64.143 55.1117ZM40.5013 53H49.668C50.5896 53 51.3346 52.2533 51.3346 51.3333C51.3346 50.4133 50.5896 49.6667 49.668 49.6667H40.5013C38.2046 49.6667 36.3346 51.5367 36.3346 53.8333V57.1667C36.3346 59.4633 38.2046 61.3333 40.5013 61.3333H49.668C50.5896 61.3333 51.3346 60.5867 51.3346 59.6667C51.3346 58.7467 50.5896 58 49.668 58H40.5013C40.0413 58 39.668 57.6267 39.668 57.1667V53.8333C39.668 53.3733 40.0413 53 40.5013 53ZM38.0013 46.3333H41.3346C42.2546 46.3333 43.0013 45.5867 43.0013 44.6667C43.0013 43.7467 42.2546 43 41.3346 43H38.0013C37.0813 43 36.3346 43.7467 36.3346 44.6667C36.3346 45.5867 37.0813 46.3333 38.0013 46.3333ZM38.0013 39.6667H41.3346C42.2546 39.6667 43.0013 38.92 43.0013 38C43.0013 37.08 42.2546 36.3333 41.3346 36.3333H38.0013C37.0813 36.3333 36.3346 37.08 36.3346 38C36.3346 38.92 37.0813 39.6667 38.0013 39.6667Z" fill="white"></path>
            </g>
          </svg>
        </div>
        <div>
          <h3 class="font-heading fw-medium text-white">Online invoicing</h3>
          <p class="text-secondary fw-medium mb-0">Proin et nulla a est venenatis mattis eu quis leo. Proin facilisis augue magna, et tristique orci volutpat quis.</p>
        </div>
      </div>
      <div class="mt-24"><a class="btn btn-outline-light" href="#">Show more</a></div>
    </div>
  </div>
</section>

<section class="pt-12 pt-lg-16">
  <div class="mw-8xl mb-16 mx-auto px-5">
    <div class="mb-16 pb-5 border-bottom border-light">
      <div class="row align-items-end">
        <div class="col-lg-2 mb-6 mb-lg-0"><a class="d-inline-block" href="#"><img class="img-fluid" style="height: 30px;" src="fily-assets/logos/fily-treck-black-logo.svg" alt=""></a></div>
        <div class="col-lg-10">
          <div class="d-flex gap-7 flex-wrap justify-content-lg-end"><a class="d-inline-block fw-7 fw-medium text-dark text-decoration-none" href="#">Our features</a><a class="d-inline-block fw-7 fw-medium text-dark text-decoration-none" href="#">How to use?</a><a class="d-inline-block fw-7 fw-medium text-dark text-decoration-none" href="#">Use cases</a><a class="d-inline-block fw-7 fw-medium text-dark text-decoration-none" href="#">Plans &amp; pricing</a><a class="d-inline-block fw-7 fw-medium text-dark text-decoration-none" href="#">Help center</a></div>
        </div>
      </div>
    </div>
    <div class="mw-3xl mx-auto mw-xl-none">
      <div class="row">
        <div class="col-xl-4 mt-12 mt-xl-0 position-relative order-last order-xl-first">
          <div class="d-none d-xl-block position-absolute top-0 end-0 me-n20 h-100 border-end border-light"></div>
          <div class="mw-md mx-auto mx-xl-0">
            <p class="fs-5 fw-bold mb-10">Subscribe to our newsletter and receive the latest news and exclusive insight every week.</p>
            <form action="">
              <div class="position-relative">
                <input class="form-control ps-6 bg-light-light" type="email">
                <button class="position-absolute top-50 end-0 me-2 translate-middle-y btn btn-sm btn-primary d-flex align-items-center justify-content-center" type="submit">Get started</button>
              </div>
            </form>
          </div>
        </div>
        <div class="col-md-6 col-xl-3 mb-10 mb-md-0 pb-10 pb-md-0 ms-lg-auto position-relative">
          <div class="d-md-none position-absolute bottom-0 start-50 translate-middle-x w-100 border-bottom border-light mw-md"></div>
          <div class="mw-xs mx-auto me-md-0 mx-xl-auto">
            <h4 class="font-heading mb-10">Contact</h4>
            <div class="d-flex mb-6 align-items-center">
              <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="40" height="40" rx="20" fill="#FF9900"></rect>
                <g clip-path="url(#clip0_329_544)">
                  <path d="M27.3335 19.3333C27.1567 19.3333 26.9872 19.263 26.8621 19.138C26.7371 19.013 26.6669 18.8434 26.6669 18.6666C26.6655 17.2526 26.1031 15.8968 25.1032 14.8969C24.1033 13.8971 22.7476 13.3347 21.3335 13.3333C21.1567 13.3333 20.9872 13.263 20.8621 13.138C20.7371 13.013 20.6669 12.8434 20.6669 12.6666C20.6669 12.4898 20.7371 12.3202 20.8621 12.1952C20.9872 12.0702 21.1567 12 21.3335 12C23.101 12.0019 24.7956 12.7049 26.0454 13.9547C27.2953 15.2045 27.9983 16.8991 28.0002 18.6666C28.0002 18.8434 27.93 19.013 27.8049 19.138C27.6799 19.263 27.5103 19.3333 27.3335 19.3333ZM25.3335 18.6666C25.3335 17.6058 24.9121 16.5883 24.162 15.8382C23.4118 15.088 22.3944 14.6666 21.3335 14.6666C21.1567 14.6666 20.9872 14.7369 20.8621 14.8619C20.7371 14.9869 20.6669 15.1565 20.6669 15.3333C20.6669 15.5101 20.7371 15.6797 20.8621 15.8047C20.9872 15.9297 21.1567 16 21.3335 16C22.0408 16 22.7191 16.2809 23.2191 16.781C23.7192 17.2811 24.0002 17.9594 24.0002 18.6666C24.0002 18.8434 24.0704 19.013 24.1955 19.138C24.3205 19.263 24.4901 19.3333 24.6669 19.3333C24.8437 19.3333 25.0132 19.263 25.1383 19.138C25.2633 19.013 25.3335 18.8434 25.3335 18.6666ZM26.7889 26.776L27.3955 26.0766C27.7817 25.6892 27.9985 25.1646 27.9985 24.6176C27.9985 24.0707 27.7817 23.546 27.3955 23.1586C27.3749 23.138 25.7709 21.904 25.7709 21.904C25.3859 21.5375 24.8746 21.3335 24.3431 21.3342C23.8116 21.3349 23.3008 21.5404 22.9169 21.908L21.6462 22.9786C20.609 22.5493 19.6668 21.9194 18.8737 21.125C18.0807 20.3305 17.4523 19.3872 17.0249 18.3493L18.0915 17.0826C18.4593 16.6987 18.6651 16.1879 18.6659 15.6562C18.6668 15.1246 18.4627 14.613 18.0962 14.228C18.0962 14.228 16.8609 12.626 16.8402 12.6053C16.4598 12.2225 15.9441 12.0046 15.4045 11.9989C14.8648 11.9932 14.3446 12.2 13.9562 12.5746L13.1895 13.2413C8.6602 18.496 18.4135 28.174 23.8415 28C24.3897 28.0031 24.9329 27.8965 25.4391 27.6862C25.9453 27.476 26.4042 27.1665 26.7889 26.776Z" fill="white"></path>
                </g>
              </svg><span class="ms-4 fs-6 fw-medium">+44 7911 552 774</span>
            </div>
            <div class="d-flex align-items-center">
              <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="40" height="40" rx="20" fill="#24B428"></rect>
                <g clip-path="url(#clip0_333_556)">
                  <path d="M27.9693 15.6947L22.3573 21.3067C21.7316 21.9309 20.8838 22.2814 20 22.2814C19.1162 22.2814 18.2684 21.9309 17.6427 21.3067L12.0307 15.6947C12.0213 15.8 12 15.8954 12 16V24C12.0011 24.8838 12.3526 25.731 12.9775 26.3559C13.6024 26.9808 14.4496 27.3323 15.3333 27.3334H24.6667C25.5504 27.3323 26.3976 26.9808 27.0225 26.3559C27.6474 25.731 27.9989 24.8838 28 24V16C28 15.8954 27.9787 15.8 27.9693 15.6947Z" fill="white"></path>
                  <path d="M21.4148 20.364L27.5041 14.274C27.2091 13.7848 26.7931 13.38 26.2961 13.0984C25.7991 12.8169 25.2379 12.6682 24.6668 12.6666H15.3334C14.7622 12.6682 14.2011 12.8169 13.7041 13.0984C13.2071 13.38 12.7911 13.7848 12.4961 14.274L18.5854 20.364C18.9611 20.7382 19.4698 20.9483 20.0001 20.9483C20.5304 20.9483 21.039 20.7382 21.4148 20.364Z" fill="white"></path>
                </g>
              </svg><span class="ms-4 fs-6 fw-medium">hello@filytreck.uk</span>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-4 position-relative">
          <div class="d-none d-md-block position-absolute top-0 start-0 h-100 border-start border-light"></div>
          <div class="mw-xs mx-auto me-md-0 mx-xl-auto">
            <h4 class="font-heading mb-10">Social media</h4>
            <div class="d-flex mb-6 align-items-center">
              <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="40" height="40" rx="20" fill="#F5F6F8"></rect>
                <path d="M24.3731 13.2006H26.7039L21.6119 19.0204L27.6022 26.9398H22.9118L19.2381 22.1367L15.0346 26.9398H12.7025L18.1489 20.7149L12.4023 13.2006H17.2118L20.5324 17.5908L24.3731 13.2006ZM23.5551 25.5448H24.8466L16.51 14.5224H15.1241L23.5551 25.5448Z" fill="#060918"></path>
              </svg><span class="ms-4 fs-6 fw-medium">X-Crop</span>
            </div>
            <div class="d-flex align-items-center">
              <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="40" height="40" rx="20" fill="#F5F6F8"></rect>
                <g clip-path="url(#clip0_335_588)">
                  <path d="M12.25 12.8981C12.25 12.3592 12.4386 11.9146 12.8159 11.5643C13.1931 11.214 13.6836 11.0388 14.2872 11.0388C14.88 11.0388 15.3596 11.2113 15.7261 11.5562C16.1034 11.9119 16.292 12.3754 16.292 12.9466C16.292 13.464 16.1088 13.8951 15.7423 14.2401C15.365 14.5958 14.8692 14.7736 14.2548 14.7736H14.2387C13.6458 14.7736 13.1662 14.5958 12.7997 14.2401C12.4332 13.8844 12.25 13.4371 12.25 12.8981ZM12.4602 27.0451V16.2449H16.0495V27.0451H12.4602ZM18.0381 27.0451H21.6274V21.0144C21.6274 20.6372 21.6705 20.3462 21.7568 20.1414C21.9077 19.7749 22.1367 19.465 22.4439 19.2117C22.7511 18.9584 23.1364 18.8318 23.5999 18.8318C24.8071 18.8318 25.4107 19.6456 25.4107 21.2731V27.0451H29V20.8528C29 19.2575 28.6228 18.0476 27.8682 17.2231C27.1137 16.3985 26.1167 15.9862 24.8772 15.9862C23.4867 15.9862 22.4035 16.5844 21.6274 17.7809V17.8132H21.6112L21.6274 17.7809V16.2449H18.0381C18.0597 16.5898 18.0705 17.6623 18.0705 19.4623C18.0705 21.2623 18.0597 23.7899 18.0381 27.0451Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-4 fs-6 fw-medium">Linkedin</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-6 border-top border-light">
    <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><a class="d-inline-block fs-7 fw-medium text-dark text-decoration-none" href="#"><span class="me-2">Go to the top</span>
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g clip-path="url(#clip0_360_171)">
              <path d="M0.688287 9.48329C0.761831 9.56169 0.84933 9.62392 0.945735 9.66639C1.04214 9.70885 1.14554 9.73071 1.24998 9.73071C1.35442 9.73071 1.45782 9.70885 1.55423 9.66639C1.65063 9.62392 1.73813 9.56169 1.81168 9.48329L5.435 5.65234C5.50855 5.57394 5.59604 5.51172 5.69245 5.46925C5.78885 5.42679 5.89226 5.40492 5.9967 5.40492C6.10113 5.40492 6.20454 5.42679 6.30094 5.46925C6.39735 5.51172 6.48484 5.57394 6.55839 5.65234L10.1817 9.48329C10.2553 9.56169 10.3428 9.62392 10.4392 9.66638C10.5356 9.70885 10.639 9.73071 10.7434 9.73071C10.8478 9.73071 10.9513 9.70885 11.0477 9.66638C11.1441 9.62392 11.2316 9.56169 11.3051 9.48329C11.4525 9.32657 11.5352 9.11457 11.5352 8.89359C11.5352 8.67262 11.4525 8.46061 11.3051 8.3039L7.67387 4.46458C7.22886 3.99466 6.62564 3.73071 5.99669 3.73071C5.36775 3.73071 4.76453 3.99466 4.31952 4.46458L0.688287 8.3039C0.54094 8.46062 0.458234 8.67262 0.458234 8.89359C0.458234 9.11457 0.54094 9.32657 0.688287 9.48329Z" fill="#060918"></path>
            </g>
          </svg></a></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">
    <div class="row mx-lg-n6 mb-20">
      <div class="col-lg-6 px-lg-6 mb-8 mb-lg-0"><a class="d-block position-relative rounded-3 overflow-hidden" href="#"><img class="img-fluid d-block w-100 rounded-2" style="height: 478px; object-fit: cover;" src="fily-assets/blog/people.jpg" alt="">
          <div class="position-absolute top-0 start-0 ms-10 ms-lg-12 mt-10 d-inline-flex 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="position-absolute bottom-0 start-0 w-100 pb-10 px-10 px-lg-12">
            <div class="d-sm-flex align-items-center justify-content-between">
              <h4 class="text-white fw-normal mb-6 mb-sm-0 me-sm-4"><span class="d-block">2023 Remote Work:</span><span>A Comprehensive Guide</span></h4><span class="flex-shirink-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="#060918"></rect>
                  <path d="M32.8558 24.8574C32.7428 24.9736 32.6532 25.1119 32.592 25.2643C32.5308 25.4166 32.4993 25.5801 32.4993 25.7451C32.4993 25.9102 32.5308 26.0736 32.592 26.226C32.6532 26.3784 32.7428 26.5166 32.8558 26.6329L36.8214 30.7465L24.7679 30.7465C24.4482 30.7465 24.1416 30.8783 23.9155 31.1128C23.6895 31.3473 23.5625 31.6653 23.5625 31.9969C23.5625 32.3285 23.6895 32.6465 23.9155 32.881C24.1416 33.1155 24.4482 33.2472 24.7679 33.2472L36.8214 33.2472L32.8558 37.3609C32.7428 37.4771 32.6532 37.6154 32.592 37.7678C32.5308 37.9202 32.4993 38.0836 32.4993 38.2487C32.4993 38.4137 32.5308 38.5771 32.592 38.7295C32.6532 38.8819 32.7428 39.0202 32.8558 39.1364C33.0816 39.3693 33.3871 39.5 33.7056 39.5C34.024 39.5 34.3295 39.3693 34.5554 39.1364L39.7263 33.7599C40.1791 33.2931 40.4348 32.6591 40.4375 31.9969C40.4316 31.3391 40.1761 30.7102 39.7263 30.2464L34.5554 24.8699C34.3311 24.6353 34.0265 24.5024 33.7081 24.5C33.3896 24.4977 33.0832 24.6262 32.8558 24.8574Z" fill="white"></path>
                </svg></span>
            </div>
          </div></a></div>
      <div class="col-lg-6 px-lg-6"><a class="d-block position-relative rounded-3 overflow-hidden" href="#"><img class="img-fluid d-block w-100 rounded-2" style="height: 478px; object-fit: cover;" src="fily-assets/blog/work.jpg" alt="">
          <div class="position-absolute top-0 start-0 ms-10 ms-lg-12 mt-10 d-inline-flex 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="position-absolute bottom-0 start-0 w-100 pb-10 px-10 px-lg-12">
            <div class="d-sm-flex align-items-center justify-content-between">
              <h4 class="text-white fw-normal mb-6 mb-sm-0 me-sm-4"><span class="d-block">2023 Remote Work:</span><span>A Comprehensive Guide</span></h4><span class="flex-shirink-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="#060918"></rect>
                  <path d="M32.8558 24.8574C32.7428 24.9736 32.6532 25.1119 32.592 25.2643C32.5308 25.4166 32.4993 25.5801 32.4993 25.7451C32.4993 25.9102 32.5308 26.0736 32.592 26.226C32.6532 26.3784 32.7428 26.5166 32.8558 26.6329L36.8214 30.7465L24.7679 30.7465C24.4482 30.7465 24.1416 30.8783 23.9155 31.1128C23.6895 31.3473 23.5625 31.6653 23.5625 31.9969C23.5625 32.3285 23.6895 32.6465 23.9155 32.881C24.1416 33.1155 24.4482 33.2472 24.7679 33.2472L36.8214 33.2472L32.8558 37.3609C32.7428 37.4771 32.6532 37.6154 32.592 37.7678C32.5308 37.9202 32.4993 38.0836 32.4993 38.2487C32.4993 38.4137 32.5308 38.5771 32.592 38.7295C32.6532 38.8819 32.7428 39.0202 32.8558 39.1364C33.0816 39.3693 33.3871 39.5 33.7056 39.5C34.024 39.5 34.3295 39.3693 34.5554 39.1364L39.7263 33.7599C40.1791 33.2931 40.4348 32.6591 40.4375 31.9969C40.4316 31.3391 40.1761 30.7102 39.7263 30.2464L34.5554 24.8699C34.3311 24.6353 34.0265 24.5024 33.7081 24.5C33.3896 24.4977 33.0832 24.6262 32.8558 24.8574Z" fill="white"></path>
                </svg></span>
            </div>
          </div></a></div>
    </div>
    <div class="text-center"><a class="btn btn-primary" href="#">View all news</a></div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-dark">
  <div class="container">
    <div class="mw-5xl mx-auto text-center mb-20">
      <h1 class="font-heading text-white 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="row mb-n5">
      <div class="col-lg-6 mb-5">
        <div class="h-100 py-12 px-8 px-sm-12 bg-secondary bg-opacity-10 rounded-3">
          <div class="row mb-n6">
            <div class="col-lg-10 mb-6">
              <h4 class="text-white mb-3">Product Designer</h4>
              <p class="text-secondary fw-medium mb-0">Praesent sagittis gravida turpis, sed consequat eros auctor et. Pellentesque nec nisi rutrum, congue libero.</p>
            </div>
            <div class="col-12 col-lg-2 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-secondary">
                <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="white"></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="white"></path>
                  </g>
                </svg><span class="ms-1 fs-9 fw-medium text-white">100% remote</span>
              </div>
              <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-secondary">
                <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="white"></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="white"></path>
                  </g>
                </svg><span class="ms-1 fs-9 fw-medium text-white">Full-time</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6 mb-5">
        <div class="h-100 py-12 px-8 px-sm-12 bg-secondary bg-opacity-10 rounded-3">
          <div class="row mb-n6">
            <div class="col-lg-10 mb-6">
              <h4 class="text-white mb-3">Customer Success Manager</h4>
              <p class="text-secondary fw-medium mb-0">Nulla quis justo feugiat, gravida arcu sed, sodales magna. Nullam fringilla diam id pretium rutrum.</p>
            </div>
            <div class="col-12 col-lg-2 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-secondary">
                <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="white"></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="white"></path>
                  </g>
                </svg><span class="ms-1 fs-9 fw-medium text-white">100% remote</span>
              </div>
              <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-secondary">
                <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="white"></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="white"></path>
                  </g>
                </svg><span class="ms-1 fs-9 fw-medium text-white">Full-time</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6 mb-5">
        <div class="h-100 py-12 px-8 px-sm-12 bg-secondary bg-opacity-10 rounded-3">
          <div class="row mb-n6">
            <div class="col-lg-10 mb-6">
              <h4 class="text-white 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-2 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-secondary">
                <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="white"></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="white"></path>
                  </g>
                </svg><span class="ms-1 fs-9 fw-medium text-white">100% remote</span>
              </div>
              <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-secondary">
                <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="white"></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="white"></path>
                  </g>
                </svg><span class="ms-1 fs-9 fw-medium text-white">Full-time</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6 mb-5">
        <div class="h-100 py-12 px-8 px-sm-12 bg-secondary bg-opacity-10 rounded-3">
          <div class="row mb-n6">
            <div class="col-lg-10 mb-6">
              <h4 class="text-white mb-3">UX/UI Designer</h4>
              <p class="text-secondary fw-medium mb-0">Duis tincidunt, metus a sollicitudin faucibus, arcu arcu aliquet magna, eu pulvinar augue augue eu libero.</p>
            </div>
            <div class="col-12 col-lg-2 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-secondary">
                <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="white"></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="white"></path>
                  </g>
                </svg><span class="ms-1 fs-9 fw-medium text-white">100% remote</span>
              </div>
              <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-secondary">
                <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="white"></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="white"></path>
                  </g>
                </svg><span class="ms-1 fs-9 fw-medium text-white">Full-time</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="text-center mt-20"><a class="btn btn-outline-light" href="#">Show more</a></div>
  </div>
</section>

<section class="py-12 py-lg-24 py-xl-32 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-0">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>
    <div class="overflow-hidden mb-20">
      <div class="table-responsive">
        <table class="bg-transparent mx-auto">
          <thead>
            <tr>
              <th class="py-6 px-10"></th>
              <th class="py-6 px-10 fs-6 fw-bold text-black text-secondary">Starter</th>
              <th class="py-6 px-10 fs-6 fw-bold text-black text-secondary">Enterprise</th>
              <th class="py-6 px-10 fs-6 fw-bold text-black text-secondary">Business</th>
            </tr>
          </thead>
          <tbody>
            <tr class="border-bottom border-light-light">
              <td class="py-6 px-10"><span class="fs-7 fw-medium text-secondary">Unlimited Clients</span></td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
            </tr>
            <tr class="border-bottom border-light-light">
              <td class="py-6 px-10"><span class="fs-7 fw-medium text-secondary">Unlimited Tasks</span></td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
            </tr>
            <tr class="border-bottom border-light-light">
              <td class="py-6 px-10"><span class="fs-7 fw-medium text-secondary">Project Templates</span></td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
            </tr>
            <tr class="border-bottom border-light-light">
              <td class="py-6 px-10"><span class="fs-7 fw-medium text-secondary">Unlimited Estimates &amp; Expenses</span></td>
              <td class="py-6 px-10 small text-center fw-bold"></td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
            </tr>
            <tr class="border-bottom border-light-light">
              <td class="py-6 px-10"><span class="fs-7 fw-medium text-secondary">25GB Storage</span></td>
              <td class="py-6 px-10 small text-center fw-bold"></td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
            </tr>
            <tr class="border-bottom border-light-light">
              <td class="py-6 px-10"><span class="fs-7 fw-medium text-secondary">Free Onboarding &amp; Training</span></td>
              <td class="py-6 px-10 small text-center fw-bold"></td>
              <td class="py-6 px-10 small text-center fw-bold"></td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
            </tr>
            <tr class="border-bottom border-light-light">
              <td class="py-6 px-10"><span class="fs-7 fw-medium text-secondary">Employee Leave Management</span></td>
              <td class="py-6 px-10 small text-center fw-bold"></td>
              <td class="py-6 px-10 small text-center fw-bold"></td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
            </tr>
            <tr class="border-bottom border-light-light">
              <td class="py-6 px-10"><span class="fs-7 fw-medium text-secondary">Gantt Charts</span></td>
              <td class="py-6 px-10 small text-center fw-bold"></td>
              <td class="py-6 px-10 small text-center fw-bold"></td>
              <td class="py-6 px-10 small text-center fw-bold">
                <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>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="text-center"><a class="btn btn-primary" href="#">Go to pricing</a></div>
  </div>
</section>

<section class="position-relative pt-12 pt-lg-24 pt-xl-32 bg-dark overflow-hidden"><img class="position-absolute top-0 start-50 translate-middle-x" src="fily-assets/gradients/gradient-httpcodes.png" alt="">
  <div class="container position-relative">
    <div class="text-center mb-24">
      <h1 class="display-2 font-heading text-white mb-6">404</h1>
      <p class="fs-6 fw-medium text-white mb-14">Something went wrong. That page isn’t doesn’t exist or we can’t find it.</p><a class="btn btn-primary" href="#">Back to homepage</a>
    </div>
  </div>
  <div class="py-14 bg-dark position-relative">
    <div class="mw-8xl mx-auto px-5">
      <div class="d-flex flex-wrap gap-8 gap-md-20 align-items-center mb-16"><a class="btn btn-link p-0 fw-bold text-white fs-4" href="#">Latest news</a><a class="btn btn-link p-0 fw-bold text-light-dark fs-4" href="#">Features</a><a class="btn btn-link p-0 fw-bold text-light-dark fs-4" href="#">Contact</a></div>
      <div class="row mb-16">
        <div class="col-lg-6 col-xl-4 mb-12 mb-xl-0">
          <div class="mw-sm mw-md-md d-flex flex-column flex-sm-row align-items-start align-items-sm-center gap-8"><img class="img-fluid rounded-3" src="fily-assets/http-codes/pic.jpg" alt="">
            <div>
              <h5 class="fw-medium text-white mb-6">2023 Remote Work: A Comprehensive Guide</h5><a class="btn-link text-decoration-none fw-bold" href="#"><span class="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></a>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-xl-4 mb-12 mb-xl-0">
          <div class="mw-sm mw-md-md d-flex flex-column flex-sm-row align-items-start align-items-sm-center gap-8"><img class="img-fluid rounded-3" src="fily-assets/http-codes/pic2.jpg" alt="">
            <div>
              <h5 class="fw-medium text-white mb-6">Mastering the Art of Project Management Success</h5><a class="btn-link text-decoration-none fw-bold" href="#"><span class="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></a>
            </div>
          </div>
        </div>
        <div class="col-xl-4">
          <div class="mw-sm mw-md-md d-flex flex-column flex-sm-row align-items-start align-items-sm-center gap-8"><img class="img-fluid rounded-3" src="fily-assets/http-codes/pic3.jpg" alt="">
            <div>
              <h5 class="fw-medium text-white mb-6">Optimal Work Management Software for Firms</h5><a class="btn-link text-decoration-none fw-bold" href="#"><span class="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></a>
            </div>
          </div>
        </div>
      </div>
      <div class="d-flex 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>
</section>

<section class="py-12 py-lg-24 py-xl-32 bg-dark position-relative"><img class="position-absolute top-0 start-0 w-100 h-100" src="fily-assets/gradients/gradient-features.jpg" alt="">
  <div class="container position-relative">
    <div class="text-center mb-16">
      <h2 class="font-heading text-white mb-4">Features</h2>
      <p class="fs-6 text-white mb-0">Explore the powerful features that make FilyTreck stand out in the realm of task management.</p>
    </div>
    <div class="position-relative"><a class="d-none d-sm-flex position-absolute top-50 start-0 translate-middle-y btn p-0 btn-outline-light bg-white bg-opacity-25 border-0 align-items-center justify-content-center rounded-pill" 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="currentColor"></path>
        </svg></a><a class="d-none d-sm-flex position-absolute top-50 end-0 translate-middle-y btn p-0 btn-primary border-0 align-items-center justify-content-center rounded-pill" 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="currentColor"></path>
        </svg></a>
      <div class="mw-sm-md mw-lg-3xl mw-xl-5xl mx-auto position-relative">
        <div class="row mx-n6">
          <div class="col-lg-6 px-12 px-lg-6">
            <div class="h-100 bg-white bg-opacity-25 px-12 px-xl-14 py-16 text-center rounded-3 border border-light">
              <div class="d-inline-flex flex-shrink-0 mb-6 align-items-center justify-content-center bg-success rounded-pill" style="width: 80px; 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_110_321)">
                    <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>
              <h5 class="font-heading text-white mb-6">Everything in one app</h5>
              <p class="mw-xs mx-auto fw-medium fs-7 text-white mb-10">Streamlining Your Tasks, Time, and Goals. Experience the ultimate convenience of having all your task management.</p><a class="btn px-8 py-5 btn-primary-dark" href="#">Read more</a>
            </div>
          </div>
          <div class="d-none d-lg-block col-6 px-6">
            <div class="h-100 bg-white bg-opacity-25 px-12 px-xl-14 py-16 text-center rounded-3 border border-light">
              <div class="d-inline-flex flex-shrink-0 mb-6 align-items-center justify-content-center bg-warning rounded-pill" style="width: 80px; 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_110_366)">
                    <path d="M22.5002 3.97607H19.4142C19.2165 3.97612 19.0232 4.03479 18.8588 4.14467C18.6943 4.25456 18.5662 4.41072 18.4905 4.59342C18.4149 4.77612 18.3951 4.97715 18.4336 5.17111C18.4722 5.36506 18.5674 5.54322 18.7072 5.68307L19.7932 6.76907L16.2072 10.3541C16.0167 10.5362 15.7633 10.6378 15.4997 10.6378C15.2362 10.6378 14.9827 10.5362 14.7922 10.3541L14.6222 10.1831C14.0508 9.63715 13.291 9.3325 12.5007 9.3325C11.7104 9.3325 10.9506 9.63715 10.3792 10.1831L5.27921 15.2831C5.09131 15.4715 4.98595 15.7269 4.98633 15.993C4.9867 16.2591 5.09278 16.5142 5.28121 16.7021C5.46965 16.89 5.72501 16.9953 5.99113 16.995C6.25724 16.9946 6.51231 16.8885 6.70021 16.7001L11.8002 11.6001C11.9906 11.4178 12.2441 11.316 12.5077 11.316C12.7713 11.316 13.0248 11.4178 13.2152 11.6001L13.3852 11.7711C13.9568 12.3165 14.7166 12.6209 15.5067 12.6209C16.2968 12.6209 17.0566 12.3165 17.6282 11.7711L21.2142 8.18508L22.3002 9.27107C22.4405 9.40862 22.6183 9.50178 22.8112 9.53892C23.0042 9.57606 23.2038 9.55553 23.3852 9.47989C23.5665 9.40426 23.7216 9.27687 23.8309 9.11364C23.9403 8.95041 23.9992 8.75857 24.0002 8.56208V5.47607C24.0002 5.07825 23.8422 4.69672 23.5609 4.41541C23.2796 4.13411 22.898 3.97607 22.5002 3.97607Z" 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>
              <h5 class="font-heading text-white mb-6">Increase in the productivity</h5>
              <p class="mw-xs mx-auto fw-medium fs-7 text-white mb-10">Experience a substantial boost in productivity with our streamlined approach, optimizing your workflow and time management.</p><a class="btn px-8 py-5 btn-primary-dark" href="#">Read more</a>
            </div>
          </div>
        </div>
      </div>
      <div class="d-sm-none text-center mt-10"><a class="d-inline-flex btn p-0 me-4 btn-outline-light bg-white bg-opacity-25 border-0 align-items-center justify-content-center rounded-pill" 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="currentColor"></path>
          </svg></a><a class="d-inline-flex btn p-0 btn-primary border-0 align-items-center justify-content-center rounded-pill" 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="currentColor"></path>
          </svg></a></div>
    </div>
  </div>
</section>