@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root{--primary-color:#1E61F0;--black-color:#000;--white-color:#fff;--title-color:#021028;--gray-color:#364966;--lightgray-color:#808ca1;--bordercolor:#c3c8d1;--lightbg-color:#f7f7fa;--lightbgcolor2:#eaecf2;--lightBlue:#90e2ed;--primary-font:"DM Sans",sans-serif;}
*{box-sizing:border-box;padding:0;margin:0;list-style:none;}
html{scroll-behavior:smooth;}
body{font-size:14px;font-family:var(--primary-font);line-height:1;color:var(--gray-color);background-color:#000;}
ol,ul{padding-left:0;}
input{font-family:var(--primary-font);}
input::placeholder,textarea::placeholder,.form-control::placeholder{color:var(--lightgray-color);}
input,textarea,.form-control{color:var(--gray-color);font-family:var(--primary-font);font-size:14px;font-weight:400;line-height:18px;}
h1,h2,h3,h4,h5,h6,p,span,label,ul li,a{font-family:var(--primary-font);}
h1{font-size:24px;font-weight:600;margin-bottom:10px;color:var(--title-color);line-height:30px;}
h2{font-size:22px;font-weight:600;margin-bottom:10px;color:var(--title-color);line-height:1.2;}
h3{font-size:21px;font-weight:600;margin-bottom:10px;color:var(--title-color);line-height:1.2;}
h4{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--title-color);line-height:1.2;}
h5{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--title-color);line-height:1.2;}
h6{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--title-color);line-height:1.2;}
.font14{font-size:14px!important;}
.font16{font-size:16px!important;}
.font18{font-size:18px!important;}
.font20{font-size:20px!important;}
.font300{font-weight:300!important;}
.font400{font-weight:400!important;}
.font500{font-weight:500!important;}
.font600{font-weight:600!important;}
.font700{font-weight:700!important;}
.primary-color{color:var(--primary-color)!important;}
.title-color{color:var(--title-color)!important;}
.gray-color{color:var(--gray-color)!important;}
.black-color{color:var(--black-color)!important;}
.white-color{color:var(--white-color)!important;}
.lightgray-color{color:var(--lightgray-color)!important;}
a{display:inline-block;text-decoration:none;transition:all 0.3s ease-in-out;}
.btn{font-size:16px;font-weight:500;line-height:20px;text-align:center;color:var(--black-color);width:100%;border-radius:40px;padding:11px 20px;}
img{max-width:100%;}
.btn-primary{background:var(--primary-color)!important;border:1px solid var(--primary-color)!important;color:var(--white-color)!important;}
.btn-primary:hover{background:var(--white-color)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;}
.btn-primary-border{background:var(--white-color)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;}
.btn-primary-border:hover{background:var(--primary-color)!important;border:1px solid var(--primary-color)!important;color:var(--white-color)!important;}
p{color:var(--gray-color);font-size:14px;font-weight:400;line-height:18px;}
.form-group{margin-bottom:24px;}
.form-control{border:1px solid var(--bordercolor)!important;border-radius:5px;padding:10px;width:100%;}
.form-control:focus{border-color:var(--primary-color)!important;box-shadow:none;}
/* account-page */
.custom_select .select2-container{width:100%;}
.select2-selection__placeholder{color:var(--lightgray-color)!important;font-family:var(--primary-font)!important;font-size:16px!important;font-weight:400!important;line-height:20px!important;}
.select2-selection__rendered{color:var(--title-color)!important;font-size:16px!important;}
.select2-container .select2-selection--single .select2-selection__rendered{padding:12px 40px 12px 16px;line-height:1.2;}
.select2-container--default .select2-selection--single{height:auto;border:1px solid var(--bordercolor)!important;border-radius:6px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;transform:translateY(-50%);right:15px;background:url(../image/down-angle.svg) no-repeat center center;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none;}
.password_field{position:relative;}
.show_password{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--lightgray-color);}
/* Mobile css */
.mobilecontainer{height:862px;width:428px;background:url(../image/mobile-device.png) no-repeat;background-size:100%;margin:30px auto;}
.mobilecontent{height:100%;width:100%;padding:70px 43px 50px;display:flex;flex-direction:column;}
.step{position:absolute;top:0;left:0;width:100%;min-width:100%;transform:translateX(100%);transition:transform 0.5s ease;opacity:0;visibility:hidden;height:100%;}
.step.active{transform:translateX(0);opacity:1;visibility:visible;}
.step.left{transform:translateX(-100%);}
.step.right{transform:translateX(100%);}
form#multiStepForm{position:relative;height:100%;}
.progress{display:flex;justify-content:space-between;height:4px;background:#EAECF2;border-radius:10px;position:relative;top:30px;z-index:2;}
.progress .progressdiv{flex:1;height:4px;}
.progress .progressdiv.active{background-color:#007BFF;}
.steps-container{position:relative;overflow:hidden;height:calc(100% - 25px);padding-top:40px;}
.field_label{font-size:14px;font-weight:400;color:var(--title-color);margin-bottom:8px;line-height:1;}
.footer_text p{font-size:14px;font-weight:400;line-height:21px;color:#001533;text-align:center;margin:0;}
.footer_text p a{font-weight:500;color:#0066F6;text-decoration:underline;}
.steps-container .btn-primary{margin-bottom:10px;}
.btn_group{display:flex;flex-direction:column;gap:16px;}
.password_field input{padding-right:40px;}
.show_password{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--lightgray-color);border:0;background-color:transparent;outline:0;}
.back_btn{position:absolute;left:0;top:-40px;border:0;padding:0;outline:0;background:transparent;opacity:0;transition:all 0.3s linear;transition-delay:0.5s;z-index:1;}
.step.active .back_btn{opacity:1;}
.steps-container:before{position:absolute;content: '';width:100%;height:40px;top:0;left:0;right:0;background:#fff;z-index:0;}
.step_inner{height:100%;overflow-y:auto;display:flex;flex-direction:column;}
.step_inner::-webkit-scrollbar{display:none;}
.file_upload_wrap{background:var(--lightbg-color);border-radius:6px;padding:24px 14px;}
.camera_btn{font-size:16px;font-weight:500;line-height:20px;text-align:center;color:var(--white-color);background-color:var(--primary-color);width:100%;border-radius:40px;padding:11px 20px;border:0;outline:0;display:flex;align-items:center;justify-content:center;gap:10px;max-width:187px;margin:-46px auto 30px;}
.select_from_gallery input{display:none;}
.gallery_desc p{margin-bottom:6px;}
.gallery_desc span{color:#808CA1;}
.select_from_gallery label{display:flex;gap:12px;align-items:center;border:1px solid var(--bordercolor);padding:16px;border-radius:10px;background-color:var(--white-color);cursor:pointer;}
.divider-or{position:relative;display:flex;justify-content:center;border-bottom:1px solid var(--bordercolor);}
.divider-or p{margin:0;color:#808CA1;padding:0 10px;background-color:var(--lightbg-color);margin-bottom:-8px;}
.uploaded_file_list li{display:flex;align-items:center;padding:8px 10px;border-radius:6px;background-color:var(--lightbg-color);}
.uploaded_file_list li img{width:50px;height:30px;border-radius:0;margin-right:10px;}
.uploaded_file_list li span{font-size:12px;font-weight:400;color:var(--title-color);}
.uploaded_file_list li button{margin-left:auto;background-color:transparent;border:0;outline:0;}
.uploaded_file img{border-radius:6px;}
.steps-container .btn-primary[disabled]{background:#C3C8D1!important;border-color:#C3C8D1!important;}
.mobile_index_page{overflow-y:auto;height:100%;display:flex;flex-direction:column;}
.mobile_index_page::-webkit-scrollbar,.file_uploadmain::-webkit-scrollbar,.file_upload_select::-webkit-scrollbar{display:none;}
.header_toggle_switch input{display:none;}
.header_toggle_switch label{cursor:pointer;display:flex;align-items:center;gap:10px;}
.toggle_switch{position:relative;width:48px;height:26px;border-radius:40px;background:#00000029;transition:all 0.3s;}
.toggle_switch:before{position:absolute;content: "";width:20px;height:20px;left:3px;top:3px;background:var(--white-color);box-shadow:0px 6px 10px 0px #0000001a;border-radius:100%;transition:all 0.3s;}
.header_toggle_switch input:checked + label .toggle_switch{background:var(--primary-color);box-shadow:0px 0px 10px 0px #0000001a;}
.header_toggle_switch input:checked + label .toggle_switch:before{background:var(--white-color);left:25px;}
.header_toggle_switch label.switchon .toggle_switch:before{background:var(--white-color);}
.header_toggle_switch label.switchon .toggle_switch{background:#364966;box-shadow:0px 0px 10px 0px #0000001a;}
.file_uploadmain{height:calc(100% - 60px);overflow-y:auto;}
.file_upload_select{margin-top:-30px;height:calc(100% - 60px);overflow-y:auto;}
.file_uploadstep_inner{overflow:visible;}





@media (max-width:1400px){

    .mobilecontainer {
        height: 700px;
        width: 349px;
        margin: 12px auto;
    }
    .mobilecontent {
        padding: 70px 34px 50px;
    }
    .footer_text p {
        font-size: 13px;
    }
}