.tabs { 
    margin: 20px;
    padding: 0;
      list-style: none;
      position: relative;
      border-bottom: 1px solid #ccc;
    
      .active-tab {
          border-top: 1px solid #ccc;
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          border-bottom: none;
          position: relative;
          color: black;
      
          &:after {
              width: 100%;
              height: 2px;
              position: absolute;
              content: "";
              bottom: -0.1em;
              left: 0;
              background: white;
          }
      }
    
      li {
          display: inline-block;
          cursor: pointer;
          color: #3a5ea7;
          padding: 5px 10px;
      
          &:first-child {
              margin-left: 10px;
          }
      }
  }
  
  .tabs-content {
      margin: 20px;
      padding: 0;
      list-style: none;
    
      li {
          display: none;
      }
  }