.home-quotes-carousel {
  display: grid;
  grid-template-columns: auto 1fr auto;
}

.home-quotes-carousel__quote {
  width: 3rem;
  height: 2.34375rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1078.08 841.21'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23d01875; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M181.77,60.86C208.9,25.36,237.64,5.53,267.95,1.31c30.26-4.16,56.41,1.56,78.35,17.24,21.94,15.67,34.47,38.69,37.61,68.95,3.13,30.31-9.94,63.22-39.17,98.71-41.82,52.25-70.52,104.5-86.18,156.7-15.67,52.24-23.51,99.25-23.51,141.02l-12.54-103.42c73.11,0,132.11,20.91,177.07,62.68,44.91,41.82,67.38,98.23,67.38,169.24,0,66.89-20.91,121.73-62.68,164.53-41.82,42.85-98.23,64.25-169.24,64.25s-130.6-25.07-172.36-75.22C20.86,715.85,0,645.87,0,556.02c0-50.14,4.7-101.85,14.1-155.13,9.4-53.28,27.67-108.12,54.85-164.53,27.13-56.41,64.73-114.88,112.82-175.5ZM792.88,60.86c27.14-35.5,55.87-55.33,86.19-59.54,30.26-4.16,56.41,1.56,78.35,17.24,21.93,15.67,34.47,38.69,37.61,68.95,3.14,30.31-9.94,63.22-39.17,98.71-41.82,52.25-70.52,104.5-86.18,156.7-15.67,52.24-23.51,99.25-23.51,141.02l-12.54-103.42c73.11,0,132.11,20.91,177.07,62.68,44.9,41.82,67.38,98.23,67.38,169.24,0,66.89-20.92,121.73-62.69,164.53-41.81,42.85-98.23,64.25-169.23,64.25s-130.6-25.07-172.37-75.22c-41.81-50.14-62.68-120.12-62.68-209.97,0-50.14,4.7-101.85,14.1-155.13,9.4-53.28,27.67-108.12,54.85-164.53,27.13-56.41,64.73-114.88,112.82-175.5Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-block: 2rem;
}
.home-quotes-carousel__quote--rotated {
  transform: rotate(180deg);
  align-self: end;
}

.home-quotes-carousel__list {
  position: relative;
  overflow: hidden;
}
.home-quotes-carousel__list::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 100%;
  background-image: linear-gradient(90deg, white, transparent);
  z-index: 1;
}
.home-quotes-carousel__list::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 1.5rem;
  height: 100%;
  background-image: linear-gradient(-90deg, white, transparent);
  z-index: 1;
}

.home-quotes-carousel__track {
  display: flex;
  width: 100%;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

#slide-0:checked ~ .home-quotes-carousel__track {
  transform: translateX(0);
}

#slide-1:checked ~ .home-quotes-carousel__track {
  transform: translateX(-100%);
}

#slide-2:checked ~ .home-quotes-carousel__track {
  transform: translateX(-200%);
}

#slide-3:checked ~ .home-quotes-carousel__track {
  transform: translateX(-300%);
}

#slide-4:checked ~ .home-quotes-carousel__track {
  transform: translateX(-400%);
}

#slide-5:checked ~ .home-quotes-carousel__track {
  transform: translateX(-500%);
}

#slide-6:checked ~ .home-quotes-carousel__track {
  transform: translateX(-600%);
}

#slide-7:checked ~ .home-quotes-carousel__track {
  transform: translateX(-700%);
}

#slide-8:checked ~ .home-quotes-carousel__track {
  transform: translateX(-800%);
}

#slide-9:checked ~ .home-quotes-carousel__track {
  transform: translateX(-900%);
}

#slide-10:checked ~ .home-quotes-carousel__track {
  transform: translateX(-1000%);
}

#slide-11:checked ~ .home-quotes-carousel__track {
  transform: translateX(-1100%);
}

#slide-12:checked ~ .home-quotes-carousel__track {
  transform: translateX(-1200%);
}

#slide-13:checked ~ .home-quotes-carousel__track {
  transform: translateX(-1300%);
}

#slide-14:checked ~ .home-quotes-carousel__track {
  transform: translateX(-1400%);
}

#slide-15:checked ~ .home-quotes-carousel__track {
  transform: translateX(-1500%);
}

.home-quotes-carousel__item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  row-gap: 1rem;
  width: 100%;
  color: inherit;
  box-sizing: border-box;
  padding: 0.25rem 1.5rem 0;
  text-decoration: none;
  transition: transform 0.35s ease;
  text-wrap: pretty;
}
@media (hover: hover) {
  .home-quotes-carousel__item:hover {
    color: #d10074;
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.125rem;
    transform: translateY(-0.25rem);
  }
}
@media (hover: none) {
  .home-quotes-carousel__item:active, .home-quotes-carousel__item:focus {
    color: #d10074;
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.125rem;
    transform: translateY(-0.25rem);
  }
}
.home-quotes-carousel__item img {
  align-self: center;
  mix-blend-mode: darken;
}
@media (min-width: 992px) {
  .home-quotes-carousel__item p {
    text-wrap: balance;
  }
}
.home-quotes-carousel__item p {
  margin: 0;
}
.home-quotes-carousel__item img, .home-quotes-carousel__item p {
  position: relative;
}
.home-quotes-carousel__item:not(:has(img)) {
  margin-top: 5.375rem;
}

.home-quotes-carousel__dots {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.5rem;
  margin-top: 1rem;
  z-index: 2;
}
.home-quotes-carousel__dots label {
  width: 8px;
  height: 8px;
  background-color: #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}

#slide-0:checked ~ .home-quotes-carousel__dots label[for=slide-0] {
  background-color: #d10074;
}

#slide-1:checked ~ .home-quotes-carousel__dots label[for=slide-1] {
  background-color: #d10074;
}

#slide-2:checked ~ .home-quotes-carousel__dots label[for=slide-2] {
  background-color: #d10074;
}

#slide-3:checked ~ .home-quotes-carousel__dots label[for=slide-3] {
  background-color: #d10074;
}

#slide-4:checked ~ .home-quotes-carousel__dots label[for=slide-4] {
  background-color: #d10074;
}

#slide-5:checked ~ .home-quotes-carousel__dots label[for=slide-5] {
  background-color: #d10074;
}

#slide-6:checked ~ .home-quotes-carousel__dots label[for=slide-6] {
  background-color: #d10074;
}

#slide-7:checked ~ .home-quotes-carousel__dots label[for=slide-7] {
  background-color: #d10074;
}

#slide-8:checked ~ .home-quotes-carousel__dots label[for=slide-8] {
  background-color: #d10074;
}

#slide-9:checked ~ .home-quotes-carousel__dots label[for=slide-9] {
  background-color: #d10074;
}

#slide-10:checked ~ .home-quotes-carousel__dots label[for=slide-10] {
  background-color: #d10074;
}

#slide-11:checked ~ .home-quotes-carousel__dots label[for=slide-11] {
  background-color: #d10074;
}

#slide-12:checked ~ .home-quotes-carousel__dots label[for=slide-12] {
  background-color: #d10074;
}

#slide-13:checked ~ .home-quotes-carousel__dots label[for=slide-13] {
  background-color: #d10074;
}

#slide-14:checked ~ .home-quotes-carousel__dots label[for=slide-14] {
  background-color: #d10074;
}

#slide-15:checked ~ .home-quotes-carousel__dots label[for=slide-15] {
  background-color: #d10074;
}