.content-block.hero:after {
  background-image: url("/img/outcomes_hero_01@1x.jpg"); }
  @media only screen and (min-width: 721px) {
    .content-block.hero:after {
      background-image: url("/img/outcomes_hero_01@2x.jpg"); } }

#testimonial-video .video-wrapper {
  margin-bottom: 16px; }
  @media only screen and (min-width: 721px) {
    #testimonial-video .video-wrapper {
      width: 400px;
      height: 225px;
      margin-bottom: 0; } }
  @media only screen and (min-width: 988px) {
    #testimonial-video .video-wrapper {
      width: 512px;
      height: 288px; } }
  @media only screen and (min-width: 1140px) {
    #testimonial-video .video-wrapper {
      width: 608px;
      height: 342px; } }

#testimonial-video .col {
  position: relative; }

@media only screen and (min-width: 988px) {
  #testimonial-video .cta {
    position: absolute;
    bottom: 0;
    left: 0; } }

@media only screen and (min-width: 721px) {
  .flexgrid.flexgrid--1of2.flexgrid--gutters--not-mobile {
    margin-bottom: 1em; }
    .flexgrid.flexgrid--1of2.flexgrid--gutters--not-mobile:first-of-type {
      padding-top: 28px; } }

#optimisation,
#winning,
#growth {
  text-align: center; }
  #optimisation > .inset-container > h1,
  #optimisation > .inset-container > h2,
  #winning > .inset-container > h1,
  #winning > .inset-container > h2,
  #growth > .inset-container > h1,
  #growth > .inset-container > h2 {
    margin-bottom: 1em; }
    @media only screen and (min-width: 721px) {
      #optimisation > .inset-container > h1,
      #optimisation > .inset-container > h2,
      #winning > .inset-container > h1,
      #winning > .inset-container > h2,
      #growth > .inset-container > h1,
      #growth > .inset-container > h2 {
        margin-bottom: 8px; } }
    @media only screen and (min-width: 988px) {
      #optimisation > .inset-container > h1,
      #optimisation > .inset-container > h2,
      #winning > .inset-container > h1,
      #winning > .inset-container > h2,
      #growth > .inset-container > h1,
      #growth > .inset-container > h2 {
        margin-bottom: 1em; } }

#optimisation {
  padding-bottom: 48px; }

#winning {
  padding: 0; }
  @media only screen and (min-width: 988px) {
    #winning {
      padding: 48px 0; } }

#growth {
  padding: 48px 0; }
  @media only screen and (min-width: 988px) {
    #growth {
      padding: 48px 0 140px; } }
  @media only screen and (max-width: 720px) {
    #growth .colour-box.green.top-cnr {
      margin-bottom: 2em; } }

.colour-box {
  position: relative;
  text-align: left;
  padding: 32px 32px 16px;
  min-height: 358px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1em; }
  @media only screen and (min-width: 721px) {
    .colour-box {
      padding-right: 20px;
      margin-bottom: 0; } }
  @media only screen and (min-width: 988px) {
    .colour-box {
      padding: 40px 40px 0;
      min-height: 364px; } }
  .colour-box.yellow {
    background-color: #ffcf26; }
  .colour-box.light-grey {
    background-color: #ededed; }
  .colour-box.green {
    background-color: #67bf3d;
    color: white; }
  .colour-box.top-cnr {
    border-top-left-radius: 30px; }
  .colour-box.bottom-cnr {
    border-bottom-right-radius: 30px; }
  .colour-box .single-stat {
    font-size: 64px;
    line-height: 1em;
    margin-bottom: 16px; }
    @media only screen and (min-width: 988px) {
      .colour-box .single-stat {
        font-size: 100px;
        line-height: 1em;
        margin-bottom: 16px; } }
  .colour-box figure {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 16px;
    right: 20px;
    width: 110px;
    height: 110px; }
    .colour-box figure svg {
      width: 100%;
      height: auto; }
    @media only screen and (min-width: 988px) {
      .colour-box figure {
        top: 20px;
        right: 20px;
        width: 140px;
        height: 140px; } }
    @media only screen and (min-width: 1140px) {
      .colour-box figure {
        top: 20px;
        right: 20px;
        width: 160px;
        height: 160px; } }

.stat-list.stat-list--paragraph.flex-pand li .icon-tick {
  margin: 16px 0; }

@media only screen and (min-width: 721px) {
  .stat-list.stat-list--paragraph.flex-pand li .icon-tick {
    margin: 0; }
  .stat-list.stat-list--paragraph.flex-pand li:last-of-type .icon-tick {
    margin: 28px 0; } }

.stat-list.stat-list--paragraph.flex-pand .icon-tick {
  position: relative;
  padding-left: 64px; }
  .stat-list.stat-list--paragraph.flex-pand .icon-tick:before {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    top: 5px;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("/img/icon-tick.svg"); }