
body { color: #636569; font-family: 'Poppins', sans-serif; letter-spacing:0.4px; font-size:17px; line-height: 25px;}
*{ margin:0px; padding:0px;}
a:hover, a:focus, .btn:hover, .btn:focus{ text-decoration:none; transition: all 0.3s ease; outline: 0;}
a{transition: all 0.3s ease; outline: 0;}
.navbar-toggler:not(:disabled):not(.disabled){outline: 0;}
.btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active { box-shadow: 0 0 0 0 rgba(0,123,255,0);}
.navbar-brand img{ width:180px; height:auto;}
.navbar-brand { padding:1px 0;}
.navbar-expand-md .navbar-collapse{ display:block;}
.bg-light{ background:rgba(0, 0, 0, 0.0) !important;}
.navbar-light .navbar-nav .nav-link { color:#453e79 !important;  letter-spacing:0.5px;font-size:15px;padding:12px 23px; border-radius:10px; font-weight: 500; text-transform: uppercase; }
.navbar-light .navbar-nav .nav-link:hover{background:rgba(255, 255, 255, 0.5); color:#FC3B5A !important; }
.navbar-light .navbar-nav .active > .nav-link{color:#fff !important;
background: linear-gradient(to right,  #FC3B5A 0%,#F9772E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.navbar-light .navbar-nav .active > .nav-link:hover{color:#fff !important;
background: linear-gradient(to right,  #FC3B5A 0%,#F9772E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}    
.carousel-caption{ text-align:center !important; top:180px;}
.nav-link.loginLink{ border:1px solid rgba(255,255,255, 0.6); padding:8px 12px !important;}
.nav-link.loginLink:hover{ border:1px solid #00d2eb; }
.navbar-light .navbar-nav .dropdown-menu a.dropdown-item{padding: 7px 15px; font-size:14px; color:#fff;}
.navbar-light .navbar-nav .dropdown-menu a.dropdown-item:hover,
.navbar-light .navbar-nav .dropdown-menu a.dropdown-item:focus{background: none; color: #c5bfee; }
.navbar-light .navbar-nav .dropdown-menu a.dropdown-item.dropdown-toggle{
  padding: 0 !important; position: absolute; width: 37px; height: 39px;  top: -39px; right: 0;}
.collapse:not(.show) { display: none;}
::placeholder { color: #777;  opacity: 1; /* Firefox */}
::-ms-input-placeholder { /* Edge 12-18 */  color: #777;}
.mobileData{  display: none;}
.centerAlign{ align-items: center;}
.fixed-top{border-bottom:1px solid #f9f9f9; padding:28px 0 18px; position: absolute;}
.bannerBox .btn{ font-size: 17px;  padding: 13px 30px;}
.bannerBox .btn span img { height: 15px; }
.btn{
    padding: 12px 25px;
    background: #453e79;
    color: #fff !important;
    border-radius: 10px;
    display: inline-block;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.9px;
    cursor: pointer;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border: none;
    outline: none;
}
.btn:focus{
  border: none;
  outline: none;
}
input:focus, button:focus{ 
  outline: none;
}
.btn:hover{
  background: #443f66;
}
.btn span{
  margin-left: 13px;
}
.btn span img{
  height: 13px;
  width: auto;
}
.btn span img.downloadIcon{
  height: 16px; 
  margin-top: -3px;
}
h1, h2, h3, h4, h5, h6{ 
  letter-spacing:0.1px;font-family: 'Poppins', sans-serif;
  line-height: normal
}
.textCenter{ text-align: center;}
.orgGradient{
  background: -webkit-linear-gradientto right, (#FB3B59, #F8732F);
  background: linear-gradient(to right, #FB3B59, #F8732F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
header{  background: #f9f9f9; position: relative; padding-top: 94px;}
.justiCenter{
  justify-content: center;
}
.whtBG{
  background: #fff;
}
.wrapper{
  width: 100%;
  display: block;
  min-height: 300px;
}
.bannerBox{
  padding-top: 8px;
  display: block;
  overflow: hidden;
  width: 100%;
  background: #f9f9f9;
  font-size:14px;
  padding-bottom: 60px;
}
.innBannerBox{
padding-top: 8px;
display: block;
overflow: hidden;
width: 100%;
background: #f9f9f9;
font-size:14px;
padding-bottom: 60px;
text-align: center;
}
.innBannerBox h1{
  font-size: 42px;
  font-weight: 700;
  margin-bottom: -5px;
  margin-top: 45px;
  line-height: normal;
  color: #453e79;
}
 .bannImg{
  position: relative;
  margin-left: -40px;
 }
 .bannImg .tagBox{
  position: absolute;
  color: #595A5E;
  background: rgba(255, 255, 255, 0.92);
  padding: 9px 14px 9px;
  font-size: 12px;
  letter-spacing: 0.1px;
  font-weight: 600;
  border-radius: 8px;
  box-shadow: 15px 7px 25px 1px rgba(0,0,0,0.35);
 }
 .bannImg .tagBox h4{
  letter-spacing: 0px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom:-2px;
 }
 .bannImg .tagBox:nth-child(1){
  top: 15%;
  left: 4%;
 }
 .bannImg .tagBox:nth-child(2){
  top: 44%;
  left: 0%;
 }
 .bannImg .tagBox:nth-child(3){
  top: 72%;
  left: 17%;
 }
 .bannImg .tagBox:nth-child(4){
  top: 11%;
  right: 5%;
 }
 .bannImg .tagBox:nth-child(5){
  top: 39%;
  right: -4%;
 }
 .bannImg .tagBox:nth-child(6){
  top: 66%;
  right: -1%;
 }
 .bannerBox h1{
  font-size:54px;
  font-weight: 700;
  margin-bottom: 2px; 
  margin-top: 20px;
  line-height:normal;
}
 .bannerBox h2{
  font-size:33px;
  color: #453e79;
  font-weight: 700;
  margin-bottom: 0;
 }
 .bannerBox p{
  font-size:17px;
  color: #65676B;
  font-weight: 400;
  margin:21px 0 34px;
  padding-right: 22%;
  line-height: 25px
 }

.container { padding:0px;}
.myTop .navbar{ 
  background:#fff !important; 
  border-bottom:0px none;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.08);
  position: fixed;
  top:0px; 
  padding:18px 0 18px;
  animation-name: example;
  animation-duration: 4s;
  animation-delay: 2s;
}
.aboutUs{
  padding: 70px 0;
  display: block;
}
.wrapper .aboutUs h1 { 
  margin-bottom: 8px;
}
.evolutionBox{
  padding: 70px 0;
  display: block;
  background-color: #F9F9F9;
}
.evolutionBox .tab-content{
  box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.08);
  border-radius: 15px;
  padding: 30px;
  background: #fff;
}
.evolutionBox .nav-tabs .nav-item {
  margin-bottom: 0px;
}
.evolutionBox .nav-tabs{
  border-bottom: 0px none;
  padding-left: 0;
  margin-top: 30px;
}
.evolutionBox .nav-tabs .nav-link{
  background: none;
  color: #453e79;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.4px;
  padding:19px 30px 27px;
  border: 0px none;
  margin-bottom: -10px;
}
.evolutionBox .nav-tabs .nav-link:hover{
 color: #fb483b;
}
.evolutionBox .nav-tabs .nav-link.active{
  box-shadow: 0px -4px 6px 0px rgba(0,0,0,0.08);
  border-radius: 15px 15px 0 0; 
  color: #fb483b;
  border: 0px none;
  background-color: #fff ;
}
.evolutionBox .nav-tabs .nav-link.active:hover{
  background-color: #fff !important;
}
.scaleOut {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 60px 0 22px;
}
.scaleRow {
  background: #F9F9F9;
  padding: 9px 35px;
  border-radius: 50px;
  box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.10);
  margin: 16px 0;
}
.scaleMid img{
  width: 280px;
  height: auto;
}
.scaleRight .scaleRow{
  border-radius: 50px;
}
.scaleRight, .scaleLeft{
  position: relative;
}
.mobileData .scaleLeft{
  width: 50%;
}
.mobileData .scaleRight{
  width: 50%;
}
.scaleHead{
  position: absolute;
  left: 35px;
  top: -60px;
}
.wrapper .scaleHead h3{
  margin-bottom: 11px;
}
.scaleRow h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  line-height: 22px;
}
.scaleOut.noBullet{
  align-items: flex-start;
}
.scaleOut.noBullet .scaleRow{
  border-radius: 0 0 0 0;
  box-shadow: 0px 0 0 0px rgba(0,0,0,0.0);
  margin: 0 0 0; 
  padding: 0 15px 10px 35px;
  background-color: none;
  background: url(../images/bullet.svg) no-repeat 20px 9px;
  background-size: 6px;
}
.scaleOut.noBullet .scaleRight .scaleRow{ 
  padding: 0 10px 10px 35px; 
}
.scaleOut.noBullet .scaleRight {  
  margin-left: 10px;
}
.scaleOut.noBullet .scaleLeft{
  margin-top: 50px;
  width: 40%;
}
.scaleOut.noBullet .scaleHead { 
  left: 22px;}

.scaleOut.noBullet .scaleRight{
  margin-top: 50px;
  width: 40%;
}
.subjectsList{
  padding-left: 21px;
  padding-right: 20px;
  margin-top: 10px;
  max-height:220px;
  overflow: auto;
}
.subjectsList span {
  list-style: none;
  font-weight: 500;
  display: inline-flex;
  border-radius: 40px;
  padding: 8px 15px 8px 36px;
  border: 1px solid #453e79;
  color: #000;
  white-space: nowrap;
  background: #fff url(../images/blueTik.svg) no-repeat 15px center;
  background-size: 13px;
  margin-right:  8px;
  margin-bottom: 14px;
}
.servicesBox{
  padding: 70px 0;
  display: block;
}
.servBox .padBott{
  margin-bottom: 16px;
}
.wrapper .servicesBox h1{
  margin-bottom: 25px;
}
.joinTodayBox{
  padding: 70px 0;
  display: block;
  background-color: #F9F9F9;
  font-size: 16px;
  font-weight: 500;
}
.joinTop{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.joinTopLeft{
  width: 50%;
}
.joinTopLeft h3{
  margin-bottom: 0;
}
.joinTodayBox .servBox{
  display: flex;
  background-color: #fff;
  padding: 24px;
  margin-bottom: 30px;
}
.joinTodayBox .servBox *{
  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
}
.joinTodayBox .servBox:hover{
  background-color: #453e79;
  color: #fff;
}
.joinTodayBox .servBox:hover h3 {
  color: #fff;
}
.joinTodayBox .servBox:hover .servBoxLeft{
  background: #413C67;
  color: #fff; 
}
.joinTodayBox .servBox:hover{
  
}
.joinTodayBox .servBox h3{
  color: #453e79;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 7px;
  margin-top: -4px;
}
.joinTodayBox .row .col-sm-12:nth-child(3) .servBox,
.joinTodayBox .row .col-sm-12:nth-child(4) .servBox{
margin-bottom: 0;
}
.joinTodayBox .deviderLine{
  margin-bottom: 11px;
}
.servBoxLeft{
  width: 75px;
  height: 75px;
  min-width: 75px;
  background: #F5F3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 22px;
  color: #FB3B59;
  font-size: 31px;
}
.testimonilas{
  padding: 70px 0;
  display: block;
}
.testimonilas .row .row {
  margin-right: -10px;
  margin-left: -10px;
}
.testimonilas .servBox{
  margin-bottom: 0;
  margin-top: 0;
  background: #fff;
}
.testimonialsName{
  display: flex;
  margin-bottom: 17px;
  align-items: center;
}
.testimonialsName span{
  height: 49px;
  width: 49px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 19px;
}
.testimonialsName span img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.testimonialsName div h5{
  display: block;
  color: #0B1941;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.testimonialsName div i{
  display: block;
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
}
.clientSliderBox{
  padding: 70px 0 60px;
  display: block;
  background-color: #F9F9F9;
}
.clientRowOut{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: auto;
  padding-bottom: 10px;
  margin-top: 5px;
  flex-wrap: nowrap;
}
.clientRowOut .servBox{
  padding: 20px;
  background: #fff;
  min-height: 216px;
  margin: 10px 1% 0;
  min-width: 30.33%;
  width: 31.33%;
  text-align: left;
}
.clientRowOut .servBox img{
  max-height: 50px; 
}
.clientRowOut .servBox h5{
   font-weight: 600;
   font-size: 17px;
   color: #453e79;
}
.clientSliderBox .carousel-control-prev,
.clientSliderBox .carousel-control-next{
  width: 35px;
  height: 50px; 
  top: 50%;
  margin-top: -25px;
  border-radius: 10px;
}
.clientSliderBox .carousel-control-prev{
  left: -38px;
}
.clientSliderBox .carousel-control-next{
  right: -38px;
}
.carousel-control-prev-icon{
  background: url(../images/arrowleft.svg) no-repeat center center;
  height: 28px;
  width: 16px;
}
.carousel-control-next-icon{
  background: url(../images/arrowright.svg) no-repeat center center;
  height: 28px;
  width: 16px;
}
.wrapper h1{
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;  
  line-height: 45px;
}
.wrapper h3{
  color: #453e79;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 14px;  
}
.aboutUs h3{
  padding-right: 15%;
}
.deviderLine{
  height: 3px;
  width: 50px;
  border-radius: 5px;
  background: linear-gradient(to right,  #FC3B5A 0%,#F9772E 100%);
  display: block;
  margin-bottom: 16px;
}
.currierSubHead{
  padding: 0 18%;
}
.benefitText{
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 0 15%;
}
.benefitImgRelative{ position: relative; display: inline-block; margin-bottom: 30px;}
.benefits{
  position: absolute; 
  right: 210px;
  top: 20px;
  height: 140px;
  width: 140px;
  border-radius: 30px;
  display: flex;
}
.benefits a{
  height: 100%;
  width: 100%;
  display: block; 
}
.benefitInner8{
  right: auto;
  left: 129px;
  top: 58px;
}
.benefitInner7{
  right: auto;
  left: 24px;
  top: 196px;
}
.benefitInner6{
  right: auto;
  left: 58px;
  top: 375px;
}
.benefitInner5{
  top: auto;
  right: auto;
  left: 193px;
  bottom: 40px;
}
.benefitInner4{
  top: auto;
  bottom: 67px;
  right: 142px;
}
.benefitInner3{
  top: 313px;
  right: 39px;
}
.benefitInner2{
  top: 134px;
  right: 64px;
}
.benefitInner1{
  right: 203px;
    left: auto;
    top: 19px;
}
.centerLine{ display: inline-block !important; margin-top: 10px;}
.videoOut{ text-align: center; padding-bottom: 70px; margin-top: 270px;}
.videoWrapper{ 
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#Videocontainer{
  position: absolute;
  top: 23px;
  width: 682px;
  left: 281px;
  height: 435px;
  background: #000;
}
.videoWrapper img{ width: 900px; height: auto; }
.videoOut .container{ position: relative; height: 300px;}
.imgBox{
  box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.08);
  border-radius: 15px;
  padding: 20px;
}
.imgBox img{
  max-width: 100%;
  height: auto;
}
.aboutUs p{
  margin-bottom: 10px;
}
.servBox{
  padding: 30px;
  box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.08);
  border-radius: 15px;
}
.servBox h3{
  margin-top: 20px;
}
.servBox p{
  margin-bottom: 0px;
}
footer{
  color: #C8C3EA;
  background: #453e79;
  padding: 70px 0 0;
  letter-spacing: 0.7px;
  font-weight: 300;
}
footer h4{
  font-size: 19px;
  color: #fff;
  letter-spacing: 0.7px;
  margin-bottom: 17px;
}
.footerLinksOut{
  display: flex;
}
.footerLinks{
  width: 100%;
  margin-bottom: 30px;
}
.footerLinks ul li{
  list-style: none;
  display: block;
}
.footerLinks ul li a{
  color: #C8C3EA;
  padding: 1px 0 11px;
  display: block;
}
.footerLinks ul li a:hover{
  color: #fff;
}
.footerAbout p{
  padding-right: 15px;
}
.footerAbout img{
  margin-bottom: 20px;
}
.footerAbout a{
  text-decoration: underline;
  font-weight: 400;
  color: #fff;
  margin-bottom: 30px;
  display: flex;
}
.footerAbout a:hover{
  color: #C8C3EA;
}
.inputOut{
  display: block;
  width: 100%; 
  border-radius: 10px;
  background: #342c6a;
}
.inputOut .myInput{
  background: none;
  width: 100%;
  border: 0px none;
  padding: 11px 25px;
  color: #C8C3EA;
  font-weight: 300;
  letter-spacing: 0.7px;
}
.inputOut .myInput::placeholder {
  color: #9792b8;
  opacity: 1; /* Firefox */
}
.inputOut .myInput ::-ms-input-placeholder { /* Edge 12-18 */
  color: #9792b8;
}
.newsLetterBox .btn{
  background: linear-gradient(to right,  #FC3B5A 0%,#F9772E 100%);
  margin-top: 20px;
}
.orgBtn{
  background: linear-gradient(to right,  #FC3B5A 0%,#F9772E 100%);}
.orgBtn:hover{
  background: linear-gradient(to right,  #f32648 0%,#f06616 100%) !important;}
.contactLeft .btn{
  background: linear-gradient(to right,  #FC3B5A 0%,#F9772E 100%);
  margin-top: 10px; padding: 12px 55px
}
.bigBtn{
  padding: 16px !important;
  text-align: center !important;
  margin-top: 40px !important
}
.myInput{
  border-radius: 12px;
  border: 0px none;
  background: #3B3470;
  min-height: 47px;
  resize: none;
  font-size: 14px;
  padding: 12px 20px;
  color: #C8C3EA;
}
.myInput:focus{
  background: #3B3470;
  border: none;
  outline: none;
  color: #C8C3EA;
}
.myInput::placeholder {
  color: #8681A8;
}
.newsLetterBox .btn span{
  margin-left: 0;
  padding-right: 10px;
}
.newsLetterBox .btn span img {
  height: 17px;
}
.newsLetterBox .inputOut{
  position: relative;
}
.newsLetterBox .inputOut span{
  position: absolute;
  left: 18px;
  top: 10px;
}
.officeAddress ul{
  margin-bottom: 30px;
}
.officeAddress ul li{
  list-style: none;
  margin-bottom: 10px;
  position: relative;
  padding-left: 34px;
}
.officeAddress ul li:last-child{
  margin-bottom: 0;
}
.officeAddress ul li span{
  position: absolute;
  left: 0;
  top: 2px;
}
.newsLetterBox .inputOut .myInput{
  padding-left: 50px;
}
.newsLetterBoxMobile{
  display: none;
}
.copyRight{
  text-align: center;
  padding: 30px 0;
  margin-top: 20px;
  font-size: 13px;
  border-top: 1px solid #5f5988;
}
.testimonilas .carousel .carousel-item { 
	overflow: hidden;
	min-height: 120px;
	font-size: 13px;
  padding: 0 10px;
}
.testimonilas .carousel .media img {
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%;
}
.testimonilas .media-body span{
  font-size: 55px;
  position: relative;
  display: inline-block;
  height: 17px;
  width: 39px;
}
.testimonilas .media-body span::before {
	content: "";
	font-family: Arial,sans-serif;
  background:url(../images/quote.svg) no-repeat left top  ;
  height: 25px;
  width: 35px;
  position: absolute;
	left: 0;
	top: 0;
} 

.testimonilas .carousel .overview b {
	text-transform: uppercase;
	color: #1c47e3;
}
.testimonilas .carousel .carousel-indicators {
	bottom: -40px;
}
.testimonilas .carousel-indicators li, .testimonilas .carousel-indicators li.active {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 1px 3px;
	box-sizing: border-box;
}
.testimonilas .carousel-indicators li {	
	background: #e2e2e2;
	border: 4px solid #fff;
}
.testimonilas .carousel-indicators li.active {
	color: #fff;
	background: #453e79;    
	border: 5px double;    
}
.mobileStaticstics{
  padding: 60px 0 30px;
  background: #453e79;
  color: #C8C3EA;
  display: none;
}
.staticsInn{
  border-radius: 10px;
  background: #342c6a;
  margin-bottom: 30px;
  padding: 22px 25px 21px;
  min-height: 133px;
}
.staticsInn h4{
  margin-bottom: 3px;
  font-size: 23px;
  font-weight: 800;
}
.infrastructure{
  padding: 0 0 70px;
  display: block;
  text-align: center;
  background: #F9F9F9;
}
.infraInn{
  padding: 60px 70px 0 70px;   
  width: 70%;
  margin: 0px auto;
  border-radius: 15px; 
  text-align: center;
  color: #636569;
  font-size: 15px;
  font-weight: 400; 
}
.infraInn p{
  margin-bottom: 0px;
  line-height: 23px;
}
.strenghtBox{
  padding: 70px 0 40px;
  display: block;
  background-color: #F9F9F9;
}
.strenghtBox h1{
  margin-bottom: 25px;
}
.wrapper .strenghtBox h3{
  margin-bottom: 25px !important;
}
.strenghtBox .servBox{
  background: #fff;
  margin-bottom: 30px;
  position: relative;  
  padding:  25px 25px 25px 100px;
  min-height: 119px;
}
.strenghtBox .servBox span{
  font-size: 44px;
  position: absolute;
  text-align: center;
  height: 100%;
  left: 0;
  top: 0;
  font-weight: 700;
  border-right:1px solid #D4D5D8 ;
  width: 75px;
  padding: 25px;
  display: flex;
  align-items: center;
}
.textBookPara{ margin-bottom: 0 !important;}
.servSectionBox{
  padding: 70px 0 70px;
  display: block;
  background-color: #F9F9F9;
}
.servSectionBox h1{
  margin-bottom: 25px;
}

.servSectionBox .servBox{
  background: #fff; 
  position: relative;
  height: 100%;   
}
.servSectionBox .servBox h3{
  margin-top: 0px;
}
.founderBox{
  /* background: #f9f9f9; */
  display: block;
  padding: 70px 0;
}
.founderInn{
  text-align: center;
  width: 950px;
  margin: 0 auto;
  max-width: 100%;
}
.founderInn span{
  color: #453e79;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 50px;
  display: block;
  line-height: 27px;
}
.founderInfo{
  display: flex;
  text-align: left;
}
.infoLeft{
  padding-right: 50px;
  width: 75%;
}
.infoRight{
  width: 25%;
  overflow: hidden;
}
.infoRightProfile{
  width: 25%;
  overflow: hidden;
}
.infoRight img{
  width: 100%;
  height: auto;
  border-radius:10px;
}
.infoRightProfile img{
  width: 100%;
  height: auto;
  border-radius:10px;
}
.infoLeft h4{
  font-weight: 700;
  font-size: 19px;
  margin: 0 0 7px;
}
.infoLeft h5{
  font-weight: 600;
  font-size: 14px;
  margin: 0 0 15px;
  color: #453e79;
}
.proctoring h3.topSpace{
  margin-top: 20px;
}
.caseStudies .servBox a.btn{
  margin-top: 25px;
}
.caseStudies .servBox a.btn span img {
  height: 17px;
  width: auto;
}
.contactPage{
  padding: 70px 0;
  display: block;
}
.contactPage .container{ 
  max-width: 900px;
}
.contactBox{
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.08);
  display: flex; 
}
.contactLeft{
  display: block;
  width: 50%;
  background: #453e79;
  padding: 35px;
}
.contactRight{
  display: block;
  width: 50%;
  background-color: #F9F9F9;
  color: #636569;
  padding: 35px;
}
.wrapper .contactRight h3{
 font-size: 17px; 
}
.contactRight .deviderLine{
  margin-bottom: 25px;
}
.contactRight h5{
  margin-bottom: 3px; 
  font-weight: 600;
  font-size: 17px;
  color: #453e79;
}
.contactRight a{
  color: #636569;
}
.contactRight a:hover{
  color: #453e79;
}
.mailRow{
  position: relative;
  padding-left: 80px;
  margin-bottom: 30px;
  padding-top: 3px;
}
.mailRow span{
  position: absolute;
  background: #453e79;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  left: 0;
  top: 0;
}
.mapOut{
  display: block;
  position: relative;
  width: 100%;
}
.mapOut img{ width: 100%; height: auto; }
.mapImg{ opacity: 0.5;}
.pin3{ position: absolute; top: 35.4%; left: 45.85%; height: 2px; width: 2px;  background: #ff0000;}
.pin2{ position: absolute; top: 43%; left: 28.5%; height: 2px; width: 2px;  background: #ff0000; }
.pin1{ position: absolute; top: 53%; left: 65.6%; height: 2px; width: 2px; background: #ff0000;  }
.mapOut span{ display: block;}
.mapPin:hover{ cursor: pointer;}
.mapOut span img{ width: 40px; height: auto; position: absolute; left: -19px; bottom: -8px;}
.address{ position: absolute; display: none; z-index: 4;
  bottom: 49px;
  left: -98px;
  background: #fff; 
  padding: 10px;
  border-radius: 10px;
  width: 199px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #222;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3); }
  .mapPin:hover + div {
    display: block;
}


.address span{ display: inline-block; color: #ff4f17; font-weight: 700;}
.pin2 .address span{ color: #ff0f9f; }
.pin3 .address span{ color: #0080f7; }
.darkBg{ background: #F9F9F9 !important;}
.lightBg{ background: #fff !important;} 
.carousel.slide .carousel-item{
  padding: 15px 0;
  align-items: flex-start !important;
}
.carousel.slide .carousel-item .servBox{
  min-height: 268px; 
  background-color: #fff;
}

.carousel.slide .carousel-item .servBox em {
   margin-right: 2px;
  font-weight: 600;
  color: #fb483b;
  font-style: normal;
  }
  .serviceTop{
    margin: 70px 0;
  }
  .serviceTop.newServTop{ margin-bottom: 45px;}
  .customContent{
    padding: 70px 0;
  }
  .customContent h1{
    margin-bottom: 20px;
  }
  .custData{
    display: flex;
    align-items: center;
  }
  .custDataBtn{
    padding-left: 40px;
  }
  .editorialSteap{
    margin-top: 40px;
    text-align: center;
  }
  .serviceTopEditorial{
    margin-top: 70px;
  }
  .synSteap{
    padding: 70px 0;
    text-align: center;
  }
  .synBox .servBox.whtBG h3 {
    margin-top: 0;
  }
  .sameHeight .servBox {
    height: 100%;
  }
  .textCent{ text-align: center;}
  .assemntSystem{
    padding: 70px 0;
  }
  .synBox{
    padding: 70px 0 60px;
  }
  .synBox h3{
    margin-top: 20px;
  }
  .keyAspect.synBox{
    padding-top: 0;
  }
  .keyAspectTop{
    text-align: center;
    padding: 0 120px 25px;
    font-weight: 500;
    font-size: 16px;
    color: #453e79;
  }
  .keyAspect.synBox h3{
    margin-top: 0;
  }
  .synBox ul { 
    display: block;
    margin-bottom: 0;
  }
  .synBox ul li {
    display: block;
    list-style: none;
    padding-left: 22px;
    margin-bottom: 10px;
    line-height: 24px; 
    background: url(../images/blueTik.svg) no-repeat left 6px;
    background-size: 12px;
  }
  .synBox ul li span{
    color: #FA474F;
    font-weight: 500;
  }
  .synBox .serviceTopInner{
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .synBox .serviceTopCont{
    display: block;
  }

  .synBox .serviceTopCont ul {
    color: #C2BDE4;
    display: block;
    margin-bottom: 0;
  } 
  .synBox .serviceTopCont ul li {
    display: block;
    list-style: none;
    padding-left: 22px;
    margin-bottom: 8px;
    line-height: 21px;
    font-weight: 300;
    background: url(../images/lightTik.svg) no-repeat left 6px;
    background-size: 12px;
  } 
  .synBox .serviceTopCont h1{
    margin-bottom: 20px;
  }
  .synBox ul li b{
    font-weight: 600;
  }
  .subjectGrade{
    padding: 70px 0;
    background: #453e79;
    color: #fff;
  }
  .proctoring{
    padding: 70px 0;
  }
  .proctoring h4{
    color: #FA474F;
    font-weight: 600;
    font-size: 18px;
  }
  .proctoring h3{
    margin-top: 0;
  }
  .proctoring .servBox{
    margin-bottom: 40px;
    background: #ffffff;
  }
  .servBox.greyBox{
    background: #f9f9f9 !important;
  }
  .proctoring .servBox .btn{
    margin-top: 20px;
  }
  .strategicCleint{
    padding-bottom: 70px;
    padding-top: 70px;
  }
  .strategicCleint .container{
    width: 800px;
    max-width: 100%;
  }
  .blueBoxInner{
    background: #453e79;
    color: #C2BDE4;
    border-radius: 20px;
    padding: 40px 40px 50px;
    text-align: center;
  }
  .blueBoxInner .btn span{ margin-right: 10px; margin-left: 0;} 
  .blueBoxInner a{
    background: linear-gradient(to right,  #FC3B5A 0%,#F9772E 100%);
  }
  .blueBoxInner a:hover{
    background: linear-gradient(to right,  #fa2649 0%,#f56a1a 100%);
  }
  .blueBoxInner h1{
    margin-bottom: 15px;
    font-weight: 700;
  }
  .blueBoxInner p{
    margin-bottom: 20px;
  }
  .subjectGrade .smFont{
    font-style: italic;
    font-size: 12px;
    font-weight: 300;
    color: #C2BDE4;
    display: block;
    margin-top: 30px;
  }
  .protoInn{
    margin-bottom: 15px;
  }
  .proctoring .boldText{
    margin-bottom: 40px;
  }
  .initialTraining{
    margin-top: 30px;
  }
  .initialTraining ul{
    margin-bottom: 0px;
  }
  .initialTraining ul li {
    display: block;
    list-style: none;
    padding-left: 22px;
    margin-bottom: 8px;
    line-height: 24px;
    background: url(../images/blueTik.svg) no-repeat left 6px;
    background-size: 12px;
  }
  .initialTraining ul li:last-child{
    margin-bottom: 0;
  }
  .initialTraining ul li ul{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .initialTraining ul li ul li{
    background: url(../images/blueDot.svg) no-repeat left 10px;
    margin-bottom: 3px;
    color: #453e79;
    list-style:disc !important;
    padding-left: 16px;
  }
  .protoInn:last-child{
    margin-bottom:0;
  }
  .protoInn span{
    display: block;
    font-weight: 600;
  }
  .gradeRow{
    background: #fff;
    color: #636569;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 25px;
    display: flex;
    align-items: center;
  }
  .gradeRow span{
    color: #fff;
    position:relative ;
    width: 220px; 
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    padding: 30px;
    background: -webkit-linear-gradientto right, (#FB3B59, #F8732F);
    background: linear-gradient(to right, #FB3B59, #F8732F);
  }
  .subjectGrade p{
    margin-bottom: 30px;
  }
 .orgArrow{
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: -1px;
 }
 .readMore{
  font-weight: 600;
  display: flex;
  color: #fb4f4b;
  padding-top: 10px;
  cursor: pointer;
 }
 .readMore em{ font-style: normal;}
 .less{ display: none;}
 .toggleOut.active .less{
   display: block;
 }
 .toggleOut.active .more{
  display: none;
}
.toggleOut.active .moreDots{display: none;}
 .boldText{
  font-weight: 600;
  color: #453e79;
 }
 .moreContent .tikPoints{
  margin: 15px 0;
 }
 .justiCenter{
  justify-content: center;
 }
 .centerBtn{
  justify-content: center;
  width: 100% !important;
  display: flex;
 }
 .centerBtn .btn{
  width: 25% !important;
  justify-content: center;
  display: flex;
  gap: 5px;
 }
 .tikPoints{
  margin-bottom: 0;
  display: block;
 }
 .tikPoints li{
  list-style: none;
  padding-left: 23px;
  background: url(../images/blueTik.svg) no-repeat left 8px;
  background-size: 13px;
  margin-bottom: 10px;
  line-height: 24px;
}
.tikPoints li:last-child{ margin-bottom: 0;}
 .moreContent{
  display: none;
 }
 .readMore span img {
  width: 8px;
  margin-left: 5px;
}
 .orgArrow img{
  height:100% ;
 }
  .gradeRow ul {
    flex: 1;
    display: flex;
    padding-left: 50px;
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  .gradeRow ul li{
    list-style: none;
    background: url(../images/blueTik.svg) no-repeat left 8px;
    background-size: 13px;
    margin: 4px 2% 4px 0;
    padding-left: 22px;
    width: 23%;
  }
  .turoProfile{
    padding: 70px 0;
  }
  .turoProfile .servBox{
    background: #FBFBFB;
    height: 100%;
    padding-bottom: 25px;
  }
  .dataService .servBox{
    background: #fff;
  }
  .dataService .servBox h3{
   margin-top: 0;
  }
  .turoProfile .boldText{
    margin-bottom: 0;
  }
  .turoProfile .row .col-sm-12{
    margin-top: 30px;
  }
  .synBox .row .col-sm-12{
    margin-top: 30px;
  }
  .turoProfile .row .col-sm-12.noTopSP{
    margin-top: 0;
  }
  .turoProfile .servBox h3{
    margin-top: -6px;
  }
  .turoProfile .servBox ul{
    margin-bottom: 0;
  }
  .turoProfile .servBox ul li{
    list-style: none;
    padding-left: 23px;
    background: url(../images/blueTik.svg) no-repeat left 8px;
    background-size: 13px;
    margin-bottom: 10px;
    line-height: 24px;
  }
  .turoProfile .servBox ul.onlineTutoring{
    display: flex;
    flex-wrap:wrap;
    gap: 2%;
    margin-bottom: -10px;
  }
  .turoProfile .servBox ul.onlineTutoring li{
    width: 49%;
    margin-bottom: 15px;
  }
  .assemntSystem .container .row{
    align-items: center;
  }
  .downloadSample{
    padding: 70px 0 50px;
  }
  .tikBox span{
    display: block;
    padding-left: 30px;
    background: url(../images/blueTik.svg) no-repeat left 6px;
    background-size: 18px;
  }
  .tikBox .servBox{
   background: #F9F9F9 !important;
   margin-top: 10px;
  }
  .dwnSampleBtn{
    display: flex;
    flex-wrap: wrap; 
    margin: 35px -10px 0; 
    justify-content: center;
  }
  .dwnSampleBtnCent{
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    margin: 0 -10px 0; 
  }
 .light-text{
  font-weight: 300;
  color: #C2BDE4;
 }
  .dwnSampleBtnWrap{
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px; 
  }
  .subInnerBox.topSpaceHead{
    margin-top: 20px;
  }
  .subServMid{
    padding: 70px 0;
  }
  .subInnerBox h3{
    margin-bottom: 5px;
  }
  .btn span {
    margin-left: 13px;
  }
  .dwnSampleBtnWrap .btn{
    width: 100%;
    text-align: left;
    padding: 12px 20px 
  }
  .btn.centerText{ text-align: center;}
  .dwnSampleBtnWrap.Nospace{
    margin-top: 40px;
    padding-left: 0;
  }
  .synchronous{
    margin-top: 40px;
  }
  .synchronous p{
    margin-bottom: 0;
  }
  .dwnSampleBtnWrap .btn span {
    margin-right: 12px;
    margin-left: 0;
  }
  .serviceTopInner{
  border-radius: 20px;
  overflow: hidden;  
  border: 1px solid #d9d8df;
}
.servTopImg{
  padding: 25px 10px; text-align: center;
}
.servTopImg img{
  max-width: 100%;
}
.serviceTopCont{
  background: #453e79;
  color: #fff;
  padding: 30px;
  height: 100%;
  display: flex;
  align-items: center;
}  
.subServiceTop{
  background: #453e79;
  color: #fff;
  padding: 30px;
  height: 100%; 
  align-items: center;
}  
.subServiceTop h3{
  font-weight: 600;
  color: #fa5a44;
}
.subServiceTop ul {
  color: #C2BDE4;
  display: block;
  margin-bottom: 0;
}
.subServiceTop ul li {
  display: block;
  list-style: none;
  padding-left: 22px;
  margin-bottom: 8px;
  line-height: 21px;
  font-weight: 300;
  background: url(../images/lightTik.svg) no-repeat left 6px;
  background-size: 12px;
}
.WhyChoose .servBox{
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 15px;
  margin-bottom: 0;
  margin-bottom: 50px;
}
.WhyChoose{
  max-width:100%;
  width: 950px;
  margin: 0 auto;
}
.WhyChoose .servBox li{
  width: 50%;
  color: #453e79;
  font-weight: 500;
  list-style: none;
  margin-bottom: 15px; 
  background: #fff url(../images/blueTik.svg) no-repeat left 6px;
  background-size: 16px;
  padding-left: 27px;
}
.WhyChoose .servBox li b{
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}
.wtMakeDIff .WhyChoose h3 {
  margin-bottom: 20px;
}
.WhyChoose .servBox li p{
  color: #636569;
  font-weight: 400;
  line-height: 23px;
}
.subServiceTop ul li b{
  font-weight: 500;
}
.wtMakeDIff{
  padding: 70px 0;
}
.servMidBox{
  padding: 70px 0;
}
.itemBank{
  padding: 70px 0 40px;
}
.itemBx{
  margin-bottom: 15px;
}
.itemBx .deviderLine {
  margin-bottom: 20px;
}
.itemBx ul{
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.itemBx ul li{
  list-style: none;
  font-weight: 500;
  display: inline-flex; 
  border-radius: 40px;
  padding: 8px 15px 8px 36px;
  border: 1px solid #453e79;
  color: #000;
  white-space: nowrap;
  background:#fff url(../images/blueTik.svg) no-repeat 15px center;
  background-size:13px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.valueBox{
  padding: 70px 0 50px;
  text-align: center;
}
.valueBox h1{
  margin-bottom: 0;
}
.testPaper{
  padding: 70px 0;
}
.boldText{ font-weight: 600;}
.testPaper .servBox{
  background: #fff;
  position: relative;
  padding: 25px;
  padding-left: 70px;
  margin-bottom: 20px;
  line-height: 23px;
}
.maxWd{
  max-width: 100%;
}
.numberBullet{
  height: 90px;
  width: 90px;
  position: absolute;
  left: -45px;
  margin-top: -45px;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F9F9F9;
  border-radius: 50%;
}
.numberBulletInn{
  display: flex;
  font-weight: 600;
  font-size: 36px;
  background: #fff;
  width: 74px;
  height: 74px;
  align-items: center;
  justify-content: center;
  line-height: 70px;
  border-radius: 50%;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.06); 
}
.testPaper .servBox h3{
  margin-top: 0;
  margin-bottom: 5px;
}
.testPaperContOut{
  padding-right: 55px;
}
.testPaperContOut img{
  max-width: 100%;
}
.wtMakeDIff h1{
  margin-bottom: 20px;
}
.accordion{
  max-width:100%;
  width: 900px;
  margin: 0 auto;
}
.wtMakeDIff .accordion .card .card-header{
  display: flex;
  justify-content: space-between;
  padding: 20px 0 0 0;
  background: none;
  border-bottom: 0 none;
  align-items: center;
}
.wtMakeDIff .accicon img {
  width: 16px;
}
.wtMakeDIff h3{
  margin-bottom: 0;
}
.wtMakeDIff .card-body{
  padding: 0;
}
.wtMakeDIff .accordion .card{
  box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.08);
  border-radius: 15px !important;
  padding: 0 25px 20px 25px;
  margin-bottom: 15px;
  border: 0 none;
}
.wtMakeDIff .accordion .card .deviderLine{
  margin-top: 13px;
}
.wtMakeDIff .accordion .card p{
  margin-bottom: 0;
}
.wtMakeDIff .accordion .card ul {
  margin-bottom: 0;
  padding-left: 17px;
  margin-top: 15px;
}
.servMidBox .col-sm-12{
  margin-bottom: 30px;
  
}
.midInner {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #d9d8df;
  margin-bottom: 30px;
  background: #453e79;
  height: 100%;
}
.midInnerImg{
  display: flex;
  justify-content: center;
  padding: 30px;
  background: #fff;
}
.midInnerImg img{
  max-width:100%;
  max-height: 273px;
}
.midInnerCont{
  padding: 30px 30px 0;
  color: #fff;
  background: #453e79;
}
.midInnerCont ul{
  color: #C2BDE4;
  display: block;
  margin-bottom: 0;
}
.midInnerCont ul li{
  display: block;
  list-style: none;
  padding-left: 22px;
  margin-bottom: 8px;
  line-height: 21px;
  font-weight: 300;
  background: url(../images/lightTik.svg) no-repeat left 6px;
  background-size:12px ;
}
.midInnerCont ul li:last-child{
  margin-bottom: 0;
}
.card-header.collapsed .accicon {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.card-header .accicon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.teamMemeber{ 
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.teamMemeber img{
  border-radius: 100px; 
  width: 170px;
}
.membersPic{
  margin-bottom: 16px;
  position: relative;
}

.teamMemeber h5{
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
  color: #453e79;
}
.teamMemeber a img{
  width: 22px;
  border-radius: 0;
}
.teamMemeber p{
  font-size: 15px;
  text-align: center;
}
.showAllMembers{
  display: none;
}
.showMemebers{
  /* display: flex; */
  display: none;
  justify-content: center;
  margin-top: 35px;
  position: relative;
}
.showMemebers span{
  width: 160px;
  height: 1px;
  background: #d1d1d1;
  position: absolute;
  top: 50%;
  z-index: 2;
}
.showBtn.hideMemebrs{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.showBtn{
  height: 55px;
  width: 55px;
  border-radius: 50%;
  background: #FFEFED;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 1px solid #FFD9D4;
  z-index: 9;
  cursor: pointer;
}
.showBtn:hover{
  outline: 2px solid #FA623D;
}
.memberInfo{
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 10px; 
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  background: linear-gradient(to right,  #FC3B5A 0%,#F9772E 100%); 
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.28); 
}
.memberInfo a{
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  justify-items: center;
}
.memberInfo a img{
  width: 13px;
}
.pulse {
  animation: pulse-animation 2s infinite;
}

.gallaryWrapper .carousel {
  width: 850px;
  max-width: 100%;
  margin: 0 auto;
}
.gallaryWrapper .carousel-item img{
  border-radius: 15px;
  width: 100%;
}
.gallaryWrapper .carousel-control-prev {
    width: 80px;
    left: -80px;
    color: #FC3B5A;
    font-size: 30px;
}

.gallaryWrapper .carousel-control-next {
    width: 80px;
    right: -80px;
    color: #FC3B5A;
    font-size: 30px;
}
.mobileDataTestimonials{ display: none;}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
 .toggleOut.active .moreContent{
  display: contents;
 } 

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    .desktopDataTestimonials{ display: none;}
    .mobileDataTestimonials{ display: block;}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
    
}
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 11px;
  top: 17px;
}
.dropdown-menu{
  background: #453e79;
  border-radius: 10px;
  border: 0px none ;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  width: 220px;
  margin-left: 0;
  margin-right: 0;
}
 
@media only screen and (max-width: 1300px) {
.container { max-width: 100% !important; padding:0 20px;} 
.contactPage .container { max-width: 900px !important;}
.bannerBox h1 {font-size: 53px; margin-bottom: 0px;}
.bannerBox h2 { font-size: 32px;}
.bannerBox p { margin: 16px 0 30px;}
.bannImg { left: -64px;}
.bannImg img{ width: 100%;}
.bannerBox {padding-bottom: 55px;}
.infraInn{ padding: 60px 150px; }
.innBannerBox h1 { font-size: 36px;}
.wrapper h1 { font-size: 33px;}
.wrapper h3 { font-size: 18px;}
.infraInn { padding: 50px 50px;}
.dwnSampleBtnWrap { width: 50%;}
.bigBtn {  margin-top: 22px !important;}
.serviceTop.newServTop{ margin-bottom: 25px;}
.videoWrapper{position: relative; width: 900px; margin: 0 auto;}
.videoWrapper img { width: 100%;}
.videoOut{ margin-top: 0; padding: 60px 0;}
.videoOut .container{ height: auto;}
#Videocontainer {left:111px;}
}

@media only screen and (max-width: 1024px) {
 body { line-height: 22px; font-size: 13px;}
 .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {  padding-right: 10px; padding-left: 10px;}
 .row { margin-right: -10px; margin-left: -10px;}
 header { padding-top: 72px; }
 .strenghtBox .servBox { margin-bottom: 20px;}
.fixed-top { padding: 21px 0 19px;}
.navbar-brand img {  width: 160px;}
.navbar-light .navbar-nav .nav-link { font-size: 14px; padding: 9px 22px;}
.mobileStaticstics{  display: block;}
.bannImg .tagBox{  display: none;}
.bannImg {  left: 0;}
.bannerBox h1 { font-size: 43px;  margin-bottom: 0px;  margin-top: 38px;}
.bannerBox h2 { font-size: 27px;}
.bannerBox p { margin: 13px 0 25px; padding-right: 0; font-size: 14px; line-height: 22px; }
.bannerBox .btn { font-size: 15px;  padding: 13px 26px;border-radius: 10px}
.bannerBox .btn span img { height: 13px;}
.bannerBox { padding-bottom: 50px; margin-top: 10px;}
.aboutUs { padding: 55px 0;}
.aboutUs p { margin-bottom: 20px;}
.wrapper h1 { font-size: 28px;line-height: 38px;}
.wrapper .aboutUs h1 {  margin-bottom: 3px;}
.aboutUs h3 { padding-right: 0;}
.wrapper h3 { font-size: 17px; margin-bottom: 13px;}
.wtMakeDIff h3{ margin-bottom: 0 !important;}
.deviderLine{ margin-bottom: 13px;}
.btn { padding: 12px 25px; border-radius: 10px; font-size: 14px; }  
.btn span { margin-left: 10px;}
.joinTodayBox { padding: 50px 0 55px;}
.joinTopLeft { width: 64%;}
.joinTop {  margin-bottom: 10px;}
.servBoxLeft {  width: 70px; min-width: 70px;  height: 70px;  margin-right: 19px;   font-size: 27px;}
.joinTodayBox .servBox h3 { font-size: 20px; margin-bottom: 6px !important;}
.evolutionBox { padding: 50px 0 55px;}
.evolutionBox .nav-tabs .nav-link {  font-size: 14px;  padding: 15px 20px 15px;}
.evolutionBox .nav-tabs .nav-link.active { border-radius: 10px 10px 0 0;}
.evolutionBox .tab-content {  border-radius: 10px; padding: 25px;}
.evolutionBox .nav-tabs { padding-left: 15px; margin-top: 25px;}
.infrastructure{ padding: 0 0 55px; }
.scaleRow h4 {  line-height: 24px;}
.scaleRow { padding: 9px 20px;  border-radius: 15px 0 0 15px;}
.scaleOut { margin: 40px 0 15px;}
.scaleHead { position: absolute;  left: 20px;  top: -50px;}
.servicesBox {  padding: 50px 0 55px; }
.wrapper .servicesBox h1 { margin-bottom: 20px;}
.servBox { padding: 20px;}
.servicesBox .servBox{ min-height: 270px;}
.servicesBox .servBox img{ height: 50px; width: auto;}
.servBox h3 { margin-top: 15px;  margin-bottom: 10px !important;}
.joinTodayBox .servBox { padding: 20px; margin-bottom: 20px;}
.servBox { box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.08); border-radius: 10px;}
.mobileStaticstics {padding: 55px 0 35px;}
.staticsInn {  margin-bottom: 20px;}
.testimonilas {  padding: 50px 0 70px; }
.testimonilas .servBox {  margin-bottom: 0;  margin-top: 0;}
.clientSliderBox {  padding: 55px 0 45px;}
footer {  padding: 52px 0 0;}
.copyRight {  padding: 25px 0;  margin-top: 10px;  font-size: 12px;}
footer h4 { font-size: 17px; margin-bottom: 21px;  font-weight: 600;}
.newsLetterBox .inputOut .myInput {  padding-left: 47px;}
.inputOut {  border-radius: 10px;}
.newsLetterBox .inputOut span {  left: 16px;}
.newsLetterBox .btn span img {  height: 16px;}
.officeAddress ul li  span img{ height: 16px; width: auto;}
.officeAddress ul li:nth-child(2)  span img{ height: 13px; width: auto;}
.officeAddress ul li { padding-left: 30px;}
.infraInn { padding: 40px;font-size:14px; width: 80%;}
.clientRowOut .servBox { min-height: 240px;}
.clientSliderBox .carousel-control-prev { left: -24px;}
.clientSliderBox .carousel-control-next { right: -24px;}
.servSectionBox { padding: 60px 0 60px;}
}

 
@media only screen and (max-width: 991px) {
.bannerBox h1 { font-size: 40px; margin-top: 20px;}
.fixed-top{ position: relative;}
header {  padding-top: 0;}
.aboutUs { padding: 43px 0 50px;}
.bannerBox{text-align: center;}
.bannImg { margin-top: 38px;}
.bannImg img { width: 450px;  max-width: 100%;}
.imgBox { box-shadow: 0px 0px 0 0px rgba(0,0,0,0);  border-radius: 0;  padding: 0;  text-align: center;}
.mobileData{ display: block;}
.desktopData{ display: none;}
.carousel.slide .carousel-item .servBox{ min-height:auto !important;}
.footerLinks ul li a { padding: 1px 0 6px; }
.newsLetterBoxMobile{ display: block; margin-bottom: 30px;padding-top: 2px;  }
.footerLinks { margin-bottom: 15px;}
.footerAbout a { margin-bottom: 40px;}
.newsLetterBox .inputOut {  width: 350px;  max-width: 100%;}
.navbar>.container, .navbar>.container-fluid{ display: block;}
.navbar-brand {  width: 100%; text-align: center; margin: 10px 0 35px;}
.navbar-expand-md .navbar-nav { justify-content: center; width: 100%;}
.bannerBox h1 { font-size: 40px;  margin-top: 0;}
.bannerBox { margin-top: 0;}
.myTop .navbar { position: static;}
.imgBox{ margin-top: 22px;}
.scaleRow{ margin: 1px 0;}
.scaleRow span{  line-height: 19px; margin-bottom: 6px; display: block;}
.evolutionBox .nav-tabs .nav-link { font-size: 13px;  padding: 11px 21px 11px;}
.scaleHead {  top: -60px;}
.scaleOut { margin: 50px 0 15px;}
.servicesBox .servBox { min-height: 216px;  margin-bottom: 20px;}
.servicesBox { padding: 50px 0 35px;}
.joinTodayBox { font-size: 14px; font-weight: 400;}
.myAccordion{ margin-top: 10px;}
.evolutionBox .myAccordion .card-header{ padding: 0;border: 0 none !important; background: none;}
.evolutionBox .myAccordion .card{padding: 0;border: 0 none !important; background: none;}
.evolutionBox .myAccordion .card-header .btn{width: 100%; background: #F1F1F1; color: #453e79 !important; text-align: left; border-radius: 9px; font-weight: 600; margin-bottom: 15px;  padding: 13px 20px;}
.evolutionBox .myAccordion .card .card-body{ margin-top: -15px;  margin-bottom: 20px;  border-radius: 10px;  box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.10); background-color: #fff;}
.wrapper .evolutionBox h1{ margin-bottom: 20px; }
.evolutionBox {  padding: 50px 0 45px;}
.infrastructure{ padding: 0 0 50px; }
.scaleMid{ display: none;}
.scaleHead {  position: static; margin-bottom: 15px; }
.scaleOut { margin: 0; align-items: flex-start;}
.scaleRow {  box-shadow: 0px 0 0 0px rgba(0,0,0,0); padding:0 10px 10px 0; border-bottom: 1px solid #dee3ec; margin-bottom: 13px; border-radius: 0; background: #fff;}
.scaleRow span { margin-bottom: 5px;}
.scaleLeft .scaleRow:last-child{ padding-bottom: 0; margin-bottom: 0; border: 0px none}
.scaleRight .scaleRow:last-child{ padding-bottom: 0; margin-bottom: 0; border: 0px none;}
.scaleRight .scaleRow {  border-radius: 0;padding:0 0 10px 10px;}
.scaleRight .scaleHead{  padding-left: 6px;}
.scaleOut.noBullet .scaleLeft{  margin-top: 0; width: 50%;}
.scaleOut.noBullet .scaleRight{  margin-top: 0; width: 50%;}
.scaleOut.noBullet .scaleLeft .scaleRow {  margin-left: 0;  background-position: 0 7px;  padding-left: 15px;  background-size: 5px; border-bottom: 0; padding-right: 0; } 
.scaleOut.noBullet .scaleRight .scaleRow {  background-position: 6px 7px;  padding-left: 21px;  background-size: 5px; border-bottom: 0; } 
.scaleOut.noBullet .scaleRight { margin-left: 3px;}
.scaleOut.noBullet .scaleRow{ border-bottom: 0; }
.scaleOut.noBullet .scaleRow:last-child{ padding-bottom: 0; margin-bottom: 0;}
.scaleOut.noBullet .scaleRow:last-child span{ margin-bottom: 0;}
.clientRowOut .servBox{  width: 98%; min-height: 240px;}
.strenghtBox { padding: 45px 0 40px }
.founderBox { padding: 45px 0 50px;}
.founderInn span { font-size: 14px; line-height: 23px;}
.clientSliderBox { padding: 45px 0 45px;}
.contactPage{ padding: 45px 0;}
.contactLeft, .contactRight { padding: 30px;}
.contactPage .container { max-width: 100% !important;}
.subjectsList{ padding-left: 0; padding-right:15px; width: 100%; display: flex; max-height: 150px; flex-wrap: wrap;}
.subjectsList span{ margin-right: 5px; margin-bottom: 5px; background: none; padding: 5px 10px; white-space: wrap; font-size: 13px;}
.scaleRight .scaleHead.noLeftSp{ padding-left: 0;}
.gradeRow{ flex-direction: column;}
.gradeRow span{ width: 100%; font-size: 18px; padding: 19px}
.orgArrow{ display: none;}
.gradeRow ul{ padding:20px; width: 100%;}
.servSectionBox.graphicServ .col-sm-12.col-md-6.col-lg-3{ margin-bottom: 24px;}
.servSectionBox.graphicServ { padding: 50px 0 30px;}
.wtMakeDIff { padding: 50px 0;}
.serviceTop { margin: 50px 0;}
.skills .servBox { padding-bottom: 15px !important;}
.videoWrapper{position: relative; width: 700px; margin: 0 auto;}
#Videocontainer { left: 86px; width: 531px; height: 337px; top: 17px;}
.currierSubHead {  padding: 0 10%;}
}

@media only screen and (max-width: 767px) {
.wrapper h1 { font-size: 26px;  line-height: 35px;}
.wrapper h3 {  font-size: 16px;  margin-bottom: 13px;  line-height: 23px;}
.fixed-top{ position: absolute;}
header {  padding-top: 70px;}
.bannerBox h1 {  font-size: 28px;  margin-top: 20px;}
.bannerBox h2 {  font-size: 19px;  margin-top: 5px;}
.bannerBox p { font-size: 13px;}
.joinTop {  margin-bottom: 35px;  display: block;}
.joinTodayBox{ padding-bottom: 35px;}
.joinTopLeft {  width: 100%;}
.wrapper .joinTopLeft h3 {  margin-bottom: 20px;}
.joinTodayBox .row .col-sm-12:nth-child(3) .servBox, .joinTodayBox .row .col-sm-12:nth-child(4) .servBox { margin-bottom: 20px;}
.navbar-brand {  width: auto;}
.navbar>.container, .navbar>.container-fluid {  display: flex; padding: 0 20px; }
.navbar-brand { margin: 0;}
.myTop .navbar { position: fixed; padding: 15px 0 15px;}
.navbar-toggler { padding: 4px 10px;  font-size: 22px; border: 0px none; margin-right: -10px;}
.navbar-light .navbar-toggler{
  background: -webkit-linear-gradientto right, (#FB3B59, #F8732F);
  background: linear-gradient(to right, #FB3B59, #F8732F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.navbar-light .navbar-nav .nav-link { text-transform: none; font-size: 14px; padding: 6px 0px;}
.dropdown-submenu a::after { right: 11px; top: 47%;}
.navbar-light .navbar-nav .active > .nav-link{  background: none !important; color: #FC3B5A !important ;}
.navbar-expand-md .navbar-nav{ padding: 20px 0 0px;}
.navbar { background: #fff !important; box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.08);}
.navbar-nav .dropdown-menu{  background-color: #453e79;  margin: 10px 0;}
.navbar-light .navbar-nav .dropdown-menu a.dropdown-item { padding: 5px 15px; white-space: pre-wrap;}
.dropdown-menu .dropdown-submenu .dropdown-menu{
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: -8px;
  margin-top: 2px;
  padding: 5px 0 5px 0;
  background: #352f61;
  border-radius: 0 0 10px 10px;
}
.navbar-light .navbar-nav .dropdown-menu a.dropdown-item { font-size: 13px;}
.footerAbout p {  padding-right: 0;}
footer h4 { font-size: 17px; margin-bottom: 12px;}
.officeAddress ul li { padding-left: 27px;}
.copyRight {  padding: 20px 0;  margin-top: 7px;  font-size: 11px;  line-height: 20px;}
.staticsInn {  padding: 17px 20px 18px;  min-height: 132px;  font-size: 13px;  line-height: 20px;}
.joinTodayBox .servBox h3 { font-size: 19px;}
.joinTodayBox .servBox { font-size: 13px; line-height:19px}
.testimonilas .servBox{ padding: 0;  box-shadow: 0 0 0 0px rgba(0,0,0,0);}
.strenghtBox .servBox{ min-height: auto;}
.strenghtBox .servBox span { font-size: 34px;}
.infraInn { padding: 30px; font-size: 14px; width: 100%;}
.founderInfo { display: block;}
.infoLeft { padding-right: 0; width: 100%; margin-bottom: 40px;}
.infoLeft p{ margin-bottom: 0;}
.founderInn { text-align: left;}
.founderInn span{ margin-bottom: 25px;}
.infoLeft h4 {  font-size: 17px;  margin: 0 0 5px;}
.infoLeft h5 { font-size: 13px;}
.infoRight { width: 200px; max-width: 100%;  margin: 15px auto 0;}
.innBannerBox h1 { font-size: 28px;}
.innBannerBox h1{ margin-top: 40px;}
.innBannerBox {  padding-bottom: 45px;}
.contactBox{ display: block;}
.contactLeft, .contactRight { width: 100%; padding: 25px;} 
.contactRight{ padding-bottom: 3px !important;}
.mailRow { margin-bottom: 30px;}
.currierSubHead {  padding: 0 0.5%;}
.serviceTop {
  margin: 40px 0;
}
.wtMakeDIff {
  padding: 35px 0 25px;
}
.servMidBox {
  padding: 45px 0 20px;
}
.testPaper {
  padding: 40px 0 20px;
}
.testPaperContOut {
  padding-right: 0;
  margin-bottom: 0;
}
.testPaper .servBox{
  padding: 25px;
  padding-top: 60px;
  margin-bottom: 20px;
  text-align: center;margin-top: 70px;
}
.numberBullet { 
  margin-left: -45px;
  left: 50%;
  margin-top: -45px;
  top: 0;}
  .itemBank {
    padding: 30px 0 10px;
}
.wrapper h1{
  margin-bottom: 12px;
}
.itemBx ul li {
  padding: 7px 14px 7px 33px;
  background: #fff url(../images/blueTik.svg) no-repeat 14px center;
  background-size: 12px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.downloadSample {
  padding: 30px 0 30px;
}
.bigBtn {
  padding: 13px !important; 
  margin-top: 0 !important;
}
.dwnSampleBtn { margin: 25px 0 0; flex-wrap: nowrap; flex-direction: column;}
.dwnSampleBtnWrap { padding: 0;  width: 100%;}
.dwnSampleBtnWrap .btn { width: 100%; text-align: center;}
.dwnSampleBtnWrap .btn span { margin-right: 7px;}
.wtMakeDIff .accordion .card { padding: 0 20px 18px 20px;}
.wtMakeDIff .accordion .card .card-header { padding: 18px 0 0 0;}
.midInnerCont { padding: 24px 24px 0;}
.turoProfile { padding: 30px 0 40px;}
.subjectGrade { padding: 30px 0 40px;}
.synBox { padding: 30px 0 45px;}
.proctoring { padding: 30px 0 20px;}
.strategicCleint { padding-bottom: 45px;  padding-top: 45px;}
.blueBoxInner { padding: 24px 24px 35px; }
.gradeRow span { font-size: 17px;  padding: 16px;}
.gradeRow ul { padding: 15px 20px;}
.gradeRow ul li{ width: 31%;}
.synBox .row .col-sm-12 { margin-top: 20px;} 
.proctoring .servBox {  margin-bottom: 25px;}
footer { padding: 36px 0 0;}
.proctoring .servBox h3{margin-top: 0px;}
.proctoring .boldText { margin-bottom: 25px;}
p.asyPara{ margin-bottom: 1px !important;}
.otherService{ margin-top: 10px !important;}
.serviceTopCont{ padding: 24px !important;}
.serviceTop.newServTop{ margin-bottom: 0 !important}
.keyAspect.synBox { padding-top: 0; padding-bottom: 20px;}
.synSteap { padding: 40px 0; }
.dwnSampleBtnCent{ margin: 0;}
.topCont{ margin-top: 10px; margin-bottom: -10px;}
.servSectionBox.graphicServ { padding: 35px 0 20px;}
.WhyChoose .servBox{ flex-direction: column;  margin-bottom: 35px;}
.WhyChoose .servBox li { width: 100%;    background-size: 12px; padding-left: 20px;}
.dwnSampleBtnWrap.Nospace {margin-top: 0px;}
.dwnSampleBtnWrap.Nospace.centerBtn .btn{ width: auto !important; padding-left: 35px; padding-right: 35px;}
.subServiceTop{ padding: 24px;}
.servicesBox.dataTik{  padding: 40px 0 25px;}
.servicesBox.dataTik .servBox p{ margin-bottom: 1px;} 
.turoProfile .row.skills .col-sm-12.noTopSP{ margin-top: 30px;}
.row.skills{ margin-top: -30px;}
.servicesBox .dataService .servBox{ min-height: auto !important;}
.subServiceTop p{ margin-bottom: 0;}
.videoWrapper img{ display: none;}
#Videocontainer{ position: static; height: 290px; width: 80%; margin: 0 auto;}
.benefitImgRelative{ width: 100%;}
.benefitImgRelative img{ width: 100%;}
.videoWrapper{ width: 100%;}
#Videocontainer { position: static; height: 320px; width: 100%;}
.wrapper h3.currierSubHead{ font-size: 14px; line-height: 21px;}
.videoOut { padding: 45px 0;}
.testimonilas { padding: 30px 0 57px;}
.testimonilas  h1{ margin-bottom: -5px !important;}
.benefits { display: none;}
.pin1, .pin2, .pin3{ height: 1px; width: 1px;}
.mapOut span img {  width: 29px;  height: auto;  position: absolute;  left: -12px;  bottom: -4px;}
.address { bottom: 34px; left: -93px;}
}

@media only screen and (max-width: 479px) {
.newsLetterBox .btn { margin-top: 20px; width: 100%;}
.officeAddress ul li br{ display: none;}
.wrapper h1 { font-size: 24px;  line-height: 35px;}
.wrapper h3 { font-size: 15px;}
.wrapper .contactRight h3 {  font-size: 16px;}
.mailRow {position: relative;padding-left: 65px; padding-top: 0; margin-bottom: 21px;}
.mailRow span {height: 50px;width: 50px;}
.contactRight h5 {  margin-bottom: 0px; font-size: 16px;}
.contactRight { padding-bottom: 10px !important;}
.gradeRow ul li { width: 48%;}
.turoProfile .servBox ul.onlineTutoring li { width: 100%; margin-bottom: 15px;}
.turoProfile .servBox { padding-bottom: 15px;}
.subjectGrade .smFont {  margin-top: 16px;}
.innBannerBox { padding-bottom: 35px;}
.innBannerBox h1 { margin-top: 30px;}
.innBannerBox h1 { font-size: 25px;}
.servSectionBox.graphicServ { padding: 27px 0 20px;}
#Videocontainer { position: static; height:230px;}

 .gallaryWrapper .carousel-control-prev {
    width: 60px;
    left: 0;
    color: #ffffff;
    opacity: 0.75;
}
.gallaryWrapper .carousel-control-next {
    width: 60px;
    right: 0;
    color: #ffffff;
    opacity: 0.75;
}
}

@media only screen and (max-width: 420px) {
.mobileStaticstics .row {
  margin-right: -2px !important;
  margin-left: -2px !important;
}
.mobileStaticstics .col-lg-4{
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.mobileStaticstics .col-lg-4 .staticsInn{
  margin-bottom: 4px;
}
.gradeRow ul li {
  width: 99%; margin-right: 0;
}
#Videocontainer { position: static; height:210px;}
}

