body {
    background: #1c181a;
    color: var(--white);
    font-family: var(--font_family) !important;
}

.nav-tabs li {
    width: 50%;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: none !important;
    border: none;
    border-bottom: 2px solid #EBA9A1 !important;
    color: var(--white);
}

.nav-tabs .nav-link {
    border: none;
    color: var(--white);
}

.nav-tabs {
    border-bottom: none;
}

h4 {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
}

label {
    font-family: var(--font_family);
}

.nav .nav-tabs .nav-item {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
}

.tab-content {
    padding-top: 30px;
}
.forgot-password input {
    height: 52px;
    background: #FFFFFF;
    border-radius: 8px;
    color: #000000;
    border: none;
}
.forgot-password input::placeholder {
    color: #918F90;
    font-size: 16px;
}
.tab-content input {
    height: 52px;
    background: #FFFFFF;
    border-radius: 8px;
    color: #000000;
    border: none;
}

.forgot-password .btn-back:hover {
    background: var(--primary_pink);
    border: 1px solid var(--primary_pink);
    color: var(--secondary_black);
}
.btn-login:hover {
    background: #1F1B1E;
    border: 1px solid var(--primary_pink);
    color: var(--primary_pink);
}
.forgot-password .btn-reset:hover {
    background: #1F1B1E;
    border: 1px solid var(--primary_pink);
    color: var(--primary_pink);
}

.forgot-password .btn-save:hover {
    background: #1F1B1E;
    border: 1px solid var(--primary_pink);
    color: var(--primary_pink);
}

.forgot-password .btn-back {
    height: 50px;
    border-radius: 8px;
    color: var(--primary_pink);
    background: #1F1B1E;
    border: 1px solid var(--primary_pink);;
}

.forgot-password .btn-reset {
    height: 50px;
    background: var(--primary_pink);
    border-radius: 8px;
    color: #1F1B1E;
}

.forgot-password .btn-save {
    height: 50px;
    background: var(--primary_pink);
    border-radius: 8px;
    color: #1F1B1E;
}
.tab-content input::placeholder {
    color: #918F90;
    font-size: 16px;
}

.title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

input[type="checkbox"], input[type="radio"] {
    display: block;
    -webkit-appearance: checkbox !important;

}

.font-size-16 {
    font-size: 16px;
}

.column-gap-10 {
    column-gap: 10px;
}

.text-decoration-underline {
    text-decoration: underline;
}

.color-pink {
    color: var(--primary_pink) !important;
}

.row-gap-14 {
    row-gap: 14px;
}

.btn-login {
    height: 50px;
    background: var(--primary_pink);
    border-radius: 8px;
    color: #1F1B1E;
}

.btn-login-page {
    background: var(--secondary_black);
    border: 1px solid var(--while);
    height: 50px;
    color: var(--while);
    border-radius: var(--border_radius_05);
}

.btn-login-page:hover {
    background: var(--primary_pink);
    border: 1px solid var(--primary_pink);
    color: var(--secondary_black);
}

.login-detail p {
    margin: 1rem 0;
}

.label-require {
    color: red;
}

.input-group-append {
    border: none;
    background: white;
    border-radius: 0 8px 8px 0;
}

.input-group-append .input-group-text {
    border: none;
    background: white;
    border-radius: 0 8px 8px 0;
    width: 50px;
}

.password input {
    padding-right: 0;
}

.password input:focus {
    box-shadow: none;
}

.icon-eye {
    cursor: pointer;
}

.agree-checkbox {
    height: 20px;
}

.color-white {
    color: var(--white) !important;
}

.login-detail .row [class*="col-"] {
    padding-bottom: 1rem;
}
.row:not(.col-no-space) {
    margin-bottom: unset !important;
}
.number-phone {
    border-radius: 0 8px 8px 0 !important;
}
.number-phone:focus {
    box-shadow: none !important;
}
.font-size-18 {
    font-size: 18px
}
.pt-8 {
    padding-top: 8rem;
}

.block-submit {
    cursor: not-allowed;
    pointer-events: none;
}