/* =====================
  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 --*/
.why-holistics .introduction .sub-heading {
  max-width: 880px; }

.why-holistics .introduction__image {
  max-width: 900px;
  margin: 0 auto; }

.why-holistics .overviews__list {
  list-style-type: none;
  padding-left: 0; }
  .why-holistics .overviews__list-item {
    background-color: #fff; }
    .why-holistics .overviews__list-item .fa-circle {
      font-size: 6px;
      position: relative;
      top: 9px; }
    .why-holistics .overviews__list-item:last-child {
      background-color: #f5fbf9; }
      .why-holistics .overviews__list-item:last-child .fa-circle {
        color: #009f6f; }

.why-holistics .worksteps__img {
  max-height: 400px;
  min-height: 350px;
  width: auto;
  max-width: 100%;
  height: 100%; }
  @media (max-width: 767px) {
    .why-holistics .worksteps__img {
      max-height: none;
      height: auto;
      width: 100%; } }
.why-holistics .worksteps__quote .quotation-mark {
  left: -15px;
  top: 15px;
  width: 40px; }