/*font-family: 'Poppins', sans-serif;
font-family: 'Montserrat', serif;
*/

*{box-sizing: border-box;}
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
a:hover, a:active { text-decoration:none; }
a:focus { text-decoration:none; outline:none; }
::-moz-selection { color: #fff; background:#0bd1e3; text-shadow:none;}
::selection { color: #fff; background:#0bd1e3; text-shadow:none; }
p { display:block; padding:0; }
.clearfix{ display:block; line-height:0px; font-size:0px; clear:both; }
header, section, aside, nav, footer { display:block; }
h1, h2, h3, h4, h5{ display:block; margin:0; padding:0;}
ul { display:block; margin:0; padding:0; list-style:none; color:#666; }
body { font-family: 'Poppins', sans-serif; margin:0; padding:0; color:#666}
<!--{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}-->
.container { width: 80%; margin: 0 auto;}

.header { margin: 0; padding: 0; z-index: 9; position: relative;}
.topHeader {background: #22498c;}
.topHeader .container {display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center;}
.topHeader .container ul li{display: inline-block;}
.topHeader .container ul li a{font-size: 14px; color: #fff; padding: 10px 15px; display: block; border-right: solid 1px #ddd;}
.topHeader .container ul li:last-child a{padding-right: 0; border-right:0;}
.topHeader .thLeft i{color: #fff; font-size: 14px;}
.topHeader .thLeft a{padding: 10px; color: #fff; line-height: 1.5em; font-size: 14px;}

.navHeader .container {display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center; background: #fff;}
.navHeader .menu ul li { display: inline-block;}
.menu ul li a{ display: inline-block; color: #333; font-size: 16px; font-weight: 500; padding: 0 15px; text-transform: uppercase;}
.menu ul li:last-child a{ padding-right: 0;} 
.menu ul li a:hover{ color: #0bd1e3;}
.menu ul li.active a{ color: #0bd1e3;}
.menubar {display: none; background: #0bd1e3; cursor: pointer; margin-top: 5px; padding: 10px 20px 8px 20px; border-radius: 2px; z-index: 99; position:relative;}
.menubar i { color: #fff; font-size: 25px;}
.menubar.active{background:#21498c;}
.logoBlk{ position: relative; width: 200px; padding: 15px 0; overflow: hidden;}
.logoBlk img {width: 100%;}
.logoBlk::before{ content: ''; position: absolute; top: -100px; left: 0; z-index: 1; width: 145px; height: 100px;}


/*Banner Block*/
.bannerblk {margin: 0; top: 0;}
.bannerblk .bannerdiv img {width:100%;}
.bannerblk .bannerdiv .bannsercaption  {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center}
.bannerblk .bannerdiv .bannsercaption .container {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}
.bannerblk .bannerdiv .bannsercaption .col-banner img { background:  linear-gradient(rgba(163, 0, 0, 0.8), rgba(26, 1, 1, 0.8)),; width:100%}
.bannerblk .bannerdiv .bannsercaption .col-banner {text-align: left;}
.bannerblk .bannerdiv .bannsercaption .col-banner header {font-size:65px; font-weight: 700; color: #fff; line-height: 1.25em;}
.bannerblk .bannerdiv .bannsercaption .col-banner p { font-size: 20px; font-family: 'Montserrat', serif; color: #fff; font-weight: 400; line-height: 1.70em;}
.bannerblk .bannerdiv .bannsercaption .col-banner a { font-size:20px; display:inline-block; background: none; border: solid 2px #0bd1e3; color:#0bd1e3; margin:25px 0 0 10px; padding:12px 25px; border-radius:35px;}
.bannerblk .bannerdiv .bannsercaption .col-banner a i{ color: #fff; padding-left: 10px; font-size: 28px;}
.bannerblk .bannerdiv .bannsercaption .col-banner a:hover{background:#0bd1e3; color: #fff; transform:translateY(-5px); box-shadow:0px 2px 2px #000;}
.bannerblk .owl-prev, .bannerblk .owl-next {position: absolute; top: 50%; transform: translateY(-50%); left: 4%; width: 70px; height: 70px; border: 2px solid; color: #fff; text-align: center; font-size: 40px; border-radius: 50%; padding: 15px;}
.bannerblk .owl-next {left:inherit; right:4%}
.bannerblk .owl-prev:hover {color: #0bd1e3;} 
.bannerblk .owl-next:hover {color: #0bd1e3;}



/*Services Block*/
.servicesBlk { margin: 35px 0; padding: 60px 0; background: #e6fafc;}
.servicesBlk header {font-size: 16px; padding: 0 0 15px 0; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 10px; border-bottom: solid 2px #ddd; text-align: center;}
.servicesBlk strong {font-size: 30px; font-weight: 500; color: #0bd1e3; margin: 15px 0; display: block; text-align: center;}
.servicesBlk .serviceP {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.servicesBlk .serviceP .sBox { width: 49%; margin: 15px 0; position: relative; overflow: hidden;}
.servicesBlk .serviceP .sBox img {width: 100%;}
.servicesBlk .serviceP .sBox span{ position: absolute; top: 25px; left: 25px; background: #0bd1e3; color: #fff; padding: 5px 15px; font-size: 15px; font-weight: 600; border-radius: 35px;}
.servicesBlk .serviceP .sBox .scBox{ background: #fff; padding: 25px; text-align: left;}
.servicesBlk .serviceP .sBox .scBox h3{font-size: 20px; font-weight: 600; color: #0bd1e3; margin: 0;}
.servicesBlk .serviceP .sBox .scBox p{ color: #666; line-height: 20px; font-weight: 300; margin: 5px 0 15px 0;}
.servicesBlk .serviceP .sBox .scBox b{font-size: 25px; font-weight: 500;}
.servicesBlk .serviceP .sBox .scBox b em{ padding-right: 15px; color: #22498c; font-weight: 700; font-style: normal;}
.servicesBlk .serviceP .sBox .scBox a{ display: inline-block; border: solid 2px #0bd1e3; background: #0bd1e3; color: #fff; padding: 5px 15px; font-size: 15px; font-weight: 600; border-radius: 35px; position: absolute; right: 25px;}
.servicesBlk .serviceP .sBox .scBox a:hover {background: #fff; color: #0bd1e3;}
.servicesBlk a.vm {display: table; background: #21498c; border: solid 2px #21498c; color: #fff; padding: 12px 35px; font-size: 25px; border-radius: 35px; text-align: center; margin: 15px auto;}
.servicesBlk a.vm:hover {color: #21498c; border: solid 2px #21498c; background: none;}

/*About Us Block Being*/
.aboutBlk {padding: 60px 0 20px 0; text-align: center; border-top: solid 1px #ddd;}
.aboutBlk header {font-size: 16px; padding: 0 0 15px 0; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 10px; border-bottom: solid 2px #ddd;}
.aboutBlk strong {font-size: 30px; font-weight: 500; color: #0bd1e3; margin: 15px 0; display: block;}
.aboutBlk p{ font-size: 20px; color: #555; font-weight: 400; font-family: 'Montserrat', serif; line-height: 1.5em; padding: 0;}

/*How to Apply*/
.htApply{ padding: 0; margin: 80px 0;}
.htApply header{font-size: 16px; padding: 0 0 15px 0; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 10px; border-bottom: solid 2px #ddd; text-align: center;}
.htApply strong{font-size: 30px; font-weight: 500; color: #0bd1e3; margin: 15px 0; display: block; text-align: center;}
.htApply .htaBox{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:top;}
.htApply .htaLeft, .htApply .htaCenter, .htApply .htaRight{width: 33%}
.htApply .htaCenter{ overflow: hidden; text-align: center;}
.htApply ul{ width: 100%;}
.htApply ul li{position: relative; margin: 60px 0 0 0; padding-left: 100px; display: block;}
.htApply ul li span{position: absolute; left: 0; background: #0bd1e3; width: 60px; height: 60px; border-radius: 60px; font-size: 18px; color: #fff; border: solid 1px #ddd; display: block; text-align: center;}
.htApply ul li span i{font-size: 25px; line-height: 60px;}
.htApply ul li h2{font-size: 20px; font-weight: 600; color: #0bd1e3; margin:0;}
.htApply ul li p{ padding: 0; font-size: 15px; line-height: 1.5em; font-weight: 400; font-family: 'Montserrat', serif;}
.htApply ul li a{border-radius: 50px; background: #21498c; color: #fff; display: inline-block; padding: 6px 15px; font-size: 12px; text-decoration: none;}
.htApply ul li a:hover{color: #000;}


.qContact {margin: 80px; text-align: center;}
.qcBox {position: relative; overflow: hidden;}
.qcBox img {width: auto; border-radius: 4px;}
.qcBox h3{position: absolute; top:65px; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; font-size: 29px; color: #fff;}
.qcBox h3 b{display: block; font-size: 29px; font-weight: 300; font-family: 'Poppins', sans-serif; margin-bottom: 10px;}
.qcBox h3 i{color:#0bd1e3; margin-right: 10px;}
.qcBox h3 a{color:#0bd1e3; letter-spacing: 1px;}


/*Accordion Blk*/
.accordionBlk {padding: 0 0 80px 0; margin: 0;}
.accordionBlk header { font-family: 'Montserrat', serif; display: block; font-size: 16px; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 10px; border-bottom: solid 1px #ddd; padding-bottom: 10px; text-align: center;}
.accordionBlk h2{ color: #333; line-height: 1.5em; padding: 10px; margin: 0; font-weight: 400; font-size: 17px; text-align: center; padding-bottom: 30px;}
.accordion a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 10px; margin: 5px 0; color: #444; font-size: 1.15rem;
  font-weight: 400; border: 1px solid #e5e5e5; background: #e5e5e5;}
.accordion a:hover, .accordion a:hover::after { cursor: pointer; color: #0bd1e3;}
.accordion a.active { color: #000; border: 1px solid #0cd1e4; background: #0cd1e4;}
.accordion a::after { content: "\f067"; font-family: 'FontAwesome'; position: absolute; float: right; right: 1rem; font-size: 1rem; color: #333; padding: 5px 0;}
.accordion a.active::after { content: "\f068"; font-family: 'FontAwesome'; color: #444;}
.accordion .content { opacity: 0; padding: 0 1rem; max-height: 0; border: 1px solid #0cd1e4; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s; transition: all 0.2s ease 0.15s; font-size: 16px;}
.accordion .content p { font-size: 1rem; font-weight: 300;}
.accordion .content.active { margin-top: -5px; opacity: 1; padding: 1rem; max-height: 100%; -webkit-transition: all 0.35s ease 0.15s; -o-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s;}
.accordion .content p i { color: #0cd1e4; padding-right: 10px; font-size: 12px;}

/*Payment Options*/
.paymentOption { margin: 0 ; padding: 100px 0; text-align: center;}
.paymentOption h1{ font-family: 'Montserrat', serif; font-size: 42px; color: #666;  font-weight: 600; margin: 0 0 5px 0;}
.paymentOption h1 span{ color:#0bd1e3;}
.paymentOption h2 { font-family: 'Montserrat', serif; font-size: 16px; font-weight: 400; color: #666; line-height: 1.5em; margin: 0 0 30px 0;}

.paymentOption .paymetBlk{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:top;}
.paymentOption .paymetBlk .poBlock { width: 31%; height: auto; background: #efefef; }
.paymentOption .paymetBlk .poBlock .imgBx { overflow: hidden;}
.paymentOption .paymetBlk .poBlock .imgBx img{ width: 100%;}

.paymentOption .paymetBlk .poBlock .contentBx { padding: 35px 75px; position: relative;}
.paymentOption .paymetBlk .poBlock .contentBx header{font-family: 'Montserrat', serif; font-size: 26px; color: #0bd1e3; font-weight: 400;}
.paymentOption .paymetBlk .poBlock .contentBx p{ font-family: 'Montserrat', serif; color: #666; font-size: 16px; margin: 5px;}
.paymentOption .paymetBlk .poBlock .contentBx:before { content: '\f00c'; font-family: 'FontAwesome'; position: absolute; background: #cfcece; top: -30px; left: 0; right: 0; margin: auto; width: 60px; height: 60px; line-height: 60px; color: #000; border-radius: 50%;}


/*Our Client*/
.ourprojectsBlk {padding: 100px 50px; background: #666; text-align: center;}
.ourprojectsBlk header { font-size: 45px; font-weight: 700; color: #fff;}
.ourprojectsBlk header span{ color: #0bd1e3;}
.ourprojectsBlk strong{ color: #fff; padding: 0; margin-bottom: 25px; font-size: 17px; font-weight: 300; display: inline-block; font-family: 'Montserrat', serif; }
.ourprojectsBlk p{ padding: 0; color: #fff; font-weight: 300; font-family: 'Montserrat', serif;}
.ourprojectsBlk .owl-carousel { margin: 45px 0 0 0; }
.ourprojectsBlk .owl-carousel .item { background: #fff; padding: 10px; margin: 0 10px; border-radius: 2px; overflow: hidden;}
.ourprojectsBlk .owl-carousel .item img{ width: 100%; }
.ourprojectsBlk .owl-nav { display: none;}
.ourprojectsBlk .owl-dots { display: block; text-align: center; padding:50px 0 0 0;}
.ourprojectsBlk .owl-dots .owl-dot {display:inline-block; width:16px; height:16px;  border: solid 1px #fff; border-radius:50%; margin:02px;}
.ourprojectsBlk .owl-dots .owl-dot.active {background:#fff;}


/*Testimonial Block*/
.testimonialBlk {padding: 100px 0 100px 0; background: #e4e9f1; text-align: center; border-top: solid 1px #ddd;}
.testimonialBlk header {font-size: 18px; padding: 0 0 15px 0; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 5px; border-bottom: solid 2px #ddd;}
.testimonialBlk p{ padding: 5px 0; color: #666; font-weight: 400; font-family: 'Montserrat', serif; line-height: 1.5em;}
.testimonialBlk .owl-carousel { margin:0; padding: 0 30px;}
.testimonialBlk .owl-carousel .item { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:top; background: #e6fafc; margin: 0 35px; padding: 40px 40px 0 40px; position: relative;}
.testimonialBlk .owl-carousel .item .tmLeft{ width: 25%;}
.testimonialBlk .owl-carousel .item .tmLeft img {border-radius: 8px;}
.testimonialBlk .owl-carousel .item .tmRgt{ width: 70%; text-align: left;}
.testimonialBlk .owl-carousel .item .tmRgt header { color: #666; font-size: 25px; text-transform: capitalize; padding: 0; margin: 0; letter-spacing: 0; font-weight: 500; display: block; border:0;}
.testimonialBlk .owl-carousel .item .tmRgt p{font-size: 17px; padding: 0;}
.testimonialBlk .owl-carousel .item .tmRgt i { font-size: 70px; text-align: right; display: block; color: #0bd1e3; padding-bottom: 20px; margin-top: -40px}
.testimonialBlk .owl-carousel .item .tmRgt a{font-size: 16px; color: #0cd1e4; font-weight: 500;}
.testimonialBlk .owl-carousel .item .tmRgt b, .testimonialBlk .owl-carousel .item .tmRgt strong{ display: block; font-weight: 400; color: #666;}
.testimonialBlk .owl-carousel .item .tmRgt b{ font-style: italic; font-size: 18px; }
.testimonialBlk .owl-carousel .owl-item:after {content:''; position: inherit; bottom: -20px; left: -35%; border-left: 50px solid transparent; border-right: 50px solid transparent;
  border-top: 50px solid #e6fafc; z-index: 9;}
.testimonialBlk .owl-prev, .testimonialBlk .owl-next {position: absolute; top: 50%; transform: translateY(-50%); left: 4%; width: 70px; height: 70px; border: 1px solid; color: #000; text-align: center; font-size: 40px; border-radius: 50%; padding: 15px;}
.testimonialBlk .owl-next  {left:inherit; right:4%}
.testimonialBlk .owl-dots { display: none;}

.footerBlk {background: #323232; padding:0; margin: 0;}
.footerBlk .container {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:top; padding:0;}
.footerBlk .fBox{ width: 30%; border-left: solid 1px #666; padding: 25px;}
.footerBlk .fBox p { font-size: 14px; font-weight: 300; text-align: left; color: #fff;}
.footerBlk .fBox p img{ width: 180px; display: block; padding-bottom: 20px;}
.footerBlk .fBox ul { clear: both; margin-top: 30px;}
.footerBlk .fBox ul li {display: inline-block;}
.footerBlk .fBox ul li:first-child {font-size: 20px; color: #fff; font-weight: 600;}
.footerBlk .fBox ul li a{ width: 32px; line-height: 30px; border: 1px solid #fff; display: block; text-align: center; color: #0bd1e3; margin: 0 3px; border-radius: 50%; font-size: 14px;}
.footerBlk .fBox ul li a i { line-height: 32px;}
.footerBlk .linkBox{ width: 22%; border-left: solid 1px #666; padding: 25px 0 25px 25px;}
.footerBlk .linkBox header {display: block; padding: 0 0 5px 0; font-size: 20px; color: #0bd1e3; font-weight: 500;}
.footerBlk .linkBox ul li { margin: 5px;}
.footerBlk .linkBox ul li a { display: block; color: #fff; font-size: 16px; font-weight: 400; padding-left: 15px; position: relative;}
.footerBlk .linkBox ul li a:before { content: "\f105"; font-family: 'FontAwesome'; color: #0bd1e3; position: absolute; left: 0; top: 4px;}
.footerBlk .linkBox:last-child {border-right: solid 1px #666;}

.footerBlk .bFooter{ background: #464646; padding: 20px 0;}
.footerBlk .bFooter p{ font-size: 14px; color: #fff;}
.footerBlk .bFooter p a{ color: #0bd1e3;}
.footerBlk ul.fAddress li a:before {display: none;}
.footerBlk ul.fAddress li {color: #fff;}
.footerBlk ul.fAddress li span{padding-left: 20px;}
.footerBlk ul.fAddress li a{display: inline; text-align: left; padding: 0;}

.gototop {width: 46px; line-height: 46px; background: #0bd1e3; position: fixed; bottom: 10px; right: 7%; text-align: center; border-radius: 50%; font-size: 30px;cursor: pointer; }
.gototop i{ line-height: 46px; color: #fff;}


/*Inner Pages*/

.aboutPage { padding: 50px 0;}
.aboutPage .container {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:top;}
.aboutPage .abtLeft { width: 45%; overflow: hidden;}
.aboutPage .abtLeft img {width:  100%;}
.aboutPage .abtRight { width: 50%;}

.aboutPage .abtRight h3 { font-size: 24px; color: #0bd1e3; font-weight: 600; text-transform: uppercase; border-bottom: solid 1px #ddd; padding-bottom: 10px;}
.aboutPage .abtRight p{ color: #666; font-size: 18px; font-weight: 300; line-height: 1.75em; margin: 10px 0; }
.aboutPage .abtRight a{ font-size: 20px; display: inline-block; background: none; border: solid 2px #0bd1e3; color: #0bd1e3; margin: 25px 0 0 0; padding: 10px 30px; border-radius: 35px;}
.aboutPage .abtRight a:hover{background: #0bd1e3; border: solid 2px #0bd1e3; color: #fff;}
.aboutPage .abtRight strong{font-size: 20px; font-weight: 600;}
.aboutPage .abtRight ul {margin: 5px 0;}
.aboutPage .abtRight ul li{position: relative; padding-left: 15px;}
.aboutPage .abtRight ul li:before {content: "\f105"; font: normal normal normal 22px/1 FontAwesome; position: absolute; top: 0; left: 0; color: #0bd1e3; }

.aboutMessage{margin-bottom: 50px;}
.aboutMessage h4 { font-size: 24px; color: #0bd1e3; font-weight: 600; text-transform: uppercase; border-bottom: solid 1px #ddd; padding-bottom: 10px;}
.aboutMessage p{ color: #666; font-size: 18px; font-weight: 300; line-height: 1.75em; margin: 10px 0; }
/*inner pages*/

.inner_bannerblk {display:block; position:relative}
.inner_bannerblk img {width:100%;}
.innerbannercpation {position: absolute; bottom:40px; font-size: 35px; color: #fff; z-index: 9999; font-weight: 500;}

.readcrumbblk {display:block; margin:0 auto; border-bottom:1px solid #ddd;}
.readcrumbblk ul {display:flex;}
.readcrumbblk ul li {display:block; padding:10px 0; font-size:15px; font-weight:400}
.readcrumbblk ul li:after{content:"\f105"; font-family: 'FontAwesome'; margin:0 10px;}
.readcrumbblk ul li:last-child:after{display:none;}
.readcrumbblk ul li a {color:#666;}
.readcrumbblk ul li a:hover {color:#0bd1e3;}

.contactusblk {display:block; padding:40px 0 0;}
.contactusblk .container {display:flex; flex-wrap:wrap; justify-content:space-between;}
.contactusblk .container .contact-box {width:48%;}
.contactusblk .container .contact-box:first-child {background:url('../img/contact_map.jpg') no-repeat; background-size:100%}

.contactusblk .container .contact_title {display:block; font-size:24px; color:#0bd1e3; font-weight:600; text-transform:uppercase}
.contactusblk .container .contact_subtitle {font-size:18px; font-weight:300; color:#666; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:10px;}
.contactusblk .container ul {display:flex; flex-wrap:wrap; justify-content:space-between}
.contactusblk .container ul li {width:50%; font-size:14px; margin-bottom:25px}
.contactusblk .container ul li strong {display:block; font-size:17px; color:#0bd1e3; font-weight:500}
.contactusblk .container ul li .addresshead {display:block; color:#0bd1e3; font-size:17px; font-weight:500}
.contactusblk .container ul li p {padding:0; margin:0}
.contactusblk .container ul li a{color:#666}
.contactusblk .container ul li a:hover{color:#0bd1e3;}
.contactusblk .container ul li a i {display:inline-block; width:32px; line-height:30px; border:1px solid; text-align:center; border-radius:50%; margin-top:5px;}

.contactusblk .form_title {border-radius: 4px; display:block; background:#0bd1e3; font-weight:700; padding:5px 15px; font-size:24px; color:#fff; text-transform:uppercase}
.contactusblk .form_title + p {font-size:15px; color:#0bd1e3; font-weight:300; line-height:1em; padding:10px 0; margin:0}
.contactusblk form {display:block;}
.contactusblk form .form-group{margin:10px 0}
.contactusblk form .form-group:first-child{display:flex;}
.contactusblk form .form-group input {width:100%; height:45px; border:1px solid #ddd; padding:0 15px; font-family:inherit; font-size:14px; outline:0}
.contactusblk form .form-group:first-child select{height:45px; border:1px solid #ddd; padding:0 15px; font-family:inherit; font-size:14px; outline:0}
.contactusblk form .form-group textarea {width:100%; border:1px solid #ddd; padding:15px; font-family:inherit; font-size:14px; outline:0}
.contactusblk form .form-group button {background: #0bd1e3; padding: 10px 30px; border-radius: 30px; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 700;	font-size: 14px; border:0; outline:0; cursor:pointer; transition:all 0.3s}
.contactusblk form .form-group button:hover{background:#000}
.contactMap iframe {width:100%; margin-top:30px; display:block}

/*Courses Page*/
.coursePage { margin: 50px 0;}
.coursePage header {font-size: 24px; color: #0bd1e3; font-weight: 600; border-bottom: solid 1px #ddd; padding-bottom: 10px;}
.coursePage header span {font-weight: 400;}
.coursePage h5{font-size: 18px; font-weight: 300; color: #666; padding: 10px 0; }
.coursePage .courseP {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.coursePage .courseP .cBox { width: 32%; margin: 15px 0; position: relative; border: solid 1px #ddd;}
.coursePage .courseP .cBox .imgBox {width: 100%; overflow: hidden;}
.coursePage .courseP .cBox .imgBox img { width: 100%;}
.coursePage .courseP .cBox span{ position: absolute; top: 25px; left: 25px; background: #0bd1e3; color: #fff; padding: 5px 15px; font-size: 15px; font-weight: 600; border-radius: 35px;}
.coursePage .courseP .cBox .cpBox{ background: #fff; padding: 15px 15px 25px 15px; text-align: left;}
.coursePage .courseP .cBox .cpBox h3{font-size: 18px; font-weight: 500; color: #21498c; margin: 0;}
.coursePage .courseP .cBox .cpBox p{ color: #666; line-height: 20px; font-weight: 300; margin: 5px 0 15px 0; min-height: 40px;}
.coursePage .courseP .cBox .cpBox b{font-size: 18px; font-weight: 500;}
.coursePage .courseP .cBox .cpBox b em{font-style: normal; font-weight: 600; padding-right: 10px; color: #0bd1e3;}
.coursePage .courseP .cBox .cpBox a{ display: inline-block; border: solid 2px #21498c; background: #21498c; color: #fff; padding: 5px 15px; font-size: 15px; font-weight: 600; border-radius: 35px; position: absolute; right: 25px;}
.coursePage .courseP .cBox .cpBox a:hover {background: #fff; color: #21498c;}
.coursePage .courseP .cBox:hover {border: solid 1px #0bd1e3;} 

.coursesList .container {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:top;}
.coursesList ul { width: 32%; border: solid 1px #ddd; padding: 10px 15px; margin-bottom: 30px;}
.coursesList ul li {position: relative; padding-left: 20px;}
.coursesList ul li:first-child{ list-style: none; font-weight: 600; font-size: 18px; padding-bottom: 10px; padding-left: 0; color: #0bd1e3;}
.coursesList ul li:first-child:before {display: none;}
.coursesList ul:hover {border: solid 1px #0bd1e3;}
.coursesList ul li:before {content: "\f105"; font: normal normal normal 22px/1 FontAwesome; position: absolute; top: 0; left: 0; color: #0bd1e3; }

/*Gallery Page*/
.galleryPage { margin: 0 0 50px 0; min-height: 450px;}
.galleryPage .gallery {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:top;}
.galleryPage .gallery a { width: 24%; overflow: hidden; max-height: 280px; max-height: 235px; margin-bottom: 20px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: #0bd1e3;}
.galleryPage .gallery a img { width: 100%;}
.galleryPage .gallery a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.5;}

/*Blog*/


/*Blog Details*/
.blogmain_blk {display:block; padding:45px 0;}
.blogmain_blk .container {display:flex; justify-content:space-between; flex-wrap:wrap}
.col-blog {width:65%}
.col-blog:last-child {width:30%}
.blogmain_blk .blog_container {margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.blogmain_blk .col-blog .blog_box {width:calc(50% - 15px); margin:15px 0; background:#fff; border:1px solid #ddd;}
.blogmain_blk .col-blog .blog_box p {font-size:15px;}
.blogmain_blk .col-blog .blog_box:hover{box-shadow:0 0 5xp rgba(0,0, 0, 0.1)}

.blogimg { overflow: hidden; position: relative;}
.blogimg img{ width: 100%;}
.blogimg .blogdate { padding-top: 20px;}
.blogimg .blogdateinner { position: absolute; bottom: 30px; left: 30px; background: #0bd1e3; width: 110px; height: 110px; border-radius: 110px; text-align: center; color: #fff; font-size: 14px;}
.blogimg .blogdateinner span {font-size: 35px; font-weight: 700; display: block; line-height: 40px; padding-top: 20px;}

.blog_box .bContent {padding: 20px;}
.blog_box .bContent h3{font-size: 20px; font-weight: 700; color: #22498c;}
.blog_box .bContent h4{font-size: 15px; font-weight: 400;}
.blog_box .bContent a { font-size: 16px; display: inline-block; background: none; border: solid 2px #0bd1e3; color: #0bd1e3; margin: 20px 0 0 0; padding: 5px 20px; border-radius: 35px;}
.blog_box .bContent a:hover{background: #0bd1e3; color: #fff;}

.searc_blogblk {display: block; border: 1px solid #ddd; padding: 15px 15px 30px; box-shadow: 0 0 5px #eee;}
.searc_blogblk .sb_title {display:block; padding:0 0 10px; font-weight:800; color:#3b3b3b; font-size:22px;}
.searc_blogblk form {display:block; position:relative}
.searc_blogblk form input {width:100%; height:45px; border:1px solid #ddd; outline:0; border-radius:30px; padding:0 15px;}
.searc_blogblk form button {position:absolute; right:15px; color:#0bd1e3; top:50%; transform:translateY(-50%); border:0; background:none; cursor:pointer; font-size:16px; outline:0}
.searc_blogblk form button:hover{color:#000}

.subscribe_ourblog  {display:block; margin:20px 0; border: 1px solid #ddd; box-shadow: 0 0 5px #eee;}
.sob_title {background:#0bd1e3; color:#fff; padding:8px 15px; font-size:22px; font-weight:800}
.subscribe_ourblog form{padding:20px;}
.subscribe_ourblog form input {width:100%; height:45px; border:1px solid #ddd; outline:0; border-radius:30px; padding:0 15px;}
.subscribe_ourblog form button {background:#0bd1e3; color:#fff; font-weight:300; border:0; border-radius:30px; margin-top:10px; display:inline-block; padding:12px 15px; font-size:14px; cursor:pointer; transition:all 0.3s;}
.subscribe_ourblog form button:hover{background:#000}

.blog_categories {display:block; margin:20px 0; border: 1px solid #ddd; box-shadow: 0 0 5px #eee;}
.blc_title {background:#22498c; color:#fff; padding:8px 15px; font-size:22px; font-weight:800}
.blog_categories ul {display:block; padding:20px;}
.blog_categories ul li a {position: relative; border-bottom: 1px dashed #ddd; padding: 8px 0 8px 20px; display: block; color: #666; font-size:14px; font-weight:300}
.blog_categories ul li a:hover{color:#22498c;}
.blog_categories ul li a:before {content: "\f105"; font-family: 'FontAwesome'; position:absolute; left:0; top:10px; color:#22498c; }
.blog_categories ul li:last-child a {border:0}

.col-blog .blog_heading {font-size: 32px; font-weight: 800; color: #262728;}
.blogmain_blk .col-blog .blgdetails .blog_box {width:100%; padding:25px; margin:0 10px; box-shadow:none !important}
.blogmain_blk .col-blog .blgdetails .blog_box .blogtitle {font-size:18px; color:#666; border-bottom:1px solid #ddd; padding-bottom: 20px;}
.blogmain_blk .col-blog .blgdetails .blog_box  p {font-size:17px; margin:15px 0}
.blgdetails .blog_box h5 { margin: 0; padding: 15px 0 0 0; font-size: 20px; color: #22498c; line-height: 0.5em; font-weight: 600;}
.blgdetails .blog_box h6 { line-height: 0.5em; margin: 0; padding: 15px 0 0 0; font-size: 20px; font-weight: 700; color: #22498c;}
.blgdetails .blog_box ul li {position: relative; padding-left: 20px;}
.blgdetails .blog_box ul li:before {content: "\f105"; font-family: 'FontAwesome'; font-size: 20px; position:absolute; left:0; top:0; color:#22498c; }
.blgdetails .blog_box p b{color: #0bd1e3; font-weight: 500;}

/*Testimonial Page*/
.testiInner { padding: 50px 0;}
.testiInner .ciBox {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border: solid 1px #ddd; padding: 15px; margin: 20px 0;}
.testiInner .ciBox .imgBox{ overflow: hidden; width: 30%;}
.testiInner .ciBox .imgBox img { width: 100%;}
.testiInner .ciBox .ciContent{width: 65%;}
.testiInner .ciBox .ciContent h3 {font-size: 25px; font-weight: 700; color: #0bd1e3;}
.testiInner .ciBox .ciContent h4 { font-size: 20px; font-weight: 600; font-style: italic;}
.testiInner .ciBox .ciContent p {font-size: 17px; line-height: 1.5em; padding: 10px 0;}
.testiInner .ciBox .ciContent b { font-weight: 500;}
.testiInner .ciBox:hover { background: #e6fafc;}
/*.testiInner .ciBox:nth-child(even) .imgBox{}
.testiInner .ciBox:nth-child(even) .ciContent{}*/

/*Media*/
@media(max-width:1600px){
	.container { width: 100%; padding: 0 140px; margin: 0 auto;}
	.bannerblk .bannerdiv .bannsercaption .col-banner { width: 48%;}
	.paymentOption .paymetBlk .poBlock .contentBx { padding: 35px 25px;}	
	}
	
@media(max-width:1366px){
	.logoBlk { width: 180px;}
	.container { width: 100%; padding: 0 100px; margin: 0 auto;}
	.bannerblk .bannerdiv .bannsercaption .col-banner { width: 70%;}
	.bannerblk .bannerdiv .bannsercaption .col-banner header {font-size: 50px;}
	.bannerblk .owl-prev, .bannerblk .owl-next {width: 60px; height: 60px; font-size: 35px; padding: 10px;}
	.bannerblk .bannerdiv .bannsercaption .col-banner a { margin: 15px 0 0 10px; padding: 10px 20px; font-size: 16px;}
	.bannerblk .owl-next { right:2%}
	.bannerblk .owl-prev { left:2%}
	.menu ul li a { padding: 0 10px;}	
	.coursePage .courseP .cBox .cpBox a { right: 15px; padding: 5px 10px; font-size: 14px;}
	.coursePage .courseP .cBox .cpBox h3 { min-height: 55px;}
	.servicesBlk a.vm {font-size: 20px;}
	
	.footerBlk .container { width: 100%; padding: 0 100px;}
	.footerBlk .fBox { width: 28%; padding: 25px 15px;}
	.footerBlk .linkBox { width: 24%; padding: 25px 10px;}
	.footerBlk .linkBox ul li a { font-size: 14px;}
	.footerBlk .bFooter { padding: 15px 0;}
	ul.fAddress { font-size: 14px;}
	
	.coursePage { margin: 30px 0;}
	.testiInner { padding: 30px 0;}
	.blogmain_blk { padding: 30px 0;}
	.contactusblk { padding: 30px 0 0;}
	.aboutPage { padding: 30px 0;}
	.aboutBlk p { font-size: 17px; line-height: 1.75em;}
	.testimonialBlk .owl-carousel .item .tmRgt p { overflow: hidden; max-height: 55px;}
	.testimonialBlk .owl-carousel .item .tmRgt b {font-size: 15px;}
	.testimonialBlk .owl-carousel .item .tmRgt header {font-size: 20px;}
	.testimonialBlk .owl-carousel .item .tmRgt i{font-size: 60px;}
	.accordionBlk h2 br{display: none;}
	.accordionBlk h2 {font-size: 16px; }
	
	.accordion a {font-size: 1.10rem;}
	
	/*Inner Page*/
	
	
	
	}
	
	
@media(max-width:1280px){
	.container { width: 100%; padding: 0 150px; margin: 0 auto;}
	.bannerblk .bannerdiv .bannsercaption .col-banner { width: 60%;}
	.bannerblk .bannerdiv .bannsercaption .col-banner header { font-size: 36px;}
	.bannerblk .bannerdiv .bannsercaption .col-banner a {    padding: 12px 25px; font-size: 22px;}
	.menu ul li a { padding: 0 10px;}
	.paymentOption .paymetBlk .poBlock .contentBx { padding: 35px 15px;}
	.servicesBlk:before { top: 47%;}
	.menu ul li a { padding: 0 5px;}	
	}
	

@media(max-width:1024px){
	.container { width: 100%; padding: 0 25px; margin: 0 auto;}
	.logoBlk { width: 150px;}
	.header .topHeader ul li a { font-size: 14px;}
	.bannerblk .owl-carousel .owl-nav .owl-prev, .bannerblk .owl-carousel .owl-nav .owl-next { display: none;}
	.bannerblk .bannerdiv .bannsercaption .col-banner header { font-size: 28px;}
	.bannerblk .bannerdiv .bannsercaption .col-banner a { padding: 10px 20px; font-size: 20px; margin-top: 5px;}
	.servicesBlk .servicesBox .sBox { width: 50%; border-bottom: solid 1px #ddd;}
	.servicesBlk:before { display: none;}
	.servicesBlk .servicesBox .sBox:nth-child(2n):after{ display: none;}
	.servicesBlk .servicesBox .sBox:after { right: 0;}
	.servicesBlk .servicesBox .sBox:nth-child(2n):after{ display: none;}
	.innerbannercpation{font-size: 30px;}
	.coursePage .courseP .cBox { width: 48%;}
	}

@media(max-width:991px){
	.menubar { display: block;}
	.menu ul {  display: none; width: 50%; position: absolute; top: 100px; right: 0; background: #21498c; padding: 0; z-index: 99;}
	.menu ul li{ display: block; width: 100%;}
	.menu ul li a { padding: 20px; border-bottom: solid 1px #49689c; display: block; color: #fff;}
	.servicesBlk h2 br, .paymentOption h2 br { display: none;}
	.contactusblk .container .contact-box { width: 100%; margin-bottom: 20px;}
	
	}
	
@media(max-width:767px){	
	.logoBlk { padding: 25px;}
	.logoBlk::before { display: none;}
	.header .topHeader .container {justify-content: center;}
	.servicesBlk .servicesBox .sBox { width: 100%; border-bottom: solid 1px #ddd;}
	.servicesBlk .servicesBox .sBox:after { display: none;}	
	.paymentOption .paymetBlk .poBlock {  width: 75%; height: auto; margin: 15px auto;}
	.bannerblk .bannerdiv .bannsercaption .col-banner a { display: none;}
	.bannerblk .bannerdiv .bannsercaption .col-banner { width: 100%; padding-top: 10px; text-align: center;}
    .coursesList ul { width: 48%;}	
	.aboutPage .abtLeft { width: 100%;}
	.aboutPage .abtRight { width: 100%; margin-top: 25px;}	
	.coursePage .courseP .cBox .cpBox b { font-size: 16px;}
	.testimonialBlk {padding: 50px 0;}
	.testimonialBlk .owl-carousel .item { margin: 0 35px; padding: 30px 30px 0 30px;}
	.testimonialBlk .owl-carousel .item .tmLeft {width: 100%;}
	.testimonialBlk .owl-carousel .item .tmRgt { width: 100%; text-align: center; margin-top: 10px;}
	
	}
	
@media(max-width:575px)	{
	.container { padding: 0 20px;}
	.menu ul { width: 100%;}
	.logoBlk { width: 125px; padding: 15px 0;}	
	.topHeader .thLeft a{font-size: 10px;}
	.bannerblk .bannerdiv .bannsercaption .col-banner header { font-size: 24px; font-weight: 400;}
	.bannerblk .bannerdiv .bannsercaption .col-banner p { font-size: 12px;}
	.header .topHeader ul li a{ font-size: 10px;}
	.header .topHeader ul li i { font-size: 10px;}
	.thRight { display: none;}
	
	.servicesBlk .serviceP .sBox {width: 100%;}	
	.servicesBlk .serviceP .sBox .scBox b {font-size: 20px;}
	.servicesBlk .serviceP .sBox .scBox a {font-size: 12px;}
	.servicesBlk a.vm {font-size: 20px;}
	.htApply ul li { margin: 30px 0 0 0;}
	.htApply ul li h2 { font-size: 18px;}
	.htApply ul li p { font-size: 14px;}
	.htApply ul li a { padding: 5px 10px; font-size: 10px;}
	
	.accordion a { font-size: 1rem;}
	.accordion .content p { font-size: 0.95rem; margin: 0;}
	
	.accordionBlk header{font-size: 14px; letter-spacing: 0;}
	
	
	
	.htApply .htaLeft, .htApply .htaCenter, .htApply .htaRight { width: 100%;}
	
	.qContact {margin: 30px 0;}
	.qcBox h3 { top: 0; margin: auto; height: 100px; font-size: 22px;}
	.qcBox h3 b{font-size: 16px;}
	.qcBox h3 i {margin: 0; display: block; font-size: 50px; padding-bottom: 10px;}
	
	.coursesList ul { width: 100%;}
	.galleryPage .gallery a {width: 48%;}
	
	.coursePage .courseP .cBox { width: 100%;}
	
	.contactusblk .container .contact-box { margin-bottom: 10px;}
	.aboutBlk header {letter-spacing: 5px; font-size: 14px;}
	.servicesBlk header {letter-spacing: 5px; font-size: 14px;}
	.aboutBlk strong {font-size: 20px;}
	.servicesBlk strong {font-size: 20px;}
	.aboutBlk p { font-size: 14px; line-height: 1.5em;}
	.servicesBlk .serviceP .sBox .scBox p{font-size: 14px;}
	.servicesBlk .serviceP .sBox .scBox a{ position: static; display: block; width: max-content; margin-top: 15px;}
	
	.testimonialBlk .owl-nav{display: none;}
	.testimonialBlk .owl-carousel .owl-item:after{left: 0;}
	.testimonialBlk .owl-carousel .item .tmRgt header {font-size: 16px;}
	.testimonialBlk .owl-carousel .item .tmRgt p { font-size: 10px; padding: 0;}
	.testimonialBlk .owl-carousel .item .tmRgt b { font-size: 12px;}
	
	.footerBlk .container { padding: 0 20px;}
	.footerBlk .fBox p img {width: 150px; padding-bottom: 20px;}
	.footerBlk .fBox { width: 100%; padding: 15px 0 30px 0; border-left: 0;  border-bottom:solid 1px #666;}
	.footerBlk .linkBox {width: 100%; border-left: 0;  border-bottom:solid 1px #666;}
	.footerBlk .linkBox:last-child {border-right: 0; border-bottom:0; }
	
}

@media(max-width:320px)	{
	.bannerblk .bannerdiv .bannsercaption .col-banner { padding-top: 64px;}
	.bannerblk .bannerdiv .bannsercaption .col-banner header { font-size: 14px;}
	.bannerblk .bannerdiv .bannsercaption .col-banner p{ font-size: 8px;}
	
	}