.hero-custom { min-height: 611px; }
.hero-custom .bnPrnt { padding-top: 150px; }
.hero-custom .bnPrnt p { font-size: 16px; }
.hero-custom .bnLf { width: 50%; }
.hero-custom .bnRt { background-color: transparent; border-radius: 0; padding-top: 0;padding: 0; }
.ticountdown { background-color: rgba(185,37,42,.82); color: #fff; padding: 20px; text-align: center; }
.ticountdown:after { clear: both; content: ""; display: block; }
.ticountdown:before { content: ""; display: block; width: 20px; height: 20px; background-color: #fff; border-radius: 75%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.ticountdown li { width: 50%; float: left; min-height: 150px; position: relative; font-size: 30px; font-weight: 500; padding: 30px 15px; text-transform: uppercase; }
.ticountdown li:after { content: ""; display: block; position: absolute; }
.ticountdown li.days:after { top: 0; right: 0; bottom: 20px; border-right: solid 2px rgba(255,255,255,.82); }
.ticountdown li.hours:after { top: 0; right: 0; left: 20px; bottom: 0px; border-bottom: solid 2px rgba(255,255,255,.82); }
.ticountdown li.minutes:after { top: 0; right: 20px; left: 0; border-bottom: solid 2px rgba(255,255,255,.82); }
.ticountdown li.second:after { top: 20px; left: 0; bottom: 0; border-right: solid 2px rgba(255,255,255,.82); }
.ticountdown .hd { display: block; }
.ticountdown span { display: block; }
.wclSec.JoinusSec { background-color: #fff; padding: 60px 0; }
.wclSec.JoinusSec .container h2 { font-size: 42px; font-weight: 300; line-height: 42px; position: relative; padding-bottom: 20px; margin-bottom: 40px; display: inline-block; width: 100%; text-align: left; }
.wclSec.JoinusSec .container h2:after { content: ""; width: 95px; height: 3px; background: #c1272d; position: absolute; bottom: 0; left: 0; }

.JoinusSec .custom-cnt p { margin-top: 15px; text-align: left; }
.custom-cnt .caption h4 { font-size: 22px; margin-bottom: 10px; color: #292929; font-weight: 500; }
.custom-cnt .caption { margin-top: 15px; }
.custom-cnt .caption li { display: inline-block; width: 48.5%; }
.JoinusSec .video { position: relative; margin-left: 60px; }
.JoinusSec .video img { width: 100%; z-index: 1; position: relative; }
.JoinusSec .video:after { content: ""; position: absolute; left: -20px; bottom: -20px; background-color: #c1272d; top: 20px; right: 0; z-index: 0; }
.btnplay { position: absolute; left: 50%; top: 50%; max-width: 66px; transform: translate(-50%, -50%); z-index: 1; }
.wclSec.EventSec {background-color: #950058;color: #fff;padding: 60px 0;}
.EventSec h2 { color: #fff; }
.wclSec.EventSec p { text-align: left; }
.wclSec.EventSec .container>h2:after { background-color: #fff; }
.EventRow:after { clear: both; content: ""; display: block; }
.EventRow .col-sm-3 { padding-left: 15px; padding-right: 15px; width: 25%; line-height: 24px; float: left; }
.EventRow h4 { font-size: 22px; margin: 15px 0; font-weight: bold; }
.wclSec.FormSec { background-color: #c1272d; padding: 60px 0;}
.wclSec.FormSec .container h2 { color: #fff; font-size: 42px; font-weight: 300; line-height: 42px; position: relative; padding-bottom: 20px; margin-bottom: 40px; display: inline-block; width: 100%; text-align: left; }
.wclSec.FormSec .container h2:after { content: ""; width: 95px; height: 3px; background: #fff; position: absolute; bottom: 0; left: 0; }
.FormSec .CustomBook p {text-align: left;}
.CustomForm img { max-width: 100%; }
.CustomBook { padding: 36px 0; color: #fff;  }
.FormSec p { margin-bottom: 15px; line-height: 24px; }

.FormSec .pageform{width: 100%;background-color: #fff;
    border-radius: 6px;}

@media only screen and (max-width:991px) {
.hero-custom .bnPrnt { padding-top: 0; }
.hero-custom .bnLf { width: 100%; }
.hero-custom .bnRt { max-width: 400px; width: auto !important; }
.JoinusSec .row .col-sm-6,
.FormSec .col-sm-6 { width: 100%; }
.wclSec.EventSec { padding-bottom: 30px; }
.EventSec .col-sm-3 { width: 50%; margin-bottom: 30px; }
.CustomBook { padding-top: 0; }
.JoinusSec .video { margin-left: 20px; margin-top: 30px; }
}

@media only screen and (max-width:767px) {
.ticountdown li { min-height: 120px; font-size: 20px; }
.wclSec.JoinusSec .container h2,
.wclSec.FormSec .container h2
 {
    font-size: 22px;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 40px;
}
.wclSec.JoinusSec .container h2:after,
.wclSec.FormSec .container h2:after{margin-left: 0;}

.CustomForm.cnt_form { padding: 0;}
.FormSec .pageform{padding: 15px;}

}

@media only screen and (max-width:480px) {
.EventSec .col-sm-3 { width: 100%; }
}

/* Enrich page nov-2018 */
.vrl-property h2 {color: white !important; }

@font-face {
  font-family: 'SegoeUI-Light';
  src: url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/SegoeUI-Light.woff') format('woff'), 
       url('../fonts/SegoeUI-Light.ttf')  format('truetype'), 
       url('../fonts/SegoeUI-Light.svg#SegoeUI-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-Bold';
  src: url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/SegoeUI-Bold.woff') format('woff'), 
       url('../fonts/SegoeUI-Bold.ttf')  format('truetype'), 
       url('../fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.vrl-clear::before, .vrl-clear::after{ display: block; content: ""; }
.vrl-clear::after{ clear: both; }
.vrl-body-wrap{ background: #fff; position: relative; z-index: 1; }
.vrl-body-wrap *{font-family: 'SegoeUI-Light' !important; }
.vrl-body-wrap img{display: block; }
.vrl-body-wrap strong {  font-family: 'SegoeUI-Bold' !important;font-weight: normal !important; }
.vrl-body-wrap b {  font-family: 'SegoeUI-Bold' !important;font-weight: normal !important; }
.vrl-body-wrap p { color: #16244c; font-size: 19px;line-height: 28px; padding-bottom:0; }
.vrl-banner{position: relative; }
.vrl-banner img.vrl_banner{display: block; width:100%; }
.vrl-banner-in img {max-width: 300px; }
.vrl-banner-in {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 60px 40px 0px 60px; }
.vrl-banner-in h1 {color: #fff; font-size: 48px; float: right; line-height: normal; clear: both; margin-top: 147px; margin-bottom: 0; padding:0 20px 0 0; }
.vrl-property{ float: left;}
.vrl-property.col-1, .vrl-property.col-3{ width:30%; }
.vrl-property.col-2{ width:40%; }
.vrl-property-row {margin-top: -96px; position: relative; z-index: 2; width: 100%; background:#fff; margin-bottom:30px; }
.vrl-property-header {position: relative; background: #0f284b; height: 50px; padding: 0px 100px 0px 15px; text-align: right; line-height: 50px; }
.vrl-property-header h2 {color: #ffff; font-size: 22px; margin: 0; padding: 0; }
.vrl-property-header img {position: absolute; top: 15px; right: 15px; width: 15%; }
.vrl-property-body {padding-top: 50px; } 
.vrl-property-body p { margin-bottom: 15px; }
.vrl-property.col-1 .vrl-property-body {padding-left: 0px; padding-right: 15px; }
.vrl-property.col-2 .vrl-property-body {padding-left: 15px; padding-right: 15px; }
.vrl-property.col-3 .vrl-property-body{ padding-left:15px; padding-right:0;  }
.vrl-property.col-2 .vrl-property-header::before, .vrl-property.col-2 .vrl-property-header::after {position: absolute; content: ""; top: 15px; height: 22px; width: 2px; background: #fff; }
.vrl-property.col-2 .vrl-property-header::before{ left:0; }
.vrl-property.col-2 .vrl-property-header::after{ right:0; }
.htc-vive-row {position: relative; min-height: 520px; background: #000; border-top: 12px solid #1a99d1; }
.product-details {position: relative; z-index: 1; width: 50%; padding-top: 30px; padding-left: 0; }
.product-details h1 {font-size: 50px; color: #fff; padding: 0 0 10px; margin: 0 0 26px; line-height: 60px; position: relative; }
.product-details h1::after {position: absolute; content: ""; width: 99px; height: 2px; background: #fff; bottom: 0; left: 0; }
.product-details h3 {color: #fff; font-size: 30px; line-height: 30px; }
.product-details p {color: #fff; margin-top: 34px; margin-bottom:0; }
.product-img {position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; text-align: left; padding-left: 50%; }
.product-img img{ float:right; width:100%; }
.product-img::after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: url('../images/bg-patern.png') repeat-x; }
.goggle-vr {display: table; width: 100%; background:#f2f2f2; border-bottom:12px solid #1a99d1; }
.col-left {width: 33.33%; padding:15px 0 25px 0px; display: table-cell; vertical-align: middle; }
.col-right {width: 66.66%; display: table-cell; vertical-align: middle; padding-left: 67px; padding-right: 0; padding-top: 15px; padding-bottom: 15px; }
.col-right h2 {font-size: 36px; color: #16244c; margin: 0 0px 20px 0; }
.how-it-use-row { background:#e4e4e4; padding-top:23px; }
.how-it-use-row h1 {text-align: center; font-size: 50px; color: #16244c; padding: 0; line-height: 50px; }
.product-col {float: left; width:25%; text-align: center; }
.product-col-heading {padding-top: 37px; padding-bottom: 10px; }
/*.product-col-heading h4 {font-size: 24px; line-height: 30px; text-transform: capitalize; color: #16244c; position: relative; padding-top:0px; padding-bottom:10px; }*/
.product-col-heading h4 {
font-size: 20px;
line-height: 30px;
text-transform: capitalize;
color: #16244c;
position: relative;
padding-top: 0px;
padding-bottom: 10px;
}
.product-col-heading h4::after {position: absolute; content: ""; top: 0; right: 0; width: 3px; height: 100%; background: #fff; }
.product-col-heading.last h4::after{ content: none; }
.product-col-body {position: relative; overflow: hidden; }
.product-col .product-col-body .overlay { position: absolute; top: 0; left: 0; width: 100%; padding:10px; background: rgba(15,40,75,0.90); max-height: 500px; height:100%; z-index: 2; } 
/*.product-col .product-col-body .overlay p {color: #fff; font-size: 18px; line-height: 25px; margin-bottom: 30px; }*/
.product-col .product-col-body .overlay p {
color: #fff;
font-size: 16px;
line-height: 25px;
margin-bottom: 30px;
}
.footer-bottom-last-sec {background: #0f284b; clear: both; padding:15px 90px; }
.footer-logo {float: left; max-width: 250px; display: block; }
.footer-logo img {width: 100%; } 
.contact_details {float: right; text-align: right; }
.contact_details h2 {color: #fff; font-size: 22px; padding-bottom: 10px; position: relative; margin-bottom: 15px; }
.contact_details h2::after {position: absolute; content: ""; bottom: 0; right: 0; width: 270px; height: 3px; background: #fff; }
.contact_details p{ margin-bottom:5px; }
.contact_details p, .contact_details p a {font-size: 18px; color: #fff; line-height: 20px; }
.contact_details p a:focus, .contact_details p a:hover{ color:#1a99d1 !important; }
.vrl-property-row .container {position: relative; z-index: 1; }
.empty-blue-strip {position: absolute; top: 0; left: 0; width: 100%; background: #0f284b; height: 50px; z-index: 0; }
.btn-readmore {position: absolute; right: 30px; bottom: 30px; color: #fff; background: #0da5d6; display: inline-block; text-transform: capitalize; font-size: 20px; padding: 8px 35px 10px 35px; border-radius: 4px; text-align: center; z-index:2; line-height: 26px; vertical-align: middle; transition:300ms ease 0s; -webkit-transition:300ms ease 0s; }
.btn-readmore:focus, .btn-readmore:hover{ background:#0f284b; color:#fff !important; }
.product-details h1 img {max-width: 250px; }
.htc-vive-row2 .product-details h1::after{ display: none; }


/*css for extra new sec start*/
.htc-vive-row2{ position: relative; z-index: 1; }
.htc-vive-row2 .product-img {position: static; float: right; width: 50%; padding-left: 0; }
.htc-vive-row2 .product-img img{ float: none; }
.htc-vive-row2{ min-height:100px !important; }
.htc-vive-row2 .product-details h1{ margin:0 !important; padding:0 !important;  }
.htc-vive-row2 .product-details h1::before{ display: none; }
.htc-vive-row2 .product-details{ padding-left: 35px; padding-bottom: 35px; z-index:2; }
/*css for extra new sec end*/

/*******************
  MEDIA QUERY
***********************/
@media only screen and (min-width:1921px){ 
.product-img img{ width: auto; } 
.htc-vive-row{ overflow: hidden; }
}
@media only screen and (max-width:1560px){
.htc-vive-row{ min-height: 428px; }
}/*1560*/
@media only screen and (max-width:1250px){
.vrl-banner-in h1{ padding:0; }
}
@media only screen and (max-width:1366px){
.vrl-banner-in h1{ font-size: 38px;margin-top: 90px; }
.product-details h1 {font-size: 40px; padding: 0 0 10px; margin: 0 0 20px; line-height: 40px; }
.product-details h1::after {width: 73px; height: 2px; }
.htc-vive-row {min-height: 378px; } 
.how-it-use-row h1 {font-size: 40px; line-height: 40px; }
.vrl-body-wrap p {font-size: 18px; line-height: 26px; }

}/*1366*/

@media only screen and (max-width:1080px){
.vrl-banner-in h1 {font-size: 28px; margin-top: 50px; }
.vrl-body-wrap p {font-size: 18px; line-height: 24px; }
.product-details h1::after {width: 70px; } 
.product-details h3 {font-size: 26px; line-height: 30px; }
.col-right h2 {font-size: 26px; }
.product-col-heading {padding-top: 30px; }
.product-col {width: 50%; }
.product-col .product-col-body .overlay{ max-height: 350px; }

}/*1080*/

@media only screen and (max-width:991px){
.goggle-vr{ display: block; }
.col-left {width: 50%; padding: 15px 0 25px 0; display: block; margin: 0 auto; }
.col-right {width: 100%; padding-left: 0; padding-right: 0; display: block; text-align: center; }
.product-col-body {min-height:100px; }
.htc-vive-row {min-height: 100px; }
.product-img {position: static; width: 60%; padding-left: 0; margin: 0 auto; }
.product-img img {float: none; }
.product-details {width: 100%; padding-top: 20px; padding-left: 15px; padding-bottom: 20px; text-align: center; padding-right: 15px; }
.product-details h1::after {left: 50%; margin-left: -35px; }
.product-col-heading {padding-top: 10px; }
.how-it-use-row h1 {margin-bottom: 10px; }
.col-left img {margin: 0 auto; }
.contact_details h2{font-size: 16px; }
.vrl-property-body {padding-top: 30px; }
.btn-readmore {position: relative; margin-bottom: 25px; right: inherit; bottom: inherit; z-index: 3; }
.product-details h1 img {display: block; margin: 0 auto; }
.product-img::after {background-repeat: repeat; }
.htc-vive-row2 {text-align: center; }
.game-img{ width:100%; }

/*css for extra new sec start*/
.htc-vive-row2 .product-img { width: 80%;float: none; }
.htc-vive-row2 .product-details h1 img {width: 100%; }
.small p {width:auto !important;position:relative !important;}
.big p {width:auto !important;position:relative !important;}
.htc-vive-row2 .small {padding-right: 30px !important;}
.htc-vive-row2 .big {padding-right: 30px !important;}
/*css for extra new sec end*/


}/*991*/

@media only screen and (max-width:767px){
.vrl-property.col-1, .vrl-property.col-3, .vrl-property.col-2 {width: 100%; }
.vrl-property-header img {display: none; }
.vrl-property-header h2 {line-height: normal; text-align: left; }
.vrl-property-header {padding: 15px; height: auto; }
.vrl-property-body {padding-top: 15px; padding-bottom: 15px; }
.vrl-property.col-2 .vrl-property-header::before, .vrl-property.col-2 .vrl-property-header::after {display: none; } 
.vrl-property-row {margin-top: 0; margin-bottom: 0; }
.vrl-banner-in {padding:15px 0; }
.vrl-banner-in h1 {font-size: 19px; margin-top: 8px; }
.vrl-banner-in img {width: 70%; }
.col-left {padding: 15px 0; width: 100%; }
.col-left img { width:100%; }
.product-col {width: 100%; }
.product-col-heading h4::after {display: none; }
.how-it-use-row {background: #e4e4e4; padding-top: 15px; }
.how-it-use-row h1 {font-size: 30px; line-height: 30px; }
.contact_details p, .contact_details p a {font-size: 14px; line-height: 14px; }
.contact_details {width: 100%; text-align: center; margin-top: 30px; }
.footer-logo {float: none; margin: 0 auto; }
.product-col .product-col-body .overlay{ opacity:1; visibility: visible; }
.product-col .product-col-body .overlay p {margin-bottom: 15px; }
.empty-blue-strip {display: none; } 
.product-col .product-col-body .overlay {height: auto; max-height:inherit; position: static; }
.vrl-property-header h2{ font-size: 20px; }
.vrl-property.col-1 .vrl-property-body {padding-left: 0px; padding-right: 0; }
.vrl-property.col-2 .vrl-property-body {padding-left: 0; padding-right: 0; }
.vrl-property.col-3 .vrl-property-body {padding-left: 0; padding-right: 0; }
/*css for extra new sec start*/
.htc-vive-row2 .product-details h1 img {width: 100%; }
.small p {width:auto !important;position:relative !important;}
.big p {width:auto !important;position:relative !important;}
.htc-vive-row2 .small {padding-right: 30px !important;}
.htc-vive-row2 .big {padding-right: 30px !important;}
.htc-vive-row2 .product-img {
  width: 100%;
}

/*css for extra new sec end*/

}/*767*/

@media only screen and (max-width:360px){
.product-img {width: 100%; }
.product-details h1 {font-size: 30px; line-height: 30px; }
.product-details h1::after {width: 40px; margin-left: -20px; }
.product-details h3 {font-size: 22px; line-height: 22px; }
.col-right h2 {font-size: 24px; }
.small p {width:auto !important;position:relative !important;}
.big p {width:auto !important;position:relative !important;}
.htc-vive-row2 .small {padding-right: 30px !important;}
.htc-vive-row2 .big {padding-right: 30px !important;}
}/*360*/

.htc-vive-row2 .small {
    padding-left: 30px;
    padding-bottom: 30px;
    z-index: 2;
    color: white;
    min-height: 147px;
    line-height: 20px;

}
.htc-vive-row2 .big {
    padding-left: 30px;
    padding-bottom: 30px;
    z-index: 2;
    color: white;
}
.big p {
    width: 700px;
    position: absolute;
}
.small p {
    width: 450px;
    position: absolute;
}



/*tabs page css 26-7-2019*/
ul.mtabs{
margin: 0px;
padding: 0px;
margin-bottom:20px;
list-style: none;
text-align:center;
}

ul.mtabs li {
  background: none;
  color: #999999;
  display: inline-block;
  padding: 10px 0px;
  cursor: pointer;
  font-weight: 600;
  font-size: 23px;
  text-transform: uppercase;
position:relative;
margin:0px;
}

li.tab-link.current:before {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #999999;
    content: "";
    top: 100%;
    left: 0;
    right: 0;
  margin:0 auto;
}

li.tab-link.current:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f1f2f2;
    content: "";
    top: 100%;
    left: 0;
    right: 0;
    margin: 3px auto 0 auto;
  background: transparent;
    border-radius: 0px;
}

li.tab-link:after, li.tab-link:before {
    display: none;
}
li.tab-link.current:after, li.tab-link.current:before {
    display: block;
}

.ratingPageCeo .both-wrap { padding-top: 20px;}

ul.mtabs li> img {
    width: 100%;
    max-width: 100%;
}

ul.mtabs li span {
    display: block;
    width: 100%;
    margin-top: 15px;
}

.tb-contactcs{
display: none;
padding: 20px;
font-weight: 300;
}

.tb-contactcs.current{
display: inherit;
}

.tbs-form .learn-method-wrap {
    padding: 0px;
    border: none;
    border-top: none !important;
}

.rewForm {margin:60px auto 0 auto;}
.tbs-main {
    border: 2px solid #999999;
    border-radius: 10px;
    overflow: hidden;
  margin-bottom:18px;
}

.text-Institutet {
    font-weight: 300;
    color: #999999;
    font-size: 18px;
    line-height: 25px;
}
.ttl-1 {
    font-weight: 300;
    margin-bottom: 8px;
  font-size:40px;
}
.ttl-1 span {
    font-weight: 500;
}
.rew-header p {
    font-size: 23px;
}

.sec-gl-rw {
    display: -ms-flexbox!important;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: flex!important;
    -ms-flex-pack: justify!important;
    -webkit-box-pack: justify!important;
    -webkit-justify-content: space-between!important;
            justify-content: space-between!important;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
      margin-top:20px;
}
  
.btsm {
    display:block;
    padding: 10px 15px;
    background: #1a2f5e;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
  text-align:center;
}
.btsm:hover{ color:#fff !important;}  
.cols-or {
    font-size: 23px;
    font-weight: 700;
}

.cols {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.cols.text-center {
    text-align: center;
}

.col-row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7px;
    margin-left: -7px;
}

.colMd{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  padding-left:7px;
  padding-right:7px;
  margin-bottom:20px;
}

.f-group label {
    font-weight: 300;
    margin-bottom: 8px;
    display: inline-block;
    color: #1a2f5e;
}
.in-fild {
    border: 2px solid #1a2f5e;
    box-shadow: none;
    height: 40px;
    width: 100%;
    border-radius: 10px;
    font-weight: 300;
    padding: 6px 12px;
  background-color:transparent;
}

.rwfom-contant-main{ margin-top:20px;}

.btn-s-query {
    display: inline-block;
    padding: 10px 15px;
    background: #1a2f5e;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    text-align: center;
    font-weight: 300;
    border: 1px solid #1a2f5e;
    min-width: 218px;
}

.tbs-form .learn-method-wrap{ background-color:transparent;}
.tbs-form .topBarB.innerheading {    background: transparent;}
.staticpage.ratingPageCeo .topBarB.innerheading{ margin-top:0px;}
.ratingPageCeo .custom-container.staticpage{ padding:0px;}

.ratingPageCeo .learn-method-wrap{ border:none; border-top:none !important; background-color:transparent;}
.ratingPageCeo .cnt_form{ padding:0px;}


@media screen and (max-width:767px){
.col-row{ display:block !important;}
.sec-gl-rw{ display:block !important;}  
.ttl-1{ font-size:24px;}
.rew-header p {    font-size: 18px;}

ul.mtabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

ul.mtabs li {
    padding: 9px 0px !important;
    font-size: 10px;
    position: relative;
}
ul.mtabs li> img {    width: 100%;}

li.tab-link.current:before, li.tab-link.current:after{ left:3px;}
}

@media screen and (max-width:332px){
li.tab-link.current:before {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #999999;
}

li.tab-link.current:after {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #ffffff;
} 
}


textarea.in-fild-textarea {
    border: 2px solid #1a2f5e;
    box-shadow: none;
    width: 100%;
    border-radius: 10px;
    font-weight: 300;
    padding: 6px 12px;
    background-color: transparent;
}


/*7-Aug css start top header*/
@media screen and (min-width:1024px){
.header-block .container{ position:relative;}
.header-block .reMo {
    margin-top: 0px !important;
    position: absolute;
    right: 15px;
    bottom: -13px;
      clear: both;
    line-height: 0;
    text-transform: none;
    width: auto !important; 
    font-size:16px;
    }

.header-block.darkHeader .reMo{bottom: -17px;}
}


@media screen and (max-width:991px){
  .row.row-two-col > div{width:100%;}
  }
  
  
  
#schedule_content .resp-tabs-container a.btn {
    background: #10284b;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 0px !important;
    display: inline-block;
    -webkit-transition: 300ms all;
    transition: 300ms all;
    cursor: pointer;
    padding: 10px 15px;
    font-weight: bold;
    text-align: center;
    margin: 5px 0;
    min-width: 90px;
    font-size: 18px;
}

#schedule_content .resp-tabs-container a.btn:hover {
    background: #21409a;
}

#schedule_content .resp-tabs-container a.btn[disabled="disabled"]{
      pointer-events: auto! important;
    cursor: not-allowed! important;

    background: grey; } 
    
@media screen and (max-width:567px){  
#schedule_content .resp-tabs-container a.btn{padding:6px 10px;}
    #schedule_content .resp-tabs-container a.btn[disabled="disabled"] {
    display: block;
}
  }


  /***Hero Form Css End***/
.bnSlid.banner-hero-video {/*min-height: calc(100vh - 25vh)!important; overflow: hidden;*/  }
.banner-hero-video .video-hero { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.banner-hero-video .video-hero video { width: auto; height: 100%; min-height: 600px; position: absolute; left: 50%; top: 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%); }
/***Header Customize Css Start***/


@media only screen and (min-width: 1499px) {
.banner-hero-video .video-hero video { width: 100%; height: auto; }
}
@media only screen and (min-width: 1921px) {
.banner-hero-video .video-hero video { width: 100%; height: auto; }
}
 @media only screen and (max-width: 991px) {
.banner-hero-video .video-hero video { width: auto; height: 100%; }
}


/* New Design Css Start */

.header-right ul li a, .btn-header, .submenus>li a, .widget-column.widget-1>div, 
.enrol-menu .submenus>li a img, .join-now, .Btn-book
{transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;}


.logo {
    margin-right: 55px;
}

.header-inner {
    display: flex;
    align-items: center;
}

.menu-area>ul>li:not(:last-child) {
    margin-right: 20px;
}

.btn-header {
    color: #fff;
    padding: 10px 14px;
    border-radius: 4px;
    min-width: 129px;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 15px;
    height: 40px;
    white-space: nowrap;
    font-weight: 500;
}

.header-right .btn-header {    min-width: inherit;}

.btn-header i {
    margin-right: 10px;
}

.btn-header:before {position: absolute; transition: all 0.3s cubic-bezier(0, 0, 0.1, 1); content: ''; left: 0; top: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.1);
}
.btn-header:hover:before { width: 100%;}


.btn-header img {vertical-align: middle;margin-right: 10px; width: 25px;}
.header-right {
    display: flex;
    align-items: center;
    flex: 1;
    padding-left: 20px;
}

.header-right .m-gp {
    margin-right: auto;
}


.header-right>ul{ display: flex; align-items: center;}
.header-right>ul>li>a {color: #fff;display: block;padding: 5px 10px;}

.menu-area {
    display: flex;
    align-items: center;
}

.header-right a{font-size: 15px;/* font-weight: 500; */}
.menu-area a:hover, .header-right a:hover{ color: #fff !important;}
.header-right a:hover {    color: #f7941d!important;}
.btn-school-menu{ background: #1a95d8;}
.btn-enrol-now{ background: #33be53;}
.btn-contact-menu{ background: #a82f64;}


.menu-area>div:not(:last-child){ margin-right: 20px;}

.menubox-main {
    min-width: 332px;
}

.menubox-main:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 28px;
    color: #1a95d8;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #10284b;
    transition: top .35s ease;
}

.submenus>li{padding: 2px 0px; background: rgba(16, 40, 75, 95%);}
.submenus>li a {
    font-size: 14px;
    /* font-weight: 500; */
    line-height: 18px;
    display: flex;
    align-items: center;
    padding: 7px 18px;
    color: #fff !important;
    cursor: pointer;
}

.submenus>li .subchild>li a:hover{ color: #f7941d!important;}

.submenus>li a i {
    font-size: 20px;
    margin-left: auto;
    padding-left: 5px;
}

.submenus>li a img{ margin-right: 20px; width: 25px;}
.enrol-menu .submenus>li a img {
    opacity: 0.5;
    margin-right: 15px;
}
.enrol-menu .submenus>li a:hover img{ opacity: 1;}

.school-of-information>a {background: #ffb214;}
.school-of-business>a{ background: #f61d36;}
.school-of-visual>a{ background: #a82f62;}
.school-of-draughting>a{ background: #112748;}
.school-of-engineering>a{ background: #1a95d8;}
.school-of-architecture>a{ background: #0e4cff;}
.school-of-gdc>a{ background: #abc225;}


.subchild {
    min-width: 460px;
    background: rgba(16, 40, 75, 95%);
    padding: 20px;
    height: calc(100% - 34px);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


.button-our-school .menubox-main ul.submenus:last-child>li {
    padding-bottom: 5px;
    border-bottom-left-radius: 8px;
}

.subchild>li>a{ border-bottom: 1px solid transparent; font-weight: normal; padding: 7px 0px;}
.subchild>li:last-child a{ border-bottom: none;}

.enrol-menu .submenus>li>a {
    background: #1c3a66;
}
.submenus>li a:hover {
    background: transparent !important;
}

.contact-links li a {
    color: #fff;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.menubox-main {
    border-radius: 8px;
    padding: 17px 0px;
}

ul.contact-links li {
    background: rgba(16, 40, 75, 95%);
}

.fal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.fal:hover{
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0);
}


.menu-area>div:last-child .menubox-main ul:first-child li{ border-top-left-radius: 8px;border-top-right-radius: 8px; overflow: hidden;}
.menu-area>div:last-child .menubox-main ul:last-child li{  border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; overflow: hidden;}

 .menubox-main.menubox-contact ul:first-child li,
 .menubox-main.menubox-contact ul:last-child li{ overflow: hidden;}

@media screen and (min-width: 768px) {
.menubox-main {  
    position: absolute;
    left: 0;
    top: 15px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}    
.subchild{ 
    position: absolute; 
    left: 100%;
    top: 17px;
    display: none;
    opacity: 0;
    visibility: hidden;}

.m-gp { position: relative; }



.header-right .menubox-main { right: 0; left: auto;}
.header-right .menubox-main .subchild { right: 100%; left: auto; height: auto;}
.header-right .menubox-main:before { right: 28px;left: auto;}

.header-right .menubox-main.menubox-contact { left:0; right: auto;}
.header-right .menubox-main.menubox-contact:before { left: 28px; right: auto; border-bottom-color: #1c3a66;}


.m-gp:hover .menubox-main{ top: 100%; opacity: 1; visibility: visible; pointer-events: auto;} 

.m-gp:hover .subchild{ display: block; pointer-events: auto;}
.submenus:hover .subchild{ opacity: 1; visibility: visible; pointer-events: auto;}
.submenus.selected .subchild{ opacity: 1; visibility: visible; pointer-events: auto;}

.header-right>ul { order: 2;}

.submenus.selected>li a {
    background: transparent !important;
}

.button-our-school .menubox-main ul.submenus:first-child>li {
    padding-top: 5px;
    border-top-left-radius: 8px;
}


}

@media screen and (min-width: 991px) {
    .header-right .menubox-main ul:first-child li { border-top-left-radius: 8px;border-top-right-radius: 8px;}
    .header-right .menubox-main ul:last-child li {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    
}



.title {
    display: inline-block;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 18px 40px 18px 0px;
    color: #fff;
    position: relative;
    max-width: 820px;
}

.title:before {
    position: absolute;
    content: "";
    right: 100%;
    width: 5000px;
    height: 100%;
    top: 0;
}

.title img {
    position: absolute;
    left: -160px;
    z-index: 1;
    top: 9px;
}

.title-gry-bg{  background: #435265;}
.title-gry-bg::before{ background: #435265;}

.title h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 300;
}

.title-content-box-inner {
    display: flex;
    /* align-items: center; */
}

.page-title-main .title-content-box {
    margin-top: -40px;
}

.page-title-main  .title {
    position: relative;
    z-index: 1;
}

.d-iner {
    display: flex;
    height: 100%;
}

.widget-column>div {
    display: flex;
    padding: 20px;
    height: 100%;
    align-items: center;
    justify-content: center;
    min-width: 138px;
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column;
    color: #fff !important;
}

.widget-column>div a {
    color: #fff;
}
.widget-column>div a:hover{ color:#fff !important;}

.widget-column>div p{ margin-top: 10px; text-align: center !important;}

.widget-column{ position: relative;}
.widget-column .link{ position: absolute; left: 0; right: 0px; width: 100%; height: 100%; font-size: 0px;z-index: 1; }
.widget-column a p {
    margin-top: 5px;
    flex: 0 0 100%;
}

.widget-column.widget-1>div {
    background: #ff7800;
}

.widget-column.widget-1>div:hover{background: #cd6000;}

.widget-column.widget-2>div {
    background: #33be53;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.widget-column.widget-2>div:hover{background: #299943;}

.title-main .widget-content-left {
    background: #1a95d8;
    padding: 37px 37px 20px 18px;
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.title-main .widget-content-left:before {
    position: absolute;
    content: "";
    right:0px;
    width: 5000px;
    background: #1a95d8;
    height: 100%;
    top: 0;
}

.widget-content-left p {
    position: relative;
    font-size: 16px;
    line-height: 25px;
}

.title-main .widget-content-left {
    padding-top: 60px;
}



.bnr-img img {
    width: 100%;
}

.widget-content-left {color: #fff;}
.title-content-box-inner>div{ flex: 1;}
.title-content-box-inner> .widget-content-right {
    max-width: 276px;
}

.sec-choose-new .col-bx {
    width: 50%;
}

.card-simple {
    display: flex;
    height: 100%;
}
.card-simple .cart-img { flex: 0 0 173px; position: relative;}
.card-simple .cart-img::before {
    position: absolute;
    content: "";
    left: -26px;
    width: 26px;
    height: 100%;
    background: #136ad6;
}

.sec-choose-new .cart-img img{ display: block; border-radius: 0px;  object-fit: cover;
    height: 100%;
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;}


.sec-choose-new .col-bx-in{ padding-bottom: 0px;}

.card-simple a.btn {
    position: relative;
    margin-left: auto;
    margin-top: auto;
}


.card-simple a.btn:before {position: absolute; transition: all 0.3s cubic-bezier(0, 0, 0.1, 1); content: ''; left: 0; top: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.1);
}
.card-simple a.btn:hover:before { width: 100%;}


.choose-row.sec-choose-new .caption {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.card-simple {
    padding-left: 26px;
    padding-bottom: 26px;
    position: relative;
}

.card-simple:before {
    content: "";
    position: absolute;
    width: 121px;
    height: 26px;
    left: 0;
    bottom: 0;
    background: #ff8700;
    z-index: 1;
}

.card-simple:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    bottom: 0;
    right: 0;
    background: #36a9db;
}


.col-bx-in:hover .cart-img img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.cart-img-inner {
    overflow: hidden;
    height: 100%;
}

.sec-title {
    margin-bottom: 50px;
    text-align: left;
}
.upcoming-opendays-page .sec-title{
    margin-bottom: 15px !important;
}
.sec-choose-new .caption ul {
    margin-bottom: 40px;
}
.bnr-img {
    margin-bottom: 50px;
}

.sec-choose-new .col-bx:first-child .card-simple:before {background: #f7ce07;}
.sec-choose-new .col-bx:first-child .card-simple:after { background: #33be53;}
.sec-choose-new.sec-home-choose-new .col-bx:first-child .col-bx-in h3{ color: #0e4cff !important;}
.sec-choose-new .col-bx:first-child .caption li a:before { background: #0e4cff;}
.sec-choose-new .col-bx:first-child .caption li a { color: #0e4cff !important;}
.sec-choose-new .col-bx:first-child .card-simple .cart-img::before{ background: #a82f64;}
.sec-choose-new.sec-home-choose-new .col-bx:first-child .card-simple a.btn{ background: #0e4cff;}


.sec-choose-new .col-bx:nth-child(2) .card-simple:before {background: #f61d36;}
.sec-choose-new .col-bx:nth-child(2) .card-simple:after {background: #1a95d8;}
.sec-choose-new .col-bx:nth-child(2) .card-simple .cart-img::before{background: #33be53;}
.sec-choose-new.sec-home-choose-new .col-bx:nth-child(2) .card-simple a.btn{background: #33be53;}
.sec-choose-new .col-bx:nth-child(2) .caption li a:before{background: #33be53;}

.sec-choose-new .col-bx:nth-child(3) .card-simple:before {background: #33be53;}
.sec-choose-new .col-bx:nth-child(3) .card-simple:after {background: #a82f64;}
.sec-choose-new .col-bx:nth-child(3) .card-simple .cart-img::before{background: #f61d36;}
.sec-choose-new.sec-home-choose-new .col-bx:nth-child(3) .card-simple a.btn{background: #00a1e9;}
.sec-choose-new .col-bx:nth-child(3) .caption li a:before{background: #29abe2;}


.sec-choose-new .col-bx:nth-child(4) .card-simple:before {background: #a82f64;}
.sec-choose-new .col-bx:nth-child(4) .card-simple:after {background: #f7ce07;}
.sec-choose-new .col-bx:nth-child(4) .card-simple .cart-img::before{background: #1a95d8;}
.sec-choose-new.sec-home-choose-new .col-bx:nth-child(4) .card-simple a.btn{background: #f61d36;}
.sec-choose-new .col-bx:nth-child(4) .caption li a:before{background: #f61d36;}

.sec-choose-new .col-bx:nth-child(5) .card-simple:before {background: #f7ce07;}
.sec-choose-new .col-bx:nth-child(5) .card-simple:after {background: #33be53;}
.sec-choose-new .col-bx:nth-child(5) .card-simple .cart-img::before{background: #a82f64;}
.sec-choose-new.sec-home-choose-new .col-bx:nth-child(5) .card-simple a.btn{background: #f7ce07;}
.sec-choose-new .col-bx:nth-child(5) .caption li a:before{background: #f7931e;}


.sec-choose-new .col-bx:nth-child(6) .card-simple:before {background: #f61d36;}
.sec-choose-new .col-bx:nth-child(6) .card-simple:after {background: #1a95d8;}
.sec-choose-new .col-bx:nth-child(6) .card-simple .cart-img::before{background: #33be53;}
.sec-choose-new.sec-home-choose-new .col-bx:nth-child(6) .card-simple a.btn{background: #a82f64;}
.sec-choose-new .col-bx:nth-child(6) .caption li a:before{background: #9e005d;}


.line-saprater {
    overflow: hidden;
}
.sap img {
    width: 100%;
}
.title-orange-bg{ background: #ff7800;}
.title-orange-bg::before{ background: #ff7800;}


.title-orange-blue {background: #0078d4;}
.title-orange-blue:before{ background: #0078d4;}

.card-upcoming {
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    box-shadow: 1px 0px 3.96px 0.04px rgba(59, 60, 61, 0.17);
}

.card-upcoming-img {
    padding: 20px;
    flex: 0 0 160px;
    max-width: 160px;
    text-align: center;
}

.card-upcoming-content {
    background: #fff;
    display: flex;
    align-items: center;
}

.card-upcoming-content-left {
    padding: 20px;
}

.card-upcoming-content-right {
    padding: 20px;
    flex: 0 0 260px;
    max-width: 260px;
    text-align: center;
}

.theme-btn {
    min-width: 153px;
    text-transform: uppercase;
    color: #000;
    background-color: #FFF;
    text-decoration: none;
    text-align: center;
    border: solid 2px #000;
    padding: 11px 15px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    -webkit-transition: 300ms all;
    transition: 300ms all;
}
.theme-btn:hover{ color: #fff !important;}
.theme-btn:before {position: absolute; transition: all 0.3s cubic-bezier(0, 0, 0.1, 1); content: ''; left: 0; top: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.1);
}
.theme-btn:hover:before { width: 100%;}

.card-upcoming-content-left h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.upcoming-ev-name {
    font-size: 18px;
    margin-bottom: 10px;
}

.card-upcoming-content-left p {font-size: 14px;}
.upcoming-img-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-upcoming.upcoming-card-blue .card-upcoming-img {
    background: #1a95d8;
}
.card-upcoming.upcoming-card-blue .card-upcoming-content-left {
    color: #1a95d8;
}
.card-upcoming.upcoming-card-blue .theme-btn{ background: #1a95d8; border-color:#1a95d8; color: #fff;}

.card-upcoming.upcoming-card-purple .card-upcoming-img {    background: #a82f64;}
.card-upcoming.upcoming-card-purple .card-upcoming-content-left {    color: #a82f64;}
.card-upcoming.upcoming-card-purple .theme-btn{ background: #a82f64; border-color:#a82f64; color: #fff;}


.card-upcoming.upcoming-card-green .card-upcoming-img {    background: #33be53;}
.card-upcoming.upcoming-card-green .card-upcoming-content-left {    color: #33be53;}
.card-upcoming.upcoming-card-green .theme-btn{ background: #33be53; border-color:#33be53; color: #fff;}

.card-upcoming+.card-upcoming{ margin-top: 18px;}

.mobile-nav {
    cursor: pointer;
    display: none;
    margin-left: auto;
}

.bar1, .bar2, .bar3 {
    background-color: #fff;
    cursor: pointer;
    height: 2px;
    margin: 7px 0;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 20px;
}

.bar2 {
    width: 15px;
}


.submenus>li small {
    width: 30px;
    background: #888;
    height: 35px;
    display: flex;
    position: absolute;
    right: 0px;
    top: 2px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    display: none;
}

.closeIcn {
    text-align: right;
    padding: 5px 10px;
    display: none;
}
.closeIcn>span {
    display: inline-block;
    width: 34px;
    height: 32px;
    position: relative;
    cursor: pointer;
}
.closeIcn>span:before, .closeIcn>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    height: 2px;
    background: #fff;
    margin: 4px;
}

.closeIcn>span:after {
    -webkit-transform: rotate(
-45deg
);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(
-45deg
);
}
.closeIcn>span:before {
    -webkit-transform: rotate(
45deg
);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(
45deg
);
}

.header-right .closeIcn {
    background: #1c3354;
}

div#header,div#menu{ display: none;}




@media screen and (max-width: 1199px) {
.logo {margin-right: 30px; }
.menu-area>div:not(:last-child){ margin-right: 10px;}
.btn-header{ font-size: 13px; min-width: 115px;}   
.header-right a {font-size: 13px; }
}
@media screen and (max-width: 1250px) {
.menubox-main{ min-width: 300px;}    
.subchild{ min-width: 300px;}
}

@media screen and (max-width: 991px) {
    .mobile-nav{ display: inline-block;}
    .header-right {
        position: fixed;
        left: -300px;
        display: block;
        width: 300px;
        background: #fff;
        top: 0;
        height: 100%;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        padding: 0px;
        z-index: 1;
        overflow:auto;

    }
    .open-side-menu .header-right{ left: 0px;}
    .header-right ul {
        display: block;
    }   
    .header-right>ul>li>a {
        color: #000;
        display: block;
        padding: 10px 10px;
        border-bottom: 1px solid #ddd;
    }

    .menubox-main { min-width: 201px; }
    .subchild { min-width: 184px; padding: 10px;}
    .submenus>li a {
        font-size: 11px;
        padding: 5px 10px;
    }
    .submenus>li a img {
        margin-right: 10px;
    }
   .subchild{ margin-left: 0px;}
   .header-right .btn-header { color: #fff;
    background: #a82f64;
    border-radius: 0;}
   .header-right .menubox-main {
        position: static;
        opacity: 1;
        visibility: visible;
        padding: 0px;
}
.header-right .menubox-main:before{ display: none;}
.contact-links li a {
    padding: 5px 5px;
}

ul.contact-links li img {
    width: 20px;
    margin-right: 10px;
}

}

@media screen and (max-width: 767px) {
    .logo { margin-right: 0px; padding-right: 15px; }
    .mobile-nav{ margin-left: auto;}
    .logo img{ width: 100%;}
    .site-header {
        padding: 10px 10px;
    }
    .btn-header{ min-width: inherit; font-size: 12px; padding:5px 5px; height: auto;}

    .menu-area .btn-header img {
        margin-right: 3px;
        width: 18px;
    }

    .btn-header i {
        margin-right: 5px;
    }
    .menu-area {
        display: flex;
        justify-content: space-between;
        padding-right: 10px;
    }
    .menubox-main {
        min-width: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
    }

    .button-our-school .menubox-main, .btn-enroll .menubox-main {
        min-width: inherit;
        width: 300px;
        overflow: auto;
        height: 100%;
        position: fixed;
        left: -300px;
        right: 0;
        top: 0;
        margin-top: 0px;
        z-index: 1;
        background: #1c3354;
    }

    .menubox-main:before{ display: none;}
    .menubox-main {
        border-radius: 0px;
        padding: 0px 0px;
    }
    .submenus>li{ position: relative;}
    .submenus>li>a {
        padding: 5px 35px 5px 10px;
    }
    .submenus>li a i{ display: none;}
    .subchild{ display: none;}
    .menu-area>div:not(:last-child) { margin-right: 5px; }
    .submenus>li small{ display: flex;}


    .button-our-school .menubox-main, .btn-enroll .menubox-main {
        transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    } 

    .open-our-school .button-our-school .menubox-main{ left: 0px;}
    .open-btn-enrol-now .btn-enroll .menubox-main { left: 0px;}

    .menubox-main {
        border-radius: 0;
    }
    .open-our-school, .open-btn-enrol-now, .open-side-menu {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .open-our-school .overlay-header, .open-btn-enrol-now .overlay-header, .open-side-menu .overlay-header {
        opacity: 1;
        visibility: visible;
        display: block;
    }

}

.parent-header.header-block.darkHeader {
    background: #10284b;
    padding: 10px 20px;
}

.logo {
    max-width: 173px;
}

.logo img {
    width: 100%;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s; 
    -webkit-transition: all 0.5s ease 0s;
}

@media only screen and (min-width: 991px) {
    .logo { min-width: 173px;}
    
}
.overlay-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    display: block;
    visibility: hidden;
    z-index: 1;
}



.title-purple-bg{ background: #a82f64;  }
.title-purple-bg::before {
    background: #a82f64;
}


.sec-our-school {
    padding: 0px 0px 50px 0px;
    position: relative;
}
.sec-our-school::before{ position: absolute; content: ""; left: 0px; right: 0px; width: 100%; height: 420px; background: #d7d6d8;}
.sec-our-school .container{ position: relative; padding-top: 50px;}
.sec-our-school-row { 
    display: flex;
    flex-wrap: wrap;
}

.our-school-box {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 5px;
    padding-left: 5px;
}
.our-school-card {
    background: #fff;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 1px 0px 3.96px 0.04px rgb(59 60 61 / 17%);
}

.our-school-head{ position: relative; overflow: hidden;}
.our-school-head img {
    width: 100%;
    display: block;
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;
}

.our-school-box:hover .our-school-head img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.our-school-head::before, .our-school-head::after{ position: absolute; content: ""; z-index: 1;}
.our-school-head::before{ background: #0078d4; left: 0; top: 0px; width: 14px; height: 100%;}
.our-school-head::after {
    background: #0078d4;
    bottom:0px;
    width: 100%;
    height: 14px;
    left: 0;
    right: 0;
}


.sec-our-school-row .our-school-box:nth-child(2) .our-school-head::before, 
.sec-our-school-row .our-school-box:nth-child(2) .our-school-head::after  {
    background: #33be53;
}

.sec-our-school-row .our-school-box:nth-child(3) .our-school-head::before, 
.sec-our-school-row .our-school-box:nth-child(3) .our-school-head::after  {
    background: #f61d36;
}

.sec-our-school-row .our-school-box:nth-child(4) .our-school-head::before, 
.sec-our-school-row .our-school-box:nth-child(4) .our-school-head::after  {
    background: #f7ce07;
}

.sec-our-school-row .our-school-box:nth-child(5) .our-school-head::before, 
.sec-our-school-row .our-school-box:nth-child(5) .our-school-head::after  {
    background: #a82f64;
}

.our-school-body {
    padding: 20px;
}

.our-school-footer {
    text-align: right;
    padding: 20px;
    margin-top: auto;
}

.our-school-body h3 {
    font-size: 18px;
    font-weight: 300;
    color: #10284b;
    margin-bottom: 15px;
    min-height: 70px
}

.our-school-body p {
    font-size: 14px;
    color: #555555;
}
.wclSec.ourFs.ourSchl .container {
    position: relative;
}
.wclSec.ourFs.ourSchl:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    background: #d7d6d8;
    height: 440px;
    top: 0;
    width: 100%;
}

.theme-btn.btn-small {
    min-width: 119px;
    background: #0078d4;
    color: #fff;
    border-color: #0078d4;
}

.sec-our-school .title img { 
    left: -160px;
}

@media only screen and (min-width: 991px){
    .bnLf.bnLf-main {
        padding: 0px 0 34px !important;
    }
}


.cource-title-main .title h2 {
    font-size: 37px;
}


.cource-title-inner {
    display: inline-block;
    background: #0078d4;
    color: #fff;
    padding: 27px 24px 25px 0px;
    position: relative;
    border-bottom-right-radius: 8px;
}


.cource-title-inner p {
    font-size: 15px;
    position: relative;
}

.cource-title-inner:before {
    position: absolute;
    content: "";
    right: 100%;
    width: 5000px;
    background: #0078d4;
    height: 100%;
    top: 0;
}

.cource-title-main {
    margin-top: 50px;
}

.sec-title-mid { margin: 20px 0px; text-align: left;}
.sec-title-mid div {
    position: relative;
    display: inline-block;
    padding: 14px 30px 14px 30px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: -20px;
}

.sec-title-mid div:after {
    position: absolute;
    content: "";
    right: 0;
    width: 100%;
}

.sec-title-mid div h1 {
    position: relative;
    z-index: 1;
    color: #fff !important;
    padding: 0px;
}

.purple-color-title div { background: #a82f64;}
.blue-color-title div { background: #0078d4;}
.orange-color-title div { background: #ff7800;}
.red-color-title div { background: #f61d36;}



.sec-title-mid.blue-color-title.hardware-title div {
    background: #33be53;
}

.sec-title-mid.blue-color-title.Hardware-title div {
    background: #33be53;
}

.left-course-tab .Features-area span {
    font-size: 20px !important;
    color: #0471f8 !important;
}

.Features-area {
    margin-bottom: 10px;
}
.cerTF .sec-title-mid {
    margin-top: 0px;
}

.course-video-section .sec-title-mid {
    margin-top: 0px;
}

.content-title-gry .widget-content-left { background: #a82f64;}
.content-title-gry .widget-content-left::before{ background: #a82f64;}
.widget-column.boxBlue>div {
    background: #0078d4;
}
.widget-column.boxGreen>div {
    background: #33be53;
}

.Our-vision-card {
    background: #fff;
    padding: 36px;
    border-radius: 8px;
    box-shadow: 1px 0px 3.96px 0.04px rgb(59 60 61 / 17%);
    margin-bottom: 40px;
}
.Our-vision-inner h2 {
    font-size: 42px;
    font-weight: bold;
    color: #10284b;
    margin-bottom: 10px;
}

.Our-vision-inner p {
    font-size: 17px;
    font-weight: 300;
    color: #10284b;
    margin: 0px;
}

.widget-our-blok {
    display: flex;
}

.widget-ic {
    flex: 0 0 38px;
}

.widget-ic span {
    display: block;
    width: 100%;
    background: #0e2c70;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    height: 38px;
    line-height: 38px;
    font-weight: 600;
}

.widget-content {
    padding-left: 23px;
}

.widget-content p {
    font-size: 16px;
    font-weight: 300;
}
.widget-our-blok+.widget-our-blok {
    margin-top: 35px;
}

.our-missionr-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.our-missionr-row>div {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.title-ligt-blue {
    background: #1c95db;
}
.title-ligt-blue::before {
    background: #1c95db;
}

.ourService-row {
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

.vcard {
    padding: 30px;
    text-align: center;
    width: 20%;
}

.vcard-ic {
    margin-bottom: 20px;
}

.vcard p {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.vcard-1 { background: #c8443e;}
.vcard-2 { background: #62b568;}
.vcard-3 { background: #10284b;}
.vcard-4 { background: #ff9727;}
.vcard-5 { background: #1c95db;}

.sec-our-mission { margin-bottom: 40px;}
.lead-our-text { margin-bottom: 40px;}
.about-bottom .cnt_form {
    padding: 40px !important;
    background: #10284b;
    color: #fff;
    border-radius: 8px;
    padding: 55px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.about-bottom .cnt_form p+p{ margin-top: 20px;}
.sec-our-value { position:relative;}
.sec-our-value .container{  padding-top: 20px;}
.sec-our-value:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    height: 350px;
    background: #d7d6d8;
}
.sec-our-value>div{position: relative;}

.cource-title-main p {
    color: #fff !important;
    margin: 0px !important;
}


.widget-content-left.orange-content-left {
    background: #ff7800;
}
.widget-content-left.orange-content-left:before{background: #ff7800;}

.title-dark-green {
    background: #33be53;
}
.title-dark-green:before {
    background: #33be53;
}

.cource-title-main .title {
    max-width: inherit;
}

.wclSec.bk-gray.custom-text-registration h2 {
    color: #10284b !important;
}

.tu-row-main{ display: flex; margin: 0px -15px;}
.tu-row-main>div{ flex: 0 0 50%; max-width: 50%; padding-right: 15px; padding-left: 15px; text-align: center;}
.tu-row-main>div img {
    width: 100% !important;
    height: auto !important;
}