.testimonial-card {
  transition: opacity 0.5s ease-in-out;
  overflow: hidden;
  background-color: var(--color-white);
}

.testimonial-carousel--card-grey .testimonial-card {
  background-color: var(--color-gray-125);
}

/* Large decorative quote marks - only on the first/last card of the currently visible group */
.testimonial-card--start::before,
.testimonial-card--end::after {
  content: "";
  position: absolute;
  width: 77px;
  height: 63px;
  background-color: var(--color-secondary);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.testimonial-card--start::before {
  top: -4px;
  left: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 77 61'%3E%3Cpath d='M34.2222 4.94702C30.5996 7.04314 27.6707 8.86754 25.4354 10.4202C23.2002 11.8953 20.9264 13.8749 18.6141 16.3592C16.456 18.6882 14.7988 21.1337 13.6426 23.6956C12.4865 26.2576 11.6772 29.557 11.2147 33.594H16.7643C21.543 33.594 25.2813 34.7973 27.979 37.204C30.7538 39.533 32.1411 42.9877 32.1411 47.5681C32.1411 50.8287 30.9079 53.8953 28.4414 56.7677C26.0521 59.5625 22.7377 60.96 18.4985 60.96C11.8699 60.96 7.12963 58.7862 4.27778 54.4387C1.42593 50.0136 0 44.2298 0 37.0875C0 32.0413 1.07908 27.4609 3.23724 23.3463C5.3954 19.154 8.01602 15.4276 11.0991 12.167C14.2593 8.82872 17.6121 5.99508 21.1577 3.66606C24.7032 1.33704 27.6707 -0.564993 30.0601 -2.04004L34.2222 4.94702ZM77 4.94702C73.3774 7.04314 70.4484 8.86754 68.2132 10.4202C65.978 11.8953 63.7042 13.8749 61.3919 16.3592C59.1567 18.7659 57.461 21.2502 56.3048 23.8121C55.2257 26.2964 54.455 29.557 53.9925 33.594H59.542C64.3208 33.594 68.0591 34.7973 70.7568 37.204C73.5315 39.533 74.9189 42.9877 74.9189 47.5681C74.9189 50.8287 73.6857 53.8953 71.2192 56.7677C68.8298 59.5625 65.5155 60.96 61.2763 60.96C54.6476 60.96 49.9074 58.7862 47.0556 54.4387C44.2037 50.0136 42.7778 44.2298 42.7778 37.0875C42.7778 32.0413 43.8569 27.4609 46.015 23.3463C48.1732 19.154 50.7938 15.4276 53.8769 12.167C57.037 8.82872 60.3899 5.99508 63.9354 3.66606C67.481 1.33704 70.4484 -0.564993 72.8378 -2.04004L77 4.94702Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 77 61'%3E%3Cpath d='M34.2222 4.94702C30.5996 7.04314 27.6707 8.86754 25.4354 10.4202C23.2002 11.8953 20.9264 13.8749 18.6141 16.3592C16.456 18.6882 14.7988 21.1337 13.6426 23.6956C12.4865 26.2576 11.6772 29.557 11.2147 33.594H16.7643C21.543 33.594 25.2813 34.7973 27.979 37.204C30.7538 39.533 32.1411 42.9877 32.1411 47.5681C32.1411 50.8287 30.9079 53.8953 28.4414 56.7677C26.0521 59.5625 22.7377 60.96 18.4985 60.96C11.8699 60.96 7.12963 58.7862 4.27778 54.4387C1.42593 50.0136 0 44.2298 0 37.0875C0 32.0413 1.07908 27.4609 3.23724 23.3463C5.3954 19.154 8.01602 15.4276 11.0991 12.167C14.2593 8.82872 17.6121 5.99508 21.1577 3.66606C24.7032 1.33704 27.6707 -0.564993 30.0601 -2.04004L34.2222 4.94702ZM77 4.94702C73.3774 7.04314 70.4484 8.86754 68.2132 10.4202C65.978 11.8953 63.7042 13.8749 61.3919 16.3592C59.1567 18.7659 57.461 21.2502 56.3048 23.8121C55.2257 26.2964 54.455 29.557 53.9925 33.594H59.542C64.3208 33.594 68.0591 34.7973 70.7568 37.204C73.5315 39.533 74.9189 42.9877 74.9189 47.5681C74.9189 50.8287 73.6857 53.8953 71.2192 56.7677C68.8298 59.5625 65.5155 60.96 61.2763 60.96C54.6476 60.96 49.9074 58.7862 47.0556 54.4387C44.2037 50.0136 42.7778 44.2298 42.7778 37.0875C42.7778 32.0413 43.8569 27.4609 46.015 23.3463C48.1732 19.154 50.7938 15.4276 53.8769 12.167C57.037 8.82872 60.3899 5.99508 63.9354 3.66606C67.481 1.33704 70.4484 -0.564993 72.8378 -2.04004L77 4.94702Z'/%3E%3C/svg%3E");
}

.testimonial-card--end::after {
  display: none;
}

@media screen and (min-width: 768px) {
  .testimonial-card--end::after {
    display: block;
    bottom: -4px;
    right: -8px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 77 61'%3E%3Cpath d='M34.2222 23.8C34.2222 28.9333 33.1046 33.6389 30.8694 37.9167C28.6341 42.1167 26.0135 45.7722 23.0075 48.8833C19.9244 52.0722 16.533 54.95 12.8333 57.5167C9.13363 60.0056 6.16617 61.8333 3.93093 63L0 56.1167C3.16016 54.25 6.16617 52.3444 9.01802 50.4C11.9469 48.3778 14.1822 46.4722 15.7237 44.6833C17.8048 42.35 19.462 39.9389 20.6952 37.45C21.9284 34.8833 22.6992 31.5389 23.0075 27.4167H17.458C12.6021 27.4167 8.82533 26.1722 6.12763 23.6833C3.42993 21.1944 2.08108 17.7333 2.08108 13.3C2.08108 10.1111 3.31431 7.11667 5.78078 4.31667C8.24725 1.43889 11.6001 0 15.8393 0C22.3909 0 27.0926 2.21667 29.9444 6.65C32.7963 11.0056 34.2222 16.7222 34.2222 23.8ZM77 23.8C77 28.9333 75.8824 33.6389 73.6471 37.9167C71.4119 42.1167 68.7913 45.7722 65.7853 48.8833C62.7022 52.0722 59.3108 54.95 55.6111 57.5167C51.9114 60.0056 48.9439 61.8333 46.7087 63L42.7778 56.1167C45.9379 54.25 48.9439 52.3444 51.7958 50.4C54.7247 48.3778 56.96 46.4722 58.5015 44.6833C60.5826 42.35 62.2397 39.9389 63.473 37.45C64.7062 34.8833 65.477 31.5389 65.7853 27.4167H60.2357C55.3799 27.4167 51.6031 26.1722 48.9054 23.6833C46.2077 21.1944 44.8589 17.7333 44.8589 13.3C44.8589 10.1111 46.0921 7.11667 48.5586 4.31667C51.025 1.43889 54.3779 0 58.6171 0C65.1687 0 69.8704 2.21667 72.7222 6.65C75.5741 11.0056 77 16.7222 77 23.8Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 77 61'%3E%3Cpath d='M34.2222 23.8C34.2222 28.9333 33.1046 33.6389 30.8694 37.9167C28.6341 42.1167 26.0135 45.7722 23.0075 48.8833C19.9244 52.0722 16.533 54.95 12.8333 57.5167C9.13363 60.0056 6.16617 61.8333 3.93093 63L0 56.1167C3.16016 54.25 6.16617 52.3444 9.01802 50.4C11.9469 48.3778 14.1822 46.4722 15.7237 44.6833C17.8048 42.35 19.462 39.9389 20.6952 37.45C21.9284 34.8833 22.6992 31.5389 23.0075 27.4167H17.458C12.6021 27.4167 8.82533 26.1722 6.12763 23.6833C3.42993 21.1944 2.08108 17.7333 2.08108 13.3C2.08108 10.1111 3.31431 7.11667 5.78078 4.31667C8.24725 1.43889 11.6001 0 15.8393 0C22.3909 0 27.0926 2.21667 29.9444 6.65C32.7963 11.0056 34.2222 16.7222 34.2222 23.8ZM77 23.8C77 28.9333 75.8824 33.6389 73.6471 37.9167C71.4119 42.1167 68.7913 45.7722 65.7853 48.8833C62.7022 52.0722 59.3108 54.95 55.6111 57.5167C51.9114 60.0056 48.9439 61.8333 46.7087 63L42.7778 56.1167C45.9379 54.25 48.9439 52.3444 51.7958 50.4C54.7247 48.3778 56.96 46.4722 58.5015 44.6833C60.5826 42.35 62.2397 39.9389 63.473 37.45C64.7062 34.8833 65.477 31.5389 65.7853 27.4167H60.2357C55.3799 27.4167 51.6031 26.1722 48.9054 23.6833C46.2077 21.1944 44.8589 17.7333 44.8589 13.3C44.8589 10.1111 46.0921 7.11667 48.5586 4.31667C51.025 1.43889 54.3779 0 58.6171 0C65.1687 0 69.8704 2.21667 72.7222 6.65C75.5741 11.0056 77 16.7222 77 23.8Z'/%3E%3C/svg%3E");
  }
}
