{%- assign trustpilot = site.data.review.trustpilot -%}

{%- if trustpilot -%}
<div class="trustpilot-container">
  <p class="trustpilot-h2">
    {{trustpilot.title}}
  </p>
  <p class="trustpilot-description">
    {{trustpilot.description}}
  </p>

  <div class="review-section mt-5">
    <div class="row">
      <div class="col-md-8 mx-auto">
        <button class="trustpilot-arrow-left" >
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            class="lucide lucide-chevron-left h-4 w-4"
          >
            <path d="m15 18-6-6 6-6"></path>
          </svg>
          <span class="sr-only">Previous slide</span>
        </button>
        <div class="reviews" id="infinite_carousel" class="d-flex align-items-center">
          <div class="row w-100 flex-nowrap" style="overflow: hidden;">
            {%- for item in trustpilot.reviews -%}
            <div class="col-lg-4 col-md-6  review" >
              <div
                role="group"
                aria-roledescription="slide"
                class="px-2 "
              >
                <a
                  target="_blank"
                  href="{{trustpilot.trustpilotReviewLink}}"
                >
                  <div class="p-2 flex flex-col gap-3 border-b-2 pb-5">
                    <div class="review-container">
                      <div class="review-stars">
                        <svg
                          width="19"
                          height="19"
                          viewBox="0 0 19 19"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <rect
                            width="18"
                            height="18"
                            transform="translate(0.5 0.196777)"
                            fill="#00B67A"
                          ></rect>
                          <path
                            d="M15.7888 7.78243H10.9659L9.48129 3.19678L7.98788 7.78243L3.16504 7.77364L7.06548 10.6111L5.57207 15.1968L9.47251 12.3593L13.3729 15.1968L11.8883 10.6111L15.7888 7.78243Z"
                            fill="white"
                          ></path>
                          <path
                            d="M12.2223 11.6479L11.8885 10.6113L9.48145 12.3595L12.2223 11.6479Z"
                            fill="#00B67A"
                          ></path>
                        </svg>
                        <svg
                          width="19"
                          height="19"
                          viewBox="0 0 19 19"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <rect
                            width="18"
                            height="18"
                            transform="translate(0.5 0.196777)"
                            fill="#00B67A"
                          ></rect>
                          <path
                            d="M15.7888 7.78243H10.9659L9.48129 3.19678L7.98788 7.78243L3.16504 7.77364L7.06548 10.6111L5.57207 15.1968L9.47251 12.3593L13.3729 15.1968L11.8883 10.6111L15.7888 7.78243Z"
                            fill="white"
                          ></path>
                          <path
                            d="M12.2223 11.6479L11.8885 10.6113L9.48145 12.3595L12.2223 11.6479Z"
                            fill="#00B67A"
                          ></path>
                        </svg>
                        <svg
                          width="19"
                          height="19"
                          viewBox="0 0 19 19"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <rect
                            width="18"
                            height="18"
                            transform="translate(0.5 0.196777)"
                            fill="#00B67A"
                          ></rect>
                          <path
                            d="M15.7888 7.78243H10.9659L9.48129 3.19678L7.98788 7.78243L3.16504 7.77364L7.06548 10.6111L5.57207 15.1968L9.47251 12.3593L13.3729 15.1968L11.8883 10.6111L15.7888 7.78243Z"
                            fill="white"
                          ></path>
                          <path
                            d="M12.2223 11.6479L11.8885 10.6113L9.48145 12.3595L12.2223 11.6479Z"
                            fill="#00B67A"
                          ></path>
                        </svg>
                        <svg
                          width="19"
                          height="19"
                          viewBox="0 0 19 19"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <rect
                            width="18"
                            height="18"
                            transform="translate(0.5 0.196777)"
                            fill="#00B67A"
                          ></rect>
                          <path
                            d="M15.7888 7.78243H10.9659L9.48129 3.19678L7.98788 7.78243L3.16504 7.77364L7.06548 10.6111L5.57207 15.1968L9.47251 12.3593L13.3729 15.1968L11.8883 10.6111L15.7888 7.78243Z"
                            fill="white"
                          ></path>
                          <path
                            d="M12.2223 11.6479L11.8885 10.6113L9.48145 12.3595L12.2223 11.6479Z"
                            fill="#00B67A"
                          ></path>
                        </svg>
                        <svg
                          width="19"
                          height="19"
                          viewBox="0 0 19 19"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <rect
                            width="18"
                            height="18"
                            transform="translate(0.5 0.196777)"
                            fill="#00B67A"
                          ></rect>
                          <path
                            d="M15.7888 7.78243H10.9659L9.48129 3.19678L7.98788 7.78243L3.16504 7.77364L7.06548 10.6111L5.57207 15.1968L9.47251 12.3593L13.3729 15.1968L11.8883 10.6111L15.7888 7.78243Z"
                            fill="white"
                          ></path>
                          <path
                            d="M12.2223 11.6479L11.8885 10.6113L9.48145 12.3595L12.2223 11.6479Z"
                            fill="#00B67A"
                          ></path>
                        </svg>
                      </div>

                      <div class="review-verified">
                        <svg
                          width="15"
                          height="15"
                          viewBox="0 0 15 15"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M14.5 7.19678C14.5 9.05329 13.7625 10.8338 12.4497 12.1465C11.137 13.4593 9.35652 14.1968 7.5 14.1968C5.64348 14.1968 3.86301 13.4593 2.55025 12.1465C1.2375 10.8338 0.5 9.05329 0.5 7.19678C0.5 5.34026 1.2375 3.55978 2.55025 2.24703C3.86301 0.934275 5.64348 0.196777 7.5 0.196777C9.35652 0.196777 11.137 0.934275 12.4497 2.24703C13.7625 3.55978 14.5 5.34026 14.5 7.19678ZM11.0262 4.54553C10.9637 4.48324 10.8893 4.4342 10.8074 4.40134C10.7256 4.36848 10.6379 4.35247 10.5497 4.35426C10.4614 4.35606 10.3745 4.37563 10.294 4.4118C10.2135 4.44797 10.1412 4.5 10.0813 4.56478L7.04238 8.43665L5.211 6.6044C5.0866 6.48848 4.92206 6.42537 4.75204 6.42837C4.58203 6.43137 4.41982 6.50025 4.29958 6.62048C4.17934 6.74072 4.11047 6.90293 4.10747 7.07295C4.10447 7.24296 4.16758 7.4075 4.2835 7.5319L6.59875 9.84803C6.66112 9.91028 6.73539 9.95934 6.81714 9.99227C6.89888 10.0252 6.98642 10.0413 7.07453 10.0397C7.16264 10.0381 7.24952 10.0187 7.32998 9.98277C7.41045 9.94683 7.48285 9.89505 7.54287 9.83053L11.0359 5.46428C11.155 5.34046 11.2207 5.17489 11.2191 5.00312C11.2175 4.83134 11.1485 4.66705 11.0271 4.54553H11.0262Z"
                            fill="#6C6C85"
                          ></path>
                        </svg>
                        <span class="ml-1 text-sm">Verified</span>
                      </div>
                    </div>
                    <div class="review-title mt-2">{{item.title}}</div>
                    <div>
                      <p class="review-text mt-3">
                       {{item.review}}
                      </p>
                    </div>
                    <div class="reviewer-name">{{item.name}}</div>
                  </div>
                </a>
              </div>
            </div>
            {%- endfor -%}
           
           
            
          </div>
         
       
        </div>

        <button class="trustpilot-arrow-right" >
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="24"
            height="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            class="lucide lucide-chevron-right h-4 w-4"
          >
            <path d="m9 18 6-6-6-6"></path></svg>
            <span class="sr-only">Next slide</span>
        </button>
      </div>
    </div>
    <div class="trustpilot-end">
      <div>
        <span
          ><span class="false">Rated </span
          ><span class="trustpilot-rating">{{trustpilot.rated}}</span
          ><span class="false">/5 based on</span></span
        >
        <a
          href="{{trustpilot.trustpilotReviewLink}}"
          target="_blank"
          ><span class="trustpilot-total-reviews"
            ><span><span class="false">{{trustpilot.numberOfReviews}}+ reviews.</span></span></span
          ></a
        ><span>
          <span
            ><span class="false">Showing our latest reviews,</span></span
          ></span
        >
      </div>
      <div class="pb-3">
        <svg
        fill="black"
          width="85"
          height="20"
          viewBox="0 0 85 20"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g clip-path="url(#clip0_3599_4795)">
            <path
              d="M22.5133 7.1084H30.6085V8.6154H27.4211V17.1107H25.674V8.6154H22.5L22.5133 7.1084ZM30.2618 9.86902H31.7554V11.2693H31.7821C31.8354 11.0693 31.9288 10.8826 32.0622 10.6959C32.1955 10.5092 32.3556 10.3358 32.5556 10.1891C32.7423 10.0291 32.9557 9.90903 33.1957 9.81568C33.4225 9.72232 33.6625 9.66897 33.9026 9.66897C34.0893 9.66897 34.2226 9.68231 34.2893 9.68231C34.356 9.69565 34.436 9.70899 34.5027 9.70899V11.2427C34.396 11.216 34.276 11.2027 34.156 11.1893C34.0359 11.176 33.9292 11.1626 33.8092 11.1626C33.5425 11.1626 33.2891 11.216 33.0491 11.3227C32.809 11.4294 32.609 11.5894 32.4222 11.7895C32.2489 12.0028 32.1022 12.2562 31.9955 12.563C31.8888 12.8697 31.8354 13.2298 31.8354 13.6299V17.0706H30.2351L30.2618 9.86902ZM41.8377 17.1107H40.264V16.0971H40.2373C40.0373 16.4705 39.7439 16.7506 39.3571 16.9773C38.9704 17.204 38.5703 17.3107 38.1702 17.3107C37.2233 17.3107 36.5298 17.084 36.1031 16.6039C35.6763 16.1371 35.4629 15.4169 35.4629 14.4701V9.86902H37.0633V14.31C37.0633 14.9502 37.1833 15.4036 37.4367 15.657C37.6768 15.9237 38.0235 16.0571 38.4636 16.0571C38.797 16.0571 39.0771 16.0037 39.3038 15.897C39.5305 15.7904 39.7172 15.657 39.8506 15.4836C39.9973 15.3103 40.0906 15.0969 40.1573 14.8568C40.224 14.6168 40.2507 14.35 40.2507 14.07V9.86902H41.851V17.1107H41.8377ZM44.5583 14.7901C44.6117 15.2569 44.785 15.577 45.0918 15.777C45.3985 15.9637 45.7719 16.0571 46.1987 16.0571C46.3454 16.0571 46.5188 16.0437 46.7055 16.0171C46.8922 15.9904 47.0789 15.9504 47.2389 15.8837C47.4123 15.817 47.5457 15.7237 47.6524 15.5903C47.759 15.4569 47.8124 15.2969 47.799 15.0969C47.7857 14.8968 47.719 14.7234 47.5723 14.5901C47.4256 14.4567 47.2523 14.3634 47.0389 14.27C46.8255 14.19 46.5721 14.1233 46.292 14.07C46.012 14.0166 45.7319 13.9499 45.4385 13.8833C45.1451 13.8166 44.8517 13.7366 44.5717 13.6432C44.2916 13.5499 44.0515 13.4298 43.8248 13.2565C43.6114 13.0964 43.4247 12.8964 43.3047 12.643C43.1713 12.3896 43.1047 12.0962 43.1047 11.7228C43.1047 11.3227 43.198 11.0026 43.3981 10.7359C43.5848 10.4692 43.8382 10.2558 44.1316 10.0957C44.425 9.9357 44.7584 9.81568 45.1184 9.74899C45.4785 9.68231 45.8253 9.65564 46.1453 9.65564C46.5188 9.65564 46.8788 9.69565 47.2122 9.77567C47.5457 9.85569 47.8657 9.97571 48.1325 10.1624C48.4125 10.3358 48.6392 10.5758 48.8126 10.8559C48.9993 11.136 49.106 11.4827 49.1594 11.8828H47.4923C47.4123 11.4961 47.2389 11.2427 46.9722 11.1093C46.6921 10.9759 46.3854 10.9093 46.0253 10.9093C45.9186 10.9093 45.7719 10.9226 45.6252 10.9359C45.4652 10.9626 45.3318 10.9893 45.1851 11.0426C45.0518 11.096 44.9317 11.176 44.8384 11.2693C44.745 11.3627 44.6917 11.4961 44.6917 11.6561C44.6917 11.8561 44.7584 12.0028 44.8917 12.1229C45.0251 12.2429 45.1985 12.3362 45.4252 12.4296C45.6386 12.5096 45.892 12.5763 46.172 12.6296C46.4521 12.683 46.7455 12.7497 47.0389 12.8164C47.3323 12.883 47.6123 12.9631 47.8924 13.0564C48.1725 13.1498 48.4259 13.2698 48.6392 13.4432C48.8526 13.6032 49.0393 13.8032 49.1727 14.0433C49.3061 14.2834 49.3727 14.5901 49.3727 14.9368C49.3727 15.3636 49.2794 15.7237 49.0793 16.0304C48.8793 16.3238 48.6259 16.5772 48.3192 16.7639C48.0124 16.9506 47.6523 17.084 47.2789 17.1773C46.8922 17.2574 46.5188 17.3107 46.1453 17.3107C45.6919 17.3107 45.2651 17.2574 44.8784 17.1507C44.4916 17.044 44.1449 16.8839 43.8648 16.6839C43.5848 16.4705 43.358 16.2171 43.198 15.897C43.038 15.5903 42.9446 15.2169 42.9313 14.7768H44.545V14.7901H44.5583ZM49.8262 9.86902H51.0398V7.68186H52.6401V9.85568H54.0805V11.0426H52.6401V14.9102C52.6401 15.0835 52.6535 15.2169 52.6668 15.3503C52.6802 15.4703 52.7202 15.577 52.7602 15.657C52.8135 15.737 52.8935 15.8037 52.9869 15.8437C53.0936 15.8837 53.2269 15.9104 53.4137 15.9104C53.5203 15.9104 53.6404 15.9104 53.7471 15.897C53.8538 15.8837 53.9738 15.8704 54.0805 15.8437V17.084C53.9071 17.1107 53.7337 17.124 53.5604 17.1373C53.387 17.164 53.2269 17.164 53.0402 17.164C52.6135 17.164 52.2801 17.124 52.0267 17.044C51.7733 16.964 51.5732 16.8439 51.4265 16.6972C51.2798 16.5372 51.1865 16.3505 51.1331 16.1238C51.0798 15.897 51.0531 15.617 51.0398 15.3236V11.056H49.8262V9.84235V9.86902ZM55.2007 9.86902H56.7077V10.8559H56.7344C56.9611 10.4291 57.2679 10.1357 57.6679 9.94904C58.068 9.76233 58.4948 9.66897 58.9749 9.66897C59.5484 9.66897 60.0418 9.76233 60.4686 9.97571C60.8953 10.1758 61.2421 10.4425 61.5222 10.8026C61.8022 11.1493 62.0156 11.5627 62.149 12.0295C62.2823 12.4963 62.3623 13.0031 62.3623 13.5232C62.3623 14.0166 62.2957 14.4834 62.1756 14.9368C62.0423 15.3903 61.8556 15.8037 61.6022 16.1504C61.3488 16.4972 61.0287 16.7772 60.6286 16.9906C60.2285 17.204 59.7751 17.3107 59.2416 17.3107C59.0149 17.3107 58.7749 17.284 58.5481 17.244C58.3214 17.204 58.0947 17.1373 57.8813 17.044C57.6679 16.9506 57.4679 16.8306 57.2945 16.6839C57.1078 16.5372 56.9611 16.3638 56.8411 16.1771H56.8144V19.7913H55.2141V9.86902H55.2007ZM60.7887 13.4965C60.7887 13.1764 60.7486 12.8564 60.6553 12.5496C60.5753 12.2429 60.4419 11.9762 60.2685 11.7361C60.0952 11.4961 59.8818 11.3093 59.6417 11.1626C59.3883 11.0159 59.0949 10.9493 58.7749 10.9493C58.108 10.9493 57.6013 11.176 57.2545 11.6428C56.9211 12.1095 56.7477 12.7363 56.7477 13.5098C56.7477 13.8833 56.7877 14.2167 56.8811 14.5234C56.9745 14.8301 57.0945 15.0969 57.2812 15.3236C57.4546 15.5503 57.6679 15.7237 57.9213 15.857C58.1747 15.9904 58.4548 16.0571 58.7882 16.0571C59.1616 16.0571 59.455 15.9771 59.7084 15.8304C59.9618 15.6837 60.1618 15.4836 60.3352 15.2569C60.4953 15.0168 60.6153 14.7501 60.682 14.4434C60.7486 14.1233 60.7887 13.8166 60.7887 13.4965ZM63.6026 7.1084H65.203V8.6154H63.6026V7.1084ZM63.6026 9.86902H65.203V17.1107H63.6026V9.86902ZM66.63 7.1084H68.2303V17.1107H66.63V7.1084ZM73.1114 17.3107C72.538 17.3107 72.0179 17.2173 71.5644 17.0173C71.111 16.8173 70.7376 16.5639 70.4175 16.2305C70.1108 15.897 69.8707 15.4836 69.7107 15.0169C69.5506 14.5501 69.4573 14.03 69.4573 13.4832C69.4573 12.9364 69.5373 12.4296 69.7107 11.9628C69.8707 11.4961 70.1108 11.096 70.4175 10.7492C70.7242 10.4158 71.111 10.1491 71.5644 9.96238C72.0179 9.77567 72.538 9.66897 73.1114 9.66897C73.6849 9.66897 74.205 9.76233 74.6585 9.96238C75.1119 10.1491 75.4853 10.4158 75.8054 10.7492C76.1121 11.0826 76.3522 11.4961 76.5122 11.9628C76.6722 12.4296 76.7656 12.9364 76.7656 13.4832C76.7656 14.0433 76.6856 14.5501 76.5122 15.0169C76.3388 15.4836 76.1121 15.8837 75.8054 16.2305C75.4986 16.5639 75.1119 16.8306 74.6585 17.0173C74.205 17.204 73.6982 17.3107 73.1114 17.3107ZM73.1114 16.0438C73.4582 16.0438 73.7783 15.9637 74.0316 15.817C74.2984 15.6703 74.4984 15.4703 74.6718 15.2302C74.8452 14.9902 74.9652 14.7101 75.0452 14.4167C75.1252 14.11 75.1652 13.8032 75.1652 13.4832C75.1652 13.1764 75.1252 12.8697 75.0452 12.563C74.9652 12.2562 74.8452 11.9895 74.6718 11.7494C74.4984 11.5094 74.285 11.3227 74.0316 11.176C73.7649 11.0293 73.4582 10.9493 73.1114 10.9493C72.7647 10.9493 72.4446 11.0293 72.1912 11.176C71.9245 11.3227 71.7245 11.5227 71.5511 11.7494C71.3777 11.9895 71.2577 12.2562 71.1777 12.563C71.0976 12.8697 71.0576 13.1764 71.0576 13.4832C71.0576 13.8032 71.0976 14.11 71.1777 14.4167C71.2577 14.7235 71.3777 14.9902 71.5511 15.2302C71.7245 15.4703 71.9378 15.6703 72.1912 15.817C72.458 15.9771 72.7647 16.0438 73.1114 16.0438ZM77.2457 9.86902H78.4593V7.68186H80.0597V9.85568H81.5V11.0426H80.0597V14.9102C80.0597 15.0835 80.073 15.2169 80.0863 15.3503C80.0997 15.4703 80.1397 15.577 80.1797 15.657C80.233 15.737 80.3131 15.8037 80.4064 15.8437C80.5131 15.8837 80.6465 15.9104 80.8332 15.9104C80.9399 15.9104 81.0599 15.9104 81.1666 15.897C81.2733 15.8837 81.3933 15.8704 81.5 15.8437V17.084C81.3266 17.1107 81.1533 17.124 80.9799 17.1373C80.8065 17.164 80.6465 17.164 80.4598 17.164C80.033 17.164 79.6996 17.124 79.4462 17.044C79.1928 16.964 78.9928 16.8439 78.8461 16.6972C78.6994 16.5372 78.606 16.3505 78.5527 16.1238C78.4993 15.897 78.4726 15.617 78.4593 15.3236V11.056H77.2457V9.84235V9.86902Z"
            ></path>
            <path
              d="M20.8739 7.07526H13.6397L11.4127 0.196777L9.17262 7.07526L1.93835 7.06208L7.78901 11.3183L5.5489 18.1968L11.3996 13.9406L17.2502 18.1968L15.0233 11.3183L20.8739 7.07526Z"
              fill="#00B67A"
            ></path>
            <path
              d="M15.5237 12.8733L15.023 11.3184L11.4124 13.9406L15.5237 12.8733Z"
              fill="#005128"
            ></path>
          </g>
          <defs>
            <clipPath id="clip0_3599_4795">
              <rect
                width="84"
                height="19"
                fill="white"
                transform="translate(0.5 0.196777)"
              ></rect>
            </clipPath>
          </defs>
        </svg>
        <span></span>
      </div>
    </div>
  </div>
</div>


<script>
   
  // Change the button text based on the presence of 'flex-nowrap' class
 console.log('helo');
document.querySelector('.trustpilot-arrow-right').addEventListener('click', () => {
  console.log('clicked');
  const infiniteCarouselRow = document.querySelector('#infinite_carousel .row');
  console.log(infiniteCarouselRow);
  const firstCol = infiniteCarouselRow.querySelector('.col-lg-4:first-child');
  console.log(firstCol);

  // Append the first column element to the end and remove it from the beginning
  if (firstCol) {
    infiniteCarouselRow.insertAdjacentHTML('beforeend', firstCol.outerHTML);
    firstCol.remove();
  }
});

document.querySelector('.trustpilot-arrow-left').addEventListener('click', () => {
  console.log('clicked');
  const infiniteCarouselRow = document.querySelector('#infinite_carousel .row');
  const lastCol = infiniteCarouselRow.querySelector('.col-lg-4:last-child');

  // Prepend the last column element to the beginning and remove it from the end
  if (lastCol) {
    infiniteCarouselRow.insertAdjacentHTML('afterbegin', lastCol.outerHTML);
    lastCol.remove();
  }
});

    </script>
{%- endif -%}