/* Font stacks */
@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(/synchrony/fonts/synchrony_sans_thin-v100-webfont.woff) format("woff"), url(/synchrony/fonts/synchrony_sans_thin-v100-webfont.woff2) format("woff2"), url(/synchrony/fonts/Synchrony_Sans_Thin-v100.ttf) format("truetype"), url(/synchrony/fonts/Synchrony_Sans_Thin-v100.otf) format("opentype");
  font-weight: 100; }

@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(/synchrony/fonts/SynchronySans.woff) format("woff"), url(/synchrony/fonts/SynchronySans.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans.otf) format("opentype"), url(/synchrony/fonts/SynchronySans.svg) format("svg");
  font-weight: 400; }

@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(/synchrony/fonts/SynchronySans-Medium.woff) format("woff"), url(/synchrony/fonts/SynchronySans-Medium.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans-Medium.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans-Medium.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans-Medium.svg) format("svg");
  font-weight: 500; }

@font-face {
  font-family: 'Synchrony Sans';
  font-display: fallback;
  src: url(/synchrony/fonts/SynchronySans-Bold.woff) format("woff"), url(/synchrony/fonts/SynchronySans-Bold.woff2) format("woff2"), url(/synchrony/fonts/SynchronySans-Bold.ttf) format("truetype"), url(/synchrony/fonts/SynchronySans-Bold.eot) format("embedded-opentype"), url(/synchrony/fonts/SynchronySans-Bold.otf) format("opentype"), url(/synchrony/fonts/SynchronySans-Bold.svg) format("svg");
  font-weight: 700; }

/* Universal breakpoints */
.business-3-up-box {
  margin: 40px auto; }
  .business-3-up-box .three-up {
    max-width: 1204px;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .business-3-up-box .three-up {
        max-width: none; } }
    .business-3-up-box .three-up .inner {
      flex-wrap: nowrap; }
      @media (max-width: 991px) {
        .business-3-up-box .three-up .inner {
          padding-left: 16px; } }
  .business-3-up-box .business-3-up-heading {
    font-weight: 700;
    font-size: 42px;
    line-height: 48px;
    margin: 0; }
  .business-3-up-box .intersect {
    position: relative;
    margin-top: -190px; }
    @media (max-width: 991px) {
      .business-3-up-box .intersect {
        margin-top: -75px; } }
  .business-3-up-box .business-3-up-subhead {
    font-size: 32px;
    line-height: 38px;
    color: #727377;
    margin: 30px 0 0;
    font-weight: normal; }
    @media (max-width: 991px) {
      .business-3-up-box .business-3-up-subhead {
        font-size: 24px;
        line-height: 32px;
        margin: 20px 0 0; } }
  .business-3-up-box .business-3-up-photo-wrap {
    width: 50%; }
    @media (max-width: 991px) {
      .business-3-up-box .business-3-up-photo-wrap {
        width: 100%; } }
  .business-3-up-box .business-3-up-wrap {
    padding: 40px 100px; }
    @media (max-width: 991px) {
      .business-3-up-box .business-3-up-wrap {
        padding: 20px 30px; } }
  .business-3-up-box .business-3-up-photo {
    width: 100%;
    height: 100%;
    border-radius: 0px 24px 0px 0px;
    background-position: top center; }
    .business-3-up-box .business-3-up-photo.reverse {
      border-radius: 24px 0px 0px 0px; }
      @media (max-width: 991px) {
        .business-3-up-box .business-3-up-photo.reverse {
          border-radius: 0px; } }
    @media (max-width: 991px) {
      .business-3-up-box .business-3-up-photo {
        min-height: 230px;
        max-height: 230px;
        border-radius: 0px; } }
  .business-3-up-box .business-3-up-desc-heading {
    font-weight: 500;
    font-size: 36px;
    line-height: 48px; }
    @media (max-width: 991px) {
      .business-3-up-box .business-3-up-desc-heading {
        font-weight: 500;
        font-size: 24px;
        line-height: 32px; } }
  .business-3-up-box .business-3-up-desc-copy {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 0px 0 40px; }
    @media (max-width: 991px) {
      .business-3-up-box .business-3-up-desc-copy {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px; } }
  .business-3-up-box .business-3-up-description {
    background: #FBC600;
    padding: 40px 100px 190px; }
    @media (max-width: 991px) {
      .business-3-up-box .business-3-up-description {
        border-radius: 0px;
        padding: 40px 30px; } }
    @media (max-width: 991px) {
      .business-3-up-box .business-3-up-description.reverse {
        border-radius: 0px; } }