.text-with-image {
  position: relative; }
  @media (min-width: 992px) {
    .text-with-image {
      margin-bottom: 120px; } }
  .text-with-image__container {
    overflow: hidden;
    margin-top: 3rem;
    position: relative;
    z-index: 9; }
    @media (min-width: 992px) {
      .text-with-image__container {
        overflow: visible;
        margin-bottom: 9rem; } }
    .text-with-image__container + .text-with-image__container {
      margin-top: -1rem; }
  .text-with-image__text {
    padding: 2.5rem 2rem 2rem;
    box-shadow: 0 30px 60px rgba(74, 96, 117, 0.2); }
    @media (min-width: 992px) {
      .text-with-image__text {
        padding: 3rem 2rem;
        background-color: transparent;
        box-shadow: none; } }
    @media (min-width: 1200px) {
      .text-with-image__text {
        padding: 3rem 1.5rem 2.5rem; } }
    .-white .text-with-image__text {
      background-color: #FFF; }
    .-light_blue .text-with-image__text {
      background-color: #02bcf0; }
    .text-with-image__text .highlight {
      color: #025da4; }
    .text-with-image__text-container {
      z-index: 2; }
      @media (min-width: 992px) {
        .text-with-image__text-container {
          background-color: #FFF;
          box-shadow: 0 30px 60px rgba(74, 96, 117, 0.2); } }
      .text-with-image__text-container.-light_blue {
        color: #213A53; }
        @media (min-width: 992px) {
          .text-with-image__text-container.-light_blue {
            background-color: #02bcf0; } }
        .text-with-image__text-container.-light_blue .highlight {
          color: #FFF; }
        .text-with-image__text-container.-light_blue .arrow-link {
          color: #213A53; }
          .text-with-image__text-container.-light_blue .arrow-link::after {
            content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16px' height='14px' viewBox='0 0 16 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg transform='translate(-17.000000, -18.000000)' fill='%23213A53' fill-rule='nonzero'%3e%3cpolygon points='26.3 18 24.9 19.4 29.2 23.7 17 23.7 17 25.7 29.2 25.7 24.9 30 26.3 31.4 33 24.7'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
            top: .1rem; }
      .text-with-image__text-container.-dark_blue h2 {
        color: #FFF; }
      .text-with-image__text-container.-dark_blue {
        background-color: #025da4; }
      .text-with-image__text-container.-dark_blue, .text-with-image__text-container.-grey-dark {
        color: #FFF; }
        .text-with-image__text-container.-dark_blue a, .text-with-image__text-container.-grey-dark a {
          color: #FFF;
          border-color: #FFF; }
          .text-with-image__text-container.-dark_blue a:hover, .text-with-image__text-container.-dark_blue a:focus, .text-with-image__text-container.-grey-dark a:hover, .text-with-image__text-container.-grey-dark a:focus {
            color: #6E7881;
            border-color: #6E7881; }
      .text-with-image__text-container.-grey-dark {
        background-color: #213A53; }
        .text-with-image__text-container.-grey-dark h2 {
          color: #FFF; }
  .text-with-image__title {
    margin-bottom: 1.5rem;
    hyphens: auto; }
  .text-with-image__image {
    position: relative;
    top: -60px;
    z-index: 1; }
    @media (min-width: 992px) {
      .text-with-image__image {
        top: auto;
        bottom: -60px; }
        .text-with-image__image.col-lg-6 {
          position: absolute;
          padding: 0; } }
    .text-with-image__image img {
      width: 100%;
      max-width: 558px; }
    .text-with-image__image .video-component__image img {
      max-width: none; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .text-with-image__image .video-component__bottom {
        padding-left: 6rem; } }
    @media (min-width: 1200px) {
      .text-with-image__image .video-component__bottom {
        padding-left: 7rem; } }
  .text-with-image__more-info {
    margin-top: 1.5rem; }
    .text-with-image__more-info a:not(.btn) {
      border-bottom: 0; }
  .text-with-image .arrow-link {
    padding-right: 2.35rem; }
  .text-with-image.-left .text-with-image__image {
    left: calc(50% - 15px);
    margin-left: -50vw; }
    @media (min-width: 992px) {
      .text-with-image.-left .text-with-image__image {
        left: 0;
        margin-left: 0; } }
  .text-with-image.-right .text-with-image__image {
    right: calc(-50vw - 15px);
    margin-left: -50%;
    text-align: right; }
    @media (min-width: 992px) {
      .text-with-image.-right .text-with-image__image {
        right: 0;
        margin-left: 0; } }