.hr-suitability {
    transition: all 1s;
    width: 33.33%;
    align-self: flex-start;
    border-radius: 30px;
    height: 3px !important;
}

.tab-suitability {
    transform: translate(0px, 0px);
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    align-items: center;
}

.back-suitablity {
    display: none;
    animation-name: back-form;
    transform: translate(-1000px, 0px);
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-play-state: running;
}

@keyframes back-form {
    0% {
        display: flex !important;
        transform: translate(0px, 0px);
    }

    100% {
        display: flex !important;
        transform: translate(-1000px, 0px);
    }
}

.next-suitablity {
    display: flex !important;
    animation-name: next-form;
    transform: translate(0px, 0px);
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-play-state: running;
}

@keyframes next-form {
    0% {
        transform: translate(-1000px, 0px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.hide-tab {
    display: none;
}