review

<style>
  .content-for-layout section.shopify-section.section {
    background-image: url(https://cdn.shopify.com/s/files/1/0626/4904/0940/files/dot-bg-v2.webp?v=1732971224);
    background-position-x: center;
    background-position-y: center;
    background-color: #faf8f1 !important;
    background-repeat: repeat;
  }

  .content-for-layout section.shopify-section.section div.gradient {
    background-image: url(https://cdn.shopify.com/s/files/1/0626/4904/0940/files/dot-bg-v2.webp?v=1732971224);
    background-position-x: center;
    background-position-y: center;
    background-color: #faf8f1 !important;
    background-repeat: repeat;
  }

  .gradient {
    background: #eff4f7;
    background-attachment: fixed;
  }

  .title-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 50px;
    max-width: 780px;
    margin: 0 auto;
  }

  .title-container-main-title {
    color: #202336;
    font-weight: 600;
    font-size: 42px;
    margin: 0;
    line-height: 62px;
    text-align: center;
  }

  .title-container-main-title .higlight {
    position: relative;
    display: inline-block;
    padding: 0 12px;
    background-color: #ffd83b;
    border-radius: 10px;
  }

  .title-container-subtitle {
    padding: 0;
    font-size: 18px;
    color: #202336;
    font-weight: 500;
    line-height: 30px;
    margin: 18px 0 0 0;
    text-align: center;
  }

  b {
    font-weight: bolder;
  }

  .customer-reviews-preview-container {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding: 0 50px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .customer-main-container {
    width: 100%;
    display: flex;
  }

  .review-main-container {
    width: 100%;
    display: flex;
  }

  .customerGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
  }

  .customer-photos-image-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
  }

  .customer-photos-image-wrap-row {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    column-gap: 14px;
  }

  .customer-photos-image-item-wrap {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 6.123233995736766e-16px 10px 8px 0 #0000001f;
  }

  .customer-photos-image-item-wrap img {
    max-width: 100%;
  }

  .customer-reviews-preview-image-wrap {
    display: flex;
    flex-direction: column;
  }

  .customer-reviews-grid-wrap {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    margin-bottom: 26px;
  }

  .customer-reviews-grid-row {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    column-gap: 14px;
  }

  .customer-reviews-preview-container .testimonial-item {
    min-width: 215px;
  }

  .testimonial-item {
    max-width: 280px;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 6.123233995736766e-16px 10px 8px 0 #0000001f;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .testimonial-item-star-wrap {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .testimonial-item-star {
    height: 16px;
    display: flex;
    align-items: center;
  }

  .customer-reviews-preview-container img {
    max-width: 100%;
  }

  .testimonial-item-star img {
    max-height: 100%;
  }

  .testimonial-item-text-wrap {
    width: 100%;
    height: auto;
    margin-top: 12px;
  }

  .customer-reviews-preview-container .testimonial-item-text {
    letter-spacing: 0;
    line-height: 20px;
    font-size: 13px;
  }

  .testimonial-item-text {
    margin: 0;
    padding: 0;
    color: #202336;
    font-weight: 400;
  }

  .testimonial-item-person-wrap.no-avatar-image {
    align-items: center;
  }

  .testimonial-item-person-wrap {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
  }

  .testimonial-item-person-avatar-wrap {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 0;
  }

  .testimonial-item-person-wrap.no-avatar-image .testimonial-item-person-name-wrap {
    margin-left: 0;
  }

  .customer-reviews-preview-container .testimonial-item-person-name {
    font-size: 13px;
    letter-spacing: 0;
  }

  .testimonial-item-person-name {
    line-height: 20px;
    overflow-wrap: break-word;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #202336;
  }

  .testimonial-item-purchase-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 2px;
  }

  .customer-reviews-preview-container .testimonial-item-purchase-icon-wrap {
    width: 10px;
    height: 10px;
  }

  .testimonial-item-purchase-icon-wrap {
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 6px;
  }

  .customer-reviews-preview-container .testimonial-item-purchase-label {
    font-size: 9px;
  }

  .testimonial-item-purchase-label {
    text-transform: uppercase;
    color: #999;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 14px;
  }

  #customer-reviews-preview-container.customer-reviews-preview-container .customerSwiper {
    display: none;
  }

  .customerButton {
    display: flex !important;
    max-width: 384px;
    margin: auto;
    cursor: pointer;
    transition: .3s !important;
    background-color: #951528;
    font-family: Poppins;
    font-weight: 700;
    min-height: 42px;
    height: 42px;
    letter-spacing: initial;
    align-items: center;
  }

  .button8 {
    font-size: 15px;
    line-height: calc(1 + .2 / 1.0);
    justify-content: center;
    border: 0;
    padding: 0 30px;
    font: inherit;
    text-decoration: none;
    color: #ffffff;
    appearance: none;
    min-width: calc(120px + 0px * 2);
    border-radius: 50px;
  }

  .button8 img {
    width: 15px;
  }

  .button8:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 40px;
    box-shadow: 0px 4px 5px #12121200;
  }

  .customerButton img {
    margin-left: 12px;
  }

  .button8:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 40px;
    transition: box-shadow .1s ease;
  }

  .section-template--16845203111980__custom_liquid_jcjRY8-padding {
    padding-top: calc(60px * 0.75);
    padding-bottom: calc(36px * 0.75);
  }

  @media screen and (min-width: 750px) {
    .section-template--16845203111980__custom_liquid_jcjRY8-padding {
      padding-top: 60px;
      padding-bottom: 36px;
    }
  }

  @media (max-width: 750px) {
    #shopify-section-template--24856918360448__testimonials2_nmUgRW .customerSwiper {
      overflow-x: scroll;
    }

    #shopify-section-template--24856918360448__testimonials2_nmUgRW div#swiper-wrapper-ec9211a61674ffe0 {
      display: flex;
    }

    #shopify-section-template--24856918360448__testimonials2_nmUgRW span.swiper-notification {
      display: none !important;
    }

    #shopify-section-template--24856918360448__testimonials2_nmUgRW .btn-nav-combo {
      display: none !important;
    }
  }

  @media (min-width: 801px) {
    #customer-reviews-preview-container.customer-reviews-preview-container .btn-nav-combo .customerPagination {
      display: none;
    }

    #customer-reviews-preview-container.customer-reviews-preview-container .btn-nav-combo .swiper-button8-next {
      display: none;
    }

    #customer-reviews-preview-container.customer-reviews-preview-container .btn-nav-combo .swiper-button8-prev {
      display: none;
    }
  }

  @media screen and (max-width: 768px) {
    .title-container-main-title {
      font-size: 22px;
      line-height: 36px;
    }

    .title-container-subtitle {
      font-size: 14px;
      line-height: 24px;
      margin: 10px 0 0 0;
    }

    .customer-reviews-preview-container {
      padding: 0;
    }

    .customerGrid {
      display: flex;
      flex-direction: column;
      width: 100%;
    }

    .customer-photos-image-wrap {
      padding: 0 15px;
      margin-bottom: 24px;
    }

    .customer-reviews-grid-wrap {
      display: none;
    }

    .testimonial-item-star {
      height: 16px;
    }

    .testimonial-item-text-wrap {
      margin-top: 8px;
    }

    .testimonial-item-person-wrap {
      margin-top: 8px;
    }

    #customer-reviews-preview-container.customer-reviews-preview-container .product-customer .customerSwiper {
      margin-bottom: 8px;
      width: 100%;
      display: flex;
    }

    #customer-reviews-preview-container.customer-reviews-preview-container .customerSwiper .swiper-slide:first-child {
      width: 312px;
      justify-content: center;
    }

    #customer-reviews-preview-container.customer-reviews-preview-container .customerSwiper .swiper-slide {
      box-sizing: border-box;
      width: 296px;
      padding-bottom: 20px;
      display: flex;
      justify-content: flex-start;
    }

    .product-customer .btn-nav-combo {
      align-items: center;
    }

    .product-customer .customerButton {
      margin: unset;
      margin-left: 16px;
      width: 100%;
      max-width: 219px;
      letter-spacing: inherit;
    }

    #customer-reviews-preview-container.customer-reviews-preview-container .customer-pagination-wrap {
      display: flex;
      align-items: center;
    }

    #customer-reviews-preview-container.customer-reviews-preview-container .product-customer .customerPagination {
      position: static;
      margin: auto;
    }

    .product-customer .swiper-pagination {
      background-color: transparent;
      width: fit-content;
      font-size: 12px;
    }

    .product-customer .swiper-button8-next {
      background-image: url(https://cdn.shopify.com/s/files/1/0626/4904/0940/files/arrow-right-white.svg?v=1717623454);
      background-repeat: no-repeat;
      position: unset;
      background-color: #71a47d;
      height: 42px;
      width: 42px;
      min-width: 42px;
      min-height: 42px;
      text-align: center;
      background-position: center;
      border-radius: 50%;
      margin: 0;
      z-index: auto;
      margin-right: 16px;
      padding: 0;
      border: none;
    }

    .product-customer .swiper-button8-prev {
      display: none;
    }
  }

  @media screen and (max-width: 992px) {
    .title-container {
      padding: 0 15px;
    }
  }
</style>

<div id="shopify-section-template--24856918360448__testimonials2_nmUgRW" class="shopify-section">
  <section id="shopify-section-template--16845203111980__custom_liquid_jcjRY8" class="shopify-section section">
    <div class="color-scheme-1 gradient">
      <div class="section-template--16845203111980__custom_liquid_jcjRY8-padding">
        <div style="width:100%;display:flex">
          <div class="title-container">
            <h4 class="title-container-main-title"><span class="higlight">Results</span> That Speak Volumes</h4>
            <p class="title-container-subtitle">Meet the people <b>boosting their sales</b> with our product.</p>
          </div>
        </div>
        <div style="width:100%;display:flex;margin-top:24px">
          <div class="customer-reviews-preview-container" id="customer-reviews-preview-container">
            <div class="customer-main-container product-customer">
              <div class="review-main-container">
                <div class="customerGrid">
                  <div class="customer-photos-image-wrap">
                    <div class="customer-photos-image-wrap-row">
                      <div class="customer-photos-image-item-wrap"><img
                          src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/img1.png?v=1758000508"
                          alt="People Reviews"></div>
                      <div class="customer-photos-image-item-wrap"><img
                          src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/img2.png?v=1758000514"
                          alt="People Reviews"></div>
                    </div>
                    <div class="customer-photos-image-wrap-row">
                      <div class="customer-photos-image-item-wrap"><img
                          src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/img3_35db41a6-ad56-43a1-828d-75fcd45496da.png?v=1758016181"
                          alt="People Reviews"></div>
                      <div class="customer-photos-image-item-wrap"><img
                          src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/img4.png?v=1758000510"
                          alt="People Reviews"></div>
                    </div>
                  </div>
                  <div class="customer-reviews-preview-image-wrap">
                    <div class="customer-reviews-grid-wrap">
                      <div class="customer-reviews-grid-row">
                        <div class="testimonial-item">
                          <img
                            src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/1_491e4a3e-388c-41d5-b53b-595d9f6802aa.png?v=1758106343"
                            alt="Review Image">
                        </div>
                        <div class="testimonial-item">
                          <img
                            src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/2_6f5a52e3-c744-4757-8f84-40df85320dc3.png?v=1758106343"
                            alt="Review Image">
                        </div>
                      </div>
                      <div class="customer-reviews-grid-row">
                        <div class="testimonial-item">
                          <img
                            src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/3_1e905f8f-d4d9-486c-9127-768d5404bfdd.png?v=1758106343"
                            alt="Review Image">
                        </div>
                        <div class="testimonial-item">
                          <img
                            src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/4_2cd4c881-3b1c-47e4-a57c-2878d1b309ca.png?v=1758106343"
                            alt="Review Image">
                        </div>
                      </div>
                      <div class="customer-reviews-grid-row">
                        <div class="testimonial-item">
                          <img
                            src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/5_53bbe031-e589-4df1-87dd-469ad568b3ca.png?v=1758106343"
                            alt="Review Image">
                        </div>
                        <div class="testimonial-item">
                          <img
                            src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/6_d80dbc63-8434-4f69-8a72-aa39b77288dc.png?v=1758106343"
                            alt="Review Image">
                        </div>
                      </div>
                    </div>
                    <div class="customerSwiper swiper swiper-backface-hidden swiper-horizontal swiper-initialized">
                      <div class="swiper-wrapper" id="swiper-wrapper-ec9211a61674ffe0" aria-live="polite">
                        <div class="swiper-slide swiper-slide-active">
                          <div class="testimonial-item"><img
                              src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/1_491e4a3e-388c-41d5-b53b-595d9f6802aa.png?v=1758106343"
                              alt="Review Image"></div>
                        </div>
                        <div class="swiper-slide swiper-slide-next">
                          <div class="testimonial-item"><img
                              src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/2_6f5a52e3-c744-4757-8f84-40df85320dc3.png?v=1758106343"
                              alt="Review Image"></div>
                        </div>
                        <div class="swiper-slide">
                          <div class="testimonial-item"><img
                              src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/3_1e905f8f-d4d9-486c-9127-768d5404bfdd.png?v=1758106343"
                              alt="Review Image"></div>
                        </div>
                        <div class="swiper-slide">
                          <div class="testimonial-item"><img
                              src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/4_2cd4c881-3b1c-47e4-a57c-2878d1b309ca.png?v=1758106343"
                              alt="Review Image"></div>
                        </div>
                        <div class="swiper-slide">
                          <div class="testimonial-item"><img
                              src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/5_53bbe031-e589-4df1-87dd-469ad568b3ca.png?v=1758106343"
                              alt="Review Image"></div>
                        </div>
                        <div class="swiper-slide">
                          <div class="testimonial-item"><img
                              src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/6_d80dbc63-8434-4f69-8a72-aa39b77288dc.png?v=1758106343"
                              alt="Review Image"></div>
                        </div>
                      </div>
                    </div>
                    <div class="btn-nav-combo">
                      <button class="button8 button8--primary customerButton jsScrollReviewButton"
                        data-target=".jsCustomerSuccessMainBlock">More Reviews <img
                          src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/arrow-right-white.svg?v=1717623454"></button>
                      <div class="customer-pagination-wrap">
                        <div
                          class="customerPagination swiper-pagination swiper-pagination-bullets swiper-pagination-clickable swiper-pagination-horizontal"
                          id="customerPagination"></div>
                        <button class="swiper-button8-next"></button>
                        <button class="swiper-button8-prev"></button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <script>
            document.addEventListener('DOMContentLoaded', function () {
              new Swiper(
                document.querySelector('[id="customer-reviews-preview-container"] .customerSwiper'),
                {
                  pagination: {
                    el: '[id="customer-reviews-preview-container"] .customerPagination',
                    clickable: true,
                    renderBullet: function (index, className) {
                      return '<span class="' + className + '">' + [index + 1] + '/' + 6 + '</span>';
                    }
                  },
                  navigation: {
                    nextEl: '.swiper-button8-next',
                    prevEl: '.swiper-button8-prev',
                  },
                  slidesPerView: 'auto'
                }
              );
            });
          </script>
        </div>
      </div>
    </div>
  </section>
</div>