/* =====================
  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 --*/
/* =====================
  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 --*/
.case-study {
  max-width: 100%;
  padding: 0; }
  .case-study p {
    margin-bottom: 1rem; }
  .case-study .row.each-item {
    margin-top: 25px; }
    .case-study .row.each-item .icon {
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 991px) {
        .case-study .row.each-item .icon {
          justify-content: flex-start; } }
  .case-study .parallax {
    background: url("https://cdn.holistics.io/landing/customers/shipping-port.jpg") no-repeat;
    background-position: center top;
    background-size: cover;
    height: 500px; }
    .case-study .parallax.vti {
      background: url("https://cdn.holistics.io/landing/customers/vti/vti-thumbnail2.jpg") no-repeat;
      background-position: 50% 35%;
      background-size: cover; }
    .case-study .parallax.Feeld {
      background: url("https://cdn.holistics.io/landing/customers/feeld-01.png") no-repeat;
      background-position: 50% 35%;
      background-size: cover; }
    .case-study .parallax.Spenmo {
      background: url("https://cdn.holistics.io/landing/customers/spenmo/spenmo-thumbnail.jpg") no-repeat;
      background-position: 50% 75%;
      background-size: cover; }
    .case-study .parallax.ard {
      background: url("https://cdn.holistics.io/landing/customers/ard/thumbnail.jpg") no-repeat;
      background-position: 50% 35%;
      background-size: cover; }
    .case-study .parallax.zoe {
      background: url("https://cdn.holistics.io/landing/customers/zoe/thumbnail.png") no-repeat;
      background-position: 50% 35%;
      background-size: cover; }
    .case-study .parallax.optimal-workshop {
      background: url("https://cdn.holistics.io/landing/customers/ow-cover.png") no-repeat;
      background-position: 50% 85%;
      background-size: cover; }
    .case-study .parallax.flo-energy {
      background: url("https://cdn.holistics.io/landing/customers/case-studies/flo-parallax.png") no-repeat;
      background-position: 50% 85%;
      background-size: cover; }
    .case-study .parallax.pinter {
      background: url("https://media.holistics.io/3f2c10a1-pintebg.jpeg") no-repeat;
      background-position: 50% 55%;
      background-size: cover; }
    .case-study .parallax.strongmind {
      background: url("https://cdn.holistics.io/landing/customers/case-studies/strongmind-bg2.png") no-repeat;
      background-position: 50% 95%;
      background-size: cover; }
    .case-study .parallax.aurora {
      background: url("https://cdn.holistics.io/landing/customers/case-studies/aurora-thumb.jpg") no-repeat;
      background-position: 50% 25%;
      background-size: cover; }
    .case-study .parallax.sensorflow {
      background: url("https://media.holistics.io/e1d72ad3-sensorflowbg1.jpg") no-repeat;
      background-position: 50% 35%;
      background-size: cover; }
    .case-study .parallax.lepaya {
      background: url("https://media.holistics.io/dc772b26-lepaya2.jpg") no-repeat;
      background-position: 50% 5%;
      background-size: cover; }
    .case-study .parallax.dnsfilter {
      background: url("https://media.holistics.io/d3c0787f-dnsfilter-bg.jpg") no-repeat;
      background-position: 50% 30%;
      background-size: cover; }
    .case-study .parallax.datacubed {
      background: url("https://media.holistics.io/f82b7ab7-bg-new-datacubed.png") no-repeat;
      background-position: 50% 30%;
      background-size: cover; }
  .case-study .container .logo {
    width: 220px; }
  .case-study .container > section {
    padding: 40px 40px 15px;
    border-radius: 8px;
    margin: 0 auto 35px;
    width: 55%; }
    @media (max-width: 768px) {
      .case-study .container > section {
        width: 100%;
        padding: 40px 20px 15px; } }
    .case-study .container > section .section-title__primary {
      margin-bottom: 0;
      font-weight: 600;
      font-size: 1.35em;
      color: #002340; }
      .case-study .container > section .section-title__primary.with-border {
        border-bottom: 1px solid #f3f3f3; }
    .case-study .container > section .section-title__secondary {
      font-size: 1.20em;
      color: #586069;
      font-weight: 600; }
    .case-study .container > section .section-title__tertiary {
      font-size: 1.10em;
      color: #002340;
      font-weight: 500; }
  .case-study .container .general {
    position: relative;
    top: -200px;
    background: white;
    margin-bottom: -130px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.06); }
    .case-study .container .general__title {
      font-size: 34px;
      font-weight: 600;
      margin-top: 15px;
      padding-top: 10px;
      padding-bottom: 20px;
      margin-bottom: 0; }
    .case-study .container .general__content {
      margin: 12px 0 30px; }
    .case-study .container .general__testimonial {
      margin-top: 30px;
      text-align: center; }
      .case-study .container .general__testimonial img.quotation-mark {
        width: 70px;
        margin-bottom: 10px; }
      .case-study .container .general__testimonial .avatar {
        max-width: 120px;
        display: inline-block;
        margin: 0 auto 10px;
        border-radius: 100%; }
        .case-study .container .general__testimonial .avatar img {
          max-width: 100%;
          height: auto; }
    .case-study .container .general__figures {
      margin-top: 10px;
      padding-top: 10px; }
      .case-study .container .general__figures .figure-list {
        margin: 20px 0; }
      .case-study .container .general__figures .logo {
        margin: 0 auto;
        display: block;
        max-width: 200px;
        height: auto; }
      .case-study .container .general__figures .figure-item {
        text-align: center;
        border-right: 1px solid #f3f3f3; }
        @media (max-width: 991px) {
          .case-study .container .general__figures .figure-item {
            border-right: none; } }
        .case-study .container .general__figures .figure-item:last-child {
          border: none; }
        .case-study .container .general__figures .figure-item span {
          display: block; }
          .case-study .container .general__figures .figure-item span.number {
            color: #002340;
            font-weight: 600;
            font-size: 1.6em; }
  .case-study .container .about {
    border: 1px solid #e8e8e8;
    padding-bottom: 40px; }
    .case-study .container .about .icon {
      padding: 10px 35px; }
      @media (max-width: 991px) {
        .case-study .container .about .icon {
          padding-left: 15px; } }
      .case-study .container .about .icon img {
        max-width: 100px; }
        @media (max-width: 991px) {
          .case-study .container .about .icon img {
            max-width: 50px; } }
    .case-study .container .about .section-title__primary {
      margin-bottom: 1rem; }
    .case-study .container .about__more {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      margin: 25px 0; }
      .case-study .container .about__more .read-more a {
        color: white; }
  .case-study .container .killer-feature .label {
    font-size: 1.2em;
    font-weight: 600; }
  .case-study .container .h-testimonial {
    padding: 60px 60px 40px 60px;
    margin: 65px auto;
    width: 80%; }
  .case-study .container .testimonials {
    padding: 60px 60px 40px 60px;
    position: relative;
    border-radius: 8px;
    margin: 65px auto;
    width: 80%;
    background: rgba(0, 0, 0, 0.03); }
    @media (max-width: 768px) {
      .case-study .container .testimonials {
        width: 100%;
        padding: 60px 30px 20px; } }
    .case-study .container .testimonials .avatar {
      max-width: 250px;
      display: inline-block;
      margin: 0 auto 10px; }
      .case-study .container .testimonials .avatar img {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px; }
    .case-study .container .testimonials .quote .speech {
      line-height: 1.6;
      font-size: 1em; }
      @media (max-width: 768px) {
        .case-study .container .testimonials .quote .speech {
          font-size: 1em; } }
      .case-study .container .testimonials .quote .speech:after {
        content: '\201D';
        color: #002340; }
    .case-study .container .testimonials .quote .person {
      color: #002340; }
    .case-study .container .testimonials img.quotation-mark {
      width: 60px;
      position: absolute;
      top: -24px;
      left: 25px; }