@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
:root {
  --common-font: 'Lato', sans-serif;
  --heading-font: 'Lato', sans-serif;
  --transition: .5s all ease;
  --all-size: 15px;
  --white-color:#fff;
  --grey-color: #555555;
  --black-color:#000;
  --yellow-color: #fcd21c;
  --yellow-background: #fcd21c;
  --para-font: 14px;
  --lineheight1-5: 1.5;
}
body {
  font-family: var(--heading-font);
  font-size: var(--para-font);
  color: #000;
}
a {
  text-decoration: none;
  cursor: pointer;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a:hover {
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
a, p, li, td, span {
  font-size: 15px;
  line-height: var(--lineheight1-5);
  font-family: var(--heading-font);
  font-weight: 400;
  letter-spacing: 0.3px;
}
p{
  color: #000;
}
h1, h2, h3, h4, h5{
  font-family: var(--heading-font);
  font-weight: normal;
}
.bg-yellow{
  background-color: var(--yellow-background);
}
/*NAV MENU CSS*/
.main-nav {
  position: relative;
}
.main-nav::after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}
.nav-brand {
  float: left;
  margin: 0;
}
.sm-blue li.last-contact-wrap a{
  line-height: 65px;
  padding: 15px 25px 15px 50px;
  margin:  0;
  background-color: var(--white-color);
  border-radius: 0 !important;
}
.sm-blue li.last-contact-wrap a .fa{
  font-size: 40px;
  position: absolute;
  top: 30px;
  left: 8px;
  transform: rotate(18deg);
}
.nav-brand a {
  display: block;
  padding: 5px 10px 2px 0;
  color:var(--white-color);
  font-size: 22px;
  font-weight: normal;
  line-height: var(--lineheight1-5);
  text-decoration: none;
}
.nav-brand::before{
  content: "";
  clear: both;
  display: table;
}
#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  #main-menu {
    float: right;
    clear: none;
  }
}
#main-menu,
#main-menu > .has-mega-menu {
  position: static !important;
}
#main-menu .mega-menu {
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding:20px;
}
#main-menu > .has-mega-menu .scroll-up,
#main-menu > .has-mega-menu .scroll-down {
  margin-left: 0 !important;
}
#main-menu .mega-menu > li,#main-menu .simple-dropdown ul li {
  overflow: auto;
}
#main-menu .mega-menu {
  color: #353451;
}
#main-menu .mega-menu ul {
  position: relative;
  display: block;
  margin: 0.83em 0;
  border: 0;
  padding: 0 0 0 8px;
  width: auto !important;
  background: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#main-menu .mega-menu ul li, #main-menu .simple-dropdown ul li {
  display: list-item;
  list-style-type: none;
  border: 0;
  text-decoration: none;
  padding-bottom: 15px;
}
#main-menu .simple-dropdown ul li a{
  border: 0;
  padding: 5px 0 0 7px !important;
  background: transparent;
  color:var(--black-color) !important;
  text-decoration: none;
  font-size: var(--para-font);
  width: 90%;
  display: block !important;
}
#main-menu .mega-menu ul li a, #main-menu .simple-dropdown ul li a{
  text-decoration: none;
  font-size: 13px;
  color:var(--black-color) !important;
  border: 0 !important;
  border-radius: 0 !important;
  white-space: nowrap;
}
header{
  background-color:var(--white-color);
}
.isStuck{
  transition: 0.4s;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.footer-azad{
  padding: 0;
}
.nav-brand img{
  transition: 0.4s;
}
.isStuck .nav-brand img{
  width: 50px;
  transition: 0.4s;
}
.isStuck #main-menu,.isStuck .sm-blue a{
  margin: 5px 0;
}
.isStuck .sm-blue li.last-contact-wrap a {
    line-height: var(--lineheight1-5);
    margin-top: 3px !important;
}
.isStuck .sm-blue li.last-contact-wrap a .fa{
  font-size: 30px;
  top: 16px;
}
#main-menu .mega-menu ul li a:hover, #main-menu .simple-dropdown ul li a:hover{
  color: #e23464;
}
#main-menu .mega-menu a, #main-menu .simple-dropdown ul li a{
  display: inline;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  text-decoration: none;
}
#main-menu .mega-menu .column-1-4 {
  padding: 0 20px;
}
@media (min-width: 768px) {
  #main-menu .mega-menu .column-1-4 {
    float: left;
    width: 25%;
  }
}
.mega-menu-sample-image {
  margin: 0.83em 0;
  border: 1px solid;
  height: auto;
  line-height: var(--lineheight1-5);
  text-align: center;
}
#main-menu::before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #4b4a73;
}
@media (min-width: 768px) {
  #main-menu::before {
    display: none;
  }
}
.main-menu-btn {
  float: right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  background: #2683be;
  color:var(--white-color);
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  margin-top: 35px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-menu-btn-icon,
.main-menu-btn-icon::before,
.main-menu-btn-icon::after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background:var(--white-color);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon::before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon::after {
  content: '';
  top: 7px;
  left: 0;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon::after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
@media (min-width: 768px) {
/* hide the button in desktop view */
.main-menu-btn {
  position: absolute;
  top: -99999px;
}
/* always show the menu in desktop view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: block;
  width: 85%;
  background: transparent;
  margin-top: 0;
 }
}
.demo-text {
  margin: 3em 22px;
}
.demo-text p {
  margin-bottom: 1em;
}
.demo-text a {
  color: #999;
}
.border-left{
  border-left: 1px solid #ddd;
}
.mm1-com ul li, #main-menu .simple-dropdown ul li{
  display: block;
  width: 100%;
  position: relative;
  padding-left: 15px;
}
.dropdown-here li, #main-menu .simple-dropdown ul li{
  list-style: none;
}
.dropdown-here li::before, #main-menu .simple-dropdown ul li::before {
  content: "\f105";
  font-family: FontAwesome;
  left: -13px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
#main-menu .simple-dropdown ul{
  padding: 7px 0 0 7px;
}
#main-menu .simple-dropdown ul li::before{
  left: 7px !important;
  top: 6px !important;
}
.dropdown-here li a:hover::after{
  bottom: -5px !important;
  top: auto;
}
#main-menu .simple-dropdown ul li a:hover::after{
  bottom: -9px !important;
  top: auto;
}
#main-menu .mega-menu .readmore-nav,
#main-menu .mega-menu .readmore-nav:hover {
  background: #002147;
  padding: 4px 10px;
  color:var(--white-color);
  font-size: 11px;
  border-radius: 3px;
  height: 30px;
  line-height: var(--lineheight1-5);
}
#main-menu .mega-menu .readmore-nav:hover::after{
  visibility: hidden;
}
#main-menu .mega-menu h4 {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: var(--lineheight1-5);
  color: #7b7b7b;
}
#main-menu .mega-menu .nav-para{
  font-size: 13px;
}
#stuck_container,.main-nav{
  background-color: var(--yellow-color);
}
/*NAV MENU END*/
.main-heading{
  font-size: 30px;
  position: relative;
  line-height: var(--lineheight1-5);
  font-weight: 800;
  color:var(--black-color);
  margin: 0 auto 30px auto;
}
.main-heading::before {
  right: -134px;
  width: 134px;
  position:   absolute;
  content: "";
  background-color: #fcd21c;
  background-image: url('../img/right-painting.png');
  -webkit-mask-position: left top;
  mask-position: left top;
}
.subheading-h2{
  font-size: 24px;
  line-height: var(--lineheight1-5);
  font-weight: 800;
  color:var(--black-color);
  margin: 0 auto 30px auto;
  border-radius: 1px 1px 25px 25px;
}
.left-content-area{
  padding-left: 90px;
}
.icon-wrap .circle1 h2{
  text-align: center;
  line-height: 80px;
  font-weight: 800;
}
.icon-wrap .circle1{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 5px dashed #000;
}
.mt-lg-100{
  margin-top: 100px;
}
section{
  margin-top: 60px;
}
.workflow-content h5,.h5{
  font-weight: 700;
}
.list-workflow{
  padding-left: 0;
}
.list-workflow li{
  position: relative;
  list-style: none;
  text-align: left;
  padding-left: 25px;
  margin-bottom: 10px;
}
.list-workflow li::before{
  position: absolute;
  content: "\f19d";
  left: 0;
  font-family:'FontAwesome';
  font-size: 15px;
  color: var(--yellow-color);
}
.hp-workflow-section .workflow-process{
  padding-left: 50px;
}
.find-tutor{
  background: url('../img/bg-box.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.find-tutor::before{
  position: absolute;
  content: '';
  background-color: rgb(252 210 28 / 91%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.testi-ul li,.testi-slider .list-workflow li{
  display: inline-block;
}
.testi-slider .list-workflow li:first-child{
  margin-left: 0;
}
.testi-slider.owl-carousel .item,.teachers-wrap{
  height: 150px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.testi-slider.owl-carousel .item::-webkit-scrollbar-track,.teachers-wrap::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
.testi-slider.owl-carousel .item::-webkit-scrollbar,.teachers-wrap::-webkit-scrollbar{
  width: 6px;
  background-color: #F5F5F5;
}
.testi-slider.owl-carousel .item::-webkit-scrollbar-thumb,.teachers-wrap::-webkit-scrollbar-thumb{
  background-color: #000000;
}
.testi-slider.owl-carousel .owl-nav button.owl-next, .testi-slider.owl-carousel .owl-nav button.owl-prev{
  background-color: #fff;
  width: 40px;
  height: 40px;
  margin-top: 60px;
}
.testi-slider.owl-theme .owl-nav [class*=owl-]:hover{
  background-color: #000;
}
.testi-slider .list-workflow li{
  margin-left: 29px;
}
.btn-1,.btn-2{
  font-weight: 600;
  color: #000;
  border: 2px solid #000;
  padding: 12px 25px;
  display: inline-block;
}
.btn-2:hover, .btn-2:focus, .btn-2:active{
  background-color: #fff;
  color: #000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}
.btn-3{
  background-color: #fff;
  color: #000;
  display: inline-block;
  border: 2px solid #000;
  padding: 12px 25px;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}
.btn-1:hover, .btn-1:focus, .btn-1:active{
  background-color: #fcd21c;
  color: #000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7); /* #c89400; */
}
.font-weight-600{
  font-weight:600;
}
.top-student-section{
  position: relative;
}
.testi-slider .item{
  background-color: #fff;
  padding: 10px;
  text-align: center;
  /* box-shadow: 0 10px 30px #c89400; */
}
.testi-slider .item h5{
  font-size: 18px;
  margin-top: 15px;
}
.testi-slider .item h6{
  font-size: 15px;
}
.icon-wrap i{
  font-size: 30px
}
.borderbelow{
  position: relative;
  font-size: 17px;
}
.borderbelow::before{
  position: absolute;
  content: "";
  width: 30px;
  background-color: yellow;
  height: 2px;
  left: 43%;
  bottom: -8px;
}
.boxtutor-white{
  box-shadow: 0 10px 30px #c89400;
  height: 250px;
}
.mt-50{
  margin-top: 50px;
}
.range-services .workflow-process{
  padding: 0 45px;
}
.video-section{
  padding-bottom: 25px;
}
.videoframe{
  width: 80%;
  border: 11px solid #fff;
  border-radius: 5px;
  margin:-200px auto 0 auto;
  box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.5)
}
.videoframe img{
  width: 100%;
}
.video-section .contactform{
  text-align: left;
  display: block;
  box-shadow: 1px 1px 9px #3c3b3b;
}
footer{
  padding: 35px 0 0 0;
}
.social-icon a{
  width: 44px;
  height: 44px;
  color: #fff;
  text-align: center;
  border-radius: 44px;
  background-color: #000;
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 45px;
}
.footerheading{
  font-size: 15px;
  font-weight: 600;
  margin-right: 20px;
  line-height: 1.4;
}
.whatsapp-icon span{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-top: -32px;
  display: block;
  padding-left: 50px;
}
.whatsapp-icon i{
  font-size: 45px;
  color: #1ad41a;
  position: relative;
  left: -135px;
}
.c-links {
  float: left;
  padding: 0;
  width: 50%;
}
.c-links > li > a{
  color: #000;
}
.c-links > li {
  list-style-type: none;
  line-height: 30px;
  position: relative;
  padding-left: 18px;
}
.c-links > li::before{
  position: absolute;
  content: "\f061";
  left: 0;
  font-family: FontAwesome;
  font-size: 15px;
  top: 0;
  font-size: 13px;
}
.topfooter{
  padding-bottom: 35px;
}
.middle-header{
  position: relative;
}
.mailchamp a{
  color: #000;
}
.mainslider .owl-theme .owl-dots{
  position: absolute;
  bottom: 50px;
  left: 45%;
  z-index: 1;
}
.left-content-area h5.h5{
  font-weight: 600 !important;
  font-size: 18px;
  line-height: 28px;
  color: #000;
}
.bredcrumb{
  margin: 0;
  padding: 20px 0 20px;
  position: relative;
  width: 100%;
  background-image: url(../../owly.wpengine.com/wp-content/uploads/2018/12/breadcrumb-bg.png);
  background-position: center center;
  background-size: auto;
  background-repeat: repeat;
  background-attachment: scroll;
  background-color: #090909;
}
.bredcrumb::before{
  position: absolute;
  content: : '';
  bottom: 0; 
}
.bredcrumblist{
  margin-top: 20px;
  padding-left: 0;
}
.bredcrumb-inner ul li{
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.bredcrumb-inner ul li::before{
  content: '\f051';
  position: absolute;
  right: 2px;
  top: 3px;
  color: #fff;
  font-family: 'FontAwesome';
  font-size: 14px;
  line-height: 1.4;
}
.bredcrumb-inner ul li:last-child::before{
  opacity: 0;
}
.bredcrumb-inner ul li a{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.about-two-list .box-1{
  position: relative;
  border-bottom: 1px solid #fff;
  padding: 10px 0;
  margin: 20px 0;
}
.twolist-inner{
  margin: 15px 0;
}
.imgline img{
  position: absolute;
  left: 0;
  top: 12%;
  z-index: 1;
  height: 480px;
}
.about-two-list .noborder {
  border-bottom: 0;
}
.pentagon-img-shape{
  display: block;
  height: 100%;
  position: relative;
  top: 0;
  background: url('../img/pentagon.png');
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.teacher-img.pentagon{
  position: relative;
}
.pentagon.with-outline::before {
    bottom: -14px;
    content: '';
    display: block;
    height: auto;
    left: -14px;
    margin: auto;
    position: absolute;
    right: -14px;
    top: -14px;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    width: auto;
    z-index: -1;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url(../img/dotted-pentagon.png);
    mask-image: url(../img/dotted-pentagon.png);
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.teachers-detail_wrap{
  position: relative;
  padding: 50px 0;
}
.teachers-detail_wrap .icon-wrap .circle1{
  width: 220px;
  height: 220px;
}
.teachers-detail_wrap .icon-wrap .circle1 h2 {
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
  margin-top: 61px;
  font-size: 20px;
  color: #000;
}
.teachers-detail_wrap .icon-wrap .circle1:hover{
  background-color: #000 !important;
}
.teachers-detail_wrap .icon-wrap .circle1:hover h2{
  color: #fff;
}
.testimonial-slider .item .imggteacher img{
  border-radius: 10px;
  margin: 20px 10px 30px 10px;
  padding: 20px;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
  position: relative;
  cursor: pointer;
  width: 100%;
}
.testimonial-slider .item:hover .imggteacher img{
  background-color: var(--yellow-background);
}
.testcontent{
  padding-left: 80px;
  margin-top: 50px;
  position: relative;
}
.testcontent::before{
  content: "\f10d";
  position: absolute;
  left: 20px;
  color: var(--yellow-color);
  top: -35px;
  font-family: "FontAwesome";
  font-size: 40px;
  font-weight: bold;
}
.testimonial-slider.owl-carousel .owl-nav{
  position: absolute;
  top: 57%;
  right: 0;
}
.testimonial-slider.owl-carousel .owl-nav button{
  background-color: var(--yellow-background);
  width: 40px;
  height: 40px;
  margin-top: 60px;
}
.copyright p{
  font-size: 13px;
}
.copyright a{
  color: #000;
  font-size: 13px;
}
#contactpage .left-content-area a{
  color: #000;
}
.contact-icon i {
  font-size: 30px;
  text-align: center;
  padding: 16px;
  background: #fcd21c;
  color: #fff;
}
.teachers-wrap{
  border: 5px solid #dadada;
  margin: 20px;
  height: 500px;
  border-right: 0;
}
.teachers-wrap .teachersdetail{
  padding: 12px 20px;
  text-align: justify;
}
.teachers-wrap img{
  width: 100%;
}
.bgherewrap{
  min-width: 100%;
  max-width: 100%;
  min-height: 480px;
  max-height: 100vh;
  padding: 25px;
  object-fit: cover;
  z-index: -1;
  background: url(../img/main-slider-03.jpg);
}
.loaction-map ul.branches {
  text-align: left;
  padding-left: 0;
}
.loaction-map .branches li {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  margin-bottom: 5px;
  margin-right: 5px;
  width: 150px;
  border: 2px solid yellow;
}
.loaction-map .branches li .fa {
  font-size: 25px;
  color: #fcd21c;
}
@media screen and (max-width:1199px){
  .teachers-wrap{
    margin:15px 0 15px 0;
    height: 370px;
  }
  .list-workflow {
    padding-left: 0;
    width: 48%;
    margin: 0 auto;
  }
  .testi-slider .list-workflow {
    padding-left: 0;
    width: 100%;
    margin: 0 auto;
  }
  .icon-wrap .circle1 {
    margin: 0 auto;
  }
  .workflow-process .icon-wrap.text-left, .workflow-content.text-left {
    text-align: center !important;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
  .hp-workflow-section .workflow-process {
    padding-left: 0;
  }
  .testi-slider.owl-carousel .item{
    height: auto;
    width: 80%;
    margin: 0 auto;
  }
  .testimonial-slider.owl-carousel .owl-nav {
    top: 71%;
  }
}
@media screen and (max-width:991px){
  .teachers-wrap{
    margin:15px 0 15px 0;
    height: 370px;
  }
  .list-workflow {
    padding-left: 0;
    width: 48%;
    margin: 0 auto;
  }
  .boxtutor-white{
	  margin-bottom:30px;
  }
  .icon-wrap .circle1 {
    margin: 0 auto;
  }
  .workflow-process .icon-wrap.text-left, .workflow-content.text-left {
    text-align: center !important;
  }
  .hp-workflow-section .workflow-process {
    padding-left: 0;
    margin-top: 50px;
  }
  .mt-lg-100{
    margin-top: 0;
  }
  .testi-slider.owl-carousel .item{
    height: auto;
    width: 60%;
    margin: 0 auto;
  }
  .testimonial-slider.owl-carousel .owl-nav {
    top: 71%;
  }
  .whatsapp-icon i{
    left: 0;
  }
}
@media screen and (max-width:767px){
  .boxtutor-white{
    margin-bottom: 25px;
    height: auto;
  }
  .isStuck .sm-blue a{
    margin: 1px 0;
    background:  #000 !important;
  }
  .main-menu-btn{
    background:  #000 !important;
  }
  .borderbelow::before{
    left: 46%;
    bottom: 11px;
  }
  .mainslider .owl-theme .owl-dots{
    bottom: 0;
    left: 39%;
  }
  .isStuck .main-menu-btn{
    margin-top: 17px;
  }
  .mt-lg-100 {
    margin-top: 50px;
  }
  .testi-slider.owl-carousel .item{
    height: 550px;
    width: 80%;
  }
  .testimonial-slider.owl-carousel .owl-nav{
    top: 47%;
  }
  .videoframe{
    width: 100%;
    border: 2px solid #fff;
    margin: 40px 0 20px 0;
  }
  .video-section{
    margin-top: 40px;
  }
  .social-icon .footerheading{
    display: block;
    margin-bottom: 20px;
  }
  .social-icon{
    text-align: center;
  }
  footer .whatppwrap{
    text-align: center;
    margin-top: 25px;
  }
  .whatsapp-icon i{
    left: -70px;
  }
  .workflow-process .icon-wrap.text-left,.workflow-content.text-left{
    text-align: center !important;
  }
  .icon-wrap .circle1{
    margin: 0 auto;
  }
  .list-workflow{
    padding-left: 0;
    width: 40%;
    margin: 0 auto;
  }
  .hp-workflow-section .workflow-process{
    padding-left:  0;
    margin-top: 50px;
  }
  .top-student-section{
    padding: 35px 0;
  }
  .twolist-inner{
    margin: 0;
  }
  .imgline img {
    position: relative;
    left: 88px;
    top: -24px;
    z-index: 1;
    width: 100px;
    height: 100px;
  }
  .box-1 .text-inner{
    margin-bottom: 30px;
  }
  .left-content-area {
    margin-top: 15px;
    padding-left: 75px;
  }
  .teachers-wrap{
    height: auto;
  }
  .teachers-wrap .imggteacher img{
    width: 100%;
  }
  .testimonial-slider.owl-carousel .owl-nav{
    position: relative;
  }  .bgherewrap{	  min-width: auto;    max-width: auto;    min-height: auto;    max-height: auto;  }
}
@media screen and (max-width:576px){
  .boxtutor-white{
    height: auto;
  }
  .borderbelow{
    padding: 0 15px 20px 15px;
  }
  .testi-slider.owl-carousel .item{
    height: 550px;
    width: 100%;
  }
}
@media screen and (max-width:430px){
  .boxtutor-white{
    height: auto;
  }
  .borderbelow{
    padding: 0 15px 20px 15px;
  }
}