layout: layouts/layout-project.liquid

pagination:
  data: collections.projects
  size: 1
  alias: project
eleventyComputed:
  permalink: "/project//index.html"
<link
  href="https://cdn.prod.website-files.com/657974f60add3d928ef50a92/css/shahsohil.webflow.shared.1a786aeb5.css"
  rel="stylesheet"
  type="text/css"
  integrity="sha384-Gnhq618Bx7GhMkbxoq/8RoIf3egeHo+TD36hVx2EUcmCdB8iaDDK5WI0eX6ajNXa"
  crossorigin="anonymous"
>
<link
  href="https://cdn.prod.website-files.com/657974f60add3d928ef50a92/css/shahsohil.webflow.65c0c00b1925af1fed81423a-63e534903.css"
  rel="stylesheet"
  type="text/css"
  integrity="sha384-aGhR3a874HZEBR1v8Ppwvp6guYP5DJiCzjaxro0prw3IUKxkC52xG5RjXp+lipz1"
  crossorigin="anonymous"
>

<style>
  html.w-mod-js:not(.w-mod-ix3)
    :is([data-wf-target*='["657974f60add3d928ef50a82","215bceaa-cccf-08ae-4775-57b780a235c3"]']) {
    visibility: hidden !important;
  }
  .loader {
    display: flex;
  }
  .slick-track {
    display: flex;
  }
  @media all and (min-width: 768px) {
    .container-inner {
      padding-inline: clamp(5rem, 6.66vw, 12rem);
    }
  }
</style>

<main class="main">
  <div class="page-wrapper">
    <section class="section--breadcrumbs is--sticky">
      <div class="w-layout-blockcontainer container-ss w-container">
        <div class="row-ss">
          <div class="col-ss">
            <div class="section__content content--breadcrumbs">
              <a href="/" class="link-to--home breadcrumbs__link w-inline-block">
                <div>Home</div>
                <div class="symbol--breadcrumbs"><strong>➺</strong></div></a
              ><a href="/projects" class="link-to--portfolio breadcrumbs__link w-inline-block">
                <div>Portfolio</div>
                <div class="symbol--breadcrumbs"><strong>➺</strong></div>
              </a>
              <div class="breadcrumb--current"></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section--project-info section__padding">
      <div class="style--project-info w-embed">
        <style>
          a.project-details--value:hover {
            color: var(--primary);
          }
        </style>
      </div>
      <div class="w-layout-blockcontainer container-ss w-container">
        <div class="row-ss row--project-details">
          <div class="col-ss col--project-basics">
            <div class="section__content content--project-basics">
              <h1 class="project__title"></h1>
              <div class="project-solution">
                <h5 class="problem__title">Solution</h5>
                <div class="project__briefing w-richtext">
                  <p>
                    
                  </p>
                </div>
              </div>
              <div class="project-info">
                <div class="project-details__item">
                  <h5 class="project-details--title">Business segment</h5>
                  <div class="w-dyn-list">
                    <div role="list" class="w-dyn-items">
                      
                    </div>
                  </div>
                </div>
                <div class="project-details__item">
                  <h5 class="project-details--title">Client</h5>
                  <div class="project-details--value">
                    
                  </div>
                </div>
                <div class="project-details__item">
                  <h5 class="project-details--title">Last update</h5>
                  <div class="project-details--value">
                    
                  </div>
                </div>
              </div>
              <div class="cta-wrapper">
                
                <a
                  href=""
                  target="_blank"
                  class="btn-ss is--primary--solid w-inline-block"
                >
                  <div>Website</div>
                  <div>→</div>
                </a>
              </div>
            </div>
          </div>
          <div class="col-ss col--project-details">
            <div class="section__content">
              <div class="project-details__item">
                <h5 class="project-details--title">Platform</h5>
                <div class="project-details--value"></div>
              </div>
              <div class="project-details__item">
                <h5 class="project-details--title">Services</h5>
                <div class="w-dyn-list">
                  <div role="list" class="w-dyn-items">
                    
                  </div>
                </div>
              </div>
              
              
              
              <div class="project-details__item">
                <h5 class="project-details--title">Role</h5>
                <div class="project-details--value">
                  
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section--explore-pages section__padding">
      <div class="style--portfolio w-embed">
        <style>
          .ci--portfolio:hover .project__thumbs {
            transform: translateY(-1rem);
            box-shadow: 0 0 15px 10px rgba(149, 150, 166, 0.1);
          }
          .portfolio__thumbs:not(:has(.w-condition-invisible)):hover .portfolio__featured-image {
            opacity: 0;
          }
        </style>
      </div>
      <div class="container-ss w-container">
        <h2 class="section__heading">Explore pages</h2>
        <div class="row-ss">
          <div class="col-ss">
            <div class="clw--portfolio w-dyn-list">
              <div role="list" class="cl--portfolio w-dyn-items">
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800f800e0902e9829d8c02f_feat-chill-cure-v2.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800f83d9fa3e91eb6c4a4eb_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800f841d96e1e0af218bf36_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Chill</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/chill-cure-v2"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800f1878675ed368c3f1231_feat-focus-cure-v2.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800f0b1d33d70b919ef88b7_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800f0eb1d5262525be8e78d_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Focus</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/focus-cure-v2"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800ea0fd125bf339c0736dc_feat-sleep-cure-v2.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800ea7e7d0e252bd3939717_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800ea82d56f37b8f34fa8d6_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Sleep</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/sleep-cure-v2"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800e72470ad2b4c5ecde0ae_featured-faqs-cure-v2.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800e76c7313af4a9c0d1da9_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800e771d30d7aa9ee9a4a0a_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">FAQs</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/faqs-cure-v2"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800e4fa21a9fe02e4625873_featured-our-story-cyre-v2.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Our Story</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/our-story-cure-v2"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6800d3e8712048b5ac2bedd0_featured-product-cure-v2.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/product-cure-v2"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67ff9e39c467eec59b3aab64_featured-collection-cure-v2.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67ff9e4175ddea3936904b02_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67ff9e44de585e48d726cdaa_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Collection</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/collection-cure-2"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67ff9b5287720e7148108c81_home-featured-cure-v2.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67ff9bcc499d6981112d6acb_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67ff9bce4517f0f15214d9e3_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/home-cure-2"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67f0f5c132f457fba7d10778_featured--cart.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Cart</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/cart-cure-1"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67dd5d057662f57e7267ce6f_impression--product-page.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67dd5d285efb1403a9a2a92e_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/product-cure-1"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67dd5781916f6e9c25daaf70_featured--collection.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67dd57ebb5b388b1ef8e01c0_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67dd57eff88f95cc9e0b7ae1_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Collection</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/collection-cure-1"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67dd437d8416b0a068d09d63_featured--cure.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67dd45ee174803d74af4d34a_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67dd45fdbd7c5e36580b7025_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/home-cure-1"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src=""
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/frazier-home"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/673f1e975c888060abffcc00_vochill-faqs-featured.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">FAQs</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/vochill-faqs"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/673f1c0edb589387077b726b_vochill-product-featured.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/673f1b1b1bd50a6552ad6fbf_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/673f1b20920580b939af5bf4_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/vochill-product"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/673f19a81ebe4b90c3a5d192_vochill-collection-featured.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Collection</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/vochill-collection"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/673f18b71ebe4b90c3a4ffc5_vochill.co.uk_(Portfolio%20size).png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/673f190945af7494e1b8ce34_thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/673f190d80aa2a712794514f_thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/vochill-home"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/67349715ef263c5d25d10102_featured-ibbani-product.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6734989af8ffbe804cef7f05_thumb-ibbani-product-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/6734989f6774e8ef223ee69c_thumb-ibbani-product-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/product-page"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bdd8c1db0284c327a8b70_goodstone-product-page-featured.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bdd9d648a78cbac4c6947_goodstone-product-page-thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bdda2648a78cbac4c6bc1_goodstone-product-page-thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/goodstone-product-page"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bd98fb6d87557e8e97840_goodstone-collection-featured.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bd9973d617e7ec0ea51c6_goodstone-collection-thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bd99c3d617e7ec0ea5b8c_goodstone-collection-thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Collection page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/goodstone-collection-page"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bd5de0378c8335afb7881_goodstone-home-featured.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bd5e50378c8335afb7c1f_goodstone-home-thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669bd5eadf3fdd3eba84346e_goodstone-home-thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/goodstone-home-page"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/669ba35e4113ec5bb7ff4474_javy-pdp-flavors-featured.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/669ba36479f070f89ce29c9f_javy-pdp-flavors-thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://cdn.prod.website-files.com/657974f60add3d928ef50a9d/669ba3687c9aab60882e939d_javy-pdp-flavors-thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product page with flavors</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/javy-product-page-with-flavors"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669ba008648a78cbac25dff1_Javy-product-page-featured.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669ba0117d706d72b09d99b5_Javy-product-page-thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/669ba01520964b1d2b472c43_Javy-product-page-thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/javy-product-page"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/6687f38666a5578ae4c04dbb_featured-javy-coffee-shop-all.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/6687f38f9b86d0be612505ed_javy-coffee-shop-all-thumb-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/6687f39324257928f9086721_javy-coffee-shop-all-thumb-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Shop all</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/javy-shop-all"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/6687cf250c895bf1ed9b811e_featured-javy-coffee.png"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/6687d840cfcacb312e5d51ae_thumb-javy-coffee-home-1.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/6687d845fe17429f825fed6d_thumb-javy-coffee-home-2.png"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/javy-home-page"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/6601404c59f72049c7fd59b7_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Collection</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/collection-page-ibbani"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/66013a49952f5ac90aec976f_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/66013a500dc2b4f203c5b8f0_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/66013a54cf360d2595af41bf_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/home-page-ibbani"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65faeb08991f2670784fa2e4_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65faeb1106203ba05e2283ed_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65faeb1c9ab838736cb08b71_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Boutique Locations</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/boutique-locations-page-luxe"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fae8da0117d90a07002487_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fae8e51b9c4de1743a1bcc_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fae8ea652f037c157c59bd_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/product-page-luxe"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fad79697699fdc8a20cd27_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fad7b241cad70baf726417_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fad7b6e9d721ee2d6c2495_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Collection</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/collection-page-luxe"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fad28e530d73ae130dbf3b_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fad35a6b0566cb66d68749_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65fad35ea2b759b76d41c87c_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/home-page-luxe"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f7c723d647903cca7d7103_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Checkout page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/checkout-page-dme"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f2f30ea4405a37b640ab70_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Cart page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/cart-page-dme"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f2e6f727feeb2111669ebd_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f2e6fdeaba8cd1f97729bc_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f2e7008565317a7c2bbd57_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/product-page-dme"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f188dfdb00a09740c7f82d_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f188e4e51a618c308655e2_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f188e793935a550e87de85_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Collection page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/collection-page-dme"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f184ec5405e5863c9c690f_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f184f68e3e35c939fd5c03_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f184ff290291e9b49da7c4_thumb-3.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/home-page-dme"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d74e3e9f226df9af7a5cb3_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d74e477fd1a9c63c007c39_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d74e4be2c486aa8db5747b_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Sellers, Giles group</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/sellers-gg"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d73de0b7e38933ffa7b2e1_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d73de7589d39c35d8b4f4b_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d73dea60fdf273e0f85689_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Buyers, Giles group</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/buyers-gg"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d733881cc3f3a17a49de86_Home%20page%20-%20featured%20image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d736dedafe895a8b5eb952_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d736e376f2fa3e6aedd5e4_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/home-page-ipil"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65cf49dfeb491c998f559e36_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65cf49e9c63fab032588de23_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65cf49ec0e46735886ab127b_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Courses template</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/courses-template-tmice"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71ecbc7306b9fdaa3d877_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71ed1bff07a9c2125890d_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71ed3e705e4a655fe3237_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Giving back</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/giving-back-gg"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71d4d78316cf2aa326566_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71d6152ed49f2d2ccdb89_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71d65cae687431d2f1321_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Press/Media, Giles group</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/press-media-giles-group"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71b3ea87f7aed481e159f_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71b455c065e6797cd2696_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d71b48984e5e4c56f51f78_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Life In ATX, Giles group</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/life-in-atx-gg"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d714e306358bce6a152aff_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d718d3874218469f92e94e_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d718e5f672a2fbde9debac_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Testimonials, Giles group</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/testimonials-gg"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src=""
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Multiple pages</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/multiple-pages"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src=""
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Single page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/single-page"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d60249041b036566866316_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d60430c6bac90b5a274466_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d602551645118d784543b5_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Contact us</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/contact-us-gg"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5ff25fd8cb6e355ab8916_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5ff2fb4417479c150c156_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5ff3396f12b814aa01853_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Team member template</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/team-member-template-gg"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5f6e93dd948053e47a32b_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5f6f18e9476367f760cae_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5f6f4a06f1c9805ff0d99_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">About us</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/about-us-gg"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5f01ba5e595d595810083_featured%20image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5f0a1755d592fb6f94f8e_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d5f0a5238efbf5235f84e2_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/giles-group-home-page"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src=""
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home page, Dr. Jen natural</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/home-page-drjen"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d9f979ccc1b21e498c2732_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d9f97ea0594c408f9f583e_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65d9f981d1020a8f3a9d6629_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Home page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/home-page-upani"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f84a2c5a96255ad284101d_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider "
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f84a32c4c1f53ec4c08d61_thumb-1.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f84a36ef402dc7733d90cf_thumb-2.webp"
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Product page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/product-page-upani"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f8471d8fde2a7b74dfb71f_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">List of collections</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/list-of-collections-upani"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f84294654703039368d640_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">Collection page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/collection-page-upani"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
                  
                    <div role="listitem" class="ci--portfolio w-dyn-item">
                      <div class="portfolio__project">
                        <div
                          style="background-color: "
                          class="portfolio__thumbs"
                        >
                          <div class="portfolio__thumbs-wrapper">
                            <div class="portfolio__featured-image">
                              <div class="visual-wrapper">
                                <img
                                  height="509"
                                  loading="lazy"
                                  width="800"
                                  alt=""
                                  src="https://uploads-ssl.webflow.com/657974f60add3d928ef50a9d/65f972bbb8acbac23d387e02_featured-image.webp"
                                  sizes="100vw"
                                  
                                  class="visual--img"
                                >
                              </div>
                            </div>
                            <div
                              data-delay="1000"
                              data-animation="cross"
                              class="portfolio__thumbs-slider w-slider w-condition-invisible"
                              data-autoplay="true"
                              data-easing="ease"
                              data-hide-arrows="true"
                              data-disable-swipe="true"
                              data-autoplay-limit="0"
                              data-nav-spacing="3"
                              data-duration="300"
                              data-infinite="true"
                            >
                              <div class="w-slider-mask">
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img"
                                  >
                                </div>
                                <div class="visual-wrapper w-slide">
                                  <img
                                    alt=""
                                    src=""
                                    loading="lazy"
                                    sizes="100vw"
                                    
                                    class="visual--img project__thumb"
                                  >
                                </div>
                              </div>
                              <div class="portfolio__slider__nav w-slider-nav"></div>
                            </div>
                          </div>
                        </div>
                        <div class="portfolio--info">
                          <div>
                            <h3 class="portfolio__title">FAQ page</h3>
                            <div class="portfolio__platform w-dyn-bind-empty"></div>
                          </div>
                          <div class="portfolio__cta">
                            <a
                              href="/project//page/faq-page-upani"
                              class="btn-ss is--primary--ghost w-inline-block"
                            >
                              <div>View page</div>
                              <div>→</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section--explore-projects section__padding">
      <div class="w-layout-blockcontainer container-ss w-container">
        <div class="row-ss">
          <div class="col-ss">
            <h2 class="section__heading">Explore other projects</h2>
            <div class="clw--portfolio w-dyn-list">
              <div role="list" class="cl--portfolio w-dyn-items">
                
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</main>

<section class="footer-group">
  <section id="section--contact" class="section--contact-us section__padding">
    <div class="container-ss">
      <div class="row-ss">
        <div class="col-ss col--contact-content">
          <div class="section__content content--contact-us">
            <h2 class="section__heading">Let&#x27;s talk!</h2>
            <p class="section__desc">
              Tell me a little about yourself and your project. I&#x27;m always open to discuss the project, improve
              your online presence &amp; help with your brand/store challenges.
            </p>
            <div class="contact--email">
              <p class="email__title">Get in touch:</p>
              <a
                href="mailto:sohil@shahsohil.com?subject=Project%20Enquiry"
                class="email__address"
                >sohil@shahsohil.com</a
              >
            </div>
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="467"
              height="177"
              viewBox="0 0 467 177"
              fill="none"
              class="email__image"
            >
              <rect y="157" width="467" height="3" rx="1.5" fill="#36364D"/>
              <rect x="70" y="66" width="170.657" height="110.101" rx="8" fill="#EDEDF6"/>
              <path d="M70.001 152.869H240.658V166.081C240.658 170.499 237.076 174.081 232.658 174.081H78.001C73.5827 174.081 70.001 170.499 70.001 166.081V152.869Z" fill="#DBDCED"/>
              <path d="M240.657 88.2222L70.0003 88.2222V75.0101C70.0003 70.5918 73.582 67.01 78.0003 67.01L232.657 67.01C237.075 67.01 240.657 70.5918 240.657 75.01V88.2222Z" fill="#DBDCED"/>
              <rect x="71.5" y="67.5" width="167.657" height="107.101" rx="6.5" stroke="#36364D" stroke-width="3"/>
              <path d="M168.633 119.391C167.22 116.306 164.811 113.792 161.818 112.278C158.824 110.764 155.431 110.342 152.215 111.086C149 111.829 146.162 113.691 144.185 116.355C142.207 119.019 141.213 122.319 141.371 125.694C141.53 129.068 142.831 132.308 145.053 134.862C147.275 137.416 150.28 139.125 153.558 139.698C156.835 140.271 160.18 139.673 163.025 138.006C165.869 136.339 168.036 133.706 169.156 130.555L161.961 125.389L168.633 119.391Z" fill="white"/>
              <path d="M161.415 124.151L159.988 125.412L161.549 126.504L167.898 130.941C166.758 133.341 164.917 135.352 162.605 136.698C159.96 138.238 156.864 138.814 153.842 138.327C150.821 137.841 148.062 136.322 146.035 134.031C144.008 131.739 142.839 128.816 142.727 125.759C142.615 122.702 143.567 119.701 145.42 117.267C147.274 114.833 149.915 113.117 152.892 112.411C155.87 111.704 159.001 112.052 161.751 113.394C164.17 114.575 166.163 116.461 167.475 118.791L161.415 124.151Z" stroke="#36364D" stroke-width="3"/>
              <rect width="8.1606" height="2.76082" rx="1.38041" transform="matrix(0.726905 -0.686738 0.6871 0.726563 154.105 106.958)" fill="#36364D"/>
              <rect x="165.036" y="164.99" width="15.3285" height="3.0303" rx="1.51515" fill="#4E51A6"/>
              <rect x="183.43" y="164.99" width="30.6569" height="3.0303" rx="1.51515" fill="#4E51A6"/>
              <rect x="217.152" y="164.99" width="15.3285" height="3.0303" rx="1.51515" fill="#4E51A6"/>
              <rect x="229.416" y="168.02" width="39.3939" height="3.06569" rx="1.53285" transform="rotate(-90 229.416 168.02)" fill="#4E51A6"/>
              <rect x="78.1748" y="96.3032" width="22.2222" height="3.06569" rx="1.53285" transform="rotate(-90 78.1748 96.3032)" fill="#4E51A6"/>
              <rect x="78.1748" y="74.0808" width="32.7007" height="3.0303" rx="1.51515" fill="#4E51A6"/>
              <rect x="114.963" y="74.0808" width="9.19708" height="3.0303" rx="1.51515" fill="#4E51A6"/>
              <rect x="284.023" y="84.4402" width="60.574" height="37.8363" rx="3" transform="rotate(-20 284.023 84.4402)" fill="#DBDCED"/>
              <path fill-rule="evenodd" clip-rule="evenodd" d="M290.116 82.284L335.923 65.6118C338.518 64.6674 341.387 66.0053 342.331 68.6002L351.621 94.1236C352.566 96.7185 351.228 99.5877 348.633 100.532L302.826 117.204C300.231 118.149 297.362 116.811 296.418 114.216L287.128 88.6926C286.183 86.0977 287.521 83.2285 290.116 82.284ZM284.309 89.7187C282.798 85.5668 284.938 80.9761 289.09 79.465L334.897 62.7927C339.049 61.2816 343.639 63.4223 345.15 67.5741L354.44 93.0976C355.951 97.2494 353.811 101.84 349.659 103.351L303.852 120.023C299.701 121.535 295.11 119.394 293.599 115.242L284.309 89.7187ZM321.666 96.9733C321.527 96.9781 321.383 96.9645 321.237 96.9306L314.754 95.4329L304.543 112.198C304.015 113.066 302.884 113.34 302.017 112.812C301.149 112.284 300.875 111.153 301.403 110.286L310.98 94.5609L294.652 90.7885C293.603 90.5462 292.8 89.3623 292.857 88.1443C292.914 86.9262 293.811 86.1352 294.86 86.3775L320.573 92.3184L335.363 70.308C335.969 69.4054 337.156 69.3654 338.013 70.2185C338.871 71.0716 339.074 72.4948 338.468 73.3973L328.614 88.0635L346.215 94.0063C347.177 94.3311 347.694 95.3743 347.369 96.3363C347.044 97.2983 346.001 97.8148 345.039 97.49L326.869 91.3552C326.742 91.3124 326.623 91.257 326.512 91.1911L323.096 96.2759C322.751 96.7889 322.219 97.0233 321.666 96.9733Z" fill="#4E51A6"/>
              <rect x="273.197" y="19.5876" width="33.0552" height="21.8856" rx="3" transform="rotate(-30 273.197 19.5876)" fill="#EDEDF6"/>
              <path fill-rule="evenodd" clip-rule="evenodd" d="M276.598 19.9096L300.245 6.25679C300.724 5.98065 301.335 6.14453 301.611 6.62282L309.713 20.6544C309.989 21.1327 309.825 21.7443 309.346 22.0205L285.699 35.6732C285.221 35.9494 284.609 35.7855 284.333 35.3072L276.232 21.2756C275.956 20.7973 276.12 20.1857 276.598 19.9096ZM274.5 22.2756C273.672 20.8407 274.163 19.0059 275.598 18.1775L299.245 4.52474C300.68 3.69632 302.515 4.18794 303.343 5.62282L311.445 19.6544C312.273 21.0893 311.781 22.9241 310.346 23.7525L286.699 37.4053C285.264 38.2337 283.43 37.7421 282.601 36.3072L274.5 22.2756ZM294.63 23.5798C294.56 23.5946 294.486 23.6005 294.409 23.5964L290.991 23.4168L287.316 32.8221C287.126 33.3086 286.577 33.5489 286.091 33.3588C285.604 33.1687 285.364 32.6202 285.554 32.1337L289.001 23.3122L280.393 22.8596C279.84 22.8306 279.327 22.3026 279.247 21.6805C279.167 21.0583 279.551 20.5775 280.104 20.6066L293.661 21.3192L299.187 8.84804C299.413 8.33666 300.011 8.21035 300.521 8.56592C301.032 8.92149 301.262 9.62429 301.036 10.1357L297.354 18.4456L306.801 19.8839C307.318 19.9625 307.673 20.4448 307.594 20.9611C307.515 21.4775 307.033 21.8323 306.517 21.7537L296.764 20.269C296.696 20.2586 296.63 20.2412 296.569 20.2177L295.292 23.0987C295.163 23.3894 294.914 23.5557 294.63 23.5798Z" fill="#DBDCED"/>
              <rect x="360.101" y="9.80518" width="42.6245" height="26.5642" rx="3" transform="rotate(25 360.101 9.80518)" fill="#DBDCED"/>
              <path d="M372.127 34.6717C372.058 34.6068 371.995 34.5305 371.94 34.4429L369.523 30.5727L356.439 33.7514C355.763 33.9158 355.081 33.5005 354.916 32.8238C354.752 32.1471 355.167 31.4652 355.844 31.3008L368.115 28.3194L362.026 18.571C361.635 17.9448 361.819 16.9809 362.438 16.418C363.056 15.8551 363.875 15.9063 364.266 16.5324L373.855 31.8843L391.702 28.3821C392.434 28.2385 393.029 28.7947 393.031 29.6243C393.033 30.4539 392.442 31.2429 391.71 31.3865L379.818 33.7201L385.472 45.1388C385.781 45.7629 385.526 46.5193 384.902 46.8284C384.278 47.1374 383.521 46.882 383.212 46.2579L377.375 34.4702C377.335 34.3879 377.304 34.3033 377.282 34.2178L373.159 35.0268C372.743 35.1085 372.371 34.964 372.127 34.6717Z" fill="#717184"/>
              <path fill-rule="evenodd" clip-rule="evenodd" d="M357.005 14.158C358.575 10.7918 362.576 9.33548 365.942 10.9051L393.999 23.9883C397.365 25.5579 398.822 29.5592 397.252 32.9254L390.425 47.5649C388.856 50.9311 384.854 52.3874 381.488 50.8178L353.431 37.7346C350.065 36.165 348.609 32.1637 350.179 28.7976L357.005 14.158ZM364.876 13.1907L392.933 26.2739C395.037 27.2549 395.947 29.7557 394.966 31.8596L388.14 46.4991C387.159 48.603 384.658 49.5132 382.554 48.5322L354.497 35.449C352.393 34.468 351.483 31.9672 352.464 29.8634L359.291 15.2238C360.272 13.1199 362.773 12.2097 364.876 13.1907Z" fill="#717184"/>
            </svg>
          </div>
        </div>
        <div class="col-ss col--contact-form">
          <div class="section__form">
            <div class="contact-form__wrapper w-form">
              <form action='/success/' class='form--contact' id='wf-form-contact-form' method='POST' name='contact'>
                <!-- REQUIRED: Netlify form name -->
                <input type="hidden" name="form-name" value="contact">

                <!-- Honeypot spam protection -->
                <input type="hidden" name="bot-field">

                <div class="contact-form__grid">
                  <div class="contact-form__item">
                    <label class="field__label">Full name / Company name *</label>
                    <input
                      class="field__input w-input"
                      name="full_name"
                      placeholder="What should we call you?"
                      type="text"
                      required
                    >
                  </div>

                  <div class="contact-form__item">
                    <label class="field__label">Email *</label>
                    <input
                      class="field__input w-input"
                      name="email"
                      placeholder="Your email id..."
                      type="email"
                      required
                    >
                  </div>

                  <div class="contact-form__item">
                    <label class="field__label">Current website (if exists)</label>
                    <input
                      class="field__input w-input"
                      name="website"
                      placeholder="Your current website..."
                      type="text"
                    >
                  </div>

                  <div class="contact-form__item">
                    <label class="field__label">Message *</label>
                    <textarea
                      name="message"
                      maxlength="5000"
                      placeholder="A brief of your requirement..."
                      required
                      class="field__input field--textarea w-input"
                    ></textarea>
                  </div>
                </div>

                <div class="cta-wrapper contact--cta-wrapper">
                  <input
                    type="submit"
                    class="btn-ss is--primary--solid w-button"
                    value="Send"
                  >
                </div>
              </form>
              <div class="success-message w-form-done">
                <div>Thank you! Your submission has been received!</div>
              </div>
              <div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <footer class="section--footer">
    <div class="container-ss w-container">
      <div class="row-ss row--footer-nav">
        <div class="col-ss col--footer-logo">
          <div class="section__content">
            <a href="/" aria-current="page" class="w-inline-block w--current">
              <div class="logo logo--footer">
                <div class="logo--icon icon--opening-tag">&lt;</div>
                <div class="logo--text">Shah Sohil</div>
                <div class="logo--icon icon--closing-tag">/&gt;</div>
              </div>
            </a>
          </div>
        </div>
        <div class="col-ss col--footer-services">
          <div class="footer-nav">
            <h3 class="footer-nav__title">Expertise</h3>
            <div class="clw--footer-services w-dyn-list">
              <div role="list" class="cl--footer-services w-dyn-items">
                <div role="listitem" class="ci--footer-services w-dyn-item">
                  <a
                    href=""
                    class="footer-nav__link"
                    >Converting Designs to Website or Theme</a
                  >
                </div>
                <div role="listitem" class="ci--footer-services w-dyn-item">
                  <a
                    href=""
                    class="footer-nav__link"
                    >Shopify development</a
                  >
                </div>
                <div role="listitem" class="ci--footer-services w-dyn-item">
                  <a
                    href=""
                    class="footer-nav__link"
                    >WebFlow development</a
                  >
                </div>
                <div role="listitem" class="ci--footer-services w-dyn-item">
                  <a
                    href=""
                    class="footer-nav__link"
                    >WordPress development</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-ss col--footer-info">
          <div class="footer-nav">
            <h3 class="footer-nav__title">Services with values</h3>
            <div class="clw--footer-services w-dyn-list">
              <div role="list" class="cl--footer-services w-dyn-items">
                <div role="listitem" class="ci--footer-services w-dyn-item">
                  <a
                    href=""
                    class="footer-nav__link"
                    >Page speed optimization</a
                  >
                </div>
                <div role="listitem" class="ci--footer-services w-dyn-item">
                  <a
                    href=""
                    class="footer-nav__link"
                    >Animations and Interactions</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-ss col--footer-info">
          <div class="footer-nav">
            <h3 class="footer-nav__title">Online presence</h3>
            <div class="cl--footer-services">
              <a
                href="https://www.linkedin.com/in/sohil-on-li/"
                target="_blank"
                class="footer-nav__link"
                >Linked In</a
              ><a
                href="https://x.com/sohil_on_x"
                target="_blank"
                class="footer-nav__link"
                >X (Twitter)</a
              ><a
                href="https://codepen.io/sohil_on_cp"
                target="_blank"
                class="footer-nav__link"
                >CodePen</a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <section class="section--copyright">
    <div class="w-layout-blockcontainer container-ss w-container">
      <div class="row-ss">
        <div class="col-ss">
          <div class="section__content content--copyright">
            <div class="copyright-text">© All rights reserved, Sohil S Shah</div>
          </div>
        </div>
      </div>
    </div>
  </section>
</section>