.main-login-form .login-form {
    width: 42% !important;
    border: 1px solid var(--bs-gray-500);
    padding: 25px 25px;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px #0000004f;
}

.main-login-form .login-form .form-control {
    padding: 8px 0.75rem;
}

.main-login-form .login-form .captcha {
    border: 1px solid #cacaca;
    border-radius: var(--bs-border-radius);
    margin-bottom: 0.5rem;
}

.main-login-form .login-form .border-btn {
    background: #fff;
}

.main-login-form label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.main-login-form .forgot-password {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}

.main-login-form .forgot-password a {
    font-size: 14px;
    color: var(--purple);
    margin-top: 0px;
    margin-left: 5px;
    font-weight: 500;
}

.main-login-form {
    height: 85vh;
    display: flex;

    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .main-login-form .login-form {
        width: 100% !important;
    }
}

.rangeContainer-brown {
    border: 1px solid #c28024;
}

.range .sliderValue span.sliderValContainer-brown:after {
    background: #c28024;
}

.bg-brown {
    background: #c28024;
}

.btn-brown {
    color: #fff;
    background-color: #c28024;
    border-color: #c28024;
}

.btn-brown:hover {
    color: #fff;
    background-color: #9c671d;
    border-color: #885a1a;
}

.btn-check:focus + .btn-brown,
.btn-brown:focus {
    color: #fff;
    background-color: #9c671d;
    border-color: #885a1a;
    box-shadow: 0 0 0 0.25rem rgba(194, 128, 36, 0.5);
}

.btn-check:checked + .btn-brown,
.btn-check:active + .btn-brown,
.btn-brown:active,
.btn-brown.active,
.show > .btn-brown.dropdown-toggle {
    color: #fff;
    background-color: #885a1a;
    border-color: #754d16;
}

.btn-check:checked + .btn-brown:focus,
.btn-check:active + .btn-brown:focus,
.btn-brown:active:focus,
.btn-brown.active:focus,
.show > .btn-brown.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(194, 128, 36, 0.5);
}

.btn-brown:disabled,
.btn-brown.disabled {
    color: #fff;
    background-color: #c28024;
    border-color: #c28024;
}

.btn-outline-brown {
    color: #c28024;
    border-color: #c28024;
}

.btn-outline-brown:hover {
    color: #fff;
    background-color: #c28024;
    border-color: #c28024;
}

.btn-check:focus + .btn-outline-brown,
.btn-outline-brown:focus {
    box-shadow: 0 0 0 0.25rem rgba(194, 128, 36, 0.5);
}

.btn-check:checked + .btn-outline-brown,
.btn-check:active + .btn-outline-brown,
.btn-outline-brown:active,
.btn-outline-brown.active,
.btn-outline-brown.dropdown-toggle.show {
    color: #fff;
    background-color: #c28024;
    border-color: #c28024;
}

.btn-check:checked + .btn-outline-brown:focus,
.btn-check:active + .btn-outline-brown:focus,
.btn-outline-brown:active:focus,
.btn-outline-brown.active:focus,
.btn-outline-brown.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(194, 128, 36, 0.5);
}

.btn-outline-brown:disabled,
.btn-outline-brown.disabled {
    color: #c28024;
    background-color: transparent;
}