.authbg {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10;
}


.authbg-mobile {
    position: absolute;
    bottom: 0px;
    z-index: -11;
    width: 100%;
    object-fit: cover;
}

.main-auth-bg {
    background: #F9F9F9;
    box-shadow: 0px 4px 13.2px 0px #00000040;
    border-radius: 20px;
    max-width: 618px;
    width: 100%;
}

.main-text {
    color: #251F1F;
}

.auth-btn {
    color: #F0FDF4;
    font-weight: 500;
}

.popin {
    font-family: "Poppins", sans-serif;
    font-style: normal;
}

.dm-sans {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
}

.remember-me {
    font-weight: 500;
    font-size: 12px;
}

.frgt-pass {
    font-weight: 500;
    font-size: 12px;
}

.full-height {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.cbt {
    color: #454040;
    font-size: 12px;
    text-align: center;
}

.btn-green {
    --bs-btn-color: #F0FDF4;
    --bs-btn-bg: #0047AB;
    --bs-btn-border-color: #0047AB;
    --bs-btn-hover-color: #F0FDF4;
    --bs-btn-hover-bg: #0047AB;
    --bs-btn-hover-border-color: #0047AB;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #F0FDF4;
    --bs-btn-active-bg: #0047AB;
    --bs-btn-active-border-color: #F0FDF4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F0FDF4;
    --bs-btn-disabled-bg: #0047AB;
    --bs-btn-disabled-border-color: #0047AB;
    box-shadow: 0px 1px 2px 0px #6951FF0D;

}

.password-container {
    position: relative;
}

.input-group-password {
    position: relative;
    display: flex;
    align-items: center;
}



.toggle-password {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.toggle-password svg {
    width: 18px;
    height: 18px;
    display: block;

}


select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: auto !important;
}

[v-cloak] {
    display: none !important;
}