.skill-select .skill-btn{
    color : #C4C4C4;
    border : 1px solid #C4C4C4;
    background : transparent;
    border-radius: 50px;
    padding : 5px 15px;
    margin-right : 15px;
    margin-bottom : 15px;
    transition: 0.2s;
}
 
.skill-select .skill-btn:focus{
    color: #C4C4C4;
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.skill-select .skill-btn.selected{
    color : #00A99D;
    border : 2px solid #00A99D;
    font-weight: 600;
}
.skill-select .skill-btn.is-invalid{
    border-color: var(--bs-form-invalid-border-color);
    color: var(--bs-body-color);
}
.skill-select .skill-btn.is-invalid:focus{
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb),.25);
}
.skill-select label{
    margin-bottom : 10px;
    display: block;
    margin-top : 20px;
}
.skill-select .other{
    width : 120px;
    background : transparent;
    border : none;
    border-bottom : 1px solid #C4C4C4;
    text-align: center;
}
.skill-select .other:focus{outline: none;}
 
.form-control::placeholder,
.skill-select .other::placeholder{color : #C4C4C4;}
 
.ohter-wrap .add{
    color : #00A99D;
    border : 2px solid #00A99D;
    font-weight: 600;
    background : transparent;
    border-radius: 50px;
    height : 25px;
    width : 25px;
}