/* -------------------------------- variables ------------------------------- */
:root {
  --testimonial-image-min-height: 30.37rem;
  --testimonial-main-gap: 8.9rem;
  --testimonial-card-speech-mark-fs: 13.76rem;
  --testimonial-card-speech-mark-lh: 1.4em;
  --testimonial-card-speech-mark-ff: var(--font-1);
  --testimonial-card-speech-mark-mb: .51rem;
  --testimonial-card-speech-mark-height: 6.84rem;
  --testimonial-card-text-fs: 2rem;
  --testimonial-card-text-lh: 1.4em;
  --testimonial-card-text-fw: 500;
  --testimonial-card-text-ff: var(--font-1);
  --testimonial-card-text-mb: 1.44rem;
  --testimonial-card-pb: 6.63rem;
  --testimonial-card-image-width: 43.99%;
  --testimonial-card-text-width: 43.99%;
  --testimonial-card-nav-gap: 3.2rem;
}

/* ---------------------------------- card ---------------------------------- */
#Wrapper .wpgb-card-6 .wso-card-wrapper {
  display: flex;
  flex-direction: row;
  gap: var(--testimonial-main-gap);
  min-height: var(--testimonial-image-min-height);
  align-items: stretch;
}
#Wrapper .wpgb-card-6 .wso-card-wrapper .wso-media-wrapper {
  position: relative;
  width: var(--testimonial-card-image-width);
}
#Wrapper .wpgb-card-6 .wso-card-wrapper .wso-media-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
#Wrapper .wpgb-card-6 .wso-card-wrapper .wso-content-wrapper {
  width: var(--testimonial-card-text-width);
  display: flex;
  flex-direction: column;
  padding-bottom: var(--testimonial-card-pb) !important;
}
#Wrapper .wpgb-card-6 .wso-card-wrapper .wso-content-wrapper .wso-text {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-top: calc(var(--testimonial-card-speech-mark-height) + var(--testimonial-card-speech-mark-mb));
  font-family: var(--testimonial-card-text-ff) !important;
  font-size: var(--testimonial-card-text-fs) !important;
  line-height: var(--testimonial-card-text-lh) !important;
  margin-bottom: var(--testimonial-card-text-mb) !important;
}
#Wrapper .wpgb-card-6 .wso-card-wrapper .wso-content-wrapper .wso-text .wso-speech-marks {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-1) !important;
  font-family: var(--testimonial-card-speech-mark-ff);
  font-size: var(--testimonial-card-speech-mark-fs);
  line-height: var(--testimonial-card-speech-mark-lh);
  margin-bottom: var(--testimonial-card-speech-mark-mb);
}
#Wrapper .wpgb-card-6 .wso-card-wrapper .wso-content-wrapper .wso-name {
  text-align: left;
  color: var(--color-black) !important;
}

/* ---------------------------------- grid ---------------------------------- */
.wso-grid-8 .wpgb-area-bottom-1 {
  display: flex !important;
  position: absolute;
  left: calc(var(--testimonial-card-image-width) + var(--testimonial-main-gap));
  bottom: 0;
  margin: 0 !important;
  flex-direction: row;
  gap: var(--testimonial-card-nav-gap);
}

/* ------------------------------- responsive ------------------------------- */
@media only screen and (max-width: 767px) {
  /* -------------------------------- variables ------------------------------- */
  :root {
    --testimonial-image-min-height: 24rem;
    --testimonial-main-gap: 0;
    --testimonial-card-speech-mark-fs: 20rem;
    --testimonial-card-speech-mark-lh: 1.3em;
    --testimonial-card-speech-mark-mb: 2.37rem;
    --testimonial-card-speech-mark-height: 8.6rem;
    --testimonial-card-text-fs: 2.5rem;
    --testimonial-card-text-lh: 1.3em;
    --testimonial-card-text-mb: 1.44rem;
    --testimonial-card-pb: 3.35rem;
    --testimonial-card-image-width: 100%;
    --testimonial-card-text-width: 100%;
    --testimonial-card-nav-gap: 4.45rem;
  }
  /* ---------------------------------- card ---------------------------------- */
  #Wrapper .wpgb-card-6 .wso-card-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
  #Wrapper .wpgb-card-6 .wso-card-wrapper .wso-content-wrapper {
    width: var(--testimonial-card-text-width);
    display: flex;
    flex-direction: column;
    padding-bottom: var(--testimonial-card-pb) !important;
  }
  #Wrapper .wpgb-card-6 .wso-card-wrapper .wso-content-wrapper .wso-text {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  #Wrapper .wpgb-card-6 .wso-card-wrapper .wso-content-wrapper .wso-text .wso-speech-marks {
    position: absolute;
    top: 0;
    left: 0;
  }
  .wso-grid-8 .wpgb-area-bottom-1 {
    position: relative !important;
    margin-top: 3.55rem !important;
  }
  #Wrapper .wpgb-card-6 .wso-card-wrapper .wso-media-wrapper {
    height: 30rem !important;
  }
}