@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600&display=swap');


 
/* CSS Document */
/*  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; */
/*  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; */
* {
	margin:0;
	padding:0;box-sizing: border-box;scroll-behavior: smooth;
}
body {
	width:100%;   color:#333333; font-family:'Open Sans';font-size:16px; font-weight:300; line-height:32px; overflow-x:hidden
}
p{ color:#333333; line-height:28px; padding:10px 0; text-align:justify}
.stellarnav li a{font-family:'Open Sans';}

p.subheading{ font-size:20px; font-weight:bold; text-transform:uppercase}

.servicesOuterBox,.servicesOuterBoxx{ display:flex; width:100%; max-width:1125px; margin:50px auto}

.servicesOuterBoxLeft,.servicesOuterBoxRight,.servicesOuterBoxxLeft,.servicesOuterBoxxRight{ width:50%; }
.servicesOuterBoxLeft{ padding-right:50px;}

.servicesOuterBoxLeft img,.servicesOuterBoxRight img,
.servicesOuterBoxLeft img,.servicesOuterBoxRight img
{ margin-top:30px}

h1,h2,h3,h4,h5,h6{ font-family:Cinzel; font-weight:600; color:#011b59; margin-bottom:20px; position:relative; font-size:36px}

h1:after,h2:after,h3:after,h4:after,h5:after,h6:after{ position:absolute; left:0; bottom:-10px; height:5px; width:80px; background:#0066ff; content:""}

.fullContainer{ width:100%; margin:0 auto; max-width:1250px; }

.logoHeader{ float:left; padding:10px 0}
.rightHeader{ float:right; padding:10px 0}
.cls{ clear:both}

.bannerBox{ width:100%; float:left}
.bannerBox img{ width:100%}

.counterImg{ margin:-100px auto 0 auto;}

.ccontainer{ width:100%; margin:50px auto 0 auto; max-width:1100px; display:flex}
.ccontainerLeft{ width:60%; padding:50px 50px 0 0}
.ccontainerRight{ width:40%; }
.ccontainerRight img{ width:100%; margin:30px 0 0 0}

.hightlight{color:#333333; line-height:28px; padding:50px; text-align:justify; background:#e3efff; border-left:10px solid #0066ff}

.servicesBox{ width:100%; max-width:909px; margin:0px auto 100px auto; display: flex;
  /*flex-direction: column;*/
  justify-content: space-between;flex-wrap: wrap;height:880px;
  }
.servicesImg1{}
.servicesBox div{ width:454px; height:440px; margin-bottom:1px;flex-direction: column;display: flex; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; background-size:100% 100%}
.servicesBox div p{ background:#0066ff; color:#fff; text-align:center; font-size:20px; margin-top:auto; text-transform:uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.servicesImg1{ background:url(../images/services1.jpg) no-repeat center top;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.servicesImg2{ background:url(../images/services2.jpg) no-repeat center top;}
.servicesImg3{ background:url(../images/services3.jpg) no-repeat center top;}
.servicesImg4{ background:url(../images/services4.jpg) no-repeat center top;}


.servicesBox div:hover{ background-size:110% 110%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; box-shadow:0 0px 10px rgba(0,0,0,0.3) }
.servicesBox div:hover p{ background:#011b59}

.sectionHeadingCenter{ margin:100px auto 30px auto; text-align:center; width:100%}
.sectionHeadingCenter h2{ width:auto; display:inline-block}
.sectionHeadingCenter h2:after{ left:calc(50% - 40px)}

.workscpoe{ width:100%; max-width:1125px; margin:0 auto }

.workscpoe .item img{ width:100%}

#courses p{ color: #fff;
text-align: center;
margin: -40px 0 20px 0;
padding: 0;
font-size: 26px;
text-transform: uppercase;
font-weight: bold;}

.nextpreviousBtn .owl-prev span,.nextpreviousBtn .owl-next span{ opacity:0}
.nextpreviousBtn .owl-prev{ background:url(../images/arrow.png) no-repeat !important; width:45px; height:37px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius:0 !important}
.nextpreviousBtn .owl-prev:hover{ background-position:left -39px !important}

.nextpreviousBtn .owl-next{ background:url(../images/arrow.png) no-repeat right top !important; width:46px; height:37px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; border-radius:0 !important}
.nextpreviousBtn .owl-next:hover{ background-position:right -39px !important}

.why{ width:100%; max-width:1125px; margin:100px auto; display:flex}
.whyLeft{ width:65%; flex-direction: column;display: flex; }
.whyRight{ width:35%; flex-direction: column;display: flex; }
.customBullet li{ list-style:none; background:url(../images/bullet.png) no-repeat left 5px; padding-left:28px; padding-bottom:10px; padding-right:20px}
.customBullet{ margin:15px 0}

.clientBox{ margin:50px auto 0 auto; background:#fafafa; width:100%; padding:40px 5%; float:left }
.clientBox .sectionHeadingCenter{ padding:0 0 20px 0; margin:0}
.clientBox .item{ padding-top:10px}
.clientBox .item img{ margin:0 auto !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.clientBox .item img:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2)}
.fullContainerBoxx{ margin:0px auto 0 auto; width:100%; max-width:1125px;}
.fullContainerBox{ margin:50px auto; width:100%; max-width:1125px; display:flex}
.fullContainerBox div{ margin-right:1px; background:#000}
.fullContainerBox div img{ opacity:0.8;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.fullContainerBox div:hover img{ opacity:1}

.fullContainerBox .sectionHeadingCenter{ background:#fff;justify-content: space-between;flex-wrap: wrap;}

.customLink:link,.customLink:visited{ background:#0066ff; color:#fff; text-decoration:none; font-size:16px; padding:10px 20px; border-radius:50px; margin:0 auto; display:inline-block}
.customLink:hover{ background:#001a59}

.footerBox{ color:#fff; font-size:16px; text-align:center; width:100%; padding:20px; background:#021b5a}

.contactBox{width:100%; max-width:1125px; margin:100px auto; display:flex}
.contactBox div{ width:50%; padding-top:20px}

.viewMore:link,.viewMore:visited{ color:#001a59; text-decoration:none; border:1px solid #001a59; padding:5px 15px; display:inline-block; float:right; margin-top:15px}
.viewMore:hover{ color:#fff;background:#0066ff;}
.cunterMobile{ display:none}
.mobileCall{ display:none}

.fullContainerr{ box-shadow:0 5px 5px rgba(0,0,0,0.1); background:#fff; width:100%; float:left}
.txt{ padding:20px}
.fullContainerBox.xxx{margin-top:1px; margin-bottom:50px; padding-bottom:0; padding-top:0}
.fullContainerBox.xx{ margin-top:1px; margin-bottom:0; padding-bottom:0; padding-top:0}
.profile{ margin:100px 0 0 0; width:auto !important}
@media screen and (max-width:760px) {
	
servicesOuterBoxLeft, .servicesOuterBoxRight, .servicesOuterBoxxLeft, .servicesOuterBoxxRight {
  width: 100% !important;
  flex-direction: column;
}	
.servicesOuterBox, .servicesOuterBoxx{flex-direction: column; padding:20px; width:100%}
.servicesOuterBoxLeft, .servicesOuterBoxRight, .servicesOuterBoxxLeft, .servicesOuterBoxxRight{ padding:0}	
	
.ccontainerRight.cc{ display:block}	
	.profile{ margin:10px 0 20px 0 !important; width:auto !important}
.logoHeader{ width:70%; padding-left:10px}
.rightHeader{ width:30%}
.logoHeader img{ width:100%}
header.header{ float:right; margin-top:10px}
.counterImg{ display:none}
.cunterMobile{ display:block; max-width:100%}
.servicesBox{ height:auto; margin:0}
.servicesBox div{ width:100%}
.servicesBox a{ width:100%}

.ccontainerRight{ display:none}
.hightlight,.why,.contactBox{ padding:20px}
.ccontainer div{ width:100%; padding:0}
.ccontainer{flex-direction: column; padding:20px}
.why,.fullContainerBox,.contactBox{flex-direction: column;}
.why div,.contactBox div{ width:100%}
.fullContainerBox div img{ width:100%}
.fullContainerBox div {
  margin-right: 1px;
  background: #000;
  width: 90%;
  margin: 5%;
}
.mobileCall{ position:fixed; left:5px; bottom:5px; width:50px; height:50px; background:#001a59 url(../images/call.svg) center center; border-radius:50px; display:block;background-size: 30px;
background-repeat: no-repeat; cursor:pointer }


.servicesOuterBoxLeft, .servicesOuterBoxRight, .servicesOuterBoxxLeft, .servicesOuterBoxxRight{ width:100%}
.fullContainerBoxx h1{ margin-left:20px}

.servicesOuterBoxRight img,.servicesOuterBoxxRight img{ width:100%}

.servicesOuterBoxxRight{ order:2}
.servicesOuterBoxxLeft{ order:1}

}