.swap-enter {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.swap-leave {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.swap-active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.5s ease, opacity 0.5s ease;
}


.register-page-form {
    margin: 0;
    padding: 140px 20px;
}
.register-page-form {
    margin: 0;
    padding: 140px 50px;
    transition: all 0.3s ease;
}
.personelColumn{
    display: none;
    cursor: pointer;
}.businessColumn{
    cursor: pointer;
     display: flex;
     justify-content: center;
     align-items: center;
 }
.register-page-form:hover {
    transform: scale(1.02);
}
.coverForm{
    cursor: pointer;
}
.register-page-form {
    transition: transform 0.3s ease, opacity 0.3s ease;
}


.coverForm{
    background: #84157E;
    border-radius: 0px 200px 200px 0px;
    margin: 10px 0px;
}.coverFormBusiness{
     display: none;
     background: #ff9800cc;
     border-radius: 200px 0px 0px 200px;
     margin: 10px 0px;
 }
.register-page-form{
    background: white;
    margin: 5% 8% !important;
    border-radius: 90px;
    padding: 60px 20px !important;
}
.reset-page-wrapper .form-control, .register-page-form .form-control {
    height: 65px;
    border: 1.5px solid #d2d2d2ad;
    border-radius: 15px !important;
    color: var(--black);
    margin-bottom: 25px;
    padding: 20px 20px;
}
.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1.3em;
    height: 1.3em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}
#login .register-page-form .btn.submit, #signup .register-page-form .btn.submit {
    width: 100%;
    height: 54px;
    font-size: 0.95rem;
    max-width: 300px;
    margin: 0 auto;
}
.form-check-input:checked {
    background-color: #84157E;
    border-color: #84157E;
}
.form-check-label{
    margin-left: 6px;
}
@media (max-width: 768px) {
    .reset-page-wrapper .form-control, .register-page-form .form-control {
        height: 55px;
        border: 1.5px solid #d2d2d2ad;
        border-radius: 15px !important;
        color: var(--black);
        margin-bottom: 15px;
        padding: 20px 20px;
        font-size: 13px;
    }
    .register-page-form img{
        display: none !important;
    }
    .register-page-form {
        background: white;
        margin: 0% !important;
        border-radius: 30px;
        padding: 20px 20px !important;

    }
    .coverForm {
        background: #84157E;
        border-radius: 0px 200px 200px 0px;
        margin-right: 50px;
        margin-top: 70px;
    }
    .coverFormBusiness {
        background: #84157E;
        border-radius: 0px 200px 200px 0px;
        margin-right: 50px;
        margin-top: 70px;
    }
    .register-page{
        padding-top: 80px !important;
    }

    .businessColumn{
        margin: 10px;
        padding: 10px 40px;
        padding-left: 10px !important;
    }
    .personelColumn{
        margin: 10px;
        padding: 10px 40px;
        padding-left: 10px;
    }
    .register-form-title h4{
        font-size: 20px !important;
    }
    .register-form-title p{
        font-size: 12px !important;
    }
    .personelColumn {
        order: 2;
    }

    .coverFormBusiness {
        order: 1;
    }
}