#focus-boxes {
  padding: 8rem 5rem 8rem 5rem;
  background-color: var(--primaryColor); }
  @media (max-width: 1150px) {
    #focus-boxes {
      padding: 5rem 3rem 5rem 3rem; } }
  @media (max-width: 767px) {
    #focus-boxes {
      padding: 5rem 2rem 5rem 2rem; } }
  #focus-boxes.alt-background-true {
    background-color: #fff; }
    #focus-boxes.alt-background-true .inner .top .block-title {
      color: var(--tertiaryColor); }
    #focus-boxes.alt-background-true .inner .top .sub-title {
      color: var(--text); }
    #focus-boxes.alt-background-true .inner .box-wrapper .box .box-inner .title {
      color: var(--primaryColor); }
  #focus-boxes .inner {
    max-width: 1270px;
    margin: 0 auto 0 auto; }
    #focus-boxes .inner .top {
      text-align: center;
      max-width: 1000px;
      margin: 0 auto 8rem auto; }
      @media (max-width: 767px) {
        #focus-boxes .inner .top {
          margin: 0 auto 5rem auto; } }
      #focus-boxes .inner .top .block-title {
        font-family: var(--font2);
        font-size: 6rem;
        line-height: 1.5;
        color: #fff;
        text-align: center;
        margin-bottom: 3rem; }
        @media (max-width: 1150px) {
          #focus-boxes .inner .top .block-title {
            font-size: 5rem; } }
        @media (max-width: 767px) {
          #focus-boxes .inner .top .block-title {
            font-size: 3.5rem; } }
      #focus-boxes .inner .top hr {
        width: 6rem;
        background-color: var(--secondaryColor);
        height: .4rem;
        margin: 2.5rem auto 4rem auto;
        border: none; }
      #focus-boxes .inner .top .sub-title {
        font-family: var(--font1);
        font-size: 2rem;
        line-height: 1.5;
        color: #fff; }
    #focus-boxes .inner .box-wrapper {
      display: flex;
      flex-wrap: wrap; }
      #focus-boxes .inner .box-wrapper .box {
        flex-basis: calc(50% - 2rem);
        margin: 0 1rem 2rem 1rem;
        background-color: #fff;
        border-top: 0.8rem solid var(--tertiaryColor);
        padding: 5rem 5rem 13rem 5rem;
        text-align: center;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
        position: relative; }
        @media (max-width: 1150px) {
          #focus-boxes .inner .box-wrapper .box {
            padding: 5rem 3rem 13rem 3rem; } }
        @media (max-width: 767px) {
          #focus-boxes .inner .box-wrapper .box {
            flex-basis: 100%;
            margin: 0 0 2rem 0;
            padding: 5rem 3rem 10rem 3rem; } }
        #focus-boxes .inner .box-wrapper .box .box-inner .title {
          font-family: var(--font2);
          font-size: 3rem;
          line-height: 1.2;
          color: var(--tertiaryColor);
          margin-bottom: 2.5rem; }
          @media (max-width: 767px) {
            #focus-boxes .inner .box-wrapper .box .box-inner .title {
              font-size: 2.8rem; } }
        #focus-boxes .inner .box-wrapper .box .box-inner .description {
          font-family: var(--font1);
          line-height: 1.8; }
        #focus-boxes .inner .box-wrapper .box .box-inner .button {
          margin: 0 auto 0 auto;
          position: absolute;
          bottom: 4rem;
          left: 0;
          right: 0;
          margin: auto; }
          @media (max-width: 767px) {
            #focus-boxes .inner .box-wrapper .box .box-inner .button {
              bottom: 0rem; } }