.hospital_onboard {
    background: var(--Secondary-light, #D3E8E4);
    height: 90vh;
}

.hospital_onboard > div {
    width: 40rem;
    height: 70vh;
    border-radius: 1rem;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 3rem 5rem !important;
}

.hospital_onboard .hospital-image {
    width: 100%;
}

.hospital_onboard .active {
    background: var(--Secondary-color, #159D89);
    color: white;
}

.hospital_onboard .steps > div {
    cursor: pointer;
}


#stepOneContent form {
    height: 20rem !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}  
#stepTwoContent form {
    height: 20rem !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}  

.hospital_onboard .facilities-check {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    height: 100%;
    white-space: nowrap;
    overflow-y: scroll;
}
.hospital_onboard .facilities-check::-webkit-scrollbar {
    display: none;
} 

@media all and (max-width: 780px) {
    .hospital_onboard .form-part {
        width: 80vw !important;
    }
}

@media all and (max-width: 650px) {
    .hospital_onboard .form-part {
        padding: 3rem !important;
    }
}
@media all and (max-width: 550px) {
    .hospital_onboard .facilities-check {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media all and (max-width: 500px) {
    .hospital_onboard .form-part {
        padding: 1rem !important;
    }
}