/**
 * Section / Quote Founder
 * Testimonial quote from founder/expert with photo
 * Section uses .section-padding utility class from _utility.css
 */

.s-quote-founder {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
}

.s-quote-founder__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: var(--Container-Max-Width, 1440px);
  gap: var(--Padding-Margin-Gap-gap-40, 40px);
}

/* Profile Image */

.s-quote-founder__image-wrapper {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 24.5rem;
  height: 24.5rem;
  border-radius: 13.125rem;
  outline: 0.625rem var(--color-main-5) solid;
}

.s-quote-founder__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Quote Content */

.s-quote-founder__content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--Padding-Margin-Gap-gap-30, 30px);
}

.s-quote-founder__quote-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem;
  height: 2.5625rem;
}

.s-quote-founder__quote-icon .a-icon {
  width: 2.625rem;
  height: 2.5625rem;
  fill: var(--color-greyscale-2);
}

.s-quote-founder__quote {
  align-self: stretch;
}

/* Author Info */

.s-quote-founder__author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--Padding-Margin-Gap-gap-10, 10px);
}

.s-quote-founder__author-name {
  color: var(--color-greyscale-4);
}

.s-quote-founder__author-title {
  color: var(--color-greyscale-4);
}

/* ==========================================================================
   Responsive Breakpoints
   ========================================================================== */

/* Tablet (max-width: 1024px) */

@media (max-width: 1024px) {
  .s-quote-founder__container {
    flex-direction: column;
  }

  .s-quote-founder__image-wrapper {
    width: 18.75rem;
    height: 18.75rem;
  }
}

/* Mobile (max-width: 768px) */

@media (max-width: 768px) {
  .s-quote-founder__image-wrapper {
    width: 12.5rem;
    height: 12.5rem;
  }
}