.pro-button-wrapper{
    border-bottom: #000 0.5px solid;
}

.pro-button{
    cursor: pointer;
    transition: 0.5s;
    color: #000;
}

.pro-active{
    background: #000;
    color: white;
}

.pro-button:hover{
  background: #e9e9e9; 
  color: #000;
}

.left_to_right_visible{
    transform: translateX(100%);
}

.pro-button-select{
    padding: 1.4em 0.8em !important;
    justify-content: center;
    display: flex;
    align-content: center;
}

.pro-button-select .pro-text-wrap{
    width:fit-content;
}

#professional, #customer{
    flex-grow: 1;
    text-align: center;
    font-weight: 500 !important;
}


#professional h6, #customer h6{
    font-weight: 500 !important;
    letter-spacing: 0.12em;
}

#customer{
    color: #000;
}

.d-flex{
    display: flex;
}

.flex-wrap{
    flex-wrap: wrap;
}

#customer{
    background-color: #000;

}

#customer h6{
    color: #ffffff;
    
}