@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

body {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px;
    line-height: 24px;
    overflow-x: hidden;
    color: #000000;
    padding: 0 !important;
    margin: 0 !important;
}

html {
    overflow-x: hidden;
}

h6 {
    font-size: 18px !important;
}

/* login stylings */

.login_bg {
    background-image: url("/assets/loginbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.login_bg .login_box,
.set_password_bg .login_box {
    background-color: #eff0f6;
    border-radius: 12px;
    width: 545px;
}

.login_box .upper_section {
    padding: 24px 16px 16px 16px;
    border-bottom: 1px solid #d9dbe9;
}

.login_box form .bottom_section {
    padding: 24px 16px;
}

.login_box .upper_section h6 {
    font-weight: 600;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0;
}

.middle_section {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-bottom: 1px dashed #3fa53c;
}

.middle_section a {
    align-self: flex-end;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #6e7191;
    text-decoration: none;
}

.middle_section .form-floating .form-control {
    box-shadow: none;
    background-color: #fcfcfc;
    border: none !important;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 20px;
}

.middle_section .form-floating .form-control:focus {
    border: none !important;
}

.middle_section .form-floating label {
    color: #6e7191;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 22px;
}

.middle_section .form-floating label::after {
    background-color: transparent !important;
    color: #6e7191 !important;
    font-size: 13px !important;
}

.middle_section .form-floating label span {
    color: #ca024f;
}

.middle_section .form-floating {
    position: relative;
}

.middle_section .form-floating .eye {
    position: absolute;
    right: 19px;
    top: 19px;
    cursor: pointer;
}

.middle_section .form-floating .eye_to_hide {
    visibility: hidden;
}

.middle_section .form-floating .eye_to_hide_new {
    visibility: hidden;
}

.middle_section .form-floating .eye_to_hide_confirm {
    visibility: hidden;
}

.bottom_section input, .bottom_section button {
    /* width: max-content !important; */
    font-size: 13px;
    font-weight: 600;
    padding: 9px 16px;
    border-radius: 8px;
    background-color: #002424;
    border-color: transparent;
    color: #fcfcfc;
}

/* .bottom_section button:hover {
    background-color: #002424;
} */

/* forgot password */
.forgot_bg {
    width: 100vw;
    height: 100vh;
    background-image: url("/assets/loginbg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.forgot_pass_box {
    background-color: #eff0f6;
    border-radius: 12px;
    width: 545px;
}

.forgot_pass_box .upper_section {
    padding: 24px 16px 16px 16px;
    border-bottom: 1px solid #d9dbe9;
}

.forgot_pass_box .upper_section h6 {
    font-weight: 600;
    letter-spacing: 0.75px;
    line-height: 32px;
    margin: 0;
}

.forgot_middle_section {
    padding: 16px 16px 24px 16px;
    border-bottom: 1px dashed #3fa53c;
}

.forgot_middle_section p {
    color: #14142b;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 24px;
}

.forgot_middle_section .form-floating .form-control {
    box-shadow: none;
    background-color: #fcfcfc;
    border: none !important;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 20px;
}

.forgot_middle_section .form-floating .form-control:focus {
    border: none !important;
}

.forgot_middle_section .form-floating label {
    color: #6e7191;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 22px;
}

.forgot_middle_section .form-floating label::after {
    background-color: transparent !important;
    color: #6e7191 !important;
    font-size: 13px !important;
}

.forgot_middle_section .form-floating label span {
    color: #ca024f;
}

.forgot_bottom_section {
    padding: 24px;
    gap: 12px;
}

.forgot_bottom_section a {
    padding: 9px 16px;
    text-decoration: none;
    border: 2px solid #002424;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.25px;
    border-radius: 8px;
    color: #002424;
}

.forgot_bottom_section input {
    padding: 9px 16px;
    border: 2px solid #002424;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.25px;
    border-radius: 8px;
    color: #fcfcfc;
    background: #002424;
}

/* set_password stylings */
.set_password_bg {
    background-image: url("/assets/set-password-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* password_set_success */

.password_set_success {
    background-image: url("/assets/set-password-bg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.password_set_success .password_set_success_box {
    background-color: #eff0f6;
    border-radius: 12px;
    width: 545px;
}

.password_set_success_box .upper_section {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 28px;
    padding: 36px 16px 16px;
    border-bottom: 1px dashed #3fa53c;
}

.password_set_success_box .upper_section svg {
    align-self: center;
}

.password_set_success_box .upper_section p {
    font-weight: 600;
    letter-spacing: 0.75px;
    color: #14142b;
}

.password_set_success_box .bottom_section {
    padding: 24px 16px;
}

.password_set_success_box .bottom_section a {
    padding: 9px 16px;
    border: 2px solid #002424;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.25px;
    border-radius: 8px;
    color: #fcfcfc;
    background: #002424;
    text-decoration: none;
}