* {
padding: 0px;
margin: 0px;
}

.ylw_ntc_bx_mob_tab {
display: none;
}

.mbntc {
display: none;
}

/* STRIP LOADER  */
.strip_loader_mainbox {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 5px;
z-index: 100;
}

.strip_loader {
width: 20%;
height: 5px;
background-image: linear-gradient(to right, #2ac5f9 ,#064482);
border-radius: 5px;
animation-name: stripani;
animation-duration: 2.0s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
margin-left: 0px;
}

/* ANIMATION  */
@keyframes stripani {
    0% {
        margin-left: 0px;
        width: 0%;
    }
    50% {
        margin-left: 40%;
        width: 100%;
    }
    100% {
        margin-left: 100%;
    }
}

html {
font-size: 1px;
}

body {
scroll-behavior: smooth;
}

/* width */
body::-webkit-scrollbar {
  width: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
  
/* Handle */
body::-webkit-scrollbar-thumb {
  background: #a7a7a7; 
  border-radius: 10px;
}

/* Handle on hover */
body:-webkit-scrollbar-thumb:hover {
  background: #8b8b8b; 
}



/* ===================== MOBILE SECTION ADJUSTMENT ================= */
.mobile_nav_wrapper {
display: none;
}


/* ====================================================================== */
/* ========================== LOADING SECTION =========================== */
/* ====================================================================== */

/* ---- DISPLAY CONTROL ------- */
.loading_mbox {
display: flex;
width: 100%;
height: 100vh;
justify-content: center;
align-items: center;
background-color: white;
position: fixed;
top: 0px;
left: 0px;
z-index: 10000;
}

.loading_icon {
width: 100px;
}





/* ========= MAIN BOX =========== */
.mainbox {
width: 100%;
min-height: 100vh;
background-color: #eeeeeb;
}


/* ========= HEADING BOX ========== */
.mainwrap {
width: 80%;
height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}

.hbox { 
width: 100%;
height: 80px;
background-color: #4cb7ef;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.logbx {
float: left;
width: auto;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}

.mlogo { 
width: 60px;
margin-left: 20px;
margin-right: 20px;
}

.mlog_txt {
font-size: 20px;
text-shadow: 2px 2px 3px #4cb7ef;
color: rgb(253, 253, 253);
font-family: 'Noto', sans-serif;
z-index: 200;
padding-left: 20px;
}

.phbox {
float: right;
display: flex;
height: 80px;
float: right;
}

.ph_opt_bx {
display: none;
}

.hpro_icn {
width: 50px;
margin-left: 10px;
margin-right: 10px;
transform: scale(100%);
transition-duration: 0.5s;
cursor: pointer;
}

.hpro_icn:hover {
transform: scale(110%);
}

.ph_right {
width: auto;
height: 80px;
}

.ph_forgot_btn_bx {
min-width: 100px;
height: 40px;
padding-left: 5px;
padding-right: 5px;
background-color: #f5f5f5;
margin-top:20px;
border-radius: 10px;
margin-left: 15px;
margin-right: 30px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
transition-duration: 0.5s;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}

.ph_forgot_btn_bx:hover {
background-color: #e5e5e5;
}

.ph_forgot_img {
width: 20px;
opacity: 80%;
}

.ph_forgot_txt {
font-size: 17px;
margin-left: 5px;
font-weight: bold;
color: rgb(81, 81, 81);
font-family: 'Noto', sans-serif;
}

.ph_opt_bx {
display: block;
width: 180px;
height: auto;
background-color: #f5f5f5;
box-shadow: 0px 0px 15px #b3b3b3;
position: absolute;
margin-top: 180px;
margin-left: 130px;
border-radius: 5px;
z-index: 200;
display: none;
}

.ph_op_txt {
width: auto;
height: 30px;
color: rgb(81, 81, 81);
font-family: 'Noto', sans-serif;
font-size: 15px;
padding-top: 15px;
cursor: default;
padding-left: 20px;
border-radius: 5px;
}

.ph_op_txt:hover {
background-color: rgb(237, 237, 237);
}
 
.fbox {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
bottom: 0px;
width: 85%;
height: 40px;
background-color: #4cb7ef;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0 0px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.ftxt {
width: 100%;
text-align: center;
padding-top: 10px;
font-size: 15px;
text-shadow: 2px 2px 3px #4cb7ef;
color: rgb(230, 230, 230);
font-family: 'Noto', sans-serif;
}

.carpet {
width: 100%;
margin-top: 30px;
min-height: 500px;
background-color: white;
box-shadow: 0 0px 5px rgba(0, 0, 0, .35), inset 0 0px 0 rgba(0, 0, 0, .1);
border-radius: 5px;
}

.pre_form_wrp {
display: block;
height: auto;
width: auto;
padding-top: 30px;
}


.pre_form_txt_1 {
font-family: 'Noto', sans-serif;
font-size: 25px;
padding-top: 20px;
padding-bottom: 15px;
font-weight: bold;
color: rgb(18, 18, 18);
width: 100%;
text-align: center;
margin-bottom: 30px;
}

.pre_frm_rw {
width: 94%;
margin-left: 3%;
margin-right: 3%;
margin-top: 20px;
margin-bottom: 20px;
min-height: 100px;
display: flex;
justify-content: start;
align-items: center;
background-color: rgb(251, 252, 253);
border: 1px rgb(229, 229, 234) solid;
border-radius: 10px;
box-shadow: 0px 0px 15px rgb(248, 248, 251);
}

.pre_frm_wht_rw {
width: 100%;
margin-top: 20px;
display: flex; 
justify-content: center;
align-items: center;
}

.pre_frm_lbtx {
font-family: 'Poppins', sans-serif;
font-size: 18px;
padding-top: 20px;
padding-bottom: 15px;
padding-left: 40px;
color: rgb(133, 133, 133);
width: 20%;
}

.pre_frm_in {
padding: 6px 12px;
font-size: 17px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 30px;
height: 40px;
width: auto;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.pre_frm_in:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.pre_frm_in_sel {
padding: 6px 12px;
font-size: 17px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 30px;
height: 60px;
width: auto;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.pre_frm_in_sel:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951);
}

.w15pr {
width: 15%;
}

.w30pr {
width: 30%;
}

.w40pr {
width: 40%;
}

.w60pr {
width: 60%;
}


.pre_frm_file[type=file]::file-selector-button {
margin-right: 20px;
border: none;
background: #084cdf;
padding: 10px 20px;
border-radius: 10px;
color: #fff;
cursor: pointer;
transition: background .2s ease-in-out;
margin-left: 40px;
}
  
.pre_frm_file[type=file]::file-selector-button:hover {
background: #0d45a5;
}


.pre_frm_chnx_cn {
width: 20%;
height: 50px;
border: 1px black solid;
margin-left: 40px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
display: flex;
justify-content: start;
align-items: center;
border-radius: 10px;
}

.pre_frm_chnx_in {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px blue solid;
margin-left: 20px;
}

.pre_frm_chnx_lbl {
color: rgb(81, 81, 81);
font-family: 'Noto', sans-serif;
font-size: 18px;
cursor: default;
padding-left: 20px;
border-radius: 5px;
}

.decl_consnt_box {
width: 90%;
min-height: 80px;
background: linear-gradient(109.6deg, rgb(235, 250, 252) 11.2%, rgb(225, 249, 251) 100.2%);
border-radius: 15px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: start;
align-items: center;
margin-top: 30px;
padding-left: 3%;
}

input[type="file"] {
  color: transparent;
}

.pre_frm_chnmrk_in {
width: 25px;
height: 25px;
border-radius: 10%;
margin-left: 20px;
cursor: pointer;
}

.decl_consnt_tx {
font-family: 'Noto', sans-serif;
font-size: 17px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 50px;
font-weight: bold;
color: rgb(86, 86, 86);
padding-left: 20px;
line-height: 25px;
}

.decl_consnt_atx {
font-family: 'Noto', sans-serif;
font-size: 17px;
font-weight: bold;
color: rgb(45, 115, 255);
text-decoration: underline;
font-style: italic;
}

.usr_frm_norobo_iframe {
margin-left: 50px;
margin-top: 20px;
width: auto;
height: auto;
}

.pre_frm_orng_btn01 {
background-color: rgb(235, 159, 18);
border: 1px solid transparent;
border-radius: 3px;
box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
white-space: nowrap;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
}

.pre_frm_orng_btn01:hover,
.pre_frm_orng_btn01:focus {
background-color: rgb(217, 142, 3);
}

.pre_frm_orng_btn01:focus {
box-shadow: 0 0 0 4px rgb(250, 206, 125);
}

.pre_frm_orng_btn01:active {
background-color: #bd9a00;
box-shadow: none;
}

.usr_frm_bgbtn {
width: 250px;
height: 100px;
background-color: #f3fbff;
border: 2px rgb(221, 245, 248) solid;
border-radius: 10px;
cursor: pointer;
transition-duration: 0.8s;
margin-top: 30px;
margin-bottom: 30px;
margin-right: 30px;
}

.usr_frm_bgbtn:hover {
border: 2px rgb(155, 218, 227) solid;
border-radius: 40px;
background-color: #ffffff;
}

.dspl_flx {
display: flex;
justify-content: center;
align-items: center;
}

.usr_frm_bgb_txt {
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: bold;
color: rgb(33, 32, 32);
text-align: center;
margin-top: 20px;
}

.usr_frm_bgb_txt_und {
font-family: 'Noto', sans-serif;
font-size: 10px;
color: rgb(74, 74, 74);
text-align: center;
margin-top: 20px;
font-style: italic;
}

.disable_in {
background-color: #f0f6f7;
background-clip: padding-box;
border: 1px solid #c2c7cc;
}

.usr_frm_bgb_txt_icn {
width: 100px;
height: auto;
margin-left: 15px;
margin-right: 15px;
}

.usr_frm_bgb_txt_icn2 {
width: 25px;
height: auto;
margin-left: 15px;
margin-right: 15px;
}

.usr_frm_bgb_pwrdb_con {
display: flex;
justify-content: end;
align-items: center;
height: 40px;
margin-top: 10px;
}


.uploaded_ntic_bx {
width: auto;
height: 40px;
border: 1px rgb(13, 209, 13) solid;
background-color: rgba(241, 255, 220, 0.495);
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
margin-left: 30px;
}

.uploaded_ntic_icn {
width: 20px;
}

.uploaded_ntic_txt {
font-family: 'Noto', sans-serif;
font-size: 15px;
color: rgb(21, 184, 3);
margin-left: 10px;
}


.uploaded_prvsc_bx {
width: auto;
height: 40px;
border: 1px rgb(13, 206, 209) solid;
background-color: rgba(220, 252, 255, 0.495);
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
margin-left: 30px;
margin-right: 20px;
}

.uploaded_prvsc_icn {
width: 20px;
}

.uploaded_prvsc_txt {
font-family: 'Noto', sans-serif;
font-size: 15px;
color: rgb(3, 136, 184);
margin-left: 10px;
}


.cnvs_bx {
width: 90%;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
border: 1px black solid;
}



/* UPLOADING NOTICE SCROLL */

.usr_frm_file[type=file]::file-selector-button {
margin-right: 15px;
border: none;
background: #084cdf;
padding: 10px 10px;
border-radius: 10px;
color: #fff;
cursor: pointer;
transition: background .2s ease-in-out;
margin-left: 40px;
}
  
.usr_frm_file[type=file]::file-selector-button:hover {
background: #0d45a5;
}

.usr_frm_chnx_cn {
width: 20%;
height: 40px;
border: 1px black solid;
margin-left: 40px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
display: flex;
justify-content: start;
align-items: center;
border-radius: 10px;
}

.usr_frm_chnx_in {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px blue solid;
margin-left: 20px;
}

.usr_frm_chnx_lbl {
color: rgb(81, 81, 81);
font-family: 'Noto', sans-serif;
font-size: 15px;
cursor: default;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
}

.usr_frm_wht_rw {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
display: flex; 
justify-content: center;
align-items: center;
}

.usr_uploaded_ntic_bx {
width: auto;
height: 40px;
border: 1px rgb(13, 209, 13) solid;
background-color: rgba(241, 255, 220, 0.495);
border-radius: 5px;
display: flex;
margin-left: 30px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}

.usr_uploaded_ntic_icn {
width: 20px;
}

.usr_uploaded_ntic_txt {
font-family: 'Noto', sans-serif;
font-size: 17px;
color: rgb(21, 184, 3);
margin-left: 10px;
}

/* WRAP BOX  */
.usr_frm_file_ntc_wrp {
width: 70%;
height: 60px;
overflow: hidden;
position: relative;
}

/* SCROLL BOX  */
.usr_frm_file_ntc_scrlbx {
margin-top: 00px;
height: 100px;
}

/* EACH BOX  */
.usr_frm_file_ntc_ech_bx {
width: 100%;
height: 50px;
display: flex;
margin-top: 5px;
align-items: center;
transition-duration: 0.3s;
}

/* SUCCESS  */
.usr_frm_file_ntc_UPLOADED_showbx_cls {
opacity: 0%;
display: none;
}

/* UPLOADING  */
.usr_frm_file_ntc_UPLOADING_showbx_cls {
display: none;
opacity: 0%;
margin-top:5px;
} 

/* UPLOAD  */
.usr_frm_file_ntc_UPLOAD_showbx_cls {
opacity: 100%;
display: block;
margin-top:10px;
} 

/* NOT UPLOAD  */
.usr_frm_file_ntc_NOT_UPLOAD_showbx_cls {
display: none;
opacity: 0%;
}


/* RED BOX  */
.usr_uploaded_red_ntic_bx {
width: auto;
height: 40px;
border: 1px rgb(254, 104, 93) solid;
background-color: rgb(255, 236, 233);
border-radius: 5px;
display: flex;
margin-left: 30px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}

.usr_upload_red_ntic_icn {
width: 22px;
}

.usr_upload_red_ntic_txt {
font-family: 'Noto', sans-serif;
font-size: 17px;
color: rgb(184, 36, 3);
margin-left: 10px;
}

.usr_uploading_ntic_bx {
width: 70%;
height: 35px;
margin-left: 40px;
display: flex;
align-items: center;
}

.usr_uploading_ntic_icn {
width: 35px;
animation-name: edvw_upld_icn_ani_1;
animation-duration: 1.5s;
animation-iteration-count: infinite;
opacity: 100%;
}
@keyframes edvw_upld_icn_ani_1 {
  0% {
    opacity: 100%;
  }
  50% {
    opacity: 20%;
  }
  100% {
    opacity: 95%;
  }
}

.usr_uploading_barbx {
width: 300px;
height: 30px;
border-bottom: 5px rgb(0, 174, 243) solid;
background-color: #f1faff;
margin-left: 10px;
transition-duration: 0.3s;
}

.usr_uploading_bar_file_txt {
color: rgb(3, 93, 189);
font-size: 15px;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 300px;
padding-top: 6px;
font-family: 'Noto', sans-serif;
}

.usr_uploading_bar_ldr {
position: absolute;
width: 130px;
margin-top: -40x;
height: 30px;
background: linear-gradient(109.6deg, rgb(106, 235, 255) 11.2%, rgb(94, 217, 255) 100.2%);
opacity: 30%;
transition-duration: 0.3s;
}


.pre_frm_propic_img_prvw_bx {
width: 20%;
height: 100%;
}

.pre_frm_propic_prvw_icn {
width: 50px;
height: 50px;
float: right;
}


.usr_uploading_barbx {
width: 300px;
height: 35px;
border-bottom: 5px rgb(0, 174, 243) solid;
background-color: #f1faff;
margin-left: 10px;
display: flex;
}


.usr_uploading_bar_file_txt {
color: rgb(3, 93, 189);
font-size: 17px;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 300px;
padding-top: 6px;
font-family: 'Noto', sans-serif;
}

.usr_uploading_bar_ldr {
position: absolute;
width: 0px;
margin-top: -40x;
height: 35px;
background: linear-gradient(109.6deg, rgb(106, 235, 255) 11.2%, rgb(94, 217, 255) 100.2%);
opacity: 30%;
}

.usr_uploading_bar_perc_txt_profile {
margin-left: 5px;
font-weight: bold;
color: rgb(170, 170, 170);
font-family: 'Inter', sans-serif;
font-size: 17px;
padding-top: 5px;
padding-left: 10px;
}

.usr_uploading_bar_data_txt_profile {
margin-left: 5px;
font-weight: bold;
color: rgb(34, 0, 255);
font-family: 'Noto', sans-serif;
font-size: 14px;
padding-top: 5px;
padding-left: 10px;
}

.main_user_tbl_chnx {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 15px;
}



.tmeout_bx {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
background-color: black;
opacity: 70%;
z-index: 500;
display: none;
}

.tmeout_tx {
position: fixed;
bottom: 50px;
right: 50px;
color: white;
z-index: 600;
font-family: 'Noto', sans-serif;
font-size: 30px;
animation: blink 3s infinite;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}


.notice_yrl_wdbx {
display: block;
width: 88%;
min-height: 40px;
background: linear-gradient(-225deg, #fcffcd 0%, #e7f990 48%, #d7f339 100%);
border: 1px rgb(228, 236, 117) solid;
border-radius: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
display: flex;
justify-content: start;
align-items: center;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}

.notice_yrl_tx {
color: rgb(169, 164, 4);
font-family: 'Noto', sans-serif;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
padding-right: 10px;
line-height: 25px;
}


.disable_btn_1 {
opacity: 50%;
user-select: none;
pointer-events: none;
}



/* BACK TO TOP  */
.btop_imbtn {
width: 50px;
height: 50px;
position: fixed;
bottom: 50px;
right: 50px;
z-index: 500;
}

.btop_img {
width: 40px;
transform: scale(0%);
transition-duration: 0.2s;
}