:root{
	--color-primary: #0B0535;/*  blue*/
	--color-secondary: #20AD96;  /*  green*/
	--color-dark: #212121; /*  black*/
	--color-light: #303030; /*  Light black*/

}


img{max-width: 100%;}
p{font-size: 16px;}
body{font-family: "Roboto", sans-serif;background: white;color: var(--color-dark);}
.btn-success{background-color: var(--color-secondary)!important;color: white!important;border-radius: 25px;font-weight: 700;padding: 10px 40px; border: 0px;text-transform: uppercase;}
.navbar-brand{font-size: 30px;font-family: "Raleway", sans-serif;  text-shadow: 0px 0px 0px #0B0535;color: var(--color-primary);text-transform: uppercase;  font-weight: 500;}
.navbar-brand b{font-weight: 900;}
.navbar-expand-xl .navbar-collapse{ justify-content: center;}
.navbar-phone a{text-decoration: none!;	}
.phone-icon{color: var(--color-secondary);    font-size: 27px; }
.phone-icon i{animation: wiggle 2s linear infinite;}
@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}
.phone-call{color: var(--color-dark);font-size: 22px; font-weight: bolder;font-family: "Roboto", sans-serif;}
.nav-link{font-size: 16px!important; font-weight: bold;font-family: "Raleway", sans-serif;text-shadow: 0px 0px 0px #0B0535;    margin: 0 15px; color: var(--color-dark)!important;text-transform: capitalize;}
.navbar-nav .nav-link.active{color: var(--color-secondary)!important; text-shadow: 0px 0px 0px #20AD96;}
.navbar-nav .nav-link:hover{color: var(--color-secondary)!important;text-shadow: 0px 0px 0px #20AD96;}

/* Banner css */
.banner{background-color: #0B0535; color: white;position: relative;}
.banner-cont{display: flex; width: 100%; height: 100%;  flex-direction: column; justify-content: center; align-items: flex-start;}
.banner-heading{font-family: "Raleway", sans-serif;font-weight: normal;font-size: 50px;}
.banner:after{position: absolute;content: ''; left: 0px; bottom: -4px; background-image: url(../images/bg-videonew.png); background-size: contain; background-repeat: repeat;
    width: 100%;  height: 115px;  z-index: 2;  background-position: center; }


.about-us{padding:12.5rem 0 2rem; background: #0b0535; position:relative;}
.about-us .container {position: relative; z-index: 9;}
.about-us:before{position: absolute;  content: "";  left: 0px;  top: 0px;  background-image: url(../images/bg-videonew.png);  background-size: contain; background-repeat: repeat-x;  width: 100%;  height: 115px;  z-index: 2;  background-position: center; transform: scaleY(-1); }
.about-img{position: relative;text-align: center; margin-top: 2rem;}
.about-img:after{position: absolute;content: '';left: 20px;top: -40px; background-image: url(../images/bg-shape.png); background-size: cover; background-repeat: no-repeat;
    width: 130px;  height: 130px; z-index: -1;animation: rotate-animation 10s infinite linear;}
    .about-img p{font-size: 26px;font-family: "Raleway", sans-serif; font-weight: 600;color: var(--color-primary);    padding-top: 15px;}
 .about-cont{    display: flex; flex-direction: column; align-items: flex-start; justify-content: center;  width: 100%; height: 100%;    padding-right: 2rem;}
 .about-cont h2{font-size: 30px;font-family: "Raleway", sans-serif; font-weight: 800;color: var(--color-secondary); }
 .about-cont p{color: white;}
.student-result { background: white; padding-top: 5rem; padding-bottom: 1rem; }
.student-result h2{text-transform: capitalize; font-size: 36px;font-weight: 600;color: var(--color-secondary);}
.result-para{font-size: 18px;font-weight: bold;}

 .main-feature{background-color: #0B0535; color: white;position: relative;  margin-top: 2rem;}
 .main-feature:before{position: absolute;content: ''; left: 0px; top: -2px; background: #0b053500 url(../images/bg-videonew.png); background-size: contain; background-repeat: repeat;
    width: 100%;  height: 90px;  z-index: 2;  background-position: center; rotate: 180deg;}
.feature-img{    position: absolute; z-index: 9; text-align: end;right: 160px; top: -90px;   bottom: 0;}
.feature-img:after{position: absolute;content: '';    right: -29px; top: 37%;background-image: url(../images/bg-shape.png); background-size: cover; background-repeat: no-repeat;
    width: 130px;  height: 130px; z-index: -1;animation: rotate-animation 10s infinite linear;}
.feature-img img{height: 100%;}
.main-feature-cont{ display: flex; padding: 2rem 0;flex-direction: column; align-items: flex-start; justify-content: center;  width: 100%; height: 100%;  }
.main-feature-cont h2{font-size: 34px;font-family: "Raleway", sans-serif;     padding-top: 6rem;font-weight: 800;color: var(--color-secondary); }
.main-feature-cont p{color: var(--color-dark);color: white;}
.main-feature .col-lg-5{position: relative;}
.feature-inner h2{font-size: 18px;font-family: "Raleway", sans-serif; font-weight: 800;color: var(--color-secondary); padding: 10px 0;    margin: 0;}
.feature-inner p{color: var(--color-dark);color: white;font-size: 13px; font-weight: normal;}
.feature-inner img{    max-width: 80px; width: 100%;}	

.my-service h2{font-size: 34px;font-family: "Raleway", sans-serif; font-weight: 800;color: var(--color-secondary);text-align: center;text-transform: capitalize;}
.service-para{color: var(--color-dark); width: 70%;margin: auto;text-align: center;}
.service-cont-circle{max-width: 120px; background: #030319; height: 116px; display: flex;justify-content: center; /* align-content: center; */align-items: center;
    color: #fff;  font-size: 34px; border-radius: 100%;  border: 6px solid #1fa08e; outline-offset: 10px; outline: 2px dashed #1fa08e; margin-bottom: 1.5rem!important;
    animation: pulse 8s infinite;margin: auto;}	
.service-main{display: flex;}


@keyframes pulse {
  0% {
    background-color: #030319;
  }
   50% {
    background-color: #20AD96;
  }
  100% {
    background-color: #030319;
  }
}
.serice-cont{    text-align: center;  margin: 1.5rem 0;}
.service-main .top-margin{margin-top: 7.5rem;}
.top-margin{position: relative;}
.top-margin:after { position: absolute; right: -45px; top: -18px; content: ''; background-image: url(../images/Swirly-Arrow-SVG11.png); background-size: cover;
    background-repeat: no-repeat;  width: 115px;  height: 91px;  z-index: 9999;}
.side-image{position: relative;}
.side-image:after { position: absolute; right: -71px; top: 40px; content: ''; background-image: url(../images/Swirly-Arrow-SVG22.png); background-size: cover;
    background-repeat: no-repeat;  width: 117px;  height: 97px;  z-index: 9999;}
.serice-cont h2{font-size: 20px;font-family: "Raleway", sans-serif; font-weight: 800;color: var(--color-secondary);}
.serice-cont P{color: var(--color-dark);}


.testimonal h2{font-size: 20px;font-family: "Raleway", sans-serif; font-weight: 800;color: var(--color-secondary);text-transform: uppercase;text-align: center;}
.testimonal P{color: var(--color-dark); color: white;text-align: center;}
.testimonal{background-color: #0B0535; color: white;position: relative;padding-top: 3rem;  padding-bottom: 13rem;}
.testimonal:after{position: absolute;content: ''; left: 0px; bottom: -2px; background: #0b053500 url(../images/bg-videonew.png); background-size: contain; background-repeat: repeat;
    width: 100%;  height: 115px;  z-index: 2;  background-position: center; }
    .slider { float: left;width: 100%;margin:25px 0;}
.slider img{width: 100%;min-height: 50px;}
.flip-card {background-color: transparent;width: 326px;    margin: auto;height: 439px; perspective: 1000px;}
.flip-card-inner { position: relative; width: 100%; height: 100%;  text-align: center;  transition: transform 0.6s;  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.flip-card:hover .flip-card-inner { transform: rotateY(180deg);}
.flip-card-front, .flip-card-back { position: absolute;  width: 100%;  height: 100%;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.flip-card-front {    color: black;}
.flip-card-front:after{position: absolute; left: 7px; top: 8px; content: '';width: 96%;  height: 96%;  border: 4px dashed #20AD96;
    margin: auto;   border-radius: 12px;background: linear-gradient(180deg, rgb(217 217 217 / 22%) 0%, rgb(11 5 53 / 74%) 100%);}
.flip-card-back {   color: white;  transform: rotateY(180deg);background-size: cover;background-position: center;
    background-repeat: no-repeat;width: 100%;height: 100%;position: relative;}
.flip-card-back:before{position: absolute; left: 0px; top: 0px; display: block; content: ''; background: #0b0535c9;width: 100%; height: 100%;    margin: auto;   border-radius: 12px;}
.flip-back-inner{position: relative; z-index: 9999;text-align: left;position: relative; z-index: 9999; padding: 12px 27px; padding-top: 3rem;}
.flip-text{    position: absolute;  z-index: 9999; left: 0; bottom: 0; right: 0; color: #20ad96;}
.flip-text p{font-size: 20px;}
.flip-back-inner h1{font-size: 15px;padding: 0 15px;}
.flip-back-inner i{font-size: 29px;  color: #20ad96;}
.flip-back-inner p{color: var(--color-secondary);padding: 0 15px; font-weight: 600;}

.video-section{margin-top: 4rem;text-align: center;}
.video-section h2{ text-transform: capitalize; font-size: 36px;font-weight: 600;color: var(--color-secondary); }
.video-section P{color: var(--color-dark);}
.youtube-icon{left: 0; top: 0; position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.video-inner{position: relative;    max-width: 50%; margin: auto;margin-top: 2rem;}
.video-inner:before{position: absolute;left: -142px;top: -72px;content: ''; background-image: url('../images/maxcoach-shape-05.png'); background-size: cover;
    background-repeat: no-repeat;width: 200px; height: 193px;z-index: -1; animation: zoom-in-zoom-out 3s ease-out infinite; }
.video-inner:after{    position: absolute; left: -68px; top: -61px; content: ''; background-image: url('../images/maxcoach-shape-052.png');  background-size: cover;
    background-repeat: no-repeat;  width: 200px; height: 193px;  z-index: -1;animation: zoom-in-zoom-out 3s ease-out infinite; }
    .bottom-img{text-align: end;  position: relative; margin-top: -5rem;  margin-right: 15rem;  z-index: -1;}
.bottom-img img{width: 13%;}
.video-imge iframe{width: 100%; border-radius: 18px;}
.youtube-video h2{  text-transform: capitalize; color: black;margin-top: 1rem;font-size: 26px; font-weight: 800;}


@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
  }
  50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.8, 0.8);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.8, 0.8);
  }
}

footer{background-color: #0B0535; color: white;position: relative;  }
footer:before{position: absolute;content: ''; left: 0; top: -2px; background: #0b053500 url(../images/bg-videonew.png); background-size: contain; background-repeat: repeat;
    width: 100%;  height: 122px;  z-index: 2;  background-position: center; rotate: 180deg;}
.footer-inner h2{font-size: 20px;font-family: "Raleway", sans-serif; letter-spacing: 2px;font-weight: 800;color: var(--color-secondary);text-transform: uppercase;}
.footer-inner{padding-top: 8rem;}
.footer-inner h2 span{font-weight: 500;}
.footer-cont h2{text-transform: capitalize; font-size: 20px;font-weight: 600;color: var(--color-secondary);}
.footer-icon{    display: flex; flex-direction: column;}
.footer-icon a{    text-decoration: none;  display: flex; align-items: center;    padding: 4px 0;}
.phn-icon i{font-size: 23px;   margin-right: 15px;   color: var(--color-secondary);}
.phn-text{color: white;}
.quick-links h2{text-transform: capitalize; font-size: 20px;font-weight: 600;color: var(--color-secondary);}
.quick-links ul{list-style: none;  padding: 0;}
.quick-links ul a{    text-decoration: none;  color: #fff;  text-transform: capitalize;}
.footer-form{text-align: center;max-width: 80%;  margin: auto;  position: relative;  z-index: 9;  padding: 2rem 0;  background: white;  margin-top: -4rem;
    border-radius: 17px;  box-shadow: 0px 0px 10px 1px rgba(32, 173, 150, 1);position: relative;}
.footer-firstrow:after { opacity: 0;position: absolute;  right: 23px; bottom: 23px;  content: ''; background-image: url(../images/maxcoach-shape-05.png);  background-size: cover;
    background-repeat: no-repeat; width: 112px; height: 112px;   z-index: 1;animation: rotate-animation 10s infinite linear;}
.footer-form h2{text-transform: capitalize; font-size: 36px;font-weight: 600;color: var(--color-secondary);}
.footer-form{max-width: 80%; margin: auto; position: relative;  z-index: 9;padding: 2rem 0; background: white; margin-top: -2rem;  border-radius: 17px;}
.footer-form form{width: 80%;  margin: auto;}
.footer-upperspace{    padding-top: 3rem!important;}
.footer-firstrow{border-bottom: 2px dashed var(--color-secondary); position: relative;padding-bottom: 2rem;padding-top: 8rem;}
.footer-right ul{margin-bottom: 0px;}
.footer-left a{text-transform: capitalize;}
.footer-right ul{padding-left: 0px;list-style: none;}
.footer-bottom-icon{   text-decoration: none; width: 30px;height: 30px; display: flex;  justify-content: center; align-items: center;  background: white;   border-radius: 100%;}
.footer-bottom-icon i{font-size: 18px;   color: #20ad96;}
.footer-right ul{display: flex;}
.footer-right ul li{margin-right: 1rem;}
.footer-bottom{    display: flex;  width: 100%;      justify-content: center;}
.footer-forminner p{color: var(--color-dark);}
.socail-footerend{display: flex;justify-content: flex-end;}



/*   about-me page css */
.about-banner{position: relative;}
.about-banner{background-image: url('../images/aboutme.png'); background-size: cover;background-position: center; width: 100%;height: 100%;background-repeat: no-repeat;}
.about-me{width: 100%; height: 404px; display: flex; align-items: center; justify-content: flex-start;  color: white;}
.about-me h2 span{font-weight: 300;}
.about-me h2{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif; }
.about-left{max-width: 350px;  height: 350px;margin: auto;  position: relative;}
.about-left:before{position: absolute;left: 52px; top: 48px;content: ''; width: 70%; height: 72%; border: 2px dashed #ffffff;  margin: auto;  rotate: 224deg;
    border-radius: 31px;}
.about-left:after{ position: absolute;  content: '';  left: 25px;  top: -21px;  background-image: url(../images/bg-shape.png);  background-size: cover;
    background-repeat: no-repeat;  width: 130px; height: 130px;  z-index: -1;animation: rotate-animation 10s infinite linear;}
.about-left{text-align: center;}
.about-section{margin-top: 4rem;}
.about-right h2{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif; color: var(--color-secondary);}
.about-right h2 span{color: var(--color-dark);}
.about-staricon i{color: var(--color-dark);}
.about-socialicon a{border-radius: 30px; width: 25px; margin-right: 12px; height: 25px; display: flex; justify-content: center; align-items: center; background: #C4E6E0;text-decoration: none;}
.about-socialicon a i{font-size: 14px;color: var(--color-secondary);}
.about-para{font-weight: 500;color: var(--color-light);}
.about-contact-info a{text-decoration: none;padding: 6px 0px}
.about-contact-info .phn-text {color: var(--color-dark);}
.about-contact-info{display: flex; flex-wrap: wrap; justify-content: space-between;}
.about-live h3{text-transform: capitalize; font-size: 20px;font-weight: 600;font-family: "Raleway", sans-serif; color: var(--color-secondary);}
.about-liveheading{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif; color: var(--color-secondary);}



/*   Services page css */
.service-banner{position: relative;background-image: url('../images/service-banner.png'); background-size: cover;background-position: center; width: 100%;height: 100%;background-repeat: no-repeat;}
.service-bannerinner{width: 100%; height: 404px; display: flex; align-items: center; justify-content: flex-start;  color: white;}
.service-bannerinner h2{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif; }
.service-para{  font-size: 20px; color: var(--color-dark);width: 90%;margin: auto;}
.service-image{text-align: center; width: 252px; height: 270px;  margin: auto;}
.service-inner{padding: 18px 0;    width: 90%;  margin: auto;}
.service-cont h3{text-transform: capitalize; font-size: 20px;font-weight: 600;font-family: "Raleway", sans-serif;color: var(--color-secondary);}

/*   testimonal page css */
.testimonal-inner h3{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif;color: var(--color-secondary);text-align: center;}
.testimonials-banner{position: relative;background-image: url('../images/testimonal-inner.png'); background-size: cover;background-position: center; width: 100%;height: 100%;background-repeat: no-repeat;}
.testimonials-bannerinner{width: 100%; height: 404px; display: flex; align-items: center; justify-content: flex-start;  color: white;}
.testimonials-bannerinner h2{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif; }   
.testimonal-inner{ width: 90%;  margin: auto;}
.testimonal-quotepara h3{text-transform: capitalize; font-size: 20px;font-weight: 600;font-family: "Raleway", sans-serif;text-align: left;}


/*   Video page css */
.video-banner{position: relative;background-image: url('../images/service-banner.png'); background-size: cover;background-position: center; width: 100%;height: 100%;
    background-repeat: no-repeat;}
.video-bannerinner{width: 100%; height: 404px; display: flex; align-items: center; justify-content: flex-start;  color: white;}
.Video-bannerinner h2{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif; }   
.Video-inner h3{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif;color: var(--color-secondary);text-align: left;}
.video-imge{position: relative; text-align: center; padding: 10px 0px;}

/* contact me */

.contact-inner h3{text-transform: uppercase; font-size: 20px;font-weight: 600;font-family: "Raleway", sans-serif;color: var(--color-secondary);}
.contact-inner{margin: 10px 0; border-bottom: 1px dashed #20ad96; padding-bottom: 15px;}
.contact-info{display: flex; flex-direction: column!important;}
.contact-left{ max-width: 453px;  margin: auto; position: relative; text-align: center;}
.contact-left:after {position: absolute;  content: ''; left: 40px; top: 5px; background-image: url(../images/bg-shape.png); background-size: cover;
    background-repeat: no-repeat;  width: 130px;  height: 130px;  z-index: -1;animation: rotate-animation 10s infinite linear;}
.conatct-map{    margin-bottom: -8rem;  position: relative;}
.testimonials-bannerinner h2  span{font-weight: 300;}
.conatct-map img{width: 100%; height: 100%;}


/* result page */
.result-banner { position: relative; background-image: url(../images/result-banner.png);  background-size: cover;  background-position: center;  width: 100%;  height: 100%;
    background-repeat: no-repeat;}
.result-inner h2{text-transform: capitalize; font-size: 36px;font-weight: 600;font-family: "Raleway", sans-serif;color: var(--color-secondary);text-align: center;}
.student-info img{    max-width: 160px;width: 100%;}
.student-info h3{text-transform: uppercase; font-size: 20px;font-weight: 600;font-family: "Raleway", sans-serif;color: var(--color-secondary);}
.student-info p{font-size: 18px;font-weight: 800;}
.stn-sub{    background-color: #20ad96; color: white; text-transform: capitalize; font-size: 18px;  padding: 3px;  display: flex;  justify-content: center; align-items: center;
    align-content: center;  height: 100%; max-width:250px;  margin: auto;}


    
.signup-bar h2{color: var(--color-secondary);}
.signup-bar form{font-family: "Raleway", sans-serif; max-width: 1000px; margin:auto;}
.signup-bar label{ margin-bottom: 5px; width: 100%; font-weight: 500; font-size: 14px;}
.signup-bar textarea{width: 100%; height: 150px; border: 1px solid #ced4da; padding: 1rem;}


.contact-banner{background-image: url('../images/contact-banner.png') !important; background-size: cover;background-position: center; width: 100%;height: 100%;background-repeat: no-repeat;}
.contact-bar {padding: 6rem 0; background: #C4E6E0; }
.contact-bar h2 {color: #000;}
.contact-footer{margin: 0;}
.contact-footer:before{ display: none;}

.graphic {background: #C4E6E0 url('../images/footer-contact.png') repeat-x; height: 100px; background-size: contain;}

.btn{transition: .4s ease;}
.btn:hover {opacity: 0.7; }

    
@media(min-width :1399px){
    .bg-banner-cont{height: 800px!important;}
}



@media (max-width: 1399px) and (min-width: 1199px){
    .nav-link { font-size: 14px !important;}
    .phone-call { font-size: 20px;}
    .phone-icon {font-size: 20px;}
}

@media (max-width: 1199px){
   .navbar-phone{display: none;}
   .top-margin:after {display: none;}
   .side-image:after {display: none;}
}


@media (max-width: 992px){
     .service-main {    flex-wrap: wrap;}
     .footer-form:after {display: none;}
     .feature-img{    top: 0px; position: relative; right: 0px;}
     .feature-img:after {    right: 33px;}
     .about-cont {padding-right: 0rem;}
     .footer-form {margin-top: 1rem;max-width: 100%;}
     .footer-form h2 {font-size: 22px;}
     .footer-bottom {    flex-direction: column; align-items: center;}
     .footer-right{padding: 5px 0;}
     .video-inner {max-width: 100%;}  
     .footer-firstrow {padding-bottom: 2rem;}
     footer {    margin-top: 4rem;}
     .contact-left {    max-width: 300px;}
     .footer-firstrow:after {display: none;}
     footer:before {background-size: cover!important; background-repeat: no-repeat!important;}
     .banner:after{background-size: cover!important; background-repeat: no-repeat!important;}
     .main-feature:before{background-size: cover!important; background-repeat: no-repeat!important;}
     .testimonal:after{background-size: cover!important; background-repeat: no-repeat!important;}     
     .footer-firstrow .footer-cont {display: flex; flex-direction: column;    align-items: flex-start;}
     .socail-footerend { justify-content: flex-start;}
     .footer-cont  p br{display: none;}
     


}

@media (max-width: 767px){
  .about-us:before{ background-size: cover;}
  .graphic{background-size: cover;}
}

@media(max-width: 575px){

    .navbar-brand {  font-size: 25px;}
    .testimonal-image{text-align: center;}
    footer:before {background-size: cover!important; background-repeat: no-repeat!important;}
     .banner:after{background-size: cover!important; background-repeat: no-repeat!important;}
     .main-feature:before{background-size: cover!important; background-repeat: no-repeat!important;}
     .testimonal:after{background-size: cover!important; background-repeat: no-repeat!important;}
     .signup-bar textarea{height: 100px;}
     .banner-heading{font-size: 32px; }
     
}