.outer-relatedsection-block {
  position: relative;
  z-index: -1;
  top: 273px;
  top: 16px;
  z-index: 20;
  left: 30px;
  display: block;
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .outer-relatedsection-block .inner-bottom-links h3 {
    text-align: left;
    color: rgba(255, 255, 255, .5);
    margin: 0;
    line-height: 1.2;
    font-size: 32px; }
    .outer-relatedsection-block .inner-bottom-links ul {
      padding: 0; }
      .outer-relatedsection-block .inner-bottom-links ul li {
        margin: 25px auto;
        display: table;
        width: 33vw;
        height: 135px; }
        .outer-relatedsection-block .inner-bottom-links ul li a {
          background-color: rgba(255, 255, 255, .2);
          border-radius: 30px;
          padding: 17px 20px 16px 30px;
          margin: 40px auto;
          text-decoration: none;
          color: #fff;
          font-size: 16px;
          display: block;
          background-position: 20px center;
          background-repeat: no-repeat;
          display: table-cell;
          position: relative;
          background-image: url(/media/image/f5060567682ab31a346e4262370fa94037564d9f.svg);
          background-repeat: no-repeat;
          background-position: calc(100% - 17px) calc(100% - 17px);
          transition: all 0.2s; }
          .outer-relatedsection-block .inner-bottom-links ul li a .file-logo {
            position: absolute;
            left: 28px;
            top: 29px;
            width: 25px;
            height: 25px; }
          .outer-relatedsection-block .inner-bottom-links ul li a h2 {
            font-size: 32px;
            text-align: left;
            margin: 5px 0;
            line-height: 0.9;
            margin-bottom: 20px;
            width: calc(100% - 20px); }
            .outer-relatedsection-block .inner-bottom-links ul li a h2.extentions {
              margin-top: 60px;
              margin-bottom: 10px; }
            .outer-relatedsection-block .inner-bottom-links ul li a h2 .document-title {
              width: 350px; }
              .outer-relatedsection-block .inner-bottom-links ul li a h2 .document-title .name, .outer-relatedsection-block .inner-bottom-links ul li a h2 .document-title .doc-pdf {
                display: block;
                float: left; }
              .outer-relatedsection-block .inner-bottom-links ul li a h2 .document-title .doc-pdf {
                display: block;
                width: 30px;
                height: 30px;
                margin-left: 20px;
                background-image: url(/media/image/832ed09e6b6ae574d57b653abe550dd4553d363c.svg); }
          .outer-relatedsection-block .inner-bottom-links ul li a p, .outer-relatedsection-block .inner-bottom-links ul li a .outer-text {
            text-align: left;
            width: calc(100% - 60px);
            font-weight: 400;
            margin: 5px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            line-height: 1.375;
            --lh: 1.375rem;
            --max-lines: 2;
            max-height: calc(var(--lh) * var(--max-lines) * 1.1); }
          .outer-relatedsection-block .inner-bottom-links ul li a .arrow {
            position: absolute;
            top: calc(100% - 47px);
            left: calc(100% - 43px);
            width: 50px;
            height: 50px;
            background-image: url(/media/image/48a282d8db1a772348a7b8417a7c9079053a7695.svg);
            background-repeat: no-repeat;
            transition: all 0.2s; }
          .outer-relatedsection-block .inner-bottom-links ul li a:hover {
            background-color: #ff6e46;
            background-position: calc(100% - 15px) calc(100% - 17px);
            opacity: 1; }
            .outer-relatedsection-block .inner-bottom-links ul li a:hover .arrow {
              left: calc(100% - 40px); }

@media (max-width: 1500px) {
  .outer-relatedsection-block .inner-bottom-links ul li {
    width: 30vw; } }

@media (max-width: 960px) {
  .outerleft-landingpage-block {
    margin-top: -60px; }

  .outer-relatedsection-block {
    left: 0;
    width: calc(100% - 20px); }
    .outer-relatedsection-block .inner-bottom-links ul li {
      width: 100%; } }