.testimonials {
  width: 100%;
  overflow-x: visible; }
  .testimonials .swiper-pagination {
    --swiper-pagination-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 22px; }
  .testimonials .swiper-pagination-bullet {
    display: inline-flex;
    width: 48px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    background: none;
    opacity: 0.2;
    transition: opacity 0.3s ease-in-out;
    border-radius: 0; }
  .testimonials .swiper-pagination-meat {
    display: inline-block;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background: var(--epoch-gray-700, #2B424B);
    --swiper-pagination-bullet-horizontal-gap: 8px;
    cursor: pointer; }
  .testimonials .swiper-pagination-bullet:hover {
    opacity: 0.8; }
  .testimonials .swiper-pagination-bullet-active {
    opacity: 1; }
  .testimonials .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding-bottom: calc(48px + 4px + 20px); }
    @media (min-width: 680px) {
      .testimonials .swiper-slide {
        padding-bottom: calc(96px + 4px + 20px); } }
  .testimonials .testimonial-wrapper {
    display: flex;
    flex-direction: column;
    padding-left: 32px;
    padding-right: 32px; }
    @media (min-width: 680px) {
      .testimonials .testimonial-wrapper {
        padding-left: 56px;
        padding-right: 56px; } }
    @media (min-width: 1120px) {
      .testimonials .testimonial-wrapper {
        padding-left: 80px;
        padding-right: 80px; } }
  .testimonials .testimonial {
    margin-bottom: 64px;
    align-self: center;
    max-width: 974px;
    color: var(--epoch-green-700, #034752);
    text-align: center;
    font-family: Messina Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 33.6px */
    letter-spacing: -0.48px; }
    @media (min-width: 680px) {
      .testimonials .testimonial {
        font-size: 32px;
        letter-spacing: -0.64px; } }
  .testimonials .author {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px; }
  .testimonials .author-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .testimonials .author-name {
    color: var(--epoch-green-700, #034752);
    font-family: Messina Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    /* 28px */
    letter-spacing: -0.4px; }
  .testimonials .author-position {
    color: var(--epoch-green-700, #034752);
    font-family: Messina Sans;
    font-size: 20px;
    font-weight: 350;
    line-height: 140%;
    /* 28px */
    letter-spacing: -0.2px; }
  .testimonials .mug {
    width: 64px;
    height: 64px;
    border-radius: 64px;
    background: var(--mug-url), lightgray 50%/cover no-repeat;
    background-size: cover; }
  .testimonials .prev-arrow, .testimonials .next-arrow {
    cursor: pointer;
    color: var(--epoch-green-700, #034752);
    font-family: Inter;
    font-size: 22.4px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 142.857% */
    display: inline-flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 12.8px;
    align-self: stretch;
    border-radius: 160px;
    border: 2px solid var(--epoch-green-700, #034752);
    user-select: none;
    background: none;
    position: absolute;
    bottom: 10px;
    z-index: 20; }
    .testimonials .prev-arrow:disabled, .testimonials .next-arrow:disabled {
      opacity: 0.3; }
  .testimonials .prev-arrow {
    left: calc(50% - 160px);
    transform: translate(-100%); }
  .testimonials .next-arrow {
    left: calc(50% + 160px); }