/* =====================
  Tokens in Design System
  (following https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421)
===================== */
/* ==========[ TOKENS ]========== */
/* 1. Texts */
/* 2. Button */
/* 3. Brand */
/* 4. Background */
/* 5. Font */
/* 6. Border */
/* ==========[ DECISION ]========== */
/** VAR OLDS **/
/*-- Colors --*/
/*-- Text & Font --*/
/*-- Border, Shadow --*/
/*-- Main colors --*/
.testimonial-ctrl .testimonial {
  padding: 60px 60px 40px 60px;
  position: relative;
  border-radius: 8px;
  background: #fcfcfc; }
  .testimonial-ctrl .testimonial.on-dark {
    background-image: url("https://cdn.holistics.io/landing/landing/testimonial-bg.svg");
    background-size: cover; }
    .testimonial-ctrl .testimonial.on-dark .quote {
      color: #fff; }
      .testimonial-ctrl .testimonial.on-dark .quote .txt-brand {
        color: #1CCC97 !important; }
      .testimonial-ctrl .testimonial.on-dark .quote .person {
        font-weight: 500; }
  .testimonial-ctrl .testimonial .wrapper-small {
    max-width: 900px;
    margin: auto; }
  @media (max-width: 768px) {
    .testimonial-ctrl .testimonial {
      width: 100%;
      padding: 60px 30px 20px; } }
  .testimonial-ctrl .testimonial .avatar {
    max-width: 250px;
    display: inline-block;
    margin: 0 auto 10px; }
    .testimonial-ctrl .testimonial .avatar img {
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px; }
  .testimonial-ctrl .testimonial .quote .speech {
    line-height: 1.5;
    font-size: 1.2em; }
    @media (max-width: 768px) {
      .testimonial-ctrl .testimonial .quote .speech {
        font-size: 1em; } }
    .testimonial-ctrl .testimonial .quote .speech:after {
      content: '\201D';
      color: #002340; }
  .testimonial-ctrl .testimonial .quote .person {
    line-height: 1.2;
    font-size: 18px;
    font-weight: bold; }
  .testimonial-ctrl .testimonial img.quotation-mark {
    width: 80px;
    position: absolute;
    top: -40px;
    left: 25px; }