.legislation-section {
  
  .legislation {
    &-header {
      margin-top: 1.5em;
      margin-bottom: 1.5em;
      &-title {
        text-align: right;
        font-size: 2rem;
      }
    }
    &-main {
      .legislation-main-header {
        .header-nav {
          width: 100%;
          position: relative;
          &::after {
            content: "";
            border-bottom: 1px solid #f1f1f1;
            position: absolute;
            width: 11.8rem;
            right: 0.2em;
            top: 3.5em;
          }

          &-right {
            button {
              width: 6rem;
              height: 3rem;
              font-size: 1em;
              border: none;
              background-color: #fff;
            }
          }
          &-left {
            button {
              width: 6rem;
              height: 3rem;
              font-size: 1em;
              border: none;
              background-color: #fff;
            }
          }
          .active {
            color: #00baba;
            position: relative;
            &::after {
              content: "";
              border-bottom: 2px solid #00b6e3;
              position: absolute;
              top: 3.5em;
              right: 0;
              width: 100%;
            }
          }
        }
        .legislation-card {
          width: 18.125em;
          height: 14em;
          border: 1px solid #f0f1f5;
          border-radius: 15px;
          margin: 5px;
          display: flex;
          flex-wrap: wrap;
          padding: 1.7em;
          .legislation-card-main {
            width: 100%;
            height: 70%;
            p {
              font-size: 1.25em;
            }
          }
          .legislation-card-footer {
            width: 100%;
            height: 30%;
            .top {
              .footer-title {
                color: #bac4ce;
                font-size: 1.0625em;
              }
              .footer-date {
                color: #00baba;
                font-size: 1.0625em;
              }
            }
            .bottom {
              .footer-title {
                color: #bac4ce;
                font-size: 0.875em;
              }
              .footer-date {
                color: #00baba;
                font-size: 0.8125em;
              }
            }
          }
        }
      }
    }
  }
}
