/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'npm run build' command.
 * @preserve
 */

  .info-block {
  background-color: var(--colors-off-white-60);
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  margin-bottom: 3.125rem;
}

  @media (min-width: 1024px) {

  .info-block {
    flex-direction: row
}
  }

  .info-block__column {
    flex: 1;
    padding: 4% calc(3% + 0.3125rem);
  }

  @media (min-width: 1024px) {

  .info-block__column {
      width: 50%;
      padding: 4% calc(3% + 0.375rem)
  }
    }

  .info-block__column--left {
    flex: 1;
    padding: 4% calc(3% + 0.3125rem);
  }

  @media (min-width: 1024px) {

  .info-block__column--left {
      width: 50%;
      padding: 4% calc(3% + 0.375rem)
  }
    }

  @media (min-width: 1024px) {

  .info-block__column--left:first-child {
      border-right: 0.0625rem solid white
  }
    }

  @media (max-width: 767.98px) {

  .info-block__column--left:last-child {
      padding: 0
  }
    }

  @media (min-width: 1024px) {

  .info-block__column:first-child {
      border-right: 0.0625rem solid white
  }
    }

  @media (max-width: 767.98px) {

  .info-block__column:last-child {
      padding: 0
  }
    }

  .info-block--dark-blue {
    background: var(--colors-dark-eclipse-60);
  }

  .info-block--light-blue {
    background: var(--colors-columbia-blue-60);
  }

  .info-block--almost-white {
    background: var(--colors-off-white-60);
  }

  .info-block--dark-blue .info-block__description {
    color: white;
  }

  .info-block--dark-blue .info-block__title {
    color: white;
  }

  .info-block--neutral {
    background: var(--colors-off-white-60);
  }

  .info-block__title {
    font: var(--font-primary-h2-default);
    margin-bottom: 1.5625rem;
  }

  @media (min-width: 1024px) {

  .info-block__title {
      margin-bottom: 2.1875rem
  }
    }

  .info-block__description {
    font: var(--font-primary-body-default);
    font-weight: 300;
    color: var(--colors-black-suede-60);
    margin-bottom: 1.875rem;
  }

  .info-block__image {
    width: 100%;
  }

  .info-block__image img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }

  @media (min-width: 1024px) {

  .info-block .plyr__video-wrapper {
      top: 50%;
      transform: translateY(-50%)
  }
    }

.wfsmasters-com .info-block--dark-blue {
      background: #222f48;
    }