.testimonial-section {
  margin-top: -36px;
  position: relative;
  z-index: 2;
  padding: 70px 0 300px; }
  @media (min-width: 768px) {
    .testimonial-section {
      padding: 90px 0 145px; } }
  .testimonial-section.bg-color--orange-light .field--name-field-quote-text,
  .testimonial-section.bg-color--orange-light .field--name-field-quote-author, .testimonial-section.bg-color--light-blue .field--name-field-quote-text,
  .testimonial-section.bg-color--light-blue .field--name-field-quote-author {
    color: #2F3131; }
  .testimonial-section.bg-color--orange-light .container:after, .testimonial-section.bg-color--light-blue .container:after {
    filter: invert(100%); }
  .testimonial-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/testimonials/bg-mask.png);
    background-position: 0 0;
    background-size: cover; }
  .testimonial-section .container {
    position: relative;
    max-width: 1072px;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 2; }
    .testimonial-section .container:after {
      position: absolute;
      width: 250px;
      height: 250px;
      content: "";
      top: 109%;
      left: 50%;
      transform: translateX(-50%);
      background-image: url(../../images/testimonials/photo-circle.png);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 100%; }
      @media (min-width: 768px) {
        .testimonial-section .container:after {
          left: auto;
          top: 63%;
          right: 20px;
          transform: translate(0, -50%); } }
      @media (min-width: 1024px) {
        .testimonial-section .container:after {
          width: 320px;
          height: 320px; } }
  .testimonial-section .quote-author-photo {
    position: absolute;
    width: 202px;
    height: 202px;
    top: 109%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    overflow: hidden;
    margin-top: 25px;
    margin-left: -4px; }
    @media (min-width: 768px) {
      .testimonial-section .quote-author-photo {
        left: auto;
        top: 63%;
        right: 47px;
        transform: translate(0, -50%);
        margin-top: 1px; } }
    @media (min-width: 1024px) {
      .testimonial-section .quote-author-photo {
        width: 260px;
        height: 260px;
        right: 54px;
        margin-top: 2px; } }
    .testimonial-section .quote-author-photo img {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      object-fit: cover;
      object-position: top center; }
  .testimonial-section .blockquote {
    padding: 0 10px;
    margin: 0; }
    @media (min-width: 768px) {
      .testimonial-section .blockquote {
        max-width: 58%; } }
    @media (min-width: 1024px) {
      .testimonial-section .blockquote {
        max-width: 65%; } }
  .testimonial-section .field--name-field-quote-text {
    color: #fff;
    letter-spacing: 0.31px;
    margin: 0 0 12px;
    font: 400 28px/1.2277 "Gloock", "Times New Roman", "Times", "Baskerville", "Georgia", serif; }
    @media (min-width: 1024px) {
      .testimonial-section .field--name-field-quote-text {
        font-size: 36px; } }
  .testimonial-section .field--name-field-quote-author {
    color: #fff;
    font: 400 12px/1 "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    text-transform: uppercase; }
    @media (min-width: 1024px) {
      .testimonial-section .field--name-field-quote-author {
        font-size: 14px; } }
  .testimonial-section.bg-color--purple:after {
    filter: invert(43%) sepia(88%) saturate(233%) hue-rotate(202deg) brightness(84%) contrast(88%); }
  .testimonial-section.bg-color--green:after {
    filter: invert(57%) sepia(23%) saturate(1030%) hue-rotate(32deg) brightness(96%) contrast(84%); }
  .testimonial-section.bg-color--orange:after {
    filter: invert(63%) sepia(53%) saturate(6163%) hue-rotate(354deg) brightness(97%) contrast(97%); }
  .testimonial-section.bg-color--orange-light:after {
    filter: invert(99%) sepia(34%) saturate(1393%) hue-rotate(295deg) brightness(106%) contrast(99%); }
  .testimonial-section.bg-color--blue:after {
    filter: invert(58%) sepia(11%) saturate(1304%) hue-rotate(148deg) brightness(95%) contrast(93%); }
  .testimonial-section.bg-color--light-blue:after {
    filter: invert(99%) sepia(1%) saturate(880%) hue-rotate(162deg) brightness(99%) contrast(95%); }
  .testimonial-section.bg-color--dark-blue:after {
    filter: invert(9%) sepia(56%) saturate(2759%) hue-rotate(209deg) brightness(101%) contrast(93%); }
  .testimonial-section.bg-color--red:after {
    filter: invert(23%) sepia(26%) saturate(4890%) hue-rotate(344deg) brightness(97%) contrast(91%); }
  .testimonial-section.bg-color--red-light:after {
    filter: invert(37%) sepia(19%) saturate(1803%) hue-rotate(322deg) brightness(115%) contrast(91%); }
  .testimonial-section.bg-color--tiffany-blue:after {
    filter: invert(59%) sepia(100%) saturate(2175%) hue-rotate(138deg) brightness(99%) contrast(88%); }