:root{
    /*--login-bg-color-rgb : 12,12,12 !important;*/
    /*--login-bg-color : #0C0C0CCC !important;*/
    --bs-white-rgb : 12,12,12 !important;
    --bs-white : #0C0C0CCC !important;
}
.logo-login {
    display: table;
    margin: 0 auto 70px;
}


.login_form button.btn, .login_form .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-lg {
    background: #0041A8 !important;
}

.login_form button.btn:hover, .login_form button.btn:hover:not(.btn-active),
.login_form .btn.btn-light-danger:active:not(.btn-active),
.login_form .btn.btn-light-danger:focus:not(.btn-active) {
    background: #f36928 !important;
}

.login_form button.btn .indicator-label {
    color: #fff !important;
}

.indicator-progress{
    color: #fff !important;
}

.login_form .captcha {
    text-align: center;
}

.login_form label {
    font-weight: normal;
    font-size: 14px !important;
}

.login_form {
    background: #bfbfbf;
    padding: 35px;
}

.form-control-solid {
    background-color: #fff !important;
}

.login-page {
    margin: 0;
}

.login_form a {
    color: var(--bs-white);
}

.login_form a:hover, .login_form a:focus {
    color: #e14609;
}

.login_form .text-gray-400 {
    color: #9b8e88 !important;
    font-size: 14px !important;
}

.title-login {
    margin-top: -30px;
    background: var(--bs-white);
    padding: 13px;
    position: relative;
    bottom: 31px;
}

.title-login h1 {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0;
}

.login_form input {
    font-size: 13px;
    background-color: var(--bs-white);
    border-radius: 0;
}
.custom-blur{
    backdrop-filter: blur(8px);
}
.gradient-border-wrap {
    position: relative;
    display: inline-flex; /* به‌جای inline-block، امن‌تره برای هم‌اندازه شدن با محتوا */
}

.gradient-border-svg {
    --gb-width: 2px;
    --gb-speed: 3s;
    --gb-color-1: #d4af37;
    --gb-color-2: #4f3c26;
    --gb-color-3: #bb8b50;

    position: absolute;
    inset: calc(-1 * var(--gb-width));
    width: calc(100% + (var(--gb-width) * 2));
    height: calc(100% + (var(--gb-width) * 2));
    pointer-events: none;
    z-index: 1;
    /* width و height رو حذف کن، inset به‌تنهایی کافیه */
}

.gradient-border-rect {
    x: calc(var(--gb-width) / 2);
    y: calc(var(--gb-width) / 2);
    width: calc(100% - var(--gb-width));
    height: calc(100% - var(--gb-width));
    fill: none;
    stroke: url(#gb-gradient);
    stroke-width: var(--gb-width);
    /* دیگه هیچ dasharray یا animation روی خودِ rect نداریم */
}
@keyframes gb-dash {
    to { stroke-dashoffset: -1000; }
}
#login_button:hover ,#kt_sign_in_submit:hover {
    background-color: #BB8B50 !important;
}
.login-tab li button{
    color: var(--bs-gray-100);
}
.login-tab li button:hover{
    color: var(--bs-gray-200);
}
.custon-tab-item{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.login-tab li button i{
    color: var(--bs-gray-100);
}
.login-tab li button.active , .login-tab li button.active i{
    color: #000 !important;
}
.placeholder-color::placeholder{
    color: #CCC !important;
}
.form-control:focus{
    color: var(--bs-gray-200) !important;
}
.nav-pills .nav-item{
    margin-left:0px !important;
}
.main-logo-lgn{
    z-index: 200;
}

@media (max-width: 768px) {
    .main-logo-lgn {
        display: none !important;
    }
    .mobile-mod {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .gradient-border-wrap {
        display: unset !important;
        width: 100%;
    }
    .respinsiv-mod{
        height: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}