@font-face {
    font-family: "Helvetica_Neue_regular";
    src: url(../fonts/HelveticaNowText-Regular.otf);
}

@font-face {
    font-family: "Helvetica_Neue_light";
    src: url(../fonts/HelveticaNeue-Light.ttf);
}

@font-face {
    font-family: "Helvetica_Neue_thin";
    src: url(../fonts/HelveticaNeueBd.ttf);
}

@font-face {
    font-family: "Helvetica_Neue_medium";
    src: url(../fonts/HelveticaNeue-Medium.ttf);
}

@font-face {
    font-family: "Helvetica_Neue_bold";
    src: url(../fonts/Helvetica-Neu-Bold.ttf);
}

:root {
    /* ===== Colors ===== */
    --body-color: #FFF;
    /* --sidebar-color: linear-gradient(to bottom, #8366e5, #9775eb, #cca5fc); */
    --primary-color: #00373a;
    --secondary-color: #7f64e3;
    --secondary-open: #ffffff0d;
    --secondary-color-light: #00DD4A;
    --primary-color-light: #F6F5FF;
    --toggle-color: #DDD;
    --text-color: #fff;
    --main-color: black;
    /*font*/
    /* --regular-font: "Helvetica_Neue_regular";
    --light-font: "Helvetica_Neue_light";
    --medium-font: "Helvetica_Neue_medium";
    --semibold-font: "Helvetica_Neue_thin";
    --bold-font: "Helvetica_Neue_bold"; */



    --regular-font: "Yellix_regular";
    --light-font: "Yellix_light";
    --medium-font: "Yellix_medium";
    --semibold-font: "Yellix_thin";
    --bold-font: "Yellix_bold";

    /* ====== Transition ====== */
    --tran-03: all 0.2s ease;
    --tran-03: all 0.3s ease;
    --tran-04: all 0.3s ease;
    --tran-05: all 0.3s ease;
}


p {
    margin: 0px;
}

select {
    border: none;
    outline: none;
}

::placeholder {
    color: #000;
}

label {
    color: #000;
}

textarea {
    resize: none;
}

.Service_details2 {
    display: none;
}

.Service_detail {
    cursor: pointer;
}

input {
    outline: none;
    border: none;
    background: transparent;
    width: 242px;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

input[type="checkbox"]:checked+label::before {
    content: "";
    display: block;
    position: absolute;
    text-align: center;
    height: 20px;
    width: 20px;
    left: 0;
    top: 5px;
    background-color: #03b4d2;
    font-family: var(--medium-font);
    border-radius: 2px;
    border: 1px solid rgb(150 150 150 / 30%);
}

input[type="checkbox"]:checked+label::after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
    display: block;
    position: absolute;
    left: 3px;
    top: 7px;
}

.form-check-label {
    margin-bottom: 0;
    padding: 4px 8px;
    cursor: pointer;
    color: #bababa;
}

.form-check {
    position: relative;
}

.personal-content {
    width: 100%;
    /* padding: 200px; */
    position: relative;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    height: 100vh;
    z-index: 1;
}
.modal-backdrop {
    z-index: 5 !important;
}

.title_text {
    border-bottom: 1px solid #00000030;
}

.title_text h1 {
    color: #000;
}

.sub_content_text {
    display: flex;
    flex-wrap: wrap;
    /*gap: 30px;*/
    column-gap: 30px;
    align-items: center;
    row-gap: 20px;
    width: 80%;
}

.Personal-details {
    padding-top: 30px;
    display: flex;
    gap: 30px;
    /* align-items: center; */
    flex-wrap: wrap;
    padding-bottom: 35px;
    border-bottom: 1px solid #0000002b;
}

.profile_img {
    width: 200px;
    height: 200px;
    background: #f9fafc;
    border-radius: 190px;
    border: 1px solid #e2e1e1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
    cursor: pointer;
}

.file-upload {
    display: none;
}

.hidden {
    display: none;
}

.profile_img p {
    color: #000;
    margin: 0px;
    padding-top: 6px;
}

.contact_title {
    margin-bottom: 20px;
}

.contact_title h1 {
    font: 26px/30px var(--medium-font);
    margin-bottom: 12px;
    color: #1b1f1b;
}

.contact_title p {
    font: 16px/24px var(--regular-font);
    color: #1b1f1b;
    margin-bottom: 30px;
}

.box_titles {
    width: 100%;
    /* margin: 40px 0px; */
    padding: 0;
    /* max-width: 440px; */
    max-width: 100%;
    margin-inline: auto;
    /* height: 100%; */
    position: relative;
    z-index: 2;
    padding-top: 180px;
    padding-left: 250px;
}

.login_main_bg {
    position: absolute;
    right: 0;
    /* width: 600px; */
    width: 50%;
    /* height: 760px; */
    margin-right: -90px;
    z-index: 0;
    top: 470px;
}

.forgot_para {
    text-align: right;
    padding: 10px 0;
    max-width: 400px;
}

.forgot_para a {
    color: #8D8D8F;
    font: 12px/22px var(--medium-font);
}

.login_btn {
    font: 16px/24px var(--medium-font);
    color: #fff;
    border: 1px solid var(--secondary-color);
    background: var(--secondary-color);
    border-radius: 8px;
    width: 400px;
    outline: none;
    text-align: center;
    margin: 60px auto 0;
    padding: 8px;
    white-space: break-spaces;
}

.right_contant label {
    color: #8D8D8F;
    font: 15px/21px var(--medium-font);
    display: block;
}

.input-group-addon {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 20px;
    color: #1B1F1B;
    z-index: 999;
}

.input-group-addon a {
    color: #1B1F1B;
}

.mani_menu {
    width: 100%;
    margin: 0;
    padding: 0 80px 30px;
    /* overflow: scroll; */
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100vh;
    white-space: nowrap;
    border-top-left-radius: 0px;
    background: #fff;
    position: relative;
}

.login_main_container {
    width: 100%;
    height: 100%;
    position: relative;
}



/* .login_main_container::before {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0;
    height: 470px;
    width: 600px;
    background-image: url(../asset/new/login-bg.svg);
    background-position: fixed !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
} */

.modal {
    top: 100px;
}

.rocket {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 90%;
    z-index: 9;
}

.bottom_wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    z-index: 7;
}

.mani {
    height: 100vh;
    position: relative;
}

.center_align {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    /* justify-content: center; */
    width: 100%;
    max-width: 500px;
    height: auto;
    overflow-y: scroll;
}

.main_content {
    position: relative;
    padding: 50px 70px 0px;
    z-index: 11;
}

.eyefa {
    display: none;
}

.eyefa-slash {
    display: block;
}

.eyefa1 {
    display: none;
}

.eyefa-slash1 {
    display: block;
}

.main_logo {
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #E9E9E9;
}

.main_logo img {
    width: 230px;
    height: auto;
    object-fit: contain;
}

.main_logo p {
    color: #1B1F1B;
    margin: 20px 0;
    font: 18px/28px var(--regular-font);
    width: 100%;
    white-space: break-spaces;
}

.sub_text h1 {
    color: #fff;
    font: 60px/74px var(--medium-font);
    margin: 20px 0;
}

.sub_text h1>span {
    color: #00dd4a;
    font: 56px/82px var(--medium-font);
    margin: 20px 0;
}

.sub_text p {
    color: #fff;
    font: 24px/36px var(--bold-font);
    margin: 20px 0;
}

.form-group {
    max-width: 400px;
}

.form-control {
    opacity: 1;
    font: 16px/20px var(--regular-font);
    padding: 8px 16px;
    text-align: left;
    border: 1px solid #d9d9d9 !important;
    height: 56px;
    outline: none;
    box-shadow: none;
    border-radius: 8px;
    color: var(--input-color);
}

.form-control:focus {
    box-shadow: none;
}

.open>.dropdown-menu {
    display: block;
    opacity: 1;
}

.tick_mark {
    text-align: center;
}

.ticksucces {
    width: 200px;
    height: 200px;
    object-fit: contain;
}

.tick_mark p {
    color: #1B1F1B;
    font: 14px/26px var(--regular-font);
    opacity: 0.6;
}

.tick_mark h2 {
    color: #1B1F1B;
    opacity: 1;
    font: 32px/38px var(--medium-font);
}

#profile {
    margin-left: 0;
    position: relative;
}

#profile #logoutdropdownMenuLink {
    border: none;
    color: #000000;
}

.verification-code {
    width: 100%;
    position: relative;
    margin: 20px 0;
    text-align: left;
}

.verification-code--inputs input[type=text] {
    border: 1px solid #D9D9D9;
    font: 32px/30px var(--medium-font);
    color: #1B1F43;
    width: 56px;
    border-radius: 4px;
    height: 56px;
    padding: 10px;
    margin-right: 12px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}

.select_tag {
    color: var(--secondary-color);
    font: 15px/26px var(--medium-font);
    margin: 0;
    padding: 0;
}

.underline {
    text-decoration: underline;
}

.select_tag:hover {
    color: var(--secondary-color);
}

.clockimg {
    width: 25px;
    margin: 10px 10px 10px 0;
}


.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}




#otp_section,
#reset_section {
    display: none;
}

/* select2 css */

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    color: #1B1F1B;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
}

.select2-container .select2-selection--single {
    height: 48px;
    font: 16px/32px var(--regular-font);
    color: #1B1F1B;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1B1F1B;
    line-height: 48px;
    padding-right: 40px;
    height: 50px;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #1B1F1B;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d9d9d9;
}

.select2-search--dropdown .select2-search__field {
    padding: 10px 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #1B1F1B;
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    left: 0px;
    position: relative;
    top: 20px;
    transform: rotate(135deg);
    vertical-align: top;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #1B1F1B;
    border-width: 0 0 2px 2px;
    top: 25px;
}

/* mobile */
.iti {
    width: 100%;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #fff;
    color: #1B1F1B;
    border-radius: 8px;
}

.iti__country {
    padding: 5px 10px;
    outline: none;
    color: #1B1F1B;
}

.side_menu_img {
    width: 100%;
    object-fit: contain;
    /* width: 100%; */
    height: 610px;
    margin-right: -60px;
}

.mani_menu {
    padding: 0 30px 20px;
}






@media only screen and (max-width:678px) {
    .side_menu {
        display: none;
    }

    .mani_menu {
        width: 100%;
        border-radius: 0;
    }

    .box_titles {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width:1500x) {

    .sub_text h1,
    .sub_text h1>span {
        font: 56px/72px var(--medium-font);
    }

    .box_titles {
        padding-left: 200px;
    }
}

@media only screen and (max-width:1425px) {
    .box_titles {
        padding-left: 150px;
    }

    .sub_text h1,
    .sub_text h1>span {
        font: 50px/72px var(--medium-font);
    }
}

@media only screen and (max-width:1370px) {
    .box_titles {
        padding-left: 120px;
    }

    .sub_text h1,
    .sub_text h1>span {
        font: 40px/62px var(--medium-font) !important;
    }

    .center_align {
        width: 470px;
    }

    .main_content {
        padding: 50px 50px 0px !important;
    }
}



@media only screen and (max-width:1440px) {

    .main_content {
        padding: 50px 70px 0px;
    }

    .sub_text h1,
    .sub_text h1>span {
        font: 50px/72px var(--medium-font);
    }

    button.login_btn.otp_btn {
        margin-left: 190px !important;
    }
}

@media only screen and (max-width:1440px) {

    .main_content {
        padding: 50px 70px 0px;
    }

    .sub_text h1,
    .sub_text h1>span {
        font: 50px/72px var(--medium-font);
    }

    .box_titles {
        padding-left: 190px;
    }

    .side_menu_img {
        height: 520px;
        margin-right: -100px;
    }

    .login_main_bg {
        width: 540px !important;
    }
}