a{
  color: black;
  text-decoration: none;
}


.Tab-main{

  .Tab-container{
    border-radius: 10px;

    .Tab-box{
      background: #f5f2f0;
      box-shadow: 0 5px 25px 3px rgb(0 0 0 / 10%);
      padding: 20px 15%;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 auto;
      flex-wrap: wrap;

      width: 60vw;
      .Tab-items{
        margin: 15px 0;
        cursor: pointer;
        text-align: center;
        font-size: 18px;
        transition: 0.4s;
        min-width: 72px;
        position: relative;
       ._Tab-item{
        transition: .4s;
         &:hover {
           color: #a30000;
         }
         &.active {
           color: #a30000;
         }
       }
        .Tab-child-box{
          position: absolute;
          right: calc(40% - 79px/2);
          top: 35px;
          z-index: 99;
          background: white;
          border-radius: 5px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          .Tab-child-items{
            padding: 3px 8px;
            font-size: 14px;
            color: #686868;
            width: 79px;
          }
          &:after{
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            top: -25px;
            left: 20px;
            text-align: center;
            margin: 15px 0 auto;
            transition: 0.3s;
            border-width: 0 10px 10px;
            border-style: solid;
            border-color: transparent transparent #ffffff !important;
          }
        }
      }
    }
  }
}