* {
  box-sizing: border-box; }

/* Darkest Navy */
/* Cobalt Blue */
/* Navy */
/* Navy */
/* White Linen */
/* Pink Energy */
/* Green Verve */
/* Orange Zeal */
.cards-up-block {
  padding: 5rem 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .cards-up-block__content {
    display: flex;
    flex-wrap: wrap; }
  .cards-up-block .cards-up-block__title-wrap {
    width: 35%;
    padding-right: 3.125rem; }
    .cards-up-block .cards-up-block__title-wrap h3 {
      font-family: "proxima-nova", "Open Sans", sans-serif;
      font-size: 3.25rem;
      font-weight: 700; }
      @media screen and (max-width: 650px) {
        .cards-up-block .cards-up-block__title-wrap h3 {
          font-size: 2.375rem; } }
  .cards-up-block .cards-up.with-title {
    width: 65%; }
  .cards-up-block .card-up {
    position: relative;
    z-index: 2;
    color: #0B272D; }
    .cards-up-block .card-up:not(:last-child) {
      margin-bottom: 2.125rem; }
    .cards-up-block .card-up__wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 100%;
      padding: 5rem 5rem 5rem 4.375rem;
      background-color: #F7EEE7;
      transition: all 0.3s ease-in-out; }
    .cards-up-block .card-up__title {
      width: 50%;
      margin: 0;
      font-family: "Helvetica Neue", "Neue Haas Grotesk", roboto, georgia, times, "Times New Roman", serif;
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 3.125rem; }
    .cards-up-block .card-up__description {
      width: 50%;
      font-family: "Helvetica Neue", "Neue Haas Grotesk", roboto, georgia, times, "Times New Roman", serif;
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1.875rem; }
    .cards-up-block .card-up__link-wrap {
      position: absolute;
      right: 20px;
      bottom: 32px;
      display: inline-flex;
      width: 52px;
      height: 29px;
      overflow-x: hidden; }
      .cards-up-block .card-up__link-wrap svg {
        transform: translateX(-20px);
        transition: all 0.3s ease-in-out; }
    .cards-up-block .card-up a:hover + .card-up__wrapper {
      background-color: #F7EEE7; }
      .cards-up-block .card-up a:hover + .card-up__wrapper .card-up__link-wrap svg {
        transform: translateX(0); }
    .cards-up-block .card-up a:focus + .card-up__wrapper .card-up__link-wrap svg {
      transform: translateX(0); }
  .cards-up-block:not(.light-text) .card-up {
    border: 1px solid #0B272D; }
  @media screen and (max-width: 1199px) {
    .cards-up-block .cards-up-block__title-wrap {
      width: 100%;
      padding: 0;
      text-align: center; }
    .cards-up-block .cards-up.with-title {
      width: 100%;
      max-width: 62.5rem;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .cards-up-block {
      padding: 1.875rem 0; }
      .cards-up-block .card-up__wrapper {
        padding: 1.25rem; }
      .cards-up-block .card-up__title {
        width: 100%; }
      .cards-up-block .card-up__description {
        width: 100%;
        padding-top: 1.25rem; }
      .cards-up-block .card-up__link-wrap {
        position: static;
        margin-top: 1.25rem; } }