@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{ 
    margin:0; 
    padding:0; 
    font-size:14px; 
    /* font-family: 'ralewayregular';  */
    font-family: 'Inter' !important;
    overflow-y:scroll;
}
body.login-wrapper{background:#fff;}
h1, h2, h3, h4, p, ul{ margin:0;}
ul{ padding:0;}
a{ text-decoration:none;}
.top_hdr{ height:190px;
background: rgba(29,184,236,1);
background: -moz-linear-gradient(top, rgba(29,184,236,1) 0%, rgba(7,70,138,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(29,184,236,1)), color-stop(100%, rgba(7,70,138,1)));
background: -webkit-linear-gradient(top, rgba(29,184,236,1) 0%, rgba(7,70,138,1) 100%);
background: -o-linear-gradient(top, rgba(29,184,236,1) 0%, rgba(7,70,138,1) 100%);
background: -ms-linear-gradient(top, rgba(29,184,236,1) 0%, rgba(7,70,138,1) 100%);
background: linear-gradient(to bottom, rgba(29,184,236,1) 0%, rgba(7,70,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db8ec', endColorstr='#07468a', GradientType=0 );
}

.alert_quiz {
  padding: 20px;
  background-color: #04AA6D;
  color: white;
}
.sendotpotr {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 8px;
}
.closebtn_quiz {
  margin-left: 15px;
  color: white;
  font-weight: 500;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn_quiz:hover {
  color: black;
}

.main_wpr{ max-width:980px; margin:0 auto; border:1px solid #eee; margin-bottom: 35px;/* box-shadow: 0px 0px 3px 0px #ababab*/}
.no_border{ border:none !important; box-shadow:none; }
.main_wpr .info{ margin-left: 355px;margin-top: 25px;position: absolute;}
.reg_o{ display: inline-block; width: 42px; height: 42px; vertical-align: middle;/* background-image: url(../images/reg_o.png); background-size: 100%;  background-repeat: no-repeat;*/ margin: -9px 1px 0 2px;}
.reg_o img{ width:100%; height:100%;}
.hdr_ctnt{ display:inline-block; margin:0 auto; margin-top:30px; color: #ffffff; text-transform: uppercase; text-align:left; font-family: 'ralewayblack';}
.hdr_ctnt h3{ font-size:14px;}
.hdr_ctnt h1{ font-size:46px; margin-top: -6px; }
.pg_title{ display:inline-block; width:100%; height:70px; background:#282828; margin-top: 24px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; margin-left: -1px; padding-right: 2px;}
.pg_title span{ float:left; line-height: 70px; margin-left: 25px; color:#ffffff; font-size:22px; text-transform:uppercase; font-family: 'ralewayextralight';}
.inst_wpr{ background:#fffbcb; padding:15px 25px; overflow:hidden;}
.reg_form_wpr{ padding:0px 25px; margin:35px 0; overflow:hidden;}
.ins_online_sub{ float:left; width:100%; font-size: 30px; font-family: 'ralewaylight';}
.ins_online_sub .img{ vertical-align: middle; margin-right: 13px; width:50px; margin-top: -3px;}
.inst_wpr .inst_p{ font-size: 14px; margin: 15px 0; display: inline-block; width: 100%; font-family: 'ralewaymedium';}
.inst_points{ list-style:decimal; padding-left: 16px; margin-top: 10px; font-size:13px;}
.inst_points li{ margin-bottom:5px;}
.reg_form_wpr fieldset{ border:1px solid #d7d7d7; padding: 20px 17px 0 17px; border-radius: 12px; margin-bottom: 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;}
.reg_form_wpr fieldset legend{ color:#027bff; font-family: 'ralewaysemibold';}
.flds_cntr{width: 47%; display: inline-block; margin: 0px 1% 25px;}
.flds_cntr label{ display:block; margin-bottom:5px;font-weight: 500;color: #333}
.flds_cntr label b { font-size: 16px; font-family: arial; vertical-align: middle; color: #ff0000;}
.flds_cntr input, .flds_cntr select{ width:100%;box-sizing: border-box; border:1px solid #ccc; padding: 8px 0 8px 8px;}
.flds_cntr select{ width:99.5%; line-height: 37px; height: 37px;}

.flds_cntrr{width: 48%; float: left;  margin: 0px 1%; margin-bottom: 25px;}
.flds_cntrr label{ display:block; margin-bottom:5px;}
.flds_cntrr label b { font-size: 16px; font-family: arial; vertical-align: middle; color: #ff0000;}
.flds_cntrr input, .flds_cntr select{  border:1px solid #ccc; padding: 8px 0 8px 8px;}
.flds_cntrr select{ width:99.5%; line-height: 37px; height: 37px;}




.flds_cntr12{width:25%; float: left; margin: 0px 0.5%; margin-bottom: 10px;margin-left: 5px;}
/*.flds_cntr12 input{ width:97%; border:1px solid #ccc; padding: 8px 0 8px 8px;}*/
.flds_cntr12 label b { font-size: 16px; font-family: arial; vertical-align: middle; color: #ff0000;}
/*.flds_cntr12 select{ width:97%; line-height: 37px; height: 37px;padding: 4px 0 10px 12px;}*/
.flds_cntr12 select {
    height: 36px;
    line-height: 3px;
    padding: 0 0 0 0px;
    width: 31%;
    margin-right:9px;
}
.flds_cntr12 input {
    border: 1px solid #ccc;
    padding: 4px 0 8px 8px;
    width: 97%;
}



.flds_cntr12.ten_school_name{width:35%;}
.flds_cntr12.tw_school_name{width:35%;margin-bottom:25px;}
.flds_cntr12.bach_school_name{width:35%;}
.flds_cntr12.master_school_name{width:35%;}/*.flds_cntr_select{ border:1px solid #acacac; border-color:#acacac; outline:none;}*/
.declaration{ font-size:13px; width:auto; margin: 0px 1%; padding-bottom: 30px;}
.cbox_agree{ display: block; margin-bottom: 7px;}
.cbox_agree .checkbox{ float:left; width:auto !important; cursor:pointer; vertical-align:middle; margin: 2px 5px 0 0; font-size:15px; border: 0; padding:0;  }
.cbox_agree .i_agree{ color:#ff0000; cursor:pointer; font-family: 'ralewaysemibold';}
.pymnt_option{ display: inline-block; margin: 30px 10px 0px 0;}
.pymnt_option .checkbox{ float:left; width:auto !important; cursor:pointer; vertical-align:middle; margin: 2px 5px 0 0; font-size:15px; border: 0; padding:0;  }
.pymnt_option .pymnt_type{ float: left; color:#000; cursor:pointer; font-family: 'ralewaysemibold';}
.declaration p{ line-height: 19px; clear:both;}

.register_cntr .reg_btn{ float:none;display: inline-block; font-size:22px; color:#fff; border:1px solid #244c85 !important; padding:5px 45px; text-transform:uppercase; border-radius:25px; cursor:pointer; font-family:'ralewaymedium'; margin-bottom: 5px; margin-top: 15px;
background: #244c85 !important;
}
.register_cntr .reg_btn:hover{
    background: #1e3f6e !important;
    }

.register_cntr .forgot_pwd{ float: left; padding: 10px 0px; color: #acacac;}
.register_cntr .forgot_pwd:hover{ color:#333;}
.fldset_inr{width: 100%; display:inline-block; margin: 0px 3%; margin-bottom: 15px;}
.fldset_inr label{ display: inline-block; width: 265px; font-family: 'ralewaymedium';float: left;text-align: left;font-weight: 500}
.fldset_inr span{     font-family: 'arial';
    text-align: left;
    width: 70%;
    float: left;}
.after_wpr{ padding: 35px 50px;}
.login_left{ float:left; width:45%;}
.login_left img{ display:none;}
.login_left .lgn_ttl{ font-size:28px; line-height: 40px; color:rgba(100,99,99,1.00); font-family: 'ralewaylight'; font-weight:normal;}
.login_right{ float:right; width:38%; border:1px solid #d7d7d7; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;}
.inr_login{ padding:25px; overflow:hidden;}
.inr_login .flds_cntr{ width:94%;}
.red_astrk { font-size: 16px; font-family: arial; vertical-align: middle; color: #ff0000;}
.appform_steps{ margin:0; display:block; padding-left: 30px;}
.appform_steps li{ display:inline-block; margin-right:5px;}
.appform_steps li a{ display: inline-block; text-align: center; padding:7px 12px; background:#d7d7d7; border:1px solid #d7d7d7; color:#000; font-family: 'ralewaysemibold';   border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -ms-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0;}
.appform_steps li a span{ background: #027bff; color: #fff; width: 25px; display: inline-block; line-height: 25px; margin-right: 7px; font-family: 'ralewaymedium'; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;}
.appform_steps li a:hover, .appform_steps li a.selected{ background:#fff; border-bottom-color:#fff; }
.appform_steps li a:hover span, .appform_steps li a.selected span{ background:#70b554;}

.round_steps{ display: inline-block; list-style: none; margin-bottom: 25px; width: 100%;}
.round_steps li{ float:left; padding:0 5%; position:relative; text-align:center;}
.round_steps li a{ display: inline-block;}
.round_steps li a .stp_circle{ cursor:pointer; text-align: center; border:4px solid #c8c7cc; background:#fff; color: #000; width: 30px; display: inline-block; line-height: 30px; font-family: 'ralewaymedium'; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;}
.round_steps li a.first .stp_circle{ float:left;}
.round_steps li a.last .stp_circle{ float:right;}
.round_steps li a .stp_name{ clear:both; color:#c8c7cc; padding-top:3px;}
.round_steps li a .stp_line{ position:absolute; top:17px; left:0; width:100%; height:4px; background:#c8c7cc; z-index:-1;}
.round_steps li a.first .stp_line{ left:inherit;}
.round_steps li a.first .stp_name{ margin-left:-30px;}
.round_steps li a.last .stp_name{ margin-right:-12px;}
.round_steps li a.last1 .stp_name { margin-right: -77px;}
.round_steps li.first{ padding-ritht:0;}
.round_steps li.last{ text-align:right; padding-right:0;}
.round_steps li a.last .stp_line{ left:inherit; right:0;}
.round_steps li a:hover .stp_circle, .round_steps li a.selected .stp_circle{ border-color:#007aff;}

.round_steps li#current a .stp_circle{ border-color:#007aff;}
.round_steps li#current a .stp_name{ color:#000;}
.round_steps li#current a .stp_line{ background:#007aff;}

.round_steps li a:hover .stp_name, .round_steps li a.selected .stp_name{ color:#000;}
.round_steps li a:hover .stp_line, .round_steps li a.selected .stp_line{ background:#007aff;}

.appform_f_cntr{ padding: 0px 15px; border-radius: 12px; overflow:inherit; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; margin-top: -1px;box-sizing: border-box;}
.appform_note{  background: #fffbcb; padding: 12px; font-size:12px; overflow: hidden; line-height: 19px; border:1px solid #ff6c6c;}
.appform_note b{ color: #ff0000;}
.appform_full{ width:97.7%;}
.appform_full label{ display:inline-block; margin-bottom:0; vertical-align:middle;}
.chxrdo_cntr{ display: inline-block; margin-left: 10px; padding: 7px 0 7px 10px; vertical-align: middle;}
.hglt_chx {background: #f5f5f5; border: 1px solid #ccc;}
.chxrdo_span{ float:left; width:auto !important; margin: 0 20px 0 0;}
.checkbox, .radio{ float:left; width:auto !important; cursor:pointer; vertical-align:middle; margin: 2px 5px 0 0; font-size:15px; border: 0; padding:0; border:none !important;}
.appform_titl{ font-size: 18px; color: #027bff; font-family: 'ralewaysemibold'; padding-bottom: 7px; border-bottom: 1px solid #d7d7d7; margin-bottom: 25px;}

.half_width{ width:48% !important;}
.work_exp_wpr{ border: 1px solid #ccc; border-bottom:none; overflow:hidden; width: 94.3%; margin: 0 auto; margin-bottom:25px;}
.work_exp_wpr .work_exp_inr{ border-bottom: 1px solid #ccc; overflow:hidden;}
.work_exp_wpr .work_exp_inr.gray_bg{ background:#e0edf5; color: #333; font-family: 'ralewaysemibold';}
.work_exp_left, .work_exp_rgt{ float:left; width:49%; line-height:45px; text-align:center;}
.work_exp_left1, .work_exp_rgt1{ float:left; width:48%; line-height:40px; text-align:left; padding-left:7px;}
.work_exp_left1{ border-right: none !important;}
.work_exp_rgt1{  border-left: 1px solid #ccc;}
.work_exp_left{ border-right: 1px solid #ccc;}
.work_exp_rgt input, .work_exp_rgt select{ border: 1px solid #acacac; margin-left: 2.3%; padding: 1.5% 1%; width: 97%; box-shadow: 0 0 4px #c2c2c2; -webkit-box-shadow: 0 0 4px #acacac; -moz-box-shadow: 0 0 4px #acacac; -ms-box-shadow: 0 0 4px #acacac; -o-box-shadow: 0 0 4px #acacac; }
.work_exp_rgt select{ width:100%;}
.exp_fld_nm{ text-align:left;}
.exp_fld_nm .chx_inpt{ display:inline-block; border:none; margin:0 0 0 10px; vertical-align:middle;}
.exp_fld_nm .chx_name{ display:inline-block;}
.nrml_lhght{ padding: 15px}
.upld_phto{ float:left; width:98px; height:120px; border:1px solid #ccc; background:#f5f5f5; margin-right:7px;}
.upld_phto img{width:100%; height:100%; }
.app_prvw_img{ position:absolute; top:32px; right:25px; width:105px; height:130px;}
.app_prvw_img img{ width:100%; height:100%;}

     /* Popup container - can be anything you want */
 .popup {
     position: relative;
     display: inline-block;
     cursor: pointer;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
.noHover{
    pointer-events: none;
}
/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: max-content;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 15px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -1px;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 91px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
.popup .hide {
    visibility: hidden;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/*Preloader start*/
.pre_loader_bg{ background-color:transparent; width:100%; height:100%; position:fixed; top:0; left:0;}
.pre_loader{ position:fixed; top:43%; left:46%; z-index:9999; }
.ldr_line{ width:70px; height:70px; /*background-image:url(../images/ldr_line_orange.png); background-repeat: no-repeat; background-size:100%;box-shadow:inset 0px 0px 0 4px #ff9300;*/ border-radius:100%;  border:4px solid #fe5b00; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;  position:relative; z-index:99;

animation-name:loader;
animation-duration:1s;
animation-iteration-count:infinite;
animation-timing-function:linear;
animation-fill-mode: forwards;

-webkit-animation-name: loader;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: loader;
-moz-animation-duration:1s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-moz-animation-fill-mode: forwards;

-ms-animation-name: loader;
-ms-animation-duration:1s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-ms-animation-fill-mode: forwards;

-o-animation-name: strm_rgt_slide;
-o-animation-duration:1s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
-o-animation-fill-mode: forwards;
}
@-webkit-keyframes loader {
 0% { }
 100% { transform:rotate(360deg);}
}
@-moz-keyframes loader {
 0% { }
100% { transform:rotate(360deg);}
}
@-ms-keyframes loader {
 0% { }
100% { transform:rotate(360deg);}
}
@-o-keyframes loader {
 0% { }
100% { transform:rotate(360deg);}
}
@keyframes loader {
 0% { }
100% { transform:rotate(360deg);}
}
/*.ldr_line:after { content: ""; border: 4px solid #ff9300; width: 60px; height: 57px; display: inline-block; border-radius: 100%;}*/
.pre_loader .icon{ display:inline-block; width:70px; height:70px; background-image:url(../images/logo_ldr.png); background-repeat:no-repeat; background-color:#fff; border:4px solid #ff9300; position:absolute; top:0; background-position: 14px 13px; border-radius: 100%;}
/*Preloader end*/

.file_upload{}
.file_upload p{ margin-bottom:5px;}
.fileinput-button { position: relative; overflow:hidden; color: #027bff; font-family: 'ralewaysemibold';}
.fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr;  cursor: pointer; height:20px; overflow:hidden;}

/* Fixes for IE < 8 */
@media screen\9 { 
.fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%;}
}	

.clear_both{ clear:both !important; width:100%; display:inline-block;}


/*Popup code start*/
.res_pop_bg { background: rgba(255,255,255,0.9); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
.res_main_pop { position: absolute; background: #fff; width: 400px; padding-bottom:20px; opacity: 1; top: 50%; left: 50%; margin-left:-200px; margin-top:-200px; z-index: 99; border: 1px solid #d8d8d8; box-shadow: 0px 0px 35px 0px rgba(62,62,62,0.2); border-radius:4px;

animation-name:pop_zoom;
animation-duration:0.2s;
animation-timing-function:ease-in-out;
animation-fill-mode: forwards;

-webkit-animation-name: pop_zoom;
-webkit-animation-duration:0.2s;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: pop_zoom;
-moz-animation-duration:0.2s;
-moz-animation-timing-function:ease-in-out;
-moz-animation-fill-mode: forwards;

-ms-animation-name: pop_zoom;
-ms-animation-duration:0.2s;
-ms-animation-timing-function:ease-in-out;
-ms-animation-fill-mode: forwards;

-o-animation-name: pop_zoom;
-o-animation-duration:0.2s;
-o-animation-timing-function:ease-in-out;
-o-animation-fill-mode: forwards;
}
@-webkit-keyframes pop_zoom {
 0% { transform:scale(0.7);}
 100% { transform:scale(1); visibility:visible;}
}
@-moz-keyframes pop_zoom {
 0% { transform:scale(0.7);}
 100% { transform:scale(1,1); visibility:visible;}
}
@-ms-keyframes pop_zoom {
 0% { transform:scale(0.7);}
 100% { transform:scale(1); visibility:visible;}
}
@-o-keyframes pop_zoom {
 0% { transform:scale(0.7);}
 100% { transform:scale(1); visibility:visible;}
}
@keyframes pop_zoom {
 0% { transform:scale(0.7);}
 100% { transform:scale(1); visibility:visible;}
}
.pop_hide { 
animation-name:pop_out;
animation-duration:0.2s;
animation-timing-function:ease-in-out;
animation-fill-mode: forwards; 

-webkit-animation-name: pop_out;
-webkit-animation-duration:0.2s;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: pop_out;
-moz-animation-duration:0.2s;
-moz-animation-timing-function:ease-in-out;
-moz-animation-fill-mode: forwards;

-ms-animation-name: pop_out;
-ms-animation-duration:0.2s;
-ms-animation-timing-function:ease-in-out;
-ms-animation-fill-mode: forwards;
}
@-webkit-keyframes pop_out {
 0% { transform:scale(1);}
 100% { transform:scale(0.7); visibility:hidden;}
}
@-moz-keyframes pop_out {
 0% { transform:scale(1);}
 100% { transform:scale(0.7); visibility:hidden;}
}
@-ms-keyframes pop_out {
 0% { transform:scale(1);}
 100% { transform:scale(0.7); visibility:hidden;}
}
@-o-keyframes pop_out {
 0% { transform:scale(1);}
 100% { transform:scale(0.7); visibility:hidden;}
}
@keyframes pop_out {
 0% { transform:scale(1);}
 100% { transform:scale(0.7); visibility:hidden;}
}
.res_main_pop span { cursor: pointer; width: 25px; font-size: 20px; line-height: 25px; text-align: center; color: #8d8d8d; margin: 0px 0px 0 0; position: absolute; top: 7px; right: 7px;}
.res_main_pop span:before { content: "X";}
.res_main_pop .reg_back { cursor: pointer; width: 25px; font-size: 16px; line-height: 25px; text-align: center; color: #8d8d8d; margin: 0px 0px 0 0;font-family: 'Flaticon'; position: absolute; top: 7px; left: 7px;}
.res_main_pop .reg_back:before { content: "\e03b";}
.res_main_pop .pop_title{ color:#8d8d8d; font-size:16px; text-align: center; margin: 45px 0 0px 0;}
.res_main_pop p { margin:25px 35px 0 35px;}
.res_main_pop p label{ font-weight:500; font-size:13px; color:#000; display: block; margin: 5px 0; }
.res_main_pop p input[type=text] { width:96%; height: 30px; font-size: 14px; border: 1px solid #d8d8d8; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding-left: 5px; padding-right: 5px; }
.button{ float:right; font-size:22px; color:#fff; border:1px solid #3f886a; padding:5px 15px; text-transform:uppercase; border-radius:3px; cursor:pointer; font-family:'ralewaymedium'; box-shadow: 0px 0px 5px 0px #3f886a; -webkit-box-shadow: 0px 0px 5px 0px #3f886a; -moz-box-shadow: 0px 0px 5px 0px #3f886a; -ms-box-shadow: 0px 0px 5px 0px #3f886a; -o-box-shadow: 0px 0px 5px 0px #3f886a;  margin-bottom: 5px;
background: rgba(118,183,72,1);
background: -moz-linear-gradient(top, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(118,183,72,1)), color-stop(46%, rgba(104,180,104,1)), color-stop(55%, rgba(95,179,124,1)), color-stop(100%, rgba(91,178,134,1)));
background: -webkit-linear-gradient(top, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
background: -o-linear-gradient(top, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
background: -ms-linear-gradient(top, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
background: linear-gradient(to bottom, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b748', endColorstr='#5bb286', GradientType=0 );
}
.button:hover{
background: rgba(91,178,134,1);
background: -moz-linear-gradient(top, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91,178,134,1)), color-stop(45%, rgba(95,179,124,1)), color-stop(55%, rgba(104,180,104,1)), color-stop(100%, rgba(118,183,72,1)));
background: -webkit-linear-gradient(top, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
background: -o-linear-gradient(top, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
background: -ms-linear-gradient(top, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
background: linear-gradient(to bottom, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb286', endColorstr='#76b748', GradientType=0 );}


.cost{ float: right; font-size: 18px; font-family: 'ralewaysemibold'; font-weight: normal; color: #fff; font-size: 24px; position: absolute; right: 0; top: 7px; padding: 0 35px; background: #007aff; height: 100%; border-radius: 0 11px 0 0;}
.cost table{ margin-top:-5%;}
.header{display: inline-block;
width: 100%;
background: #fff;
height: 90px;
border-bottom: 12px solid rgb(51,153,255);}
.logo{ float:left; overflow:hidden; margin:0px 0;padding: 10px 10px;}
.logo img{width:500px;}
.inr_pg_hdr { margin:25px 0 5px 0; color: rgba(100,99,99,1.00); font-size: 24px; text-transform: uppercase; font-family: 'ralewaybold';}
.hding_pgination{ margin-bottom:25px; font-size:13px;}
.login_rgt{ float:right; line-height:77px; background:#009E39; color:#fff; font-family: 'ralewayblack'; font-weight:normal; text-transform:uppercase; padding: 0 15px;}
.login_rgt:hover{ background:#F15A22;}


/*Responsive tab start*/
.responsive-tabs{ border-top:none; margin-top:55px; overflow:hidden;}
.responsive-tabs-wrapper { clear: both; zoom: 1; }
.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after { content: ""; display: table;} 
.responsive-tabs-wrapper:after { clear: both;}

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus { outline: 1px solid #ccc;  }

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus { outline: none !important;}

.responsive-tabs__list { font-size: 1.2em; margin: 12px 0 0 0; padding: 0; border-bottom: 5px solid #0089d0; padding-bottom:11px; line-height: 27px;}
.responsive-tabs__list__item { background: #dfe2e4; border-top: 5px solid #dfe2e4; padding: 12px 20px 15px; margin-right: 0; border-right: 1px solid #ddd; font-size: 16px; font-family: 'ralewaysemibold'; font-weight:normal; }
.responsive-tabs__list__item:first-child{ border-left:1px solid #ccc;}
.responsive-tabs__list__item--active, 
.responsive-tabs__list__item--active:hover {  background: #fff; border-bottom-color: #fff; border-top: 5px solid #0089d0; padding-bottom: 20px;}

.responsive-tabs__panel { margin-bottom: 0;}
.tabsshowhide{ border:1px solid #ccc; border-top:none; overflow:hidden;}
.tabs_ctnt_wpr{ padding:20px; overflow:hidden;}
/*Responsive tab end*/

.choos_center_wpr{ color:505050; padding:20px; overflow:hidden;}
.choos_center_wpr h2{ text-align:center; font-family: 'ralewaysemibold'; font-size:18px; font-weight: normal; text-transform:uppercase; margin-top: 25px;  margin-bottom: 15px;}
.slct_yr_loc{ display:inline-block; width:100%; margin:15px 0;}
.slct_yr_loc label{ font-size: 16px; font-family: 'ralewaysemibold'; font-weight: normal; vertical-align:middle;}
.slct_yr_loc select{ margin-left:15px; border:1px solid #ccc; padding: 8px 0 8px 8px; width: 235px;}
.choos_center{ float:left; width:100%; color:#333;}
.choos_center p{ float:left; display:none;}
.centr_change{ display:inline-block; width:100%; margin:25px 0;}
.centr_change .cchange_btn{  display:inline-block; margin-right:25px; float:right; font-size:16px; color:#fff; border:1px solid #3f886a; padding:8px 20px; text-transform:uppercase; border-radius:3px; cursor:pointer; font-family:'ralewaymedium'; margin-bottom: 5px; margin-top: 15px;
background: rgba(118,183,72,1);
background: -moz-linear-gradient(top, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(118,183,72,1)), color-stop(46%, rgba(104,180,104,1)), color-stop(55%, rgba(95,179,124,1)), color-stop(100%, rgba(91,178,134,1)));
background: -webkit-linear-gradient(top, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
background: -o-linear-gradient(top, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
background: -ms-linear-gradient(top, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
background: linear-gradient(to bottom, rgba(118,183,72,1) 0%, rgba(104,180,104,1) 46%, rgba(95,179,124,1) 55%, rgba(91,178,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b748', endColorstr='#5bb286', GradientType=0 );
}
.centr_change .cchange_btn:hover{
background: rgba(91,178,134,1);
background: -moz-linear-gradient(top, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91,178,134,1)), color-stop(45%, rgba(95,179,124,1)), color-stop(55%, rgba(104,180,104,1)), color-stop(100%, rgba(118,183,72,1)));
background: -webkit-linear-gradient(top, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
background: -o-linear-gradient(top, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
background: -ms-linear-gradient(top, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
background: linear-gradient(to bottom, rgba(91,178,134,1) 0%, rgba(95,179,124,1) 45%, rgba(104,180,104,1) 55%, rgba(118,183,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb286', endColorstr='#76b748', GradientType=0 );}
.centr_change .cchange_btn i{ display: inline-block; width: 22px; height: 22px; background-position: -100px 0px; vertical-align: middle; margin-top: -6px; margin-left: 7px;}
.yr_center_hding{ display: inline-block; padding: 30px 0 20px 0;}
.choos_center .center{ display:inline-block; text-align: left; width:42%; vertical-align: top; padding:15px 3% 0px 4%; padding-bottom:15px; position:relative; font-size: 13px; line-height: 15px; border-bottom: 1px solid #ddd; height:225px;}
.choos_center .center:nth-child(even){ border-right: 1px solid #ddd;}
/*.choos_center .center input{ position:absolute; left:0; top:0; }*/
/*.choos_center .center input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}
.choos_center .center input[type=radio   ]:not(old){
  display      : inline-block;
  margin-left  : -24px;
  padding-left : 28px;
  background   : url('../images/checks.png') no-repeat 0 0;
  line-height  : 24px;
}
.choos_center .center input[type=checkbox]:not(old):checked{
  background-position : 0 -24px;
}

.choos_center .center input[type=radio]:not(old):checked{
  background-position : 0 -48px;
}*/
.address_input { margin-left: -21px;}
.centr_adrs{ display: inline-block; width: 100%; margin: 15px 0;}
.sesion_wpr{ position:absolute; left: 2%; bottom:5
                px; width: 91%; min-height: 37px; margin-top: 15px; padding:0px; background: #f1f1f1; border: 1px solid #d5d5d5;}
.sesion_wpr_input{ display:inline-block; width: 50%; line-height: 25px;}
.sesion_wpr_input input{ float:left; margin:6px 3px 0 0;}
.sesion_wpr_input span{ font-weight:500;}

.ceter_map{ float:right; width:39%;}
.lgout_prof{ float:right; background:rgb(51,153,255); height: 90px; position:relative;}
.lgout_prof .logout{ float:right; padding:0 15px; font-family: 'ralewaybold'; font-weight: normal; line-height:78px; color:#fff; text-transform:uppercase; border-left:1px solid rgba(255,255,255,0.20);}
.pf_nm_cntr{ display:inline-block;}
.lgout_prof .prof_pic_name{ float:right; padding: 0 15px 10px 15px; display:inline-block;}
.lgout_prof .prof_pic_name img{ float:left; width:50px; height:50px; margin:13px 13px 0 0;}
.lgout_prof .prof_pic_name span{ font-family: 'ralewaybold'; font-weight: normal; line-height:78px; color:#fff; text-transform:uppercase;}

.logout_tultip{ display:none; padding: 0 15px; background: #fff; width: 147px; position: absolute; top: 75px; border: 1px solid #ddd; box-shadow: 0px 4px 2px -3px #555;}
.logout_tultip:before{ content: ""; border: 10px solid transparent; border-top: 0; border-bottom: 10px solid #fff; margin-top: -9px; position: absolute;  margin-left: 14px;}
.logout_tultip ul{ margin:0; padding:0;}
.logout_tultip ul li{ display:block;}
.logout_tultip ul li a{ padding:10px 0; border-bottom:1px dotted #ccc; display: block; color: #505050; font-family: 'ralewaysemibold'; font-weight: normal;outline:none;}
.logout_tultip ul li a:hover{ color:#fe5c00;}
.logout_tultip ul li a.last{ border-bottom:none;}
.dwnld_admit{ text-align:center; padding-top:35px; min-height:200px; font-family: 'ralewaysemibold'; font-weight: normal; font-size:22px;}
.dwnld_admit a{ color:#0089d0; border: 1px solid; padding: 7px 10px; transition:0.1s ease-in;}
.dwnld_admit a:hover{ color:#fff; background:#0089d0;}
.sprite{ background-image:url(../images/sprite.png); background-repeat:no-repeat;}

.inr_tb_ttl1 { margin: 20px 13px 25px 8px; border-bottom: 1px solid #ccc; padding-bottom: 7px; clear:both;}
.nicescroll-rails{top:583.5px important;}

.myCentre{
    padding:2px;
    display: inline-block;
}
.myCentre div {
    padding:10px;margin-left:18px;
}

.boldData{
    font-weight: 500;  padding:30px;font-size: 14px;
}
.boldParaData{
    font-weight: 500;margin:15px 25px;
}
.boundry{
    border:1px solid #aaa;margin:25px;
}
.stuMsg{
    margin:10px;    
}
.stuMsg p{
    padding:5px;
}
.dwnldCntn{
    
}
.dwnldCntn div {
    display: inline-block;
    padding:10px 10px;
    float:left;
    border-right: 1px solid #aaa;
    font-weight: 500;
}
.dwnBr {
    border-right: 1px solid #fff !important;
}
.pston-pro{
    position:relative;
}


/*css by nitin*/
body{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #3B3B3B;
}
*{
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
.header2{
    background: #93008e;
    width: 100%;
    display: inline-block;
    padding: 13px 0px;
}
.footer2{
    background: #93008e;
    width: 100%;
    display: inline-block;
    padding: 30px 15px;
    border-top: none;
    box-sizing: border-box;
}
.container2{
    max-width:1072px;
    margin:auto;
}
.logo1{
    width: 8%;
    display: inline-block;
    margin:0 30px 0 55px;
    float: left;
}
.logo1 img {
    width: 100%;
    float: left;
}
.input-date input{
    width: 30px;
}
.heading{
    float: left;
    color: #fff;
    display: inline-block;
    margin: 15px 0 0 0;
}
.heading h1 {
    font-size: 22px;
    font-weight: 500;
}
.heading p {
    text-align: center;
}
.personal-info{
    width: 100%;
    display: inline-block;
    margin-top: 0px;
}
.personal-info h3 , .contact-info h3 {
    /* background: #ec7c30; */
    font-weight: 500;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    color: #0f46bb;
    border: 1px solid #0f46bb;
    white-space: nowrap;
}
.personal-info h3:hover, .contact-info h3:hover{
    background: #0f46bb;
    color: #fff;
}
.main-div{
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
}
.per-box{
    width: 45%;
    display: inline-block;
    font-size: 16px;
    float: left;
    text-align: left;
}

.red-text{
    color: red;
    font-weight: lighter;
    text-align: justify;
    font-size: 14px;
    line-height: 14px;
    
        
}
.check_box.outer-chck{
    text-align: center;
    padding: 12px;
    background: #e9e9e9;
    margin: 19px 0px 0px 0px;
    font-size: 14px;
}

.bold-text{
    text-align: left;
    font-weight: 500;
    font-size: 16px;
}
.info-container{
    padding: 12px 0px;
}
.per-box .red-text{
    font-size: 11px;
}

.input-size{
    width: 80%;
    margin-top: 3px;
    vertical-align: middle;
}
.per-box select{
    width: 80%;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/drop-down-arrow.png) 96% / 3% no-repeat ;
    padding: 3px 5px;
}
.note{
    font-size: 11px;
    margin: 0 0 5px 0;
    word-spacing: -1px;
    line-height: 18px;
}
.main-div input{
    padding: 2px 5px;
    box-sizing: border-box;
}
.add-col{
    color: #656565;
}
.radio p{
    display: inline-block;
    vertical-align: 1px;
    margin-left: 4px;
}
.radio{
    margin-right: 8px;
}
.note-text{
    font-size: 11px;
}
.date select{
    width: 60px;
    background: url(Images/drop-down-arrow.png) 90% / 15% no-repeat ;
}
.agree-term {
    font-size: 13px;
    margin-top: 6px;
}
.agree-radio{
    margin-top: 10px;
}
.agree-radio p{
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
    line-height: 12px;
}
/*.submit{
    text-align: center;
}*/
.submit button{
    background: #244c85;
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
    border: none;
    font-weight: 500;
    border-radius: 4px;
    font-size: 16px;
}
footer p {
    color: #fff;
    font-size: 12px;
   // text-transform: lowercase;
}

.contact-info{
    margin-bottom: 30px;
}
.input-date {
    display: inline-block;
    margin-top: 15px;
    margin-right: 20px;
    border: 1px solid #000;
    padding: 3px 10px;
    box-sizing: border-box;
    width: 140px;
}

.middle-content{
    padding: 40px 0px 15px;
}
.note{
    text-align: center;
    font-size: 14px;
}
.note h4{    
    font-weight: normal;
    margin: 15px 0px;
    padding: 0px 20px;
}

.note-date span{
    font-weight: 500;
    margin: 10px 0px;
    width: 50%;
    float: left;
}
.note-date p{
        padding: 8px 0px 12px;
}
.note-date , .note-list{
        font-size: 12px;
}
.note-list{
        margin-bottom: 50px;
}
.note-list ol li{
    margin: 24px 0px 24px 0px;
    line-height: 20px;
    width: 100%;
}
.container-margin{
    padding-left: 35px;
}
.bold-width{
    width:200px;
    display:inline-block;
}
.link-exam{
        display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0px 15px 0;
}
.link-exam a{
    text-decoration: underline;
    font-weight: 600;
    color: #0000b2;
}
ul.inner-line  li {
    margin: 0px 0px 0px 25px;
}
ul.inner-line{
    margin: 10px 0px 0;
}
.heading-note span{
    display: inline-block;margin: 2px 0px 5px;
}
.list_style ul li {
    list-style: none;
    margin:  0px;
}
.time-exam p {
    margin-bottom:15px;
}
.fee p{
    word-spacing: 2px;
}
.term b{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
}
.step p {
    margin-bottom: 10px;
}
.single-p{
    margin:6px 0px 12px;
    display: inline-block;
    line-height: 20px;
}
.single-p p b {
    margin-right: 5px;
}
.admin-inner ul {
    margin: 10px 25px;
}
.content-home{
    display: inline-block;
    background: #e9e9e933;
    padding: 0px 15px;
    width: 100%;
    box-sizing: border-box;
    
}
.menu ul{
    background: #c0c0be;
    width: 100%;
    display: inline-block;
}
.menu ul li{
    display: inline-block;
    margin:6px 4px;
    list-style: none;
}
.menu ul li a {
    color: #000;
    padding: 6px ;
    display: inline-block;
    font-weight: 500;
}
.menu ul li a:hover{
    background-color: #93008e;
    color: #fff;
}
ul.main-menu {
    float: left;
}
ul.main-menu li{
    float: left;
    border-right:1px solid #FFBAAD;
    text-transform: uppercase;
    font-size: 12px;
}
.reg-container{
    width: 100%;
    display: inline-block;
}
.reg-header{
    background: #334761;
    display: inline-block;
    width: 100%;
    padding: 16px 0px;
    box-sizing: border-box;
}
.per-img{
    width: 6%;
    float: left;
    padding: 6px 0 0 50px;
}
.per-img img {
    width: 100%;
}
.heading-text{
    width: 85%;
    float: right;
    color: #fff;
    padding: 00px 50px 0 0;
    box-sizing: border-box;    
}
.heading-text p{
    font-size: 14px;
}
.heading-text h1{
    font-size: 30px;
}

.left-topic{
    width: 100%;
    float: left;
    line-height: 26px;
    text-align: left;
    font-weight: 500;
    color: #000;
    font-size: 16px;    
}
.input-reg{
    width: 100%;
    float: left;
    text-align: left;
}
.input-info-field{
    padding: 10px 15px;
    box-sizing: border-box;
}
.reg-box select{
    width: 100%;
}
.reg-perfix{
    width: 20%;
    vertical-align: top;
}
.reg-perfix select{
    width: 100%;
}
.reg-input-info-container{
    margin-bottom: 50px;
    display: inline-block;
    width: 70%;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    padding: 20px;
    margin-top: 20px;
}
.reg-sub-btn{
    float: right;
    margin: 10px 15px;   
    border: none;
    text-align: center;
    width: 100%;
    background: none;
}
.reg-sub-btn a{
    float: none;
    display: inline-block;
    font-size: 22px;
    color: #fff;
    border: 1px solid #244c85;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'ralewaymedium';
    margin-bottom: 5px;
    margin-top: 15px;
    /* padding: 5px 45px; */
    /* border-radius: 25px; */
    /* background: #244c85; */
    padding: 5px 25px;
    border-radius: 4px;
    background: #fff;
    color:  #244c85;
}

.image-container{
    width: 50%;
    border: 1px solid #000;
    height: 150px;
    margin-top: 5px;
}
.image-container input{
    width: 100%;
    display: inline-block;
    height: 100%;
    margin-top: 0px;
/*    padding: 5px;*/
    box-sizing: border-box;
}
.reg-prv{
    font-size: 15px;
font-weight: 500;
text-align: center;
display: inline-block;
width: 100%;
margin: 20px 0px;
}
.reg-container{
    width: 100%;
}
.reg-form-cont{
    width: 100%;
box-sizing: border-box;
}
.data_div2 select{
    width: 10%;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../images/drop-down-arrow.png) 96% / 5% no-repeat;
padding: 3px 5px;
}


.table-container{
    width: 90%;
    margin: 25px 0px 20px;
}
.table-container tr td{
    font-size: 14px;
    padding: 1px 2px;
    box-sizing: border-box;
}

.chngd-css{
    margin: 10px 0px 22px 0;
    padding: 15px 0px;
}
.lgd{
    display: inline-block;
    margin-top: 10px;
    font-weight: 500;
    text-align: center;
    font-size: 18px;
}
.tran{
    width: 100%;
}
.new-bck{
    background: #87B4BE !important;
    border: 1px solid #87B4BE !important;
}
.imagsize_container{
    padding: 60px 0px;    
    font-size: 14px;
    font-family: 'Arial', cursive;
    background: #e9e9e933;
}
.imagsize_container h1 , .imagsize_container h2 {
    font-weight: normal;
    color: #3B3B3B;
    margin-bottom: 20px;
}
.imagsize_container p {
    line-height: 20px;
}
.imagsize_container span h2{
    margin-bottom: 0px;
}
.imagsize_container span ul {
    padding-left: 30px;
}
.imagsize_container span ul li {
    margin:10px 0px;
}

.imagsize_container span{
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
.req-photo ol{
    padding-left: 30px;
    box-sizing: border-box;
}
.req-photo ol li {
     margin:10px 0px;
}
.login-marg{
    margin-bottom: 0px;
}
.after_wpr-pad{
    padding: 0px 50px 35px;
}
.login-heading{
    margin-bottom: 0px;
    padding-left: 12px;
    padding-top: 10px;
    box-sizing: border-box;
}

.student-image{
    float: right;
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    margin-right: 26px;
    padding: 1px;
}
.student-image img{
    width: 100%;
    height: 100%;
}
.lgn_ttl {
    font-size: 28px;
    line-height: 40px;
    color: #333;
    font-family: 'ralewaylight';
    font-weight: 500;
    margin: 20px 0px 30px;
    text-align: center;
}
.login_right{
    margin: 0 auto 20px;
    float: none;
}
.reg_btn{
    margin-top: 0px;
}
.after_wpr{
    padding: 15px 50px;
}
.flds_cntr {
    margin: 0px 1% 15px;
}
.flds_cntr {
    width: 100% !important;
}
.loginbtn{
    width: 100% !important;
    text-align: center;
}
.loginbtn a{
    margin: 0px;
}
.hide-mess .red-text{
    font-size: 12px;
}

.check_box{
    font-size: 12px;
    margin-top: 5px;
}
.check_box input{
        vertical-align: middle;
}

.non-edit{border-color:red;}

.imptpg-container h2{
    margin: 20px 0 0;
    padding: 0px;
    letter-spacing: -2px;
    text-transform: capitalize;
    font-weight: normal;
    color: #3B3B3B;
    text-align: center;
    font-size: 30px;
}

.imptpg-container table{
    width: 100%;
    font-size: 14px;
    color: #0000ff;
    margin: 15px 0px  40px;
    padding-left: 30px;
}
.auto-style1 {
    width: 30%;
}
.imptpg-container table tr td{
    padding: 5px 0px;
}
.pg-container h2{
    font-size: 20px;
    letter-spacing: 0px;
    background: #87b4be;
    color: #fff;
}
.check-input-container{
    width: 50%;
    margin: auto;
}
.check-input-container span{
    width: 50%;
    float: left;
    margin: 10px 0px 30px;
    line-height: 28px;
    
}

.check-input-container span input{
    padding: 5px;
box-sizing: border-box;
}
.chk-bt{
    display: block;
    text-align: center;
}
.chk-bt .new-bck{
    padding: 10px 15px;
    color: #fff;
}
.pg-container{
    height: 400px;
}

.contact_info{
    font-size: 16px;
    height: 400px;
    display: inline-block;
}
.contact_info ul{
    padding-left: 36px;
    margin: 30px 0px;
}
.contact_info ul li ul{
    margin: 10px;
}
.contact_info ul li{
    margin: 18px 0px;
}
.contact_info ul li ul li {
    margin: 10px;
}
.mess-pend{
    color:red;
}
.btn-active{
    background-color: #93008e;
    color: #fff;
}
.btn-active a{
    color: #fff !important;
}

/*css end by nitin*/
.bar1, .bar2, .bar3 {
    width: 30px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
.submenu-mobile .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
    background: #2ca7e2;
}
.submenu-mobile .change .bar2 {
    opacity: 0;
}
.submenu-mobile .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
    background: #2ca7e2;
}
.submenu-mobile .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
    background: #2ca7e2;
}
.submenu-mobile .containers {
    display: inline-block;
    cursor: pointer;
}
.submenu-mobile .containers{
        display:none;
    }
.lft-wdth{
    width: 30%;
display: inline-block;
}
.main-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.39);
    z-index: 9999;
    display:none;
}
.inner-part-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    width:300px;
}
.inner-part-popup h1{
    background: #0063c6;
    padding: 10px 15px;
    text-align: left;
    color: #fff;
    font-size:16px;
}
.banr-img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.banr-img img{
    width:100%;
}
.video-btn{
    width:100%;
    float:left;
    text-align:center;
        margin: 15px 0px;
}
.video-btn a{
    padding: 10px 20px;
    text-decoration: none;
    margin: 0px 5px;
    display: inline-block;
    background: #e9e9e9;
    color: #000;
    border-radius: 3px;
    min-width:60px;
    cursor: pointer;
    font-weight: 500;
}
.video-btn a:first-child{
    background:green;
    color:#fff;
}
.mobileExam{
    margin:1% 25%!important;width:32%;text-align:center;font-size:24px!important;
}
.main-popup p.popupCancels{background:#fff;width:25px;height:25px;position:absolute;top:-10px;right:-10px;border-radius:100%;cursor:pointer}.main-popup .closed{position:relative;display:inline-block;width:12px;height:12px;overflow:hidden;position:absolute;right:7px;top:8px;cursor:pointer}.main-popup .closed.thick::before,.main-popup .closed.thick::after{height:2px;margin-top:-2px}.main-popup .closed::before,.main-popup .closed::after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#555}.main-popup .closed::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.main-popup .closed::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}@media only screen and (max-width:768px){.inner-part-popup{width:90%;}.mobileExam{margin: 1% 18%!important;
	width: 56%;
	text-align: center;
	font-size: 12px!important;
}.hdngbvannertxt_copy{font-size: 24px!important;padding: 0px!important;}}

.footer2.bottom-footer {
    position: absolute;
    bottom: 0;
    width:54.7%;
}
@media only screen and (max-width:1366px) {
 .footer2.bottom-footer {
    width:73.7%;
}
}
.submenu{
    position: relative;
}
.submenu ul{
    position: absolute;
    left: 0px;
    right: 0;
    top:26px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #93008d;
    border-bottom: 0;
    display: none;
}
.submenu:hover ul{
    display: block;
}
.submenu ul li{
    border:0px;
    margin: 0;
    padding: 0px;
    font-size: 10px;
    width: 100%;
    border-bottom: 1px solid #93008d;
}
.submenu ul li a{
    padding: 10px 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.submenu img{
    width: 8px;
    margin: 0 5px;
}
.imp-table td{
    font-size: 12px;
    padding:10px 5px
}

.outer-input-data-pic{
    width:100%;
    float:left;
    margin-bottom:20px;
}
.flds_cntr.appform_full.upld_photo.fileinput-button.upload-data.upload-data{
    position:relative;
    width:200px !important;
    float:left;
    margin:10px 10px 30px 0px;
}
.flds_cntr.appform_full.upld_photo.fileinput-button.upload-data.upload-data img{
    width: 100%;
    height: 154px;
    box-sizing: border-box;
    cursor:pointer;
}
.flds_cntr.appform_full.upld_photo.fileinput-button.upload-data.upload-data label{
    text-align: center;
    width: 100%;
    margin: 10px 0px 0px;
    font-size: 15px;
}
.upload-data input{
 position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    cursor:pointer;
}
.main-popup.new-popup .inner-part-popup{
    width:700px;
}
.main-popup.new-popup .inner-part-popup h1{
    background: #93008e
}
.data-ol-part{
    width:100%;
    padding:20px;
    box-sizing: border-box;
    float:left;
}
.data-ol-part ol li{
    font-size: 14px;
    color: #000;
    margin:4px 0px;
    line-height: 20px;
}
.data-ol-part ul li{
    font-size: 14px;
    color: #000;
    margin:4px 0px;
    line-height: 20px;
}
.data-ol-part ul{
    padding-left:15px;
}
.data-ol-part ol{
padding-left:15px;
}
.continue-btn{
    width:100%;
    float:left;
    text-align:center;
    padding-top:15px;
}
.continue-btn a{
    padding: 10px 15px;
    background: green;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    border-radius:25px;
}

/*@media only screen and (max-width:1100px){
    .personal-info_btn{
        width:auto;
    }
}*/

@media only screen and (max-width:768px){
    .main-popup.new-popup .inner-part-popup{width:90%}
    .data-ol-part{
        height: 300px;
        overflow-x: auto;
    }
    .l1_certificate_data{
        overflow-y: scroll;
    }
     .l1_certificate_data_merit{
        overflow-y: scroll;
    }
}

.forgtpswrdlink a {
    color: #0063c6;
}

.forgtpswrdlink a:hover {
    text-decoration: underline;
}

.otr_reg_form {
    display: inline-block;
    width: 100%;
    text-align: center;
}
a#sentotp {
    margin: 5px 0 0 0;
    text-align: right;
    color: #0063c6;
    cursor: pointer;
}



.declration_bx {
    float: left;
    width: 100%;
}

.declration_bx label {
    font-size: 12px;
    vertical-align: middle;
    line-height: 24px;
    color: #333;
    font-weight: 500;
}

.otr_frgtpswrdbtn {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.reg-sub-btn.frgtbtninr {
    float: none;
    display: inline-block;
    width: auto;
}

button#cancelForgotPassword a {
    background: #505050;
    border-color: #505050;
    transition: .5s ease;
}

button#cancelForgotPassword a:hover {
    background: #383838;
}

.reg-sub-btn a:hover {
    background: #11376c;
    transition: .5s ease;
    color: #fff;
}
#leftsctnMenu{
    display: none;
}

div#imageMsgdivCbt {
    float: left;
    text-align: left;
    width: 100%;
    margin: 10px 0;
}

div#imageMsgdivCbt p {
    margin: 5px 0;
    float: left;
    width: 100%;
}
.personal-info h3 {
    margin-bottom: 5px;
}
.submit {
    float: left;
    width: 100%;
}
.nrml_lhght tr td {
    padding: 10px;
}

.flds_cntrr.paymntotr label {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
}
span.inrpaymentotr {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}

span.inrpaymentotr input {
    margin-right: 5px;
}
.work_exp_left.work_exp_left1.exp_fld_nm.nrml_lhght.reducd-css.tran center {
    font-size: 18px !important;
}
.sub-menu li:first-child {
    float: left;
    width: 100%;
    font-size: 16px;
}

.sub-menu li:last-child {
    margin-bottom: 15px;
}
#cancelResetPassword a {
    background: #505050;
}
a#continueToLogin {
    margin-bottom: 40px;
}
.meunonclcik{display: none}

.meunonclcik img {
    width: 31px;
    vertical-align: middle;
}

.meunonclcik {
    /* float: right; */
    width: auto;
    line-height: 80px;
    vertical-align: middle;
    padding: 11px 0;
    box-sizing: border-box;
}


marquee.merquename {
    background: red;
    padding: 10px 0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
span.inrtxtfor img {
    width: 70px;
}
img.imgbannerupr {
    width: 330px;
    margin: 70px 0 0;
    box-shadow: 3px 3px 13px rgb(241 237 237 / 50%);
    border-radius: 4px;
}
a.regstrntbnrbtn {
    background: #ec7c30;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 16px;
    transition: .5s ease;
    font-weight: 500;
    display: inline-block;
    margin: 20px 0  0;
    cursor: pointer;
    z-index: 99;
    position: relative;
    color: #fff;
}

a.regstrntbnrbtn:hover {
    background: #e36611;
}
img.arrowimg {
    float: left;
    margin-left: 0 !important;
}
.read{
    display: block;
    padding: 5px 15px;
}
.note{
    text-align: left !important;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    padding: 5px 15px;
}
.helpLink {
    float: right;
    padding: 7px 6px 6px 0;
    border: 2px solid #244c85;
    border-radius: 4px;
    background: #244c85;
    color: #fff !important;
    padding: 8px 12px;
    font-weight: 500;
    margin-right: 140px;
    margin-top: 4px;
    cursor: pointer;
}
@keyframes blink{
    50%{opacity: 0;}
/*    0% {
        background-color: #0278cb;
        box-shadow: 0 0 3px #0278cb;
    }
    50% {
      background-color: #0278cb;
      box-shadow: 0 0 10px #49e819;
    }
    100% {
      background-color: #0278cb;
      box-shadow: 0 0 3px #0278cb;
    }*/

}

/*////// Updated CSS /////*/

.form_align{
	text-align:left !important;
	padding-left: 4px;
}

.personal-info_btn{
    width: 22%;
    display: inline-block;
    text-align: center;
    cursor:pointer;
    /* opacity: 0.8; */
}

/*.personal-info_btn h3{
    background: #102b64";
}*/

.l1_certificate_data{
    display: none;
}

.l1_certificate_data table{
    width: 90%;
    /*margin: 0 auto;*/
    border: 1px solid black;
    border-collapse: collapse;
}

.l1_certificate_data table th,td{
    padding: 5px 5px;
    text-align: center;
    border: 1px solid black;
}
.l1_certificate_data_merit{
    display: none;
}

.l1_certificate_data_merit table{
    width: 90%;
    /*margin: 0 auto;*/
    border: 1px solid black;
    border-collapse: collapse;
}

.l1_certificate_data_merit table th,td{
    padding: 5px 5px;
    text-align: center;
    border: 1px solid black;
}


.personal-info_btn_active{
    opacity:1;
}
li.contactusquery{
    font-weight: 500;
}
li.telephoediv{
    font-weight: 500;
    float: left;
    width: 10%;
}
li.contactnodiv{
    width: 82%;
    float: left;
}
.listadjusthere ul li {
    margin: 10px 0px 4px 0px;
}
#captchaimg {
    width: 70% !important;
    height: 80px !important;
}
.inrbxotr1.inrbxotr1Align{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.inrbxotr1Align .bxinrlft1{width: 30%;}
.downloadMainBox{
    display: flex;
}
.per-box select{padding: 10px 5px;}
#editButtonDiv{
    display: flex;
  justify-content: end;
}


/* update-otp-btn */
.update-otp-btn{
    background: #244c85;
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 4px;
    transition: .5s ease;
    font-weight: 500;
    float: right;
}

a#sentotp:hover{
    background: #1e3f6e; 
}

/* footer-update */
.container-1{
  display: flex;
  width: 100%;
  padding: 20px 80px;
  box-sizing: border-box;
}

.container-wrapper1{
    width: 70%;
}

.footer-p{
    font-size: 14px;
    color: rgba(255, 255, 255);
    opacity: 1;
    margin-bottom: 10px;
}


.footer-1{
    margin-top: 30px;
    font-size: 14px;
    color: rgba(255, 255, 255);
    opacity: 0.5;
    letter-spacing: 1;
    line-height: 1.2;
}

.container-2{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  /* margin: 0 auto; */
  row-gap: 5px;
}

.footer-c{
     color: rgba(255, 255, 255);
    opacity: 0.5;
}
.footer-c > a{
    color: rgb(255, 255, 255);
    cursor: pointer;
    text-decoration: underline;
}

.wrapper-first{
   width: 450px;
    /* height: 90dvh; */
    margin-bottom: 20px;
    /* text-align: center; */
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
}
.letBannerImgDiv {
  width: 100%;
  height: auto;
}
.letBannerImgDiv img{
  max-width: 100%;
  border-radius: 10px;
  width: 100%;
  margin: 0 auto;
  height: auto;
  object-fit: contain;
  object-position: center;

}


.after_wpr{
    width: calc(100% - 450px);
    padding: 0 0 15px 0px !important;
}

.lgn_ttl{
    line-height: inherit;
    margin-top: 0px;
}

.login_right{
    width: 75%;
}
.inputfiledswidthadjust select, .inputfiledswidthadjust.inputfiledswidthadjust-update .select2-selection__rendered{
    background: #fff !important;
}
/* .reg-input-info-container{margin: 0;} */
.imp_backDiv{
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.importantDatesDiv {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  text-align: left;
}
.importantDatesDiv > span{
    font-size: 16px;
    font-weight: 500;
}
.impDateListDiv {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.impDatesDiv {
  display: flex;
  align-items: center;
  column-gap: 10px;
  align-items: start;
}
.datesTickDiv {
  width: 16px;
  height: 16px;
}
.datesTickDiv img{
  width: 100%;
  height: 100%;
}
.impDatesDiv > span {
  width: 92%;
  font-size: 14px;
  color: #000;
  opacity: 0.7;
}
#dobEdit.per-box select {
  background: url(../images/drop-down-arrow.png) 96% / 9% no-repeat;
  text-overflow: ellipsis;
}
.bannerinrsctn{background-size: 100% 100% !important;}
.inrbxotr{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}
.inrbxotr .bxinrlft{height: auto;}
#errorDivHtml {
  width: 88%;
  display: inline-block;
}
#uploadDoc .submit{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.bannerImgMobile{display: none;}
.welcomeContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  gap: 20px;
}
.main_div_welcome{
    display: flex;
    column-gap: 20px;
    align-items: center;
    justify-content: center;
}
.main_div_welcome > div{width: auto;}
.dashboarBtnsDiv {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.personal-info_btn_active h3{
    background: #0f46bb;
    color: #fff;
}
.footerRytSection{
    display: flex;
    flex-direction: column;
    width: 30%;
    justify-content: center;
    row-gap: 20px;
    padding-left: 70px;
    box-sizing: border-box;
}
.dobSelectBox{
    display: flex;
    column-gap: 20px;
}
.dobSelectBox > select {
  width: 33%;
  text-overflow: ellipsis;
}