.container {
    width: 100%;
    max-width: 400px;
    padding: 20px;
    margin-top: 50px;
    border-radius: 5px;
}
.btn-bd-purple {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #7e2591;
    --bs-btn-border-color: #7e2591;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #722676;
    --bs-btn-hover-border-color: #722676;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}
.error {
    position: absolute;
    margin-top: 0;
    margin-left: -6px;
    width: 370px;
    padding: 10px;
    color: #f99090;
    text-align: left;
    background: #212529;
    border-color: #f99090!Important;
    z-index: 999;
}
.error p {
    margin: 0;
    font-size: 15px;
}
.error::after {
    font: var(--fa-font-solid);
    content: "\21";
    color: #f99090;
    font-size: 20px;
    font-weight: bold;
    float: right;
    margin: -22px 3px;
}
.captcha {
    padding: 15px 0 0;
}
.capimg {
    border-radius: 3px;
}
.form-check-input:checked {
    background-color: #7e2591;
    border-color: #7e2591;
    box-shadow: 0 0 0 0.15rem rgb(231 13 253 / 30%);
}
.form-control:focus  {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #fe86ee;
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgb(231 13 253 / 30%);
}
.toggle-password {
    position: relative;
    bottom: -40px;
    left: 70%;
    cursor: pointer;
}