@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
:root {
    --theme-orange: #F6973A;
    --theme-blue: #2F519A;
    --theme-green: #07b256;
    --theme-pink: #b6348e;
    --font-family: 'Lato', sans-serif;
    --color-white: #fff;
    --theme-light-color: #858585;
    --theme-dark-color: #000;
    --box-shadow: rgba(0, 0, 0, 0.2);
}
body {
    font-family: var(--font-family);
    font-size: 15px;
    font-weight: 400;
    background: #f9f9f9;
    color: var(--theme-dark-color);
}
.box-shadow { box-shadow: 0 0 4px 3px var(--box-shadow); }
.btn-outline-orange {
    border: 1px solid var(--theme-orange);
    color: var(--theme-orange);
}
.btn-orange, .btn-outline-orange:hover {
    background: var(--theme-orange);
    color: var(--color-white);
}
.btn-orange:hover, .btn-orange:focus {
    background: #dd8126;
    color: var(--color-white);
}
.btn-outline-blue {
    border: 1px solid var(--theme-blue);
    color: var(--theme-blue);
}
.btn-blue, .btn-outline-blue:hover {
    background: var(--theme-blue);
    color: var(--color-white);
}
.btn-blue:hover, .btn-blue:focus {
    background: #143680;
    color: var(--color-white);
}
.btn-outline-green {
    border: 1px solid var(--theme-green);
    color: var(--theme-green);
}
.btn-green, .btn-outline-green:hover {
    background: var(--theme-green);
    color: var(--color-white);
}
.btn-green:hover, .btn-green:focus {
    background: #079d4c;
    color: var(--color-white);
}
.btn-outline-pink {
    border: 1px solid var(--theme-pink);
    color: var(--theme-pink);
}
.btn-pink, .btn-outline-pink:hover {
    background: var(--theme-pink);
    color: var(--color-white);
}
.btn-pink:hover, .btn-pink:focus {
    background: #992075;
    color: var(--color-white);
}
.btn-outline-light {
    border: 1px solid #a1a1a1;
    color: var(--theme-dark-color);
}
.btn-outline-light:hover {
    border: 1px solid #a1a1a1;
    background: #a1a1a1;
    /* color: var(--color-white); */
}
.btn-light:hover { background: #e6e6e6; }
.bg-theme-orange, .bg-theme-orange:hover { background: var(--theme-orange); }
.bg-theme-green, .bg-theme-green:hover { background: var(--theme-green); }
.bg-theme-blue, .bg-theme-blue:hover { background: var(--theme-blue); }
.bg-theme-pink, .bg-theme-pink:hover { background: var(--theme-pink); }
.bg-theme-dark, .bg-theme-dark:hover { background: var(--theme-dark-color); }
.text-theme-orange, .text-theme-orange:hover { color: var(--theme-orange); }
.text-theme-green, .text-theme-green:hover { color: var(--theme-green); }
.text-theme-blue, .text-theme-blue:hover { color: var(--theme-blue); }
.text-theme-pink, .text-theme-pink:hover { color: var(--theme-pink); }
.text-theme-dark, .text-theme-dark:hover { color: var(--theme-dark-color); }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.form-group { margin-bottom: 1em; }
.form-label { font-size: 16px;font-weight: 400; }
.navbar { padding: 1rem 0;background: var(--theme-light-color); }
.navbar-brand .logo { width: 180px; }
.navbar-nav .nav-item:not(:last-child) { margin-right: 1rem; }
.navbar-nav .nav-item .nav-link {
    font-size: 15px;
    font-weight: 400;
    color: var(--theme-dark-color);
}
.nav-item .badge { font-size: 1em;padding: 0.25em; }
.btn {
    font-weight: 500;
    font-size: 1em;
    padding: 0.5em 1.3em;
}
.main { padding: 2em; }
.box {
    margin-top: 40%;
    padding: 1em;
    border-radius: 1em;
}
.box .box-header {
    font-weight: 500;
    text-align: center;
    margin-bottom: 1rem;
}
.box .box-sub-header { font-size: 17px; }
.text-muted { color: #818181 !important; }
/* .password-icon .form-control { border-right: 0; }
.password-icon .input-group-text { color: #777;background: transparent;cursor: pointer; } */
.password-icon { position: relative; }
.password-icon .form-control { padding-right: 2rem; }
.password-icon .icon {
    display: none;
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translate(0, -50%);
}
.password-icon .check-icon {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translate(0, -50%);
    color: var(--theme-green);
}
::placeholder { font-size: 14px;color: #c0bebe !important; }
.forgot-password-link { cursor: pointer;color: var(--theme-dark-color);text-decoration: none; }
.forgot-password-link:hover { color: #30529A !important;text-decoration: none; }
.otp-group { display: flex;justify-content: center; }
.otp-group .otp-control {
    text-align: center;
    width: 100%;
    height: 50px;
}
.otp-group .otp-control:not(:last-child) { margin-right: 0.5em; }
.forgot-password-otp { position: relative; }
.resend-alert {
    position: absolute;
    top: -12%;
    left: 2.5%;
    opacity: 0;
    font-size: 0.9em;
    font-weight: 500;
    padding: 0.75em;
    margin-bottom: 1em;
    background: #d2ffe7;
    border: 1px solid var(--theme-green);
    border-radius: 0.5em;
}
.password-update-success { text-align: center; }
.password-update-success .success-icon { font-size: 3.5rem;margin-bottom: 2rem; }
.resend-btn, .resend-btn:focus {
    border: 0;
    font-weight: 400;
    color: var(--theme-green);
}
.resend-btn:disabled { color: var(--theme-light-color); }
.otp-tabs {
    width: fit-content;
    padding: 0.5em;
    margin: 0 auto;
    justify-content: center;
    border: 1px solid #D9D9D9;
    border-radius: 0.7em;
}
.otp-tabs .nav-item .nav-link {
    width: 110px;
    text-align: center;
    font-weight: 500;
    color: var(--theme-light-color);
}
.otp-tabs .nav-item .nav-link.active {
    background: var(--theme-green);
    color: var(--color-white);
}
.mobile-icon .form-control { border-left: 0; }
.mobile-icon .form-control:focus { outline: 0;box-shadow: none;border-color: #dee2e6; }
.modal.sign-in-otp .modal-body { padding: 2em; }
.form-control:focus { box-shadow: 0 0 5px 1px var(--theme-green); }