#add_members .flex.flex-col, .reg-form .flex.flex-col{
    margin-bottom: 1rem;
}
.register-page .flex.flex-col label {
    margin-bottom: 3px;
}
div#add_members .main-members-div, .reg-form{
    margin:0 0 30px 0 !important;
    border: 1px solid #bbbbbb;
    padding: 20px;
    /* border-radius: 5px; */
    background: #ecedf6;
}
.register-page .remove-member {
    margin: -32px -32px 0 0;
}
/* .register-page .remove-member i{
border-radius: 50px;
} */
.add-new-member.pointer {
    font-weight: 700;
    color: #141d76;
}
.register-page input, .login-page input, .register-page select{
    background: #fff;
}
.register-page input::placeholder, .login-page input::placeholder, .register-page select{
    font-size: 16px !important;
    color: #374151;
}
.course-page .image img {
    border: 1px solid #f8f8f8;
    border-radius: 10px;
    margin-bottom:30px;
}

.hide-if-empty:empty {
    display: none !important;
}
.reg-form.registration {
    background: none;
    border: none;
}
.reg-data .main-members-div label, .reg-form.registration label {
    color: #fff !important;
}
.reg-data .main-members-div {
    background: none !important;
}
button{
cursor: pointer;
}
@media (max-width: 767px) {
    .reg-form.registration .flex.gap-5, .main-members-div .flex.gap-5 {
        flex-direction: column;
        gap: 0;
    }
    .mobile-pop_up.inset-0 {
        top: -15%;
    }
}