.spfg-diagonal-blue {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin-top: -16rem; }
  @media (min-width: 74rem) {
    .spfg-diagonal-blue {
      margin-top: -20rem; } }
  @media (min-width: 1800px) {
    .spfg-diagonal-blue {
      margin-top: -14rem; } }
  .spfg-diagonal-blue .top-section {
    height: 28rem;
    position: relative; }
    @media (min-width: 74rem) {
      .spfg-diagonal-blue .top-section {
        height: 35rem; } }
    .spfg-diagonal-blue .top-section svg {
      width: 352px;
      height: 352px;
      right: -3.625rem;
      position: absolute;
      bottom: -15rem; }
      @media (min-width: 74rem) {
        .spfg-diagonal-blue .top-section svg {
          width: 823px;
          height: 823px;
          bottom: -30.5rem;
          right: -10rem; } }
    .spfg-diagonal-blue .top-section:before, .spfg-diagonal-blue .top-section:after {
      position: absolute;
      display: block;
      content: '';
      top: 100%;
      left: 0;
      width: 0;
      height: 28rem;
      width: 120vw;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
      background: #387CDF;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      z-index: -1; }
    .spfg-diagonal-blue .top-section:after {
      left: 108rem; }
  @media (min-width: 74rem) {
    .spfg-diagonal-blue .top-content {
      max-width: 38rem; } }
  .spfg-diagonal-blue .bottom-section {
    background: #387CDF;
    color: #FFFFFF;
    padding-top: 12rem;
    padding-bottom: 3rem; }
    @media (min-width: 55rem) {
      .spfg-diagonal-blue .bottom-section {
        padding-bottom: 10rem; } }
    @media (min-width: 74rem) {
      .spfg-diagonal-blue .bottom-section {
        padding-top: 4rem; } }
  .spfg-diagonal-blue .icon-items {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 55rem) {
      .spfg-diagonal-blue .icon-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .spfg-diagonal-blue .icon-items li {
      text-align: center;
      margin-bottom: 6rem; }
      @media (min-width: 55rem) {
        .spfg-diagonal-blue .icon-items li {
          max-width: 263px;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 263px;
          flex: 0 0 263px; } }
    .spfg-diagonal-blue .icon-items .svg {
      margin-bottom: 2rem; }
      @media (min-width: 55rem) {
        .spfg-diagonal-blue .icon-items .svg {
          height: 14rem; } }
    @media (max-width: 55rem) {
      .spfg-diagonal-blue .icon-items svg {
        width: 200px;
        height: auto; } }
    .spfg-diagonal-blue .icon-items p {
      text-transform: uppercase;
      font-size: 1.375rem;
      line-height: 1.27; }
      @media (min-width: 55rem) {
        .spfg-diagonal-blue .icon-items p {
          font-size: 1.5rem; } }
  .spfg-diagonal-blue .bottom-buttons {
    text-align: center;
    padding-bottom: 3rem; }
  @media (min-width: 55rem) {
    .spfg-diagonal-blue + .wp-block-image.size-large {
      margin-top: -8.5rem;
      position: relative; } }