html, body{
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat';
    /* color: var(); */
    /* background:var(--red); */
  }

 .montserrat{
  font-family:Montserrat;
 } 

 .monMed{
   font-family:MontserratMedium;
 }
 .montLight{
  font-family:Montserrat-ExtraLight;
 } 

.montBold{
  font-family:Montserrat-Bold;
 }

 .montXtBold{
  font-family:Montserrat-ExtraBold;
 }

.description{
  font-size:20px ;
  line-height:32px ;
}

 .container{
  width:1000px;
  margin:0 auto;
  position: relative;
}

 .header{
  /* position:sticky;
  top:0;
  left: 0; */
  padding:20px 0;
  background:var(--white);
  /* z-index:100; */
  box-shadow:0px 2px 2px 1px #f1f1f1;
  box-sizing: border-box;
}

.header .headerContainer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}

.headerContainer .logoCont,.contacNo{
  width:200px;
}

.headerContainer .contacNo{
  width:200px;
  padding:10px 20px;
  background:var(--red) ;
  color: var(--white);
  border-radius:25px;
  font-weight:600;
  letter-spacing:2px;
}

.banner{
  height:675px;
  background: url(../images/sec1Bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.banner .container .topSec{
  position: relative;  
  width:100%;
  display:block;
}

.topSec .getTotal{
  position: absolute;
    top: -30px;
    left: 25%;
    transform: translate(-7%, 0);
}

.getTotal .mathQuestion{
  display:none;
}

.topSec .fearofnumber{
  display:none;
  width:400px;
  margin:0 auto;
}

.topSec .fearofnumber img{
  width:400px;
  height: auto;
}

.banner .container .bottomSec{
  position: relative;
 width: 100%;
 display: flex;
 justify-content:space-between;
 align-items: end;
} 

.banner .container .bottomSec .titleBox{
  width:350px;
} 

.bottomSec .formSec{
  position: relative;
  top:255px;
  left:-20px;
  width:450px;
  padding:20px 60px;
  background: var(--red);
  border-radius:100px 0 0 0;
  box-sizing: border-box;
  z-index:2;
}

.formSec .trailClass{
  padding:25px 15px;
  background-color:var(--white) !important;
  border-radius:50px 0 0 0;
  box-sizing: border-box;
}

.formSec .title{
  text-align: center;
  margin-bottom:30px;
}


.trailClass .form .row input{
display: block;
width: 100%;
padding: 16px;
margin-bottom:-6px;
border-bottom:0.5px solid;
border-color:var(--lightGray);
}

.worriedaAbout .container{
  padding-top:130px ;
  padding-bottom:50px !important;
}

.worried .teacher{
  width:100%;
  display: flex;
  flex-direction:row;
  align-items: end;
}


.worried .teacher .imageBox{
  width:calc(440px - 40px);
  margin-right:50px;
  z-index: 1;
}

.teacher .imageBox img{
  width:100%;
  height:auto;
}

.worried .teacher .textBox{
  position: relative;
  width: 400px;
  bottom: 55px;
}

.teacher .textBox .title.largeTxt{
  font-size:65px !important;
}

.worried .bigBorder {
  position: relative;
  width: 90%;
  top:50%;
  left:10%;
  transform:translate(-5%, -25px);
}

.worried .bigBorder img{
  width:100%;
  height: auto;
}

.bigBorder .smallBorder{
  display:none;
}

.worried .summary{
  text-align:center;
  padding-left:50px;
  padding-right:50px;
  box-sizing: border-box;
}

.dAbacus .container{
  padding-left:50px !important;
  padding-right:50px !important;
  box-sizing: border-box;
}

.col.colHalf {
  width: calc(50% - 10px);
  box-sizing: border-box;
}

.col.colQtr {
  width: calc(25% - 15px);
  box-sizing: border-box;
}

.icon.plus{
  position: absolute;
  top:50%;
  left:100%;
  transform:translate(0, -50%);
}

.col.colMed {
  width: calc(400px - 5px);
  box-sizing: border-box;
}

.abacusList .col .card .text {
  width: calc(100% - 25px);
}

.abacusList .col:last-child{
  width:100% !important;
}

.abacusList .col:last-child .card{
  width:25% !important;
  margin:0 auto;
}

section.learning .curve{
  width:100%;
  border-radius:35% 0 30% 0;
  padding:50px 0;
  box-sizing: border-box;
}

.list.howToLearn{
  width:100%;
  display: flex;
  flex-wrap: wrap;
}

.list.howToLearn .col{
  width:calc(250px - 10px);
  margin-bottom:30px;
  box-sizing: border-box;
} 

.howToLearn .col .card .ImageBox{
  width:80px !important;
}

.howToLearn .col:last-child .card .ImageBox{
  width:100px !important;
}

.courseMaterial .list .col{ 
  padding:0 25px;
  margin-bottom:30px;
  box-sizing: border-box;
}

.smallImg{
  width:70px !important;
}

.smallImg img{
  width:100%;
  height: auto;
  display:block;
}


.betterResult{
  height:500px;
  background: url(../images/bgImg2.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.betterResult .card{
  position: absolute;
  top:50%;
  left:100px;
  transform:translate(-20px, -15%);
  width:550px;
  padding:30px 30px 60px;
  background:var(--dim);
}


.testimonials .container .list.testimonialsList{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.testimonialsList .colMed{
  width:calc(330px - 5px);
  box-sizing: border-box;
}

.testimonialsList .colMed .card{
  padding:15px;
  box-sizing:border-box;
}

.roundImg{
  width: 150px;
  height:150px;
  margin:0 auto;
  border:10px solid;
  border-color:var(--red);
  border-radius:50%;
  background:var(--white);
}


footer {
  position: relative;
  padding-top:80px;
  padding-bottom:100px;
  box-sizing: border-box;
}

footer .container{
  width:1200px;
}

.list .solcialMedia{
  width:300px;
}

.solcialMedia .contintBox .list{
display: flex;
align-items: center;
justify-content: space-between;
}

.solcialIcon{
  width:35px;
}

.solcialIcon img{
  /* display: block; */
  width:100%;
  height: auto;
}


footer .container.googleMap .map img{
  width:100%;
  height:auto;
}

footer .googleMap a.mapLink{
  display: block;  
  color:var(--blue);
}
.googelMap{
  
}
.googelMap img{
  width: 100%;
  display: block;
  height: auto;
}
.blue-color{
  color: rgb(0, 149, 255)
}
/* agm-map {
  height:300px;
} */

/* contact form response */
.success,
.failed {
    display: none;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.success i, 
.failed i {
    margin-right: 5px;
}    

.success {
    background-color: #56B68B;
}

.failed {    
    background-color: #e74c3c;
}


/* Whatsapp button */
.test {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.test i {
	margin-top:16px;
}