.main-wrapper {
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .main-wrapper .outer-news-block {
    padding: 0; }
    .main-wrapper .outer-news-block .news-upper {
      width: 100%;
      height: 90px; }
    .main-wrapper .outer-news-block .news-lower {
      height: 400px;
      background-color: #477ed2;
      background-image: linear-gradient(90deg, #497bc8, rgba(101, 192, 203, .8));
      border-top-right-radius: 40px;
      border-bottom-right-radius: 40px;
      color: #fff;
      width: calc(50vw + 825px);
      margin-left: calc(-50vw + 805px); }
      .main-wrapper .outer-news-block .news-lower .inner-left {
        margin-left: auto;
        margin-left: calc(50vw - 825px);
        padding-right: 40px;
        width: 230px; }
        .main-wrapper .outer-news-block .news-lower .inner-left .news-title {
          margin: 50px 0 30px 0;
          margin-left: 40px; }
        .main-wrapper .outer-news-block .news-lower .inner-left .news-text, .main-wrapper .outer-news-block .news-lower .inner-left .news-intro {
          display: block;
          overflow-y: hidden;
          margin-left: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
          word-wrap: break-word;
          line-height: 1.5;
          --lh: 1.5rem;
          --max-lines: 5;
          max-height: calc(var(--lh) * var(--max-lines) * 1.1); }
          .main-wrapper .outer-news-block .news-lower .inner-left .news-text p, .main-wrapper .outer-news-block .news-lower .inner-left .news-intro p {
            margin: 0;
            line-height: 1.5; }
        .main-wrapper .outer-news-block .news-lower .inner-left .cta-container .outer-box-cta {
          margin-left: 0;
          margin-top: 37px;
          margin-left: 40px; }
      .main-wrapper .outer-news-block .news-lower .inner-right {
        height: 463px;
        margin-top: -105px; }
        .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes {
          width: 100%;
          height: 100%; }
          .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes {
            position: relative;
            width: 240px;
            height: 100%;
            margin-right: 60px;
            border-radius: 40px;
            overflow: hidden;
            box-shadow: 0 0 20px rgba(35, 52, 117, 0.15);
            background-color: #6b98cf; }
            .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes:first-of-type {
              margin-left: 0; }
            .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .news-social {
              position: absolute;
              right: 10px;
              top: 10px; }
            .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-image {
              width: 100%;
              height: 210px; }
            .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-content {
              position: relative;
              width: calc(100% - 60px);
              height: 233px;
              padding: 20px 30px 0 30px;
              color: #fff;
              font-family: source-sans-pro; }
              .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-content .box-date {
                margin: 0 0 20px 0;
                font-weight: 100;
                font-size: 16px; }
              .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-content .box-text {
                display: block;
                overflow: hidden;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                word-wrap: break-word;
                line-height: 1.375;
                --lh: 1.375rem;
                --max-lines: 4;
                max-height: calc(var(--lh) * var(--max-lines) * 1.1); }
                .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-content .box-text p {
                  margin: 0;
                  line-height: 1.5;
                  font-weight: 700; }
              .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-content .cta-container {
                position: absolute;
                bottom: 29px;
                width: calc(100% - 60px); }
                .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-content .cta-container .outer-box-cta {
                  margin: 0 auto; }

@media (max-width: 1650px) {
  .main-wrapper .outer-news-block .news-lower {
    margin-left: -13px;
    width: auto;
    background-color: transparent;
    background-image: linear-gradient(90deg, #497bc8, rgba(101, 192, 203, 0)); }
    .main-wrapper .outer-news-block .news-lower .inner-left {
      margin-left: 0; } }

@media (max-width: 1500px) {
  .main-wrapper .outer-news-block .news-lower {
    margin-left: calc(-50vw + 469px); } }

@media (max-width: 960px) {
  .main-wrapper .outer-news-block .news-lower {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: auto;
    padding-bottom: 30px;
    margin-left: 0; }
    .main-wrapper .outer-news-block .news-lower .inner-left {
      width: 100vw;
      margin-left: 0; }
      .main-wrapper .outer-news-block .news-lower .inner-left .news-title {
        margin: 30px auto 23px;
        width: fit-content;
        font-size: 24px; }
      .main-wrapper .outer-news-block .news-lower .inner-left .news-text {
        margin: 0 20px;
        text-align: center; }
      .main-wrapper .outer-news-block .news-lower .inner-left .cta-container .outer-box-cta {
        margin-left: auto;
        margin-top: 30px; }
    .main-wrapper .outer-news-block .news-lower .inner-right {
      height: auto; }
      .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes {
        margin: 120px 20px 0;
        width: calc(100vw - 20px);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes {
          width: calc(50% - 17px);
          height: 340px;
          margin-bottom: 30px;
          margin-right: 10px; }
          .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-content {
            position: relative;
            width: calc(100% - 20px);
            height: 333px;
            padding: 20px 10px 0 10px; }
          .main-wrapper .outer-news-block .news-lower .inner-right .outer-boxes .inner-boxes .box-image {
            height: 130px; }
    .main-wrapper .outer-news-block .news-upper {
      height: 0; } }