.login-box-bg {    background: url(../img/loginbg.jpg);    padding: 0;    border-radius: 0;    margin-bottom: 0;    min-height: calc(100vh - 118px);    position: relative;    background-position: center;    background-repeat: no-repeat;    background-size: cover;    display: flex;    align-items: center;}.login-box-bg:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    background: #0000003d;}.login-mid {    display: flex;    justify-content: center;    align-items: center;    width: 100%;    position: relative;}.login-mid .pad_x {    background: #fff;    padding: 20px;    border-radius: 10px;    width: 550px;}.form_start {    box-shadow: 0 -3px 31px #0000000d, 0 6px 20px #00000005;    background: #fff;    padding: 25px;    border-radius: 6px;}.login-mid .pad_x .hed {    text-align: center;    margin-bottom: 15px;}.login-mid .pad_x .hed h3 {    font-size: 25px;    color: var(--blue);}.login-mid .pad_x .form-group {    position: relative;    margin-bottom: 10px;}.login-mid .pad_x .form-group span.emailverified {    position: absolute;    top: 0;    height: 100%;    right: 0;    background: var(--green);    color: #fff;    padding: 5px;    display: flex;    align-items: center;    border-radius: 0 3px 3px 0;    font-size: 15px;}.login-mid .pad_x .form-group a {    color: var(--blue);}.login-mid .pad_x .form-group input,.login-mid .pad_x .form-group select {    margin-bottom: 0;    height: 45px;    border-radius: 3px;    padding: 10px 15px;    text-indent: 0;}.login-mid .pad_x .form-group i {    position: absolute;    top: 0;    right: 0;    font-size: 15px;    width: 45px;    line-height: 45px;    background: var(--blue);    display: flex;    justify-content: center;    color: #fff;    border-radius: 0 3px 3px 0;}.form-boxf .btn-them {    box-shadow: 0 0 5px #0003;    border: none;    color: #fff;    border-radius: 3px;    font-weight: 400;    width: 100%;    font-size: 20px;    padding: 7px 20px;    display: inline-block;    text-align: center;    text-transform: capitalize;    margin: 0;    background: linear-gradient(to right, #694ED6, #C137A2);    cursor: pointer;}.form-boxf p {    text-align: center;    margin: 0;}.form-boxf p a {    color: var(--blue);    font-weight: 600;    font-size: 15px;}.form_start label {    font-weight: 500;    color: #000;    margin-bottom: 4px;    width: 100%;    display: block;    FONT-SIZE: 15PX;}.form_boxf_two {    display: flex;    gap: 10px;}.form_boxf_two button.btn-danger {    background: var(--bs-danger);}.form_boxf_two button {    padding: 7px 20px;    display: inline-block;    border-radius: 5px;    border: 0px solid #ff0b0b;    cursor: pointer;    background: var(--blue);    color: #fff;}/*---------registration---------*/.login-box {    background: #f8f0fc;    padding: 40px 25px 25px;    border-radius: 0;    margin-bottom: 0;    min-height: calc(100vh - 210px);}.instruction-heading {    font-size: 20px;    font-weight: 600;    margin: 0 0 15px;    line-height: 30px;    color: #8162ab;    display: flex;}.instruction-heading img {    height: 30px;    margin-right: 10px;}.new_user {    font-weight: 600;    text-align: right;    margin-top: 0;    color: #7a7a7a;}.new_user a {    padding: 0;    color: var(--green);    font-size: 18px;}.sf-head {    padding: 10px 40px;    border-radius: 10px;    width: fit-content;    margin: 0 auto 20px;    background-image: linear-gradient(144deg, var(--blue), var(--pink));}.sf-head h3 {    color: #fff;    margin: 0;}.head_ing {    display: flex;    align-items: center;}.head_ing img {    height: 40px;    margin-right: 10px;}.head_ing .df {}.head_ing .df h3 {    font-size: 25px;    font-weight: 600;    margin: 0;    line-height: 20px;    text-align: left;    display: flex;}.form_start .form-group label span.red {    color: var(--red);}.form_start .form-group label span img {    width: 15px;}.gestt_pe .questions__form {}.gestt_pe .questions__form .form__tab {}.gestt_pe .questions .form__label {}.gestt_pe .questions .form__label--simple {}.gestt_pe .questions .form__label:hover {    background: rgba(8, 107, 148, 0.1);}.gestt_pe .questions .form__label:has(input:focus) {    outline: 2px ridge rgba(0, 110, 200, 0.4);}.gestt_pe .questions .form__label-name {}.gestt_pe .questions .form__label-name en {    display: block;    color: red;    font-size: 14px;}.gestt_pe .questions .form__label-check {}.gestt_pe .questions .form__prev > svg {    transform: rotate(180deg);}.gestt_pe .questions__form {    max-width: 800rem;    margin: 0 auto;}.gestt_pe .questions__form .form__tab {    display: flex;    gap: 10px;}.gestt_pe .questions .form__label {    border-radius: 5px;    border: 1px solid #c3c3c3;    cursor: pointer;    padding: 7px 5px;    position: relative;    margin-top: 0;    display: flex;    align-items: center;    margin-bottom: 0;    flex: 1;    height: 45px;}.gestt_pe .questions .form__label--simple {}.gestt_pe .questions .form__label:hover {}.gestt_pe .questions .form__label:has(input:checked) {    background-color: #e6f0f4;    border: 1px solid #00a525;}.gestt_pe .questions .form__label:has(input:checked) .form__label-check {    display: block;}.gestt_pe .questions .form__label:has(input:focus) {    outline: 2px ridge rgba(0, 110, 200, 0.4);}.gestt_pe .questions .form__label-name {    font-size: 14px;    font-style: normal;    font-weight: 400;    line-height: 19px;    text-align: center;    width: 100%;    display: block;    color: #000;}.gestt_pe .questions .form__label-name en {    display: block;    color: red;    font-size: 14px;}.gestt_pe .questions .form__label-check {    fill: #00a525;    display: none;    background-size: cover;    background-repeat: no-repeat;    position: absolute;    top: 0;    left: 100%;    width: 15px;    height: 15px;    transform: translate(-50%, -50%);}.gestt_pe .questions .form__prev > svg {    transform: rotate(180deg);}.ddf_cs {    flex: 1;}.ddf_cs input {}/*---------registration---------*/.PaymentReceiptbox {    background: #fff;    border: #e6e6e6 1px solid;    border-radius: 8px;    line-height: 30px;    padding: 25px;}.PaymentReceiptbox .cardheading {    padding: 10px 15px;    border-bottom: 1px #e6e6e6 solid;    font-weight: 500;    background: #1c3858;    color: #fff;    border-top-left-radius: 8px;    border-top-right-radius: 8px;    margin-bottom: 6px;}.PaymentReceiptbox .alert-success {    color: #3c763d;    background-color: #dff0d8;    border-color: #d6e9c6;    margin-top: 0;    padding: 10px 0 10px 70px;    width: 100%;    text-align: left;    border-radius: 4px;}.PaymentReceiptbox .checkimg {    position: absolute;    left: 15px;    top: 4px;}.PaymentReceiptbox p {    font-size: 19px;    font-weight: normal;    line-height: 30px;    color: #002052;    margin-bottom: 15px;}/*---------------------*/.side_bar {    border: 1px solid #d1d1d1;    border-radius: 5px;    background: #fff;}.side_bar_img {}.side_bar_img img {    width: 100%;}.side_bar_img .user_img {    text-align: center;    width: 40%;    margin: -77px auto 0px;}.side_bar_img .user_img img {}.side_bar_img .user_name {    text-align: center;    border-bottom: 1px solid #dfdfdf;    margin-bottom: 15px;    padding: 15px;}.side_bar_img .user_name h6 {    font-size: 25px;    margin: 0;}.side_bar_img .user_name span {}.persnal_det {    padding: 15px;}.persnal_det h3 {}.persnal_det ul {    padding: 0;}.persnal_det ul li {    font-size: 15px;    margin-bottom: 8px;}.persnal_det ul li span.w-30 {    font-weight: 600;    width: 30%;}.persnal_det ul li span.w-70 {    width: 70%;}.login-box .avatar-upload {    position: relative;    max-width: max-content;}.login-box .cursor-pointer {    cursor: pointer;}.login-box .avatar-upload .avatar-preview {    width: 150px;    height: 150px;    position: relative;    border-radius: 100%;    border: 1px solid var(--primary-600);    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}.login-box #imagePreview {    background-image: url(../../assets/img/user/user-grid-img13.png);    background-size: cover;    background-repeat: no-repeat;    background-position: center;    width: 100%;    height: 100%;    border-radius: 100%;}.login-box .avatar-upload label {    border-color: var(--blue) !important;    width: 30px;    height: 30px;    z-index: 1;    background: #fff;    position: absolute;    bottom: 0;    right: 10px;}.login-box .card-body {}.login-box .card-body .nav {    gap: 10px;}.login-box .card-body .nav .nav-item {}.login-box .card-body .nav .nav-item .nav-link {    border: navajowhite;}.login-box .card-body .nav .nav-item .nav-link.active {    background: var(--blue);}.tab_logout {    display: flex;    justify-content: space-between;    align-items: center;}.tab_logout .logout {}.tab_logout .logout .log_btn {    border: none;    background: red;    color: #fff;    padding: .5rem 1rem;    border-radius: 5px;    font-weight: 600;}.login-box label {    font-weight: 500;    color: #000;    margin-bottom: 4px;    width: 100%;    display: block;    FONT-SIZE: 15PX;}.login-box .form-group label span.red {    color: var(--red);}.login-box .head_ing {    display: flex;    align-items: center;    background: #f8f0fc;    padding: 15px;    border-radius: 4px;}.login-box .head_ing .df h3 {    font-size: 20px;}/*---------------------*/.email-verify {    position: relative;}.email-verify button.veri {    background: #00a525;    color: white;    padding: 4px;    border: none;    border-radius: 5px;    font-size: 15px;    cursor: pointer;    height: auto;    font-weight: 500;    margin-right: 6px;    position: absolute;    top: 8px;    right: 0px;}.otp-flex {    display: flex;    justify-content: space-between;    align-items: center;}.login-mid .pad_x .otp-flex .otp-input-fields {}.login-mid .pad_x .otp-flex .otp-input-fields input {    border: 1px solid #32aeb1;    margin: 0;    height: 40px;    width: 40px;    padding: 8px;}



.login-mid .pad_x .form-group .success-message i {position: inherit;
    display: inline;
    background: #0000;
    color: #28a745;
    font-size: 12px;}