/* @import url("variable.css");


.login-wrapper-modal {
    background-color: var(--color-black);
    color: var(--color-white);
    max-width: 450px;
    margin: 4rem auto;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.login-wrapper-modal .form-control {
    background-color: #343a40;
    color: var(--color-white);
    border: 1px solid #495057;
}
.login-wrapper-modal .form-control:focus {
    border-color: var(--color-gold);
    box-shadow: 0 0 0 0.2rem rgba(227, 167, 12, 0.25);
}
.login-wrapper-modal input::placeholder {
    color: #ccc;
}
.login-wrapper-modal input:focus::placeholder {
    color: var(--color-gold);
}
.btn-gold {
    background-color: var(--color-gold);
    color: var(--color-black);
    font-weight: 600;
    padding: 0.6rem 1rem;
    border-radius: 0.5rem;
    transition: 0.3s ease;
    border: 2px solid transparent;
}
.btn-gold:hover {
    background-color: transparent;
    color: var(--color-gold);
    border: 2px solid var(--color-gold);
}
.btn-white-login {
    background-color: transparent;
    color: var(--color-gold);
    border: 2px solid var(--color-gold);
    font-weight: 600;
    padding: 0.6rem 1rem;
    border-radius: 0.5rem;
    transition: 0.3s ease;
}
.btn-white-login:hover {
    background-color: var(--color-gold);
    color: var(--color-black);
}
.toggle-password-alone {
    position: absolute;
    right: 15px;
    top: 43px;
    cursor: pointer;
    color: var(--color-gold);
}
.form-group {
    position: relative;
}
.notification2 {
    max-width: 450px;
    margin: 1rem auto;
}


@media (max-width: 992px) {

  .fs-14 {
    font-size: 14px!important;
  }

}

.modal-header {
    border-bottom: none;
}

h2{
    margin-bottom: 0;
}
h2::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background-color: var(--color-gold);
    margin: 0.5rem auto 0;
    border-radius: 2px;
    margin-bottom: 40px;
}

.modal-body{padding-top: 0;}

.fsm-14{
    font-size: 14px!important;
}

#zoneM h2{
    margin-bottom: 0;
}
#zoneM h2::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background-color: var(--color-gold);
    margin: 0.5rem 0;
    border-radius: 2px;
    margin-bottom: 40px;
}

.text3222{
    font-size: 28px;
}

@media screen and (max-width:992px){

    .text3222{
        font-size: 22px;
    }

} */



.btn-outline-warning {
    --bs-btn-color: var(--color-black);
    --bs-btn-border-color: var(--color-black);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-black);
    --bs-btn-hover-border-color: var(--color-black);
    --bs-btn-focus-shadow-rgb: 240, 173, 78;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-black);
    --bs-btn-active-border-color: var(--color-black);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-black);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-black);
    --bs-gradient: none;
}