.rules-section {
  .rules {
    &-header {
      margin-top: 1.5em;
      margin-bottom: 1.5em;
      &-title {
        text-align: right;
        font-size: 2rem;
      }
    }
    &-main {
      .rules-main-header {
        .header-nav {
          width: 100%;
          position: relative;
          &::after {
            content: "";
            border-bottom: 1px solid #f1f1f1;
            position: absolute;
            width:17.7rem;
            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%;
            }
          }
        }
        .rules-card {
          width: 28em;
          height: 17em;
          border: 1px solid #F0F1F5;
          border-radius: 15px;
          margin: 5px;
          display: flex;
          flex-wrap: wrap;
          padding: 1.7em;
          .rules-card-main {
            width: 100%;
            height: 70%;
            p{
              font-size: 1.5em;
            }
          }
          .rules-card-footer {
            width: 100%;
            height: 30%;
           
            .footer-title {
              color: #bac4ce;
              font-size: 1.4em;
            }
            .footer-date {
            color: #00BABA;
            font-size: 1.4em;
            }
            button{
              width: 96px;
              height: 53px;
              border: none;
              border-radius: 5px;
            }
          }
        }
      }
    }
  }
}
