a {
  text-decoration: none !important;
}

.video {
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  /* pointer-events: none; */
}



.video video {
  object-position: top;
  width: 100%;
  display: block;
}


.loader {
  height: 100%;
  /* margin-left: auto; */
  animation: 1.5s ease 0s infinite beat;
}

@keyframes beat {

  0%,
  50%,
  100% {
    transform: scale(1, 1);
  }

  30%,
  80% {
    transform: scale(0.92, 0.95);
  }
}

@keyframes pulse {

  0%,
  50%,
  100% {
    background: #fee;
  }

  30%,
  80% {
    background: #fff;
  }
}


#about-caro {
  padding-bottom: 22px !important;
}




.phone,
.phone img {
  height: 100%;
}

.phone {
  height: 480px;
  position: relative;
  display: block;
  margin-left: 150px;
  /* float: right; */
}

.phone .notch-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100px;
}

.phone .notch-container .notch {
  margin-left: 59px;
  width: 17vh;
  height: 3.25vh;
  /* margin: inherit; */
  background-color: #111;
  border-bottom-left-radius: 2.334vh;
  border-bottom-right-radius: 2.334vh;
}

.phone img {
  display: block;
  border: 1.334vh solid #111;
  border-radius: 4.5vh;
}

.booktitle {
  font-family: 'Poppins', sans-serif, 'arial';
  font-weight: 600;
  font-size: 45px;
  line-height: 65px;
  color: #ffb441;
  word-spacing: 3px;
  text-transform: capitalize !important;
}

.subtext {
  color: white;
  line-height: 30px;
  font-family: Open Sans;
  font-size: 19px;
}
.item{
  width: fit-content;
}

.button-33 {
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-top: 10px;
  margin-bottom: 12px;
  background-color: #68338b;
  border-radius: 100px;
  /* box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px; */
  color: white;
  cursor: pointer;
  /* display: inline-block; */
  font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
  padding: 2px 24px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-33:hover {
  /* box-shadow: rgba(44, 187, 99, .35) 0 -25px 18px -14px inset, rgba(44, 187, 99, .25) 0 1px 2px, rgba(44, 187, 99, .25) 0 2px 4px, rgba(44, 187, 99, .25) 0 4px 8px, rgba(44, 187, 99, .25) 0 8px 16px, rgba(44, 187, 99, .25) 0 16px 32px; */
  transform: scale(1.05);
}


.para {
  background-image: url("../images/banner/book-bg.jpg");

  /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footerlog img {
  width: 100%;
}


.footerlog {
  width: 160px;
  position: relative;
  top: -37px;
  height: 103px;
}

.map iframe {
  width: 100%;
  height: 100%;
}




.middle {
  position: absolute;
  top: 78%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  right: 11%;
}

.btno {
  display: inline-block;
  width: 33px;
  height: 33px;
  background: #f1f1f1;
  margin: 10px;
  border-radius: 30%;
  box-shadow: 0 5px 15px -5px #00000070;
  color: #267427;
  overflow: hidden;
  position: relative;
}

.btno i {

  line-height: 32px;
  font-size: 16px;

  transition: 0.2s linear;
}

.btno:hover i {
  transform: scale(1.3);
  color: #f1f1f1;
}

.btno::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;


  left: -110%;
  top: 90%;
}

.fb::before {
  transform: rotate(45deg);
  background: #3498db !important;
}

.wp::before {
  transform: rotate(45deg);
  background: #64F200 !important;
}

.ig::before {
  transform: rotate(45deg);
  background: #c13584 !important;
}

.yt::before {
  transform: rotate(45deg);
  background: red !important;

}

.btno:hover::before {
  animation: aaa 0.7s 1;
  top: -10%;
  left: -10%;
}

@keyframes aaa {
  0% {
    left: -110%;
    top: 90%;
  }

  50% {
    left: 10%;
    top: -30%;
  }

  100% {
    top: -10%;
    left: -10%;
  }
}

.adress {
  color: #d7d7d7;
  word-spacing: 5px;
  line-height: 32px
}

.subtext i {
  color: #ed004a;
  margin-right: 10px;
}


.ftex {
  font-size: 14px;
  padding-top: 7px;
  text-align: center;


}


.ftex a {
  transition: linear 200ms;
  color: white;
  display: inline-block;

}

.ftex a:hover {
  transform: translateY(-3px);
  color: #7aff00;

}


.mf-social-side-list {
  position: fixed;
  top: 39vh;
  right: 10px;
  z-index: 100;
}

.mf-social-side-list ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0
}

.mf-social-side-list ul li a {
  color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-top: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.mf-social-side-list ul li a:hover {
  opacity: .9;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.mf-social-side-list ul li a[href*='facebook'] {
  background: #3b5998;
}

.mf-social-side-list ul li a[href*='instagram'] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  ;
}

.mf-social-side-list ul li a[href*='youtube'] {
  background: #c4302b;
}

.mf-social-side-list ul li a[href*='whatsapp'] {
  background: #54c405;
}

.mf-social-side-list ul li a[href*='twitter'] {
  background: #00acee;
}





.ipad {
  padding: 25px;
  background: black;
  border-radius: 21px;
  border: 4px solid #E5E5E5;
  box-shadow: 5px 19px 39px #adadad !important;
  transform: scale(0.9);
  height: 470px;
}

.camera {
  border-radius: 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #2654ED;
  border: 2px solid #1C1C1C;
  left: 19px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  box-sizing: border-box;
}

.home-btn {
  border-radius: 90px;
  width: 23px;
  height: 23px;
  position: absolute;
  background: linear-gradient(170deg, rgba(64, 65, 67, 1) 0%, rgba(64, 65, 67, 1) 25%, rgba(233, 234, 236, 1) 38%, rgba(233, 234, 236, 1) 63%, rgba(64, 65, 67, 1) 94%, rgba(64, 65, 67, 1) 100%);
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  box-sizing: border-box;
}

.home-btn::after {
  content: "";
  width: calc(90% - 1px);
  height: calc(90% - 1px);
  border-radius: 50%;
  background: black;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}


.ipad iframe {
  width: 100%;
  height: 100%;
}

.playstore {
  margin-top: 55px;
  display: flex;
  gap: 25px;
}

.applanding {
  padding-top: 75px;
}

.mf-social-side-list i {
  font-size: 16px;
}


.welcome button {
  margin-right: 0px;
  margin-left: 0px;
  float: right;
}


@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Teko:700);

.snip1543 {
  background-color: #fff;
  color: #ffffff;
  display: inline-block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  margin: 16px 5px;
  max-width: 315px;
  min-width: 230px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.snip1543 *,
.snip1543 *:before,
.snip1543 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
  width: 100%;	
}

.snip1543:before,
.snip1543:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #b81212;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543:before {
  -webkit-transform: skew(30deg) translateX(-80%);
  transform: skew(30deg) translateX(-80%);
}

.snip1543:after {
  -webkit-transform: skew(-30deg) translateX(-70%);
  transform: skew(-30deg) translateX(-70%);
}

.snip1543 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
  padding: 25px 40% 25px 30px;
}

.snip1543 figcaption:before,
.snip1543 figcaption:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #b81212;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: -1;
}

.snip1543 figcaption:before {
  -webkit-transform: skew(30deg) translateX(-100%);
  transform: skew(30deg) translateX(-100%);
}

.snip1543 figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-90%);
  transform: skew(-30deg) translateX(-90%);
}

.snip1543 h3,
.snip1543 p {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
}

.snip1543 h3 {
  font-family: 'Teko', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}

.snip1543 p {
  font-size: 0.9em;
}

.snip1543 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1543:hover h3,
.snip1543.hover h3,
.snip1543:hover p,
.snip1543.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.snip1543:hover:before,
.snip1543.hover:before {
  -webkit-transform: skew(30deg) translateX(-20%);
  transform: skew(30deg) translateX(-20%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.snip1543:hover:after,
.snip1543.hover:after {
  -webkit-transform: skew(-30deg) translateX(-10%);
  transform: skew(-30deg) translateX(-10%);
}

.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before {
  -webkit-transform: skew(30deg) translateX(-40%);
  transform: skew(30deg) translateX(-40%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-30%);
  transform: skew(-30deg) translateX(-30%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}


/* Demo purposes only */

.facility {
  padding-bottom: 25px;
}



.fac h2 {
  margin: 15px 0;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #930098;
}

.fac figure {
  max-width: 100%;
}

.pl30 {
  padding-left: 30px;
}

.bg-clr {
  height: 253px;
  background: #fff6ff;
  padding-left: 25px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.bg-clr h2 {
  padding-top: 20px;
}

.bg-clr p {
  font-size: 16px;
  padding-right: 10px;
  line-height: 30px;
}

.fac {
  padding-bottom: 25px;
}

.fancy-hr {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0;
}

.fancy-hr:before, .fancy-hr:after {
  content: "";
  flex: 1;
  border-bottom: 2px solid #ccc;
}

.football-icon {
  margin: 0 20px;
}

.football-icon img {
  width: 50px;
  height: 50px;
}


body {
  margin:0px;
  overflow-x: hidden;
}
.colour-block {
  background:#28b33e;
  width:100%;
  padding:100px;
  padding-top: 35px;
  padding-bottom: 0px;
  color:#fff;
}
.white-block {
  background:#fff;
  width:100%;
  padding:100px;
  padding-top: 35px;
  padding-bottom: 45px;
  color:#006c12;
}



/*------------------*/
/*  SKEW CLOCKWISE  */
/*------------------*/
.skew-cc{
  width:100%;
  height:100px;
  position:relative;
  left:0px;
  background: linear-gradient(to right bottom, #28b33e 49%, #fff 50%),    linear-gradient(-50deg, #ffffff 16px, #000 0);
}


/*-------------------------*/
/* SKEW COUNTER CLOCKWISE  */
/*-------------------------*/
.skew-c{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #fff 49%, #28b33e 50%);
}



.image{
  width: 220px;
  position: relative;
  left: 0;
  animation: move 2s ease-in-out infinite alternate;
}
.image img{
  width: 100%;
}
@keyframes move {
  0% {
    left: 50px;
  }
  100% {
    left: 30%;
  }
}


.coach-title{
  font-size: 27px;
  text-transform: capitalize;
  margin: 15px auto;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: 'bebas_neue', sans-serif;
}


.title-logo,.title-logo-right{
  height: 40px;
 
}

.title-logo{
  padding-right: 10px;
}
.title-logo-right{
  padding-left: 10px;
}




form .fa-solid{
  padding-right: 10px;
}
.form__group p{
  /* margin: 0 0 10px; */
  FONT-FAMILY: 'Open Sans';
  FONT-SIZE: 17PX;
}

.abt-img{
  width: 415px;
  /* margin-right: 50px; */
}
.abt-img img{
  float: left;
  /* padding-right: 46px; */
  width: 100%;
}

.owl-item .item, .owl-item .item img
{
	width: 100% ;
}

.welcome p
{
	line-height: 30px;
}


.sub-ban
	{
		height: 550px;
	}
	
	.sub-ban .video video {
    object-position: top;
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%;
		
}


.para:hover .slot-img img{
  transform: scale(1.1);

}
.slot-img{
  overflow: hidden;
}

#book{
  background-color: #ececec !important;
  color: #737373;
  float: right;
  margin: 0;
  margin-top: -50px;
}

.footer-links ul a{
  color: #54008b;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  transition: 300ms;
}
.footer-links ul a:hover{
  color: #fff;
}


.pull-left , .pull-right {
  margin: 7px 0;
}

.pull-right a{
  color: #b9deff;
  transition: 300ms;
}
.pull-right a:hover{
  color: #309fff;
}


.merits{
  width: 50%;
  float: left;
}