.client-step-content {
    margin: 20px 0 10px 0;
    /*height: 55vh;*/ /*for setting a fixed hieght*/
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: var(--light-blue) #f5f5f5;
}
.status-title, .status-field {
    transition: width 0.3s ease;
}
.status-title {
    width: 50%;
    display: flex;
}

.status-field {
    height: 56.5px;
    width: 50%;
}

@media (max-width: 1150px) {
    .status-title,
    .status-field {
        width: 100%;
    }
}

.status-box {
    width: 90%;
    height: 40px;
    border-radius: 25px;
}

    .status-box.disabled {
        background-color: #e9ecef;
    }