body {background: #f1f1f1;}

.seo.navlink.signup{
    margin-top: 18px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
li.seo  a {
    padding: 5px 20px;
    font-size: 16px;
}
li.seo a:hover, li.seo a:focus{
  background-color: #bf282d !important;
  border-color:#bf282d !important ;
}
.head_sect{background: #c6ecfd;}
.head_sect .container{position: relative;}
.head_sect .blob, .head_sect .circ{position: absolute;}
.head_sect .blob.one{bottom: 0;right: 40px;animation: moveblob 1.5s;}
.head_sect .circ.orange{
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background: #f87357;
}
.head_sect .circ.green{
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background: #98d7c7;
  top: 80px;right: 500px;
  /* animation: movegreen 1.5s; */
}
.head_sect .circ.yellow{
  width: 120px;
  height: 120px;
  border-radius: 100px;
  background: #f9cb82;
  top: -60px;right: 180px;
  /* animation: moveyellow 2s; */
}
.head_sect .teach_pic{
  position: absolute;
  bottom: 0;
  right: 100px;
  /* animation: mymove 1.5s; */
}
.head_sect .teach_name{
  position: absolute;
  top: 140px;
  right: 100px;
  font-size: 12px;
  color: #006594;
  /* animation: mymovetwo 1.5s; */
}
.head_sect .teach_pic.pos1{right: 20px;animation: mymovepos1 1.5s;} 
.head_sect .teach_name.pos1{right: 50px; animation: mymovetwopos1 1.5s;}

.head_sect .teach_pic.pos2{right: 50px;animation: mymovepos2 1.5s;} 
.head_sect .teach_name.pos2{right: 30px; animation: mymovetwopos2 1.5s;}

.head_sect .teach_name.pos3{right: 80px; animation: mymovetwopos3 1.5s;}
.head_sect .teach_name.pos4{right: 120px; animation: mymovetwopos4 1.5s;}

.head_sect .text_desc{margin: 80px 0px;}
.head_sect .text_desc h1{color: #006594;margin-bottom: 20px;font-size: 40px;}
.head_sect .text_desc h1 span{display: block;font-size: 26px;margin-bottom: 8px;}
.head_sect .text_desc h1 span.bck{margin: 8px 0 0 0;}
.head_sect .text_desc p{line-height: 28px;font-size: 16px;}


.mid_sect {padding: 30px 0;}
.mid_sect h2{font-size: 24px;line-height: 32px;margin: 0 0 15px 0;}
.mid_sect .sub_head {
  text-align: center;
  margin-bottom: 60px;
  border-left: 8px solid #6fcefb;
  border-right: 8px solid #6fcefb;
  border-radius: 30px;
  padding: 10px 30px;
}
.mid_sect .sub_head p{color: #006594;}
.mid_sect .sub_head h2{color: #006594;}
.mid_sect .sub_head.notxt{
  border-left: none;
  border-right: none;
  border-radius: 0;
  margin-bottom: 40px;
}
.mid_sect .sub_head.notxt span{
  display: block;
  width: 30%;
  height: 5px;
  background: #6fcefb;
  margin: 20px auto 0 auto;
}
.mid_sect .sub_head.bottom{
  border-left: none;
  border-right: none;
  border-radius: 0;
  margin-top: 60px;
  margin-bottom: 0;
}
.mid_sect .sub_head.bottom span{
  display: block;
  width: 30%;
  height: 1px;
  background: #ddd;
  margin: 0px auto 50px auto;
}
.mid_sect .sub_head.notxt.sm h2{font-size: 24px;}
.mid_sect .sub_head.bottom p{font-size: 16px;line-height: 28px;}
.mid_sect h3{font-size: 24px;line-height: 30px;margin: 0 0 15px 0;}
.mid_sect .nextp{margin-top: 40px;}
.mid_sect .text_desc{border-left: 3px solid #6fcefb;padding-left: 30px;}
.mid_sect .text_desc p{line-height: 24px;}

.mid_sect .pointers h2, .mid_sect .pointers h3{display: flex;flex-direction: row;}
.mid_sect .pointers span:nth-child(1){margin-right:5px;}

.mid_sect .subpt h3{font-size: 20px;line-height: 26px;margin: 20px 0 10px 0;}

.cta_sect{
  background: url("../images/seo/back_cta.jpg") no-repeat center center;
  text-align: center;
}

.cta_sect .container{position: relative;}
.cta_sect .blob, .cta_sect .circ{position: absolute;}
.cta_sect .blob.one{top: 0;left: 0;}
.cta_sect .blob.two{bottom: 0;right: 0;}
.cta_sect .circ.orange{
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background: #f87357;
  top: 30px;right: 150px;
}
.cta_sect .circ.green{
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: #98d7c7;
  bottom: 100px;left: 150px;
}
.cta_sect .details{margin: 60px 0;}
.cta_sect h3{
  margin: 0;
  line-height: 35px;
  z-index: 20;
}
.cta_sect .btn{
  border-radius: 100px;
  margin-top: 25px;
}


/* ########### ANIMATION ########### */

@keyframes moveblob {
  0% {right: 200px;opacity:0;}
  20%{right: 200px;opacity:0;}
  100% {right: 40px;opacity:1;}
}

@keyframes movegreen {
  0% {top: 0px;opacity:0;}
  20%{top: 0px;opacity:0;}
  100% {top:80px;opacity:1;}
}
@keyframes moveorange {
  0% {bottom: 0px;opacity:0;}
  20%{bottom: 0px;opacity:0;}
  100% {bottom:100px;opacity:1;}
}
@keyframes moveorange2 {
  0% {bottom: 0px;opacity:0;}
  20%{bottom: 0px;opacity:0;}
  100% {bottom:20px;opacity:1;}
}
@keyframes moveyellow {
  0% {top: 60px;opacity:0;}
  20%{top: 60px;opacity:0;}
  100% {top:-60px;opacity:1;}
}

@keyframes mymove {
  from {right: 0px;opacity:0;}
  to {right: 100px;opacity:1;}
}
@keyframes mymovetwo {
  0% {right: 0px;opacity:0;}
  20%{right: 0px;opacity:0;}
  100% {right: 100px;opacity:1;}
}
@keyframes mymovepos1 {
  from {right: -100px;opacity:0;}
  to {right: 20px;opacity:1;}
}
@keyframes mymovetwopos1 {
  0% {right: -50px;opacity:0;}
  20%{right: -50px;opacity:0;}
  100% {right: 50px;opacity:1;}
}
@keyframes mymovepos2 {
  from {right: -100px;opacity:0;}
  to {right: 50px;opacity:1;}
}
@keyframes mymovetwopos2 {
  0% {right: -50px;opacity:0;}
  20%{right: -50px;opacity:0;}
  100% {right: 30px;opacity:1;}
}
@keyframes mymovetwopos3 {
  0% {right: -50px;opacity:0;}
  20%{right: -50px;opacity:0;}
  100% {right: 80px;opacity:1;}
}
@keyframes mymovetwopos4 {
  0% {right: -50px;opacity:0;}
  20%{right: -50px;opacity:0;}
  100% {right: 120px;opacity:1;}
}

/* ########### end of ANIMATION ########### */

.analytics_sect{
  background: #6499b5;
  text-align: center;
  padding: 40px 0 50px 0;
  color: #fff;
  letter-spacing: 1.5px;
}
.analytics_sect h4{
  position: relative;
  color: #fff;
  margin: 0;
  font-weight: normal;
}
.analytics_sect img{
  margin:0 auto;
}
.analytics_sect p.desc{
  line-height: 18px;
  margin-top:3px;
}
.testimonial_sect{
  background: #c6ecfd;
  text-align: center;
  padding: 40px 0;
}
.testimonial_sect h3{
  margin: 20px 0 50px 0;
}
.testimonial_sect .writeup{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  padding: 35px 15px 50px 15px;
}
.testimonial_sect .writeup p{
  font-style: italic;
}
.testimonial_sect .writeup :nth-child(1){align-self: flex-start;}
.testimonial_sect .writeup :nth-child(3){align-self: flex-end;}
.testimonial_sect .name{margin-top: -40px;}
.testimonial_sect .name h5{margin: 10px 0 5px 0;font-size: 16px;}
.testimonial_sect .name img{border-radius: 100px;}
.testimonial_sect .btn-outline{
  border: 3px solid #18a2e3;
  color: #18a2e3;
  background: none;
  border-radius: 100px;
  font-size: 20px;
  text-shadow: none;
}
.testimonial_sect .btn-outline:focus, 
.testimonial_sect .btn-outline:active:focus, 
.testimonial_sect .btn-outline.active:focus {
  outline: none;
}
.testimonial_sect .btn-outline:active, .testimonial_sect .btn-outline.active {
  box-shadow: none;
  webkit-box-shadow: none;  
}

.contact_sect{
  font-size: 16px;
  padding: 30px 20px 0 20px;
}
.contact_sect [class*="col-md"] {
  padding: 10px 0;  
  height: 180px;
}
.contact_sect h3{
  font-size: 35px;
  color: #006594;
  margin: 20px 0 0 0;
}
.contact_sect img{
  margin-right: 5px;
  
}
.contact_sect .col-md-4:nth-child(1){position: relative;}
.contact_sect .col-md-4:nth-child(1) img{
  position: absolute;
}
.contact_sect .col-md-4:nth-child(2) p {
  line-height: 28px;
}

/* 29082022 */
.othrs_sect {
  background: #f1f1f1;
  text-align: center;
  padding: 40px 0 0 0;
}
.othrs_sect .desc h3{
  margin: 20px 0 20px 0;
  line-height: 34px;
  color: #006594;
}
.othrs_sect .desc p{
  line-height: 24px;
  /*font-size: 16px;*/
}
.othrs_sect .desc span{
    display: block;
    width: 50%;
    height: 2px;
    background: #ddd;
    margin: 60px auto 20px auto;
}


/* ------ For blog template ------*/
.blogt .head_sect{background:#e8f0f8;} /*background:url(../images/seo/back_head_sect.svg) top center;}*/

.blogt .head_sect .txtnimg{
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  align-items: center;
  margin: 80px 0 60px 0;
}
.blogt .head_sect .text_desc{
  margin: 0;
}
.blogt .head_sect .txtnimg .heroimg img{
  border-radius:30px;
  rotate: -3deg;
  margin:0 auto;
}
.blogt .mid_sect.chat{
  padding:0 0 180px 0;
}
.blogt .mid_sect.chat p.notelabel{
  margin:0 0 -10px 0;
  text-align: center;
  font-style:italic;
  padding:0 20px;
}
.blogt .mid_sect{
  background:#e8f0f8;
}
.blogt .message .body{
  height:420px !important;
}


/** ########### MOBILE RESPONSIVENESS ########### **/


@media screen and (max-width: 280px) {
  .head_sect .text_desc h1 {font-size: 34px;}
  .head_sect .teach_pic, .head_sect .teach_name{display: none;}
  .head_sect .circ.orange{right: 10px;bottom: 20px;}
  
  .cta_sect{background-position: 40% 50%;}
  .cta_sect .blob.one, .cta_sect .blob.two{opacity: 0.8;}
  .cta_sect .circ.orange{display: none;}
  .cta_sect .circ.green{display: none;}
  .cta_sect h3{font-size: 20px;line-height: 30px;}
  .cta_sect .btn{padding: 15px 20px;font-size: 14px;}

  .analytics_sect{letter-spacing: 0;}
  .analytics_sect [class*="col-xs"] {margin:0 0 10px 0;}
  .analytics_sect img{width: 80%;}

  .testimonial_sect [class*="col-md"] {margin:0 0 50px 0;}
  .testimonial_sect .writeup p{font-size: 14px;line-height: 24px;}
  .testimonial_sect .btn-outline{font-size: 16px;}

  .contact_sect .col-md-4:nth-child(1){height: 120px;}
  .contact_sect .col-md-4:nth-child(1) img{right: 0;top: 30px;width: 100px;}
  .contact_sect [class*="col-md"]{height: 160px;}
  .contact_sect [class*="col-md"] p{font-size: 12px;}
  .contact_sect .col-md-4:nth-child(1) img{display: none;}
  
}


@media screen and (min-width: 320px) {
  .head_sect .teach_pic, .head_sect .teach_name{display: none;}
  .head_sect .circ.orange{right: 10px;bottom: 20px;} /*animation: moveorange2 1.5s;}*/

  .mid_sect .sub_head p{font-size: 15px;}
  .mid_sect .sub_head h2, .mid_sect .sub_head.notxt.sm h2{font-size: 24px;line-height: 30px;}
  
  .cta_sect{background-position: 40% 50%;}
  .cta_sect .blob.one, .cta_sect .blob.two{opacity: 0.8;}
  .cta_sect .circ.orange{display: none;}
  .cta_sect .circ.green{display: none;}
  .cta_sect h3{padding: 0 20px;}
  .cta_sect .makesmall h3{font-size: 20px;line-height: 32px;}
  .cta_sect .btn{padding: 15px 25px;font-size: 16px;}

  .analytics_sect [class*="col-xs"] {margin:0 0 10px 0;}
  .analytics_sect{font-size: 12px;}
  .analytics_sect h4{font-size: 22px;line-height: 28px;}
  .analytics_sect h4.ats{font-size: 22px;}

  .testimonial_sect [class*="col-md"] {margin:0 0 50px 0;}
  .testimonial_sect .writeup {margin: 0 15px;}
  .testimonial_sect .writeup p{font-size: 14px;line-height: 26px;}
  .testimonial_sect .btn-outline{padding:15px 30px;margin: 20px 0 20px 0;}

  .contact_sect .col-md-4:nth-child(1){height: 120px;}
  .contact_sect .col-md-4:nth-child(1) img{right: 0;top: 30px;width: 100px;}
  .contact_sect [class*="col-md"]{height: 140px;}

  }


@media screen and (max-width: 320px) {
  .mid_sect .sub_head h2{font-size: 21px;line-height: 26px;}
  .analytics_sect h4{font-size: 16px;line-height: 22px;}
  .analytics_sect h4.ats{font-size: 16px;}
  .testimonial_sect .writeup {margin: 0px;}
  .contact_sect .col-md-4:nth-child(1) img{right: 0;top: 40px;width: 90px;}
  .contact_sect .col-md-4:nth-child(2) p{font-size: 15px;}
}


@media (width:360px){

}

@media (min-width: 375px){
  

}


@media only screen and (max-width: 767px) and (min-width: 320px){ /*This is the size before tablet*/

}

@media (min-width: 767px) {


}
/*iPad size*/
@media (min-width: 768px){
  .testimonial_sect .writeup{margin: 0 3px;}
  .testimonial_sect .writeup p{font-size: 14px;line-height: 24px;}
  .contact_sect .col-md-4:nth-child(1) img {right: 260px;}
  .contact_sect [class*="col-md"]{height: 180px;}
}

@media screen and (max-device-width: 768px) and (orientation: landscape){

}

@media screen and (max-device-width: 568px) and (orientation: landscape){
  
}


@media screen and (min-device-width: 640px) and (max-device-width: 730px) and (orientation: landscape){


}

@media screen and (min-device-width:653px) and (max-device-width: 718px) and (orientation: landscape){


}

@media screen and (min-device-width: 719px) and (max-device-width: 770px) and (orientation: landscape){
  

}


@media screen and (device-width: 667px) and (orientation: landscape){
 
}
@media screen and (min-device-width: 731px) and (max-device-width: 811px) and (orientation: landscape){
  

}
@media screen and (min-device-width: 812px) and (max-device-width: 822px) and (orientation: landscape){
  

}

@media screen and (min-device-width: 823px) and (max-device-width: 830px) and (orientation: landscape){
  

}


@media (max-width: 767px){

 
}

@media only screen and (max-width: 895px) and (min-width: 768px) {

}

@media only screen and (max-width: 895px) and (min-width: 320px){
  
}

@media (min-width: 896px){  /*Full navigation will be shown in this size*/
  
}

/*Desktop and laptop size*/
@media (min-width: 992px){
  .head_sect .teach_pic, .head_sect .teach_name{display: block;}
  .head_sect .circ.orange{bottom: 100px;right: 50px;} /*animation: moveorange 1.5s;}*/
  .blogt .head_sect .circ.orange{bottom: 40px;right: 50px;} /*animation: moveorange 1.5s;}*/

  .mid_sect .sub_head p{font-size: 18px;}
  .mid_sect .sub_head h2{font-size: 30px;line-height: 32px;}

  .cta_sect .blob.one, .cta_sect .blob.two{opacity: 1;}
  .cta_sect .circ.orange{display: block;}
  .cta_sect .circ.green{display: block;}
  .cta_sect{background-position: center center;}
  .cta_sect h3{padding: 0 200px;}
  .cta_sect .makesmall h3{font-size: 22px;line-height: 33px;}
  .cta_sect .btn{padding: 15px 50px; font-size: 20px;}

  .analytics_sect{font-size: 16px;}
  .analytics_sect h4{font-size: 30px; height: 40px;line-height:normal;}
  .analytics_sect h4.ats{font-size: 30px;}

  .testimonial_sect [class*="col-md"]{margin: 0;}
  
  .testimonial_sect .writeup p{font-size: 16px;line-height: 30px;}
  .testimonial_sect .btn-outline{padding: 15px 50px;margin: 50px 0 20px 0;}

  .contact_sect [class*="col-md"] {height: 180px;}
  .contact_sect .col-md-4:nth-child(1){height: 180px;}
  .contact_sect .col-md-4:nth-child(1) img{right: 60px;top: auto;bottom: 0px;width: auto;}
}

@media (min-width: 1024px){
  .head_sect .teach_name.pos1, 
  .head_sect .teach_name.pos2, 
  .head_sect .teach_name.adj1{top: 200px;}
  .head_sect .teach_name.adj2{top: 140px;}
  .mid_sect .sub_head h2{font-size: 26px;line-height: 30px;}
  .testimonial_sect .writeup{margin: 0 12px;}
}

@media (min-width: 1200px){
  .head_sect .teach_name.pos1, .head_sect .teach_name.pos2, .head_sect .teach_name.adj1{top: 140px;}
  .mid_sect .sub_head h2{font-size: 30px;line-height: 32px;}
  .testimonial_sect .writeup{margin: 0 8px;}
}

/*Landscape*/
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 
  .blogt .head_sect .txtnimg .heroimg{width:100%;}
  
}
/*End of Landscape*/

/* Fix for iPhone 5 */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

  
}

/* End of iPhone 5 */

/* iPhone 6+, 7+ and 8+ */
@media only screen 
and (-webkit-min-device-pixel-ratio: 2) 
and (max-device-width: 667px) 
and (min-device-width: 375px) 
and (orientation: landscape) { 

  
}
/* End of iPhone 6+, 7+ and 8+ */

@media screen and (max-device-width: 768px) and (orientation: portrait) { /*Ipad mini*/
  
}

/* Fix for iPhone 5 */
@media only screen 
and (-webkit-min-device-pixel-ratio: 2) 
and (max-device-width: 568px) 
and (min-device-width: 320px) 
and (orientation: portrait) {
  
}

/* iPhone 6+, 7+ and 8+ */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) { 
 
}