.registration-wrapper{
    padding: 0 15%;
}

.registration-card{
    min-height: 325px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px;
}

button:disabled{
    cursor: not-allowed;
}

.status{
    font-family: var(--font);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--danger);
    background-color: #fdf2f8;
    /* color: var(--dark);
    background-color: #FCFCFC; */
    padding: 3px 7px;
    border-radius: 4px;
}
.status.active{
    color: #5151CD;
    background-color: #f0f5ff;
}



@media only screen and (max-width: 1400px){
    .registration-wrapper{
        padding: 0 7%;
    }
}

@media only screen and (max-width: 1200px){
    .registration-wrapper{
        padding: 0 5%;
    }
}


@media only screen and (max-width: 992.9px){
    .registration-wrapper{
        padding: 0 30%;
    }
}


@media only screen and (max-width: 768px){
    .registration-wrapper{
        padding: 0 27%;
    }
}


@media only screen and (max-width: 576px){
    .registration-wrapper{
        padding: 0 15%;
    }
}

.w-fit{ width: fit-content;}