/* Start font-face css */
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End font-face css*/

/* Strart body css */
body{font-family: 'Nunito Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Nunito Sans', sans-serif;}
p{ margin-bottom: 15px; font-size:15px;}
/* End body css */

/** Start page loader section **/
.pageloader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 99999;background: url('../images/loading.gif') 50% 50% no-repeat rgba(255,255,255, 0.95);}
/** End page loader section **/

/* Start header section */
.header-section{/* border-top: 3px solid #eaca49; */margin-bottom:0;padding:5px 0;background: #eaca49;}
.header-section img {max-width: 100%;}
.helpline {color: #c8243f;font-size: 20px;font-weight: 700;padding-bottom: 5px;margin-top: 5px;}
.numbers {padding-bottom: 5px;color: #000;}
.fa-phone {font-size: 16px;color: blue;}
/* End header section */

/* Start banner section */
.banner-section {position: relative;}
/* End banner section */

/** Start banner text content **/    
.banner-text{position: absolute;bottom: 55px;z-index: 99;left: 6%;}
.banner-text-content{background-color: #000000c2;color: #fff;font-size: 22px;padding: 6px 20px;border-radius: 10px;}
/** End banner text content **/

/* Start Owl dots css*/

.banner-section .owl-dots .owl-dot span {
                        width: 14px;
                        height: 14px;
                        margin: 7px 5px 7px 5px;
                        display: block;
                        transition:opacity 200ms ease;
                        border-radius: 50%;
                        background-color: #999;
                        }
.banner-section .owl-carousel .owl-dots {text-align: center;position: absolute;width: 100%;bottom: 10px;}
.banner-section .owl-dots .owl-dot {display: inline-block; zoom: 1; cursor: pointer;}
.banner-section .owl-dots .owl-dot.active span, .banner-section .owl-dots .owl-dot:hover span {background-color: #eaca49;}
.banner-section .owl-carousel .owl-nav{display: none;}

/* End Owl dots css*/

/* Start form section */
.block-class{max-width:100%;background-color:#fff;}
.block-class .form-control {padding-left: 10px;}
.block-class .input-group-btn.bs-dropdown-to-select-group {padding-right: 3px !important;}
.block-class .dynamic_theme_block .form-custom .form-group.StateId {padding: 0 10px 0 0;}
.block-class .panel, .block-class .panel-default > .panel-heading{background-color: transparent !important;}
.block-class .panel-default, .block-class .panel-default > .panel-heading{border:none; padding: 0;}
.panel-default > .panel-heading{font-family: 'Nunito Sans', sans-serif;color:#fff; font-size:24px;line-height: 100%;}
.form-heading{padding-top:10px;margin:0}.form-block{max-width:400px;min-width:400px;font-size:12px;position:absolute;left:50%;margin-left:176px}
.form-block-inner{background-color:#fff}.form-group>label{font-weight:normal;line-height:18px;display:none}.form-group>label[for="termscondition"]{display:block}input[type="checkbox"]{vertical-align:top;margin-top: 2px;}.form-control::-moz-placeholder,.has-error .SumoSelect::-moz-placeholder{color:#333}.select-arrow-cust{background-color:transparent}.has-error .form-control,.has-error .SumoSelect{border-color:#f44336;box-shadow:none;color:#f44336}.has-error .form-control::-webkit-input-placeholder,.has-error .SumoSelect::-webkit-input-placeholder{color:#f44336}.has-error .form-control:-moz-placeholder,.has-error .SumoSelect:-moz-placeholder{color:#f44336}.has-error .form-control::-moz-placeholder,.has-error .SumoSelect::-moz-placeholder{color:#f44336}.has-error .form-control:-ms-input-placeholder,.has-error .SumoSelect:-ms-input-placeholder{color:#f44336}
.panel.dynamic_theme_block{border:none;padding: 10px 20px 10px 20px;margin-bottom:0;/* border-radius: 10px; */}.panel.dynamic_theme_block .nav-tabs{border:none}.panel.dynamic_theme_block .nav>li>a{padding:5px 15px;border:none;font-size:14px;color:#2874f0;border-bottom:1px solid #ddd;padding-left: 18px;padding-right: 18px;}
.panel.dynamic_theme_block .nav-tabs>li.active>a,.panel.dynamic_theme_block .nav-tabs>li.active>a:focus,.panel.dynamic_theme_block .nav-tabs>li.active>a:hover{border:none;background-color: #dd302e;padding-right: 18px;border-bottom: 1px solid #dd302e;font-size: 15px;padding-left: 18px;}
.panel.dynamic_theme_block .nav-tabs>li>a:focus,.panel.dynamic_theme_block .nav-tabs>li>a:hover{background-color: transparent;}.panel.dynamic_theme_block .panel-body{box-shadow:0 0 0 #fff;margin-top: 8px;padding:0;}
.panel.dynamic_theme_block .form-custom .Mobile .form-control,.panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect,.has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{padding:0 0 5px}
.panel.dynamic_theme_block .or-seperator{margin:20px 0 10px}.panel.dynamic_theme_block .form-custom{max-height:100%;padding-right:0}
.panel.dynamic_theme_block .btn-npf{background-color: #eaca49;border:none;color: #fff;font-size: 14px;width:60%;margin-top: 5px;text-transform: uppercase;border-radius:0;transition: .5s;z-index: 1;position: relative;font-weight: 700;letter-spacing: .5px;border: 1px solid #eaca49;border-radius: 20px!important;}
.panel.dynamic_theme_block .btn-npf:before {position: absolute;border-radius: 20px!important;content: "";left: 0;top: 0;height: 100%;width: 100%;background: #3a3a3a;transform: scaleX(0);transition: .5s;z-index: -1;}
.panel.dynamic_theme_block .btn-npf:hover:before {transform: scaleX(1);}
.panel.dynamic_theme_block .btn-npf:hover,.panel.dynamic_theme_block .btn-npf:focus{background-color: #3a3a3a;color:#fff !important;border-radius: 20px!important;border: 1px solid #fff;}.accordionStyle .panel-accordion{border-radius:0;border:1px solid #ccc}.accordionStyle .panel-heading{padding:0}
.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-btn .btn{background-color: transparent;border:1px solid #e6e6e6;color:#000;border-radius: 0;}
.dynamic_theme_block .form-control[disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control {
background-color: transparent;color: #999;border: 1px solid #e6e6e6;border-radius: 0;}
.form-group.label-floating.Mobile.country_dial_code.reg_mobile_div span {font-size: 10px;color: #f44336;}
.merge_field_div{ margin-bottom:15px;}
.input-group .form-group{vertical-align:top;display:table-cell;}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.form-control::-moz-placeholder { /* Firefox 19+ */color: #000;}
.form-control:-ms-input-placeholder { /* IE 10+ */color: #000;}
.form-control:-moz-placeholder { /* Firefox 18- */color: #000;}

/** Start css for focus on input field **/
.input-focus::-webkit-input-placeholder { color: #ccc; }    
.input-focus::-moz-placeholder { color: #ccc; }
.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/

.panel.dynamic_theme_block .form-custom .Mobile .form-control, 
.panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, 
.has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{
	padding: 6px 6px 6px 10px;
}
.dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select{
	background-color:  #fff;
	padding: 8px 10px;
	border-top: 1px solid #e6e6e6 !important;
	border-right: 1px solid #e6e6e6 !important;
	border-left: 1px solid #e6e6e6 !important;
	border-radius:0;
	color: #000;
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group{margin-right:0;}
.dynamic_theme_block .form-custom .form-group.CourseId{width: 100%;padding: 0px 0px 0 0;}
.dynamic_theme_block .form-custom .agree-group .agree-condition{color: #000;line-height: 12px;font-size: 12.4px;}
.CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before, .reg_university_id_div:before {z-index:1;color:#000;font-size: 16px;margin-bottom: -10px;}
.CourseId:before{/* right: 10px !important; */}
.form-group.label-floating.field-select.reg_university_id_div {position: relative;}
.reg_university_id_div:before {position: absolute;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{-webkit-text-fill-color: #000;-webkit-box-shadow: 0 0 0px 1000px #fff inset;}

.form-control:focus { border-color: lightgrey;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211,211,211,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211,211,211,.6);}
.form-control {-webkit-box-shadow: none; box-shadow:none;}
.form-custom{ overflow: unset;}
.dynamic_theme_block .tab-pane .form-group, 
.dynamic_theme_block .form-custom .merge_field_div, 
.dynamic_theme_block .form-custom .checkbox{margin-bottom:15px;}
.dynamic_theme_block .btn-register{margin:0;}
.dynamic_theme_block .fpass a {color:#2874f0;text-transform: uppercase;}
span.agree-condition {color:  #000;font-size: 13px;}
.form-group.agree-group.col-md-12.m0.has-error .help-block {font-size: 10px;}
.form-group.agree-group.col-md-12.m0.has-error {line-height: 18px;}
.StateId:before {right: 20px;}
.panel.dynamic_theme_block .nav>li>a[aria-expanded="true"]{color: #fff;text-shadow: 1px 1px 1px #000;}
.form-control {padding: 0 5px 0px;height: 38px;}
.dynamic_theme_block .tab-pane .form-group {margin-bottom: 10px;}
.panel-default>.panel-heading {margin-top: 5px;display: none;}
.dynamic_theme_block .form-custom .captcha {margin-top: 0px;}
.dynamic_theme_block .form-custom .form-group.StateId {margin-top: 0px;}
.dynamic_theme_block .form-custom .form-group.CityId {margin-top: 0px;}
.dynamic_theme_block .tab-pane .form-group, .dynamic_theme_block .form-custom .merge_field_div, .dynamic_theme_block .form-custom .checkbox {margin-bottom: 5px;}
.dynamic_theme_block .form-custom .checkbox{margin: 5px 0 0;}
 input#Captcha {padding: 14px 5px;} 
.block-class input#Captcha{padding-left: 10px;} 
.dynamic_theme_block .form-custom .form-group.captcha-txt {width: 50%;padding-right: 10px;}
.dynamic_theme_block .form-group.has-error .help-block {color: red;}
.dynamic_theme_block .form-custom .captcha {width: 100%;float: left;padding: 0;z-index: 999;position: relative;clear: both;margin-bottom: 5px;}
.dynamic_theme_block .captcha img {width: 50%;height: 36px;float: right;padding-right: 0;margin-right: 0;}
.dynamic_theme_block .captcha .CaptchaRefreshBtn {top: 8px;right: -13px;color: #000;border: none;position: absolute;background-color: #fff;font-size: 0px;margin-right: 20px;}
.dynamic_theme_block #forgotBtn {margin-top: 20px;}
.form-control {font-size: 13px;z-index: 11;}
.form-group.label-floating.Mobile.country_dial_code.reg_mobile_div.is-focused .help-block {display:  block;color: #767676;}
.help-block {font-size:10px;}
.form-group.label-floating.is-empty.captcha-txt.has-error .help-block {margin-bottom: 10px;}
.form-group.is-focused .help-block {line-height: 12px;}
.dynamic_theme_block .tab-content .help-block {line-height: 12px;font-size: 10px;/* color: red; */}
.dynamic_theme_block .form-group.has-error .help-block {font-size: 11px;/* margin-top: 2px; */}
 input#forgetEmail{margin-top: 10px;}
.reg_specialization_id_div:before{content: "\f107";font-family: FontAwesome; position: absolute; right: 10px;font-size: 16px;color: #000;top: 4px;}
.reg_specialization_id_div {display: inline-block;width: 50%;position: relative;}
.Password.reg_password_div {clear: both;}
.block-class .dynamic_theme_block .datepicker-field .form-control[readonly] {border: 1px solid #e6e6e6;}
/* .form-group.label-floating.reg_email_div.Email_email .help-block {line-height: 12px !important;margin-top: 2px !important;}
.form-group.label-floating.reg_email_div.Email_email .help-block{color: red !important;font-size: 9px;} */
.dynamic_theme_block .tab-content { line-height: 18px;}
.fbLogin, .gpLogin {padding: 5px 3px;font-size:12px;}
.row.margin-top-10.margin0 .col-sm-6 {width:48%;padding-right:0;}
.gpLogin {padding: 5px;}
#tab3default > div > div.form-group.agree-group.col-sm-6.col-xs-6.text-left.fpass > a {/* float: left; */}
#tab3default > div > div.form-group.agree-group.col-sm-6.col-xs-6.text-right.fpass > a {margin-right: 0;}
button#registerBtn {margin-bottom: 5px;}
h2#alertTitle {font-size: 22px;}
.dynamic_theme_block .CaptchaRefreshBtn:before {content: "\e031";font-family: 'Glyphicons Halflings';font-size: 14px;}
.CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before, .reg_university_id_div:before {content: '';border-color: transparent #a0a0a0 #a0a0a0 transparent;border-style: solid;border-width: 6px;right: 0px;bottom: 0;margin-bottom:0;top: auto;}
.StateId:before {right: 15px;}
.form-group.label-floating.reg_name_div {margin-top:  -5px;}
.site-logo {padding: 4px 0;}
.block-class .StateId:before {right: 10px;}
.help-block {color:red;}
.fa-graduation-cap:before{color:#eaca49;}
.form-group.label-floating.has-error .help-block {margin-top: 2px;}
img.plane_img {max-width: 12%;padding-bottom: 3px;}
span.apply_now {padding-right: 8px;letter-spacing: .5px;font-weight: 700;font-size: 14px;}
#loginBtn img {max-width: 12%;padding-bottom: 3px;}
    

.panel.dynamic_theme_block .tab-pane .form-group.fpass a.registerYet {font-size: 14px;opacity: .8;text-transform: capitalize;padding-top: 4px;font-weight: 600;}
.panel.dynamic_theme_block .tab-pane .form-group.fpass a {font-size: 14px;opacity: .8;text-transform: capitalize;display: block;font-weight: 600;}
.form-group.agree-group.col-md-12.text-center.fpass {margin-bottom: 0;}
.form-group.agree-group.col-sm-6.col-xs-6.text-left.fpass {margin-bottom: 0;}
.form-group.agree-group.col-sm-6.col-xs-6.text-right.fpass {margin-bottom: 0;}
.resentVerification.text-center {/* text-transform: uppercase; */margin-top: 2px;}
.resetVerify a {font-size: 14px;opacity: .9;font-weight: 600;}
.text-center.center-link a {font-size: 14.5px;opacity: .8;font-weight: 600;}
/** Start Strong Password Section **/
.info-password { right: 50%;margin-right: -146px;margin-top: 2px;}
.popover {font-size: 12px;}
/** End Strong Password Section **/

/* Start Inline class section */

.inline-class { max-width:100%; background-color: #fff;}
.inline-class .panel, .inline-class .panel-default > .panel-heading{background-color: transparent !important;color: red !important;}
.inline-class .panel.dynamic_theme_block .nav>li>a {color: #2874f0; border-bottom: 1px solid #ddd;}
.inline-class .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color: #fff;}
.inline-class .dynamic_theme_block .fpass a {color: #2874f0;}
.inline-class .dynamic_theme_block .form-custom .agree-group .agree-condition {color: #000;} 
.inline-class .form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-btn .btn {color: #000;background-color: transparent;border-radius:0;border: 0;}  
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {background-color: #fff;border:0 !important;border-radius: 0;color: #000;}
.inline-class .CountryId:before, .inline-class .StateId:before, .inline-class .CityId:before, .inline-class .CourseId:before, .inline-class .reg_specialization_id_div:before {color: #000;font-size: 16px;}   
.inline-class .dynamic_theme_block .form-control[disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control{background-color: transparent;color: #999;border: none;border-bottom: 1px solid lightgrey;}  
.inline-class .form-control {-webkit-box-shadow: none;box-shadow: none;border-bottom: 1px solid #ddd; }
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group {border-bottom: 1px solid lightgrey;}
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {padding: 4px 10px 4px 10px;} 
.inline-class .panel.dynamic_theme_block .form-custom .Mobile .form-control, .inline-class .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, .inline-class .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{border-radius: 0;}
.inline-class .form-control {font-size: 13px;z-index: 11;}
.inline-class .panel.dynamic_theme_block{padding: 8px 20px 8px 20px;}
.inline-class .panel-default>.panel-heading {margin-top: 5px;border-bottom: unset;} 
.inline-class .dynamic_theme_block .tab-pane .form-group, .inline-class .dynamic_theme_block .form-custom .merge_field_div, .inline-class .dynamic_theme_block .form-custom .checkbox{margin-bottom: 8px;}    
.inline-class span.agree-condition {color: #000;}
.inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a, .inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a:hover{border-bottom: 1px solid #dd302e;}
.inline-class .dynamic_theme_block .form-custom .checkbox{margin: 5px 0 0;}
.inline-class .panel.dynamic_theme_block .form-custom{max-height: 100%;overflow: unset;}
.inline-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div .help-block {position: absolute;bottom: -13px;}
.inline-class .has-error .form-control{border-color: red;}
.inline-class .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.inline-class .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000;}
.inline-class .form-control:-ms-input-placeholder { /* IE 10+ */color: #000;}
.inline-class .form-control:-moz-placeholder { /* Firefox 18- */color: #000;}
/** Start css for focus on input field **/
.inline-class .form-control.input-focus::-webkit-input-placeholder { color: #ccc; }
.inline-class .form-control.input-focus::-moz-input-placeholder { color: #ccc; }
.inline-class .form-control.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/
/* End inline class section */

/** Start color class section **/
.color-class{background-color: #ffffff;}    
.color-class button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select {background-color: #fff;color: #000;height: 40px;border-radius: 5px;}
.color-class .dynamic_theme_block .form-custom .agree-group .agree-condition {color: #000;}
.color-class .form-control {color: #000;background-color: #fff;border-radius: 5px;height: 45px;}  
.color-class .CountryId:before, .color-class .StateId:before, .color-class .CityId:before, .color-class .CourseId:before, .color-class .reg_specialization_id_div:before, .color-class .reg_university_id_div:before {color: #fff;z-index: 9999; display:none;}
.CountryId.has-error:before, .StateId.has-error:before, .CityId.has-error:before, .CourseId.has-error:before, .reg_specialization_id_div.has-error:before, .reg_university_id_div.has-error:before{
    bottom: 2px;
}
.color-class .reg_specialization_id_div:before {color: #fff;}   
.color-class .panel.dynamic_theme_block .nav>li>a {color: #fff;}  
.color-class span.agree-condition {color: #000;}   
.color-class .dynamic_theme_block .fpass a {color: #000;font-size: 12.4px;}
.color-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div span{color: #fff;}
.color-class .form-control.select-arrow-cust option { color: #000;}
.color-class .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.color-class .form-control::-moz-placeholder { /* Firefox 19+ */color: #000;}
.color-class .form-control::-ms-input-placeholder { /* IE 10+ */color: #000;}
.color-class .form-control::-moz-placeholder { /* Firefox 18- */color: #000;}
.color-class .form-click {background-color: #2e6a8f;color:#fff;} 
.color-class .form-group.agree-group.col-md-12.m0.has-error .help-block {color: red;font-size: 11px;}
.color-class .form-group.label-floating.reg_email_div.Email_email .help-block {color: red !important;}
.color-class .form-group.label-floating.has-error .help-block {color: red !important;}
.color-class .form-group.label-floating.reg_email_div.Email_email.has-error .help-block a {color: red;}
.color-class .form-group.label-floating.reg_email_div.Email_email .help-block a {color: red !important;}
.color-class .form-group.label-floating.has-error .help-block a {color: red !important;}
.color-class .form-group.label-floating.reg_name_div .help-block{color: red !important;}
.color-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div.is-focused .help-block {color: red;}
.color-class .dynamic_theme_block .form-control[disabled], .color-class .dynamic_theme_block .form-control[readonly], .color-class .dynamic_theme_block fieldset[disabled] .form-control {background-color:#f1f1f1;color:#000;border-radius: 2px;}
.color-class .panel.dynamic_theme_block .form-custom .Mobile .form-control, .color-class .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, .color-class .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect {border-radius: 5px;}
.color-class .dynamic_theme_block .captcha img {border-radius: 2px;width: 50%;margin-right: 0;padding-right: 0;float: right;height: 38px;}
.color-class .dynamic_theme_block .form-custom .form-group.captcha-txt {padding-left: 1px;}
.color-class .fbLogin {color: #fff;border-color: #fff;}
.color-class .gpLogin {color: #fff;border-color: #fff;}
.color-class .inLogin {
    font-size: 12px;
    color: #fff;
    border-color: #fff;
}
.color-class .form-heading {font-weight: 700;color: #eaca49;}
.color-class .fa-graduation-cap:before{color: #fff;}
.color-class .text-center.center-link a {color: #000;}
.color-class .resetVerify a {color: #fff;}
/** End color class section **/
/** Start css for focus on input field **/
.color-class .form-control.input-focus::-webkit-input-placeholder { color: #ccc; }
.color-class .form-control.input-focus::-moz-input-placeholder { color: #ccc; }
.color-class .form-control.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/

/** Start color class media query for image captcha **/
@media (max-width: 1100px) and (min-width: 400px){
    .color-class .dynamic_theme_block .captcha img {width: 50%;margin-right: 0;/* padding-right:10px; */}
    .color-class .dynamic_theme_block .form-custom .form-group.captcha-txt {padding-left: 0;}
}
/** End color class media query for image captcha **/

/** Start Link-Border Class **/
.link-border .panel.dynamic_theme_block {padding: 3px 25px 6px 25px;}
.link-border .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color:  #000;text-shadow:  unset;font-size: 15px;padding-bottom:10px;}
.link-border .panel.dynamic_theme_block .nav>li>a {border:  none;color: #333131;padding-left: 16px;padding-right: 16px; font-size: 15px;}
.link-border .panel.dynamic_theme_block .nav-tabs>li.active>a, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:hover {background-color:  transparent;border-bottom: 2px solid #dd302e;}    
.link-border .panel.dynamic_theme_block .nav>li>a:hover {color:  #000;}
.link-border .panel.dynamic_theme_block .nav-tabs>li.active>a, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:hover {
    padding-left:16px;padding-right:16px;}
@media(max-width:768px){
  .link-border .panel.dynamic_theme_block {padding: 3px 15px 6px 15px;}
}
/** End Link-Border Class **/  

/** Start Link-Border Class with color class **/
.color-class.link-border .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color: #fff;}
.color-class.link-border .panel.dynamic_theme_block .nav>li>a {color: #fff;}
/** End Link-Border Class with color class **/  

/** Start css for input icons in the form **/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?bi9s3p');
  src:  url('../fonts/icomoon.eot?bi9s3p#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?bi9s3p') format('truetype'),
    url('../fonts/icomoon.woff?bi9s3p') format('woff'),
    url('../fonts/icomoon.svg?bi9s3p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-class .icon-name:before {content: "\e903";}
.icon-class .icon-Email:before {content: "\e902";} 
.icon-class .icon-phone:before {content: "\e905";}
.icon-class .icon-password:before {content: "\e904";}
.icon-class .icon-chat:before {content: "\e900";}
.icon-class .icon-State--city:before {content: "\e907";}
.icon-class .icon-school:before {content: "\e906";}
.icon-class .icon-course:before {content: "\e901";}

.icon-class .field-icon:before{color: #eaca49;font-size: 13px;font-weight: 700;}

.icon-class .field-icon {position:  absolute;margin-top: 16px;padding: 0 10px 0;z-index: 99999;}
.datepicker-field:before{z-index:9999;left: 10px;margin-top: -10px;color: #eaca49;font-size: 13px;font-weight: 700;}
input#FieldScheduleCampusDate {padding-left: 30px;}
/** Start Font Family for form **/
.icon-class.formContainer {font-family: 'Nunito Sans', sans-serif;}
/** End Font Family for form **/

.icon-class #Name{padding-left: 30px;}
.icon-class #Email{padding-left:30px}
.icon-class button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select{padding-left:30px}
.icon-class #opt_dataMobile{padding-left:30px}
.icon-class #StateId{padding-left:30px}
.icon-class #CityId{padding-left:30px}
.icon-class #loginEmail{padding-left:30px}
.icon-class #loginPassword{padding-left:30px}
.icon-class #forgetEmail{padding-left:30px}
.icon-class #resentVerificationEmail{padding-left:30px}
.icon-class #Password {padding-left: 30px;}
.icon-class #UniversityId { padding-left: 30px;}
.icon-class #CourseId {padding-left: 30px;}
.icon-class #SpecializationId {padding-left: 30px;}
.icon-class #CountryId {padding-left: 30px;}
/** End css for input icons in the form **/
.btn-default {
    padding-left: 33px!important;
    height: 45px!important;
}
  
/*** Start Form float design section ***/

.floatForm{-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;z-index: 9999;right:0;top:100px;}
.form-heading{background-color: transparent;color: #000;padding: 15px;margin: 0;font-size: 19px;padding-bottom: 2px;} 
.floatForm.open{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top: 80px;}
.form-clickOuter{left: 0;position:absolute;top: 50%;margin-top:-20px;margin-left: -107px;webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);} 
.form-click{background-color: #dd302e;color: #fff; position: relative;font-size: 22px;padding: 10px 20px;cursor: pointer;display: inline-block;border-radius:5px 5px 0 0;border:1px solid #fff;border-bottom:none;}
.form-inner{position:relative;}
.form-block{max-width: 400px;min-width: 400px;font-size:12px;}
.form-block-inner{background-color:#fff;}

/*** End Form float design section ***/

/* Strat footer section */
.footer-top {/* background-color: #f9f9f9; */padding: 5px 0;}
/* End footer section */

/** Start Form position section **/

   @media (min-width:1099px){
  .formContainer{width: 80%;/* max-width: 458px; *//* min-width: 370px; */z-index:1;border-radius: 15px;}

  .form-absolute{position:absolute;top: 10px;}
  .form-fixed{position:fixed;}
  .form-relative{position:relative;top:12px;}
  .form-position-left{left:50%;margin-left:-585px;}
  .form-position-right{margin-top: 0%;/* right: 42%; *//* margin-right: -34%; *//* border-radius: 5px; */box-shadow: #eaca49 0px 3px 6px, rgb(102 204 51) 0px 3px 6px;/* box-shadow: 0 0 2px #eaca49; */}
  .resentVerification.text-center {/* text-transform: uppercase; */margin-top: 0px;/* position: absolute; */bottom: 0px;z-index: 9999;right: 20px;}
  .center-link {text-align: center;display: block;position: relative;}
  }
/** End Form position section **/

/* Start media query for mobile view */

@media (max-width: 1100px){

/* Start owl carousel section */
  .owl-carousel .owl-dots {display: none;}
  .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {position: absolute;font-size: 28px;top: 33%;color: #ccc;}
  .banner-section .owl-carousel .owl-nav{display: block;}
  .owl-carousel .owl-nav .owl-next { right: 10px;}
  .owl-carousel .owl-nav .owl-prev { left: 10px;}
/* End owl carousel section */

/** Start banner text content **/ 
.banner-text{top: 12%;position: absolute;z-index: 99;left: 3%;}
.banner-text-content{background-color: #000000c2;color: #fff;font-size: 13px;padding: 5px 7px;border-radius: 10px;}
/** End banner text content **/ 

/** Start form section **/
  .form-control{height: 38px;font-size: 14px;}
  .panel.dynamic_theme_block {padding: 12px;}
  .CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before {content: '';border-color: transparent #a0a0a0 #a0a0a0 transparent;border-style: solid;border-width: 6px; right: 0px; bottom: 0; margin-bottom:0;top: auto;}
  .color-class .CountryId:before, .color-class .StateId:before, .color-class .CityId:before, .color-class .CourseId:before, .color-class .reg_specialization_id_div:before {border-color: transparent #a0a0a0 #a0a0a0 transparent;}
  .inline-class .StateId:before {right: 15px;}  
  .has-error.CountryId:before, .has-error.StateId:before, .has-error.CityId:before, .has-error.CourseId:before, .has-error.reg_specialization_id_div:before {bottom:3px;}
  .dynamic_theme_block .CaptchaRefreshBtn:before {font-size: 13px;}
  .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select{padding: 8px 10px 9px 10px;}
  .dynamic_theme_block .captcha img {height: 38px !important;}
  .dynamic_theme_block .captcha .CaptchaRefreshBtn{top: 9px;}
  .captcha{margin-bottom: 8px;}
  .fbLogin, .gpLogin, .color-class .inLogin {font-size:15px;padding:8px 10px;text-align:center}
  .row.margin-top-10.margin0 .col-sm-6 {width:100%; padding-right:15px;text-align:center;} 
  .dynamic_theme_block .form-custom .captcha {margin-bottom:14px;}
  .inline-class .panel.dynamic_theme_block{padding: 15px 20px 8px 20px;}
  .text-center.center-link a {font-size: 15px;}
  .resetVerify a {font-size: 15px;}
  .Password.reg_password_div {clear: both;}

/** End form section **/

}

/* End media query for mobile view */


/** Strat steps to follow section **/

@font-face {
  font-family: 'stepsicons';
  src:  url('../fonts/stepsicons.eot?s7uebf');
  src:  url('../fonts/stepsicons.eot?s7uebf#iefix') format('embedded-opentype'),
    url('../fonts/stepsicons.ttf?s7uebf') format('truetype'),
    url('../fonts/stepsicons.woff?s7uebf') format('woff'),
    url('../fonts/stepsicons.svg?s7uebf#stepsicons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="stepsico"], [class*=" stepsico"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'stepsicons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/** Start bottom to top button **/

#scroll {position:fixed;right: 15px;bottom: 15px;cursor:pointer;width:50px;height:50px;background-color: #eaca49;text-indent:-9999px;display:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;z-index: 99;}   
#scroll span {position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#ffffff;}
#scroll:hover {background-color: #3a3a3a;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}

/** End bottom to top button **/

span.afterCImage {
    right: 33% !important;
}

.logo-inner.text-center {
    padding: 10px 10px;
}


nav.navigation {
    background: #ffff;
 
}

ul#primary-menu {
 display:flex;
 justify-content:center;
}

.main-nav > li > a {
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
}

.hover-outline-decoration > li > a, .active-outline-decoration > li > a {
    border: 2px solid transparent;
}

a .menu-item-text {
    line-height: 50px;
}

ul#primary-menu>li {
    list-style:none;
}

 .menu-text {
    color: #eaca49;
    font-size: 15px;
    font-weight: 700;
    padding: -1px;
  
}

ul#primary-menu>li>a {
    text-decoration:none !important;
}


h2.programgrad {
    text-align: center;
    font-size: 30px;
    margin-bottom: 24px;
    color: #eaca49;
    font-weight: 700;
}

p.proginst {
    text-align: center;
    margin-bottom: 18px;
    color: #808080;
}


a.programbutton {
    background: #eaca49;
    display: flex;
    justify-content: center;
    padding: 10px 10px;
    width: 36%;
    color: #fff;
    border-radius: 7px;
    font-size: 17px;
    margin-bottom: 5%;
    text-decoration: none;
}


.progcent {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    height: 25vh;
}

h2.ourhead {
    font-size: 20px;
    color: #23262a;
    font-weight: 600;
    margin-bottom: 5%;
    padding: 5px 5px;
}

h2.ourhead {}

p.ourpara {
    font-size: 14px;
    color: #808080;
    text-align: justify;
}

a.ourbutton {
    font-size: 13px;
    color: #eaca49;
    font-weight: 800;
}

.col-md-4.texhov>img:hover {
    transform: scale(1.10);
}

.col-md-4.texhov>img{
      transition: 1s;
}

.ourread {
    margin-bottom: 6%;
}

h2.headtop {
    color: #fff;
    font-weight: 700;
}

.dynamic_theme_block .captcha-text.has-error .help-block{
    height:unset !important;
}

.icon-class #otpField{
    padding-left: 30px;
}

button#otpSubmitBtn {    background-color: #eaca49!important;
    border: none;
    color: #fff!important;
    font-size: 14px;
    width: 60%;
    height: 45px;
    margin-top: 5px;
    text-transform: uppercase;
    border-radius: 0;
    transition: .5s;
    z-index: 1;
    position: relative;
    font-weight: 700;
    letter-spacing: .5px;
    border: 1px solid #eaca49;
    border-radius: 20px;}

button#otpSubmitBtn:hover{
    background-color: #3a3a3a;
    color: #fff !important;
    border-radius: 20px !important;
    border: 1px solid #fff;
    
}
button#registerBtn {
    background-color: #eaca49;
    border: none;
    color: #fff;
    font-size: 14px;
    width: 60%;
    height: 45px;
    margin-top: 5px;
    text-transform: uppercase;
    border-radius: 0;
    transition: .5s;
    z-index: 1;
    position: relative;
    font-weight: 700;
    letter-spacing: .5px;
    border: 1px solid #eaca49;
    border-radius: 20px;
}

button#registerBtn:hover{
    
    background-color: #3a3a3a;
    color: #fff !important;
    border: 1px solid #fff;
}

html {
  scroll-behavior: smooth;
}
.instructions-section {
  
    width: 100%;
 
    border-radius: 16px;
    position: relative;
  }

  .instructions-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #000;
    margin-bottom:5%;
    position: relative;
  }

  .instructions-title::after {
    content: "";
    width: 60px;
    height: 4px;
    background: #eaca49;
    display: block;
    margin: 10px auto 0;
    border-radius: 3px;
  }

  .instructions-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
      width: 70%;
  }

  .instructions-list li {
  
    font-size: 16px;
    margin-bottom: 18px;
    line-height: 1.7;
    color: #333;
    display: flex;
    align-items: flex-start;
    background: #fff;
    padding: 15px 20px;
    border-radius: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgb(0 0 0);
  }

  .instructions-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    background: #eaca49
;
    color: white;
  }

  .instructions-number {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    margin-right: 14px;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background: #eaca49
;
  }

    .instructions-number:hover{
    color: #eaca49
;
    background: #fff;
  }

  .instructions-text {
    flex: 1;
    font-size:15px;
  }

  .instructions-illustration {
    text-align: center;
    margin-top: 40px;
  }

  .instructions-illustration img {
    max-width: 320px;
    height: auto;
    transition: transform 0.3s ease;
  }

  .instructions-illustration img:hover {
    transform: scale(1.05);
  }

  /* Responsive Styles */
  @media (max-width: 768px) {
    .instructions-title {
      font-size: 26px;
    }
  .instructions-list {
      width: 100%;
  }
  .instructions-text {
    flex: 1;
    font-size:15px!important;
    padding: 1px!important;
  }
    .instructions-list li {
      align-items: flex-start;
      padding: 12px 15px;
      width: 100%
    }

    .instructions-number {
      margin-bottom: 6px;
      margin-right: 0;
    }

    .instructions-illustration img {
      max-width: 220px;
    }
  
  }.title-box {
  position: relative;
  background: #fff;
  border: 2px solid #3a3a3a;
  border-radius: 20px;
  padding: 25px 35px 40px 35px;  
  display: flex;
  align-items: center;
  justify-content: center; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  z-index: 10;
  max-width: 400px; 
  width: 90%;
  min-height: 100px; 
  overflow: visible; 
}

.title-icon {
  position: absolute;
  bottom: -30px;  
  right: -30px;   
  width: 260px;   
  height: auto;
  z-index: 1;
}

.title-icon img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  left: 100px;
  top: 85px;
}

.title-text {
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  color: #3a3a3a;
  z-index: 2;
  text-align: center; 
}

.title-text strong {
  font-weight: 900;
}
    .step-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 18px;
      gap: 20px;
      width: 100%;
    }

    /* Step text box with number inside on left */
    .step-box {
      background-color: #3a3a3a;
      color: #fff;
      border-radius: 0;
      padding: 25px 30px 25px 60px; /* left padding for number */
      flex-grow: 1;
      height: 100px;
      display: flex;
      flex-direction: column;
        border-radius: 20px;
      justify-content: center;
      position: relative;
      transition: transform 0.3s ease;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }
    .step-box:hover {
      transform: translateX(10px);
    }

    /* Big number inside the box on the left, vertically centered */
    .step-number {
      position: absolute;
      left: 17px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 43px;
      font-weight: 900;
      color: #fff;
      user-select: none;
      line-height: 1;
      font-family: 'system-ui';
      text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
    }

    .step-title {
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 8px;
      letter-spacing: 0.03em;
    }
    .step-desc {
      font-size: 10px;
      line-height: 1.4;
    }

    /* Step icon circle on the right */
    .step-icon {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background-color: #fff;
      border: 1px solid #3a3a3a;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 10px #3a3a3a;
      flex-shrink: 0;
      transition: transform 0.3s ease;
    }
    .step-icon:hover {
      transform: scale(1.1);
    }
    .step-icon img {
      width: 60px;
      height: 60px;
      object-fit: contain;
    }

    /* Responsive for smaller screens */
    @media (max-width: 768px) {
      .step-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
      }
         .step-wrapper {
    
      width: 100%;
    }

      .step-box {
        width: 100%;
      
        padding-left: 60px;
        border-radius: 20px;
        min-height: auto;
        position: relative;
         height: 120px;
      }

      .step-number {
        font-size: 50px;
        left: 20px;
        top: 15px;
        transform: none;
        position: absolute;
      }

      .step-icon {
        margin-left: 0;
        margin-top: 0;
        display: none!important;
      }
      .title-icon img {
  width: 60%;
  height: auto;
  display: block;
  position: relative;
  left: 38%;
  top: 45px;
}

    }

/* General Reset */


/* Header Styling */
.site-header {
  background-color: #eaca4900;
  color: #fff;
  width: 100%;
  /* float: left; */
  position: relative;
  z-index: 100;
}

.site-header .container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
}

/* Logo */
.logo img {
  height: 60px;
  width: auto;
  display: block;
}

* {box-sizing: border-box; margin: 0; padding: 0;}
.banner-slider {position: relative; max-width: 100%; overflow: hidden;height:550px;}
.banner {display: none; position: relative; width: 100%;}
.banner.active {display: block;}
.banner img {width: 100%; height: 550px; border-radius: 8px;}
.banner-content {position: absolute; bottom: 20%; left: 5%; color: #fff; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);}
.banner-content h2 {font-size: 2.5em; margin-bottom: 10px;}
.banner-content p {font-size: 1.2em;}
.navigation button {position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); border: none; color: white; padding: 12px; cursor: pointer; border-radius: 50%; font-size: 18px;}
.navigation .prev {left: 10px;}
.navigation .next {right: 10px;}
.navigation button:hover {background: rgba(0,0,0,0.8);}
.dots {text-align: center; position: absolute; bottom: 10px; width: 100%;}
.dot {display: inline-block; height: 12px; width: 12px; margin: 5px; background: rgba(255,255,255,0.6); border-radius: 50%; cursor: pointer;}
.dot.active {background-color: #007bff;}
@media (max-width: 768px) {
  .banner-content h2 {font-size: 1.8em;}
  .banner-content p {font-size: 1em;}
  .navigation button {padding: 8px;}
}.npf_cpt_new .cptImgBox.newCptImg{
     border: 1px solid #e6e6e6 !important;
     width:49% !important;
     height:45px !important;
     border-radius:5px !important;
     
}
/*  why snu */
.why-snu-sec {
    padding: 70px 20px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    color: #333333;
}

.why-snu-wrapper {
    max-width: 1100px;
    width: 100%;
}

/* Heading Area */
.why-snu-header {
    text-align: center;
    margin-bottom: 40px;
}

.why-snu-header h2 {
    font-size: 40px;
    font-weight: 700;
    color: #333333;
    position: relative;
    display: inline-block;
}

.why-snu-header h2::after {
    content: "";
    width: 80px;
    height: 4px;
    background: #b19733;
    display: block;
    margin: 10px auto 0;
    border-radius: 3px;
}

.why-snu-header p {
    font-size: 20px;
    color: #b19733;
    margin-top: 10px;
    font-weight: 600;
}

/* Grid Layout */
.why-snu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
}

/* Card */
.why-snu-card {
    background: #ffffff;
    padding: 20px;
    border-left: 5px solid #b19733;
    border-radius: 8px;
    font-size: 18px;
    line-height: 1.5;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    position: relative;
    transition: 0.3s ease;
}

.why-snu-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* Golden Icon Bullet */
.why-snu-card::before {
  
    font-size: 18px;
    color: #b19733;
    position: absolute;
    left: -15px;
    top: 22px;
}

/* Responsive */
@media (max-width: 768px) {
    .why-snu-header h2 {
        font-size: 32px;
    }
    .why-snu-header p {
        font-size: 18px;
    }
}
/* instruction*/
.instructions-section {
   font-family: 'Open Sans'!important;
    width: 100%;
    border-radius: 16px;
    position: relative;
  }

  .instructions-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #eaca49;
    margin-bottom:5%;
    position: relative;
  }

  .instructions-title::after {
    content: "";
    width: 60px;
    height: 4px;
    background: #eaca49;
    display: block;
    margin: 10px auto 0;
    border-radius: 3px;
  }

  .instructions-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
      width: 85%;
  }

  .instructions-list li {
  
    font-size: 16px;
    margin-bottom: 18px;
    line-height: 1.7;
    color: #333;
    display: flex;
    align-items: flex-start;
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgb(0 0 0);
  }

  .instructions-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    background: #eaca49;
    color: white;
  }

  .instructions-number {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    margin-right: 14px;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background: #eaca49;
  }

    .instructions-number:hover{
    color: #eaca49;
    background: #fff;
  }

  .instructions-text {
    flex: 1;
    font-size:15px;
  }

  .instructions-illustration {
    text-align: center;
    margin-top: 40px;
  }

  .instructions-illustration img {
    max-width: 320px;
    height: auto;
    transition: transform 0.3s ease;
  }

  .instructions-illustration img:hover {
    transform: scale(1.05);
  }

  /* Responsive Styles */
  @media (max-width: 768px) {
    .instructions-title {
      font-size: 26px;
    }
  .instructions-list {
      width: 100%;
  }
  .instructions-text {
    flex: 1;
    font-size:15px!important;
    padding: 1px!important;
  }
    .instructions-list li {
      align-items: flex-start;
      padding: 12px 15px;
      width: 100%
    }

    .instructions-number {
      margin-bottom: 6px;
      margin-right: 0;
    }

    .instructions-illustration img {
      max-width: 220px;
    }
  
  }
/* step to follow*/
.title-box {font-family: 'system-ui'!important;
  position: relative;
  background: #fff;
  border: 2px solid #333333;
  border-radius: 20px;
  padding: 25px 35px 40px 35px;  
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  z-index: 10;
  max-width: 400px;
  width: 90%;
  min-height: 100px;
  overflow: visible;
}


.title-icon {
  position: absolute;
  bottom: -30px;  
  right: -30px;  
  width: 260px;  
  height: auto;
  z-index: 1;
}


.title-icon img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  left: 100px;
  top: 85px;
}


.title-text {
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  color: #333333;
  z-index: 2;
  text-align: center;
}


.title-text strong {
  font-weight: 900;
}
    .step-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 18px;
      gap: 20px;
      width: 100%;
    }


    /* Step text box with number inside on left */
    .step-box {
      background-color: #333333;
      color: #fff;
      border-radius: 0;
      padding: 25px 30px 25px 60px; /* left padding for number */
      flex-grow: 1;
      height: 100px;
      display: flex;
      flex-direction: column;
        border-radius: 20px;
      justify-content: center;
      position: relative;
      transition: transform 0.3s ease;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }
    .step-box:hover {
      transform: translateX(10px);
    }


    /* Big number inside the box on the left, vertically centered */
    .step-number {
      position: absolute;
      left: 17px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 43px;
      font-weight: 900;
      color: #fff;
      user-select: none;
      line-height: 1;
      font-family: 'Arial Black', Arial, sans-serif;
      text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
    }


    .step-title {
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 8px;
      letter-spacing: 0.03em;
    }
    .step-desc {
      font-size: 10px;
      line-height: 1.4;
    }


    /* Step icon circle on the right */
    .step-icon {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background-color: #fff;
      border: 1px solid #333333;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 10px #333333;
      flex-shrink: 0;
      transition: transform 0.3s ease;
    }
    .step-icon:hover {
      transform: scale(1.1);
    }
    .step-icon img {
      width: 60px;
      height: 60px;
      object-fit: contain;
    }


    /* Responsive for smaller screens */
    @media (max-width: 768px) {
      .step-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
      }
         .step-wrapper {
   
      width: 100%;
    }


      .step-box {
        width: 100%;
     
        padding-left: 60px;
        border-radius: 20px;
        min-height: auto;
        position: relative;
         height: 120px;
      }


      .step-number {
        font-size: 50px;
        left: 20px;
        top: 15px;
        transform: none;
        position: absolute;
      }


      .step-icon {
        margin-left: 0;
        margin-top: 0;
        display: none!important;
      }
      .title-icon img {
  width: 60%;
  height: auto;
  display: block;
  position: relative;
  left: 38%;
  top: 45px;
}


    }
/*chancellor's message*/
.chancellor-section {
    position: relative;
    background-image: url('https://static.npfs.co/accounts/6118/documents/2025/11/25/92076012e20a4cfb81562e20bb264c49_pexels-photo-1166657.jpeg');
    background-size: cover;
    background-position: center;
    padding: 20px 15px;
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fec30f;
}

.chancellor-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom right, rgba(0,0,0,0.65), rgba(0,0,0,0.45));
    backdrop-filter: blur(2px);
}

.chancellor-container {
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}

.chancellor-left {
    background: rgba(255,255,255,0.08);
    padding: 20px;
    border-radius: 18px;
    backdrop-filter: blur(7px);
    border-left: 4px solid #d6bc57;
    width: 85%;
}

.chancellor-title {
    font-size: 38px;
    font-weight: 800;
    color: #ffdd76;
    text-align: left;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.quote-icon {
    font-size: 65px;
    color: #fff;
    opacity: 0.9;
    margin-bottom: 10px;
}

.chancellor-text {
    font-size: 18px;
    line-height: 1.8;
    color: #f5f5f5;
    margin-bottom: 22px;
    text-align: left;
}

.read-btn {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(90deg, #f5d677, #c9a536);
    color: #000;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 700;
    margin-top: 10px;
    transition: 0.3s;
}

.read-btn:hover {
    background: linear-gradient(90deg, #ffe28d, #d8b64c);
    transform: translateY(-2px);
}

.chancellor-profile {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 35px;
}

.profile-photo {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 4px solid #d6bc57;
    object-fit: cover;
    box-shadow: 0 0 10px rgba(255,255,255,0.4);
}

.profile-info h4 {
    font-size: 22px;
    color: #fff;
    margin: 0;
    font-weight: 700;
}

.profile-info p {
    font-size: 15px;
    color: #f0f0f0;
    margin: 2px 0 0;
}


/* Responsive */
@media (max-width: 768px) {
    .chancellor-left {
        padding: 25px;
    }

    .chancellor-title {
        font-size: 30px;
    }

    .chancellor-text {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .chancellor-section {
        padding: 60px 15px;
    }

    .chancellor-profile {
        flex-direction: column;
        text-align: center;
    }
}
/* SNU SCHOOLS*/
.schools-slider-container {
  padding: 40px 20px;
  max-width: 1300px;
  margin: auto;
}

.slider-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  border-left: 5px solid #e0c23c;
  padding-left: 10px;
}
.slider-title span { color: #b49120; }


/* Slider Wrapper */
.schools-slider {
  display: flex;
  gap: 20px;
  overflow-x: hidden;       /* Hides scrollbar completely */
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;   /* Enables one-by-one snapping */
  padding-bottom: 10px;
}

/* Each card snaps to center */
.school-card {
  scroll-snap-align: start;
}

.schools-slider::-webkit-scrollbar { height: 8px; }
.schools-slider::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Card UI */
.school-card {
  min-width: 300px;
  max-width: 300px;
  background: white;
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 0 0 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.school-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

/* Heading */
.school-card h3 {
  padding: 0px 15px 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  min-height: 48px;        /* Fix heading height for equal layout */
  display: flex;
  align-items: center;
}

/* Paragraph */
.school-card p {
  padding: 0 15px 10px;
  color: #555;
  font-size: 14px;
  line-height: 20px;
  min-height: 60px;        /* Ensures paragraph stays aligned */
}

/* Button */
.view-btn {
  border: 1px solid #f5c65d;
  padding: 10px 18px;
  border-radius: 20px;
  display: inline-block;
  margin: 0 15px;           /* Button aligns perfectly in one line */
  text-decoration: none;
  color: #333;
  font-weight: 600;
  background: #fff6d6;
  transition: .3s;
}
.view-btn:hover {
  background: #f5c65d;
  color: #000;
}

/* Responsive */
@media (max-width: 992px) {
  .school-card { min-width: 45%; max-width: 45%; }
}

@media (max-width: 600px) {
  .school-card { min-width: 85%; max-width: 85%; }
}

/* Dots */
.slider-dots {
  text-align: center;
  margin-top: 15px;
}

.slider-dots span {
  height: 10px;
  width: 10px;
  display: inline-block;
  background: #ccc;
  border-radius: 50%;
  margin: 0 4px;
  cursor: pointer;
}

.slider-dots .active {
  background: #e0b122;
}
 /*offers*/
.offerings-section {
  position: relative;
  background: url('https://npf-unlayer.s3.ap-south-1.amazonaws.com/unlayer%2Fimages%2F1762412268673-Screenshot+2025-11-06+122715.png') no-repeat center center/cover;
  color: #fff;
  padding: 80px 0;
}

.offerings-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
  padding: 0 20px;
}

.offerings-left {
  flex: 1;
  min-width: 250px;
}

.offerings-left h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.offerings-right {
  flex: 2;
  background: #fff;
  border-radius: 16px;
  color: #000;
  padding: 40px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
}

.offerings-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.offer-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.offer-icon {
  color: #b19733;
  font-size: 28px;
}

.offer-content h3 {
  font-size: 18px;
  color: #b19733;
  font-weight: 600;
  margin-bottom: 8px;
}

.offer-content p {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}

.offer-num {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 60px;
  color: rgba(0, 0, 0, 0.05);
  font-weight: 700;
  z-index: 0;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 992px) {
  .offerings-container {
    flex-direction: column;
    text-align: center;
  }

  .offerings-right {
    margin-top: 40px;
  }

  .offerings-box {
    grid-template-columns: 1fr;
  }

  .offer-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .offer-num {
    position: static;
    font-size: 40px;
    margin-top: 10px;
  }
}

@media (max-width: 576px) {
  .offerings-left h2 {
    font-size: 32px;
  }

  .offerings-right {
    padding: 25px;
  }
}
.offer-num {
    position: absolute;
    bottom: 84px;
    left: -8%;
    font-size: 38px;
    color: #f3f3f3;
    font-weight: 700;
    z-index: 0;
}

.offer-item {
    position: relative;
    display: flex
;
    align-items: flex-start;
    gap: 35px;
}

.icon-box {
	padding: 40px 17px;
}
.icon-box .icon {
	display: inline-block;
	/*height: 68px;*/
	margin-bottom: 20px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;/*width: 68px;*/
}
.icon-box .icon i {
	line-height: 68px;
}
.icon-box .icon.icon-gray {
	background-color: #eeeeee;
	color: #555555;
}
.icon-box .icon.icon-gray:hover {
	background-color: #d5d5d5;
	color: #bbbbbb;
}
.icon-box .icon.icon-gray.icon-bordered {
	background-color: transparent;
	border: 2px solid #eeeeee;
}
.icon-box .icon.icon-gray.icon-bordered:hover {
	background-color: #eeeeee;
	color: #555555;
}
.icon-box .icon.icon-dark {
	background-color: #111111;
	color: #fff;
}
.icon-box .icon.icon-dark:hover {
	color: #5e5e5e;
}
.icon-box .icon.icon-dark.icon-bordered {
	background-color: transparent;
	border: 2px solid #111111;
	color: #111111;
}
.icon-box .icon.icon-dark.icon-bordered:hover {
	background-color: #111111;
	border-color: #111111;
	color: #fff;
}
.icon-box .icon.icon-white {
	background-color: #fff;
	color: #333333;
}
.icon-box .icon.icon-white:hover {
	background-color: #b3b3b3;
	color: #000000;
}
.icon-box .icon.icon-white.icon-bordered {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
}
.icon-box .icon.icon-white.icon-bordered:hover {
	background-color: #fff;
	border-color: #fff;
	color: #111111;
}
.icon-box .icon.icon-white.icon-border-effect {
	position: relative;
}
.icon-box .icon.icon-white.icon-border-effect::after {
	box-shadow: 0 0 0 3px #fff;
}
.icon-box .icon.icon-bordered {
	border: 1px solid #777777;
}
.icon-box .icon.icon-bordered:hover {
	background-color: #777777;
	color: #fff;
}
.icon-box .icon.icon-rounded {
	border-radius: 3px;
}
.icon-box .icon.icon-circled {
	border-radius: 50%;
}
.icon-box .icon.icon-xs {
	height: 30px;
	width: 30px;
}
.icon-box .icon.icon-xs i {
	font-size: 18px;
	line-height: 30px;
}
.icon-box .icon.icon-sm {
	height: 50px;
	width: 50px;
}
.icon-box .icon.icon-sm i {
	font-size: 22px;
	line-height: 50px;
}
.icon-box .icon.icon-md {
	height: 75px;
	width: 75px;
}
.icon-box .icon.icon-md i {
	font-size: 36px;
	line-height: 75px;
}
.icon-box .icon.icon-lg {
	height: 90px;
	width: 90px;
}
.icon-box .icon.icon-lg i {
	font-size: 48px;
	line-height: 90px;
}
.icon-box .icon.icon-xl {
	height: 120px;
	width: 120px;
}
.icon-box .icon.icon-xl i {
	font-size: 60px;
	line-height: 120px;
}
.icon-box .icon.icon-border-effect {
	position: relative;
}
.icon-box .icon.icon-border-effect::after {
	border-radius: 50%;
	box-shadow: 0 0 0 3px #eeeeee;
	box-sizing: content-box;
	content: "";
	height: 100%;
	left: -4px;
	opacity: 0;
	padding: 4px;
	top: -4px;
	transform: scale(0.8);
	transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
	pointer-events: none;
	position: absolute;
	width: 100%;
}
.icon-box .icon.icon-border-effect.effect-flat::after {
	border-radius: 0;
}
.icon-box .icon.icon-border-effect.effect-rounded::after {
	border-radius: 3px;
}
.icon-box .icon.icon-border-effect.effect-circled::after {
	border-radius: 50%;
}
.icon-box .icon.icon-border-effect.icon-gray::after {
	box-shadow: 0 0 0 3px #eeeeee;
}
.icon-box .icon.icon-top {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -32px;
}
.icon-box i {
	display: inline-block;
	font-size: 40px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.icon-box i[class*="pe-7s-"] {
	vertical-align: text-bottom;
}
.icon-box.left {
	text-align: left;
}
.icon-box.left a {
	margin-right: 30px;
	padding: 0;
}
.icon-box.iconbox-border {
	border: 1px solid #dcdcdc;
}
.icon-box.iconbox-bg {
	background-color: #fafafa;
}
.icon-box.iconbox-bg.iconbox-bg-dark {
	background-color: #333333;
}
.icon-box .icon-box-title {
	margin-bottom: 15px;
}
.icon-box .icon-border-effect:hover::after, .icon-box:hover .icon-border-effect::after {
	opacity: 1;
	transform: scale(1);
}
.icon-box .icon-box-details {
	margin-left: 80px;
}
@media (max-width: 1024px) {
  .offer-num {
    position: absolute;
    bottom: 13px;
    left: -3%;
    font-size: 38px;
    color: #bcb4b4;
    font-weight: 700;
    z-index: 0;
  }

  .offer-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }

  .offer-content {
    width: 71%;
    text-align: left;
  }
	/*scholarship*/
	.scholarship-section {
    padding: 40px 20px;
    background: #fff;
    font-family: "Poppins", sans-serif;
}

.scholarship-section .title {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
    text-align: left;
}

/* Table Wrapper */
.table-responsive {
    overflow-x: auto;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Main Table */
.styled-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
    background: #fff;
}

.styled-table thead {
    background: #fec30f;
    color: #fff;
}

.styled-table thead th {
    padding: 14px;
    text-align: left;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.styled-table tbody td {
    padding: 14px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
}

/* Zebra Rows */
.styled-table tbody tr:nth-child(even) {
    background: #f3f7ff;
}

/* Hover Effect */
.styled-table tbody tr:hover {
    background: #e8f1ff;
    transition: 0.3s;
}

/* Mobile Responsive */
@media(max-width: 768px) {
    .scholarship-section .title {
        font-size: 22px;
    }

    .styled-table thead {
        display: none;
    }

    .styled-table,
    .styled-table tbody,
    .styled-table tr,
    .styled-table td {
        display: block;
        width: 100%;
    }

    .styled-table tr {
        margin-bottom: 20px;
        background: #fff;
        border-radius: 10px;
        padding: 15px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.07);
    }

    .styled-table td {
        border: none;
        position: relative;
        padding-left: 120px;
    }

    .styled-table td:before {
        position: absolute;
        left: 15px;
        top: 12px;
        font-weight: 600;
        color: #005bbb;
        content: attr(data-label);
    }
}
	/*footer*/
	.footer {
  background-color: #333333; /* or your site theme color */
  color: #fff;
  padding: 30px 20px;
  text-align: left;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.footer-section h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

.footer-section a,
.footer-section p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  margin-right: 10px;
  display: inline-block;
}

.footer-section a:hover {
  text-decoration: underline;
}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
}

.footer-social img {
  width: 30px;
  height: auto;
  transition: transform 0.3s ease;
}

.footer-social img:hover {
  transform: scale(1.1);
}

/* Responsive */
@media (max-width: 768px) {
  .footer-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-section h4 {
    font-size: 16px;
  }

  .footer-section a,
  .footer-section p {
    font-size: 13px;
  }

  .footer-social {
    justify-content: center;
  }

}
.footer-links a {
    color: #fff !important;
}

.footer-section a {
    color: #fff !important;
}