/* Theme Name: Kids Academy *
* Developed By: Wave Infotech*
* Version: 1.0, 2020*
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');

@font-face {
	font-family: 'desyrel';
	font-style: normal;
	font-weight: normal;
	src: local('desyrel'), url('../fonts/desyrel.ttf') format('ttf'), url('../fonts/desyrel.woff') format('woff');
}
@font-face {
	font-family: 'Proxima Nova';
	font-style: normal;
	font-weight: normal;
	src: local('ProximaNovaRegular'), url('../fonts/ProximaNovaRegular.eot') format('eot'), url('../fonts/ProximaNovaRegular.ttf') format('ttf'), url('../fonts/ProximaNovaRegular.woff') format('woff');
}
@font-face {
	font-family: 'Proxima Nova';
	font-weight: bold;
	src: local('ProximaNovaBold'), url('../fonts/ProximaNova-Bold.otf') format('otf');
}
@font-face {
	font-family: 'Proxima Nova';
	font-style: normal;
	font-weight: 300;
	src: local('ProximaNovabold'), url('../fonts/ProximaNovaT-Thin.eot') format('eot'), url('../fonts/ProximaNovaT-Thin.ttf') format('ttf'), url('../fonts/ProximaNovaT-Thin.woff') format('woff');
}
/*============================================================================================*/
/* 1. SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
@keyframes bounce {
  0% {
    transform: translate3d(0px, 0px, 0);
  }
  50% {
    transform: translate3d(0px, -10px, 0);
  }
  100% {
    transform: translate3d(0px, 0px, 0);
  }
}
@keyframes bounce2 {
  0% {
    transform: translate3d(0px, 0px, 0);
  }
  50% {
    transform: translate3d(5px, -5px, 0);
  }
  100% {
    transform: translate3d(0px, 0px, 0);
  }
}
@keyframes bounce3 {
  0% {
    transform: translate3d(0px, 0px, 0);
  }
  50% {
    transform: translate3d(-5px, -5px, 0);
  }
  100% {
    transform: translate3d(0px, 0px, 0);
  }
}
@keyframes twinkle {
  80% {
    transform: scale(1.1);
    opacity: 0.7;
  }
}

/*-------- 1.1 Typography --------*/
 html {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
	font-size: 15px;
}
 body {
    font-family: "Proxima Nova",sans-serif;
	font-size: 1rem;
	font-style: normal;
	line-height: 1.85rem;
	text-transform: none;
	color: #8d949e;

}
 h1, h2, h3, h4, h5, h6 {
	 color: #272727;
	 line-height: 1.5;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #96bf3b;
	text-decoration: none;
}
label {
     color:#000;
     font-weight:600;
}
.section-title {
	text-transform: capitalize;
	font-family: 'desyrel', Comic Sans, sans-serif;
	font-size: 2.3rem;
	color: #659957;
	text-align: center;
	margin: 2rem 0 1rem;
	line-height: 1.1;
}
.form-control {
	min-height: 50px;
	border-color: #e1e1e1;
	border-radius: 2px;
	box-shadow: none;
}
.form-control.input-sm {
	min-height: 36px;
}
.text-primary {
	color: #96bf3b !important;
}
.text-green{
	color:#669a58 !important;
}
.text-info {
	color: #f46d04 !important;
}
.text-light {
	color: #ff662c !important;
}
.text-red{
    color:#e63f15 !important;
}
.text-yellow{
    color:#ef9e07;
}
.bg-info {
	background-color: #003679 !important;
}
.btn-green {
	border-color:#96bf3b !important;
	background-color:#669957 !important;
	color:#ffffff !important;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5385em;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-radius: 3px;
	padding: 0.1em 0.4em;
	transition: all 0.3s ease;
	font-family: 'desyrel', Comic Sans, sans-serif;
}
.btn-green:hover {	
	background-color: #029600 !important;
}
.btn-green.btn-rounded {
	border-radius: 15px;
	padding: 5px 28px;
	text-transform: capitalize;
	font-family: Proxima Nova;
	letter-spacing: 1px;
}
/*============================================================================================*/
/* 2. HEADER AND NAVIGATION */
/*============================================================================================*/
.topbar {
	position: absolute;
	left:0;
	width:100%;
	top:0;
	text-align: right;
}
.topbar .btn {
	width: 100%;
	max-width: 150px;
	min-height: 30px;
	margin: 7px;
}
/*-------- 2.1 Header --------*/
#header .navbar.fixed-top {
	padding-top: 0;
	padding-bottom: 0;
	top: 0px;
	transition: all 0.3s ease;
	background: #fff;
	border-radius: 0 0 30px 30px;
}
#header .navbar-border {
	border-bottom: 3px solid #669957;
	width:100%;
}
#header .navbar.fixed-top.fixed {	
	top:0;
}
#header .navbar.fixed-top .navbar-brand img {
	transition: all 0.5s ease;
	max-height: 85px;
}
#header .navbar.fixed-top.fixed {	
	background:#fff;
}
#header .navbar.fixed-top.fixed .navbar-brand img {
	max-height: 45px;
}

/*-------- 2.2 Navigation --------*/
#header .navbar-nav .nav-item.border-right {
    border-right: 2px solid #039600 !important;
}
#header .blue .navbar-nav .nav-item.border-right {
    border-right: 2px solid #01add5 !important;
}
#header li.nav-item {
    font-size: 16px;
	padding: 0 8px;
    line-height: 17px;
}
#header .navbar-nav .nav-item a:not(.btn) {
    color: #669957;
	text-transform:uppercase;
	font-weight: 500;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
	padding: 6px 9px;
}
#header .navbar-nav .nav-item a.dropdown-item:not(:last-child) {
	border-bottom: 1px solid #eee;
}
#header .navbar-nav .nav-item a.active,
#header .navbar-nav .nav-item a:hover {
	color: #f5752a;
}
#header .nav-icon a{
	color:#669957;
}
#header .nav-link {
    display: block;
    padding: 0rem 1rem;
}
#header .blue .nav-icon a {
    color:#137fc7;
}

.btn-lge {
	/* background: #669957; */
	padding: 0 2px;
	color: #fff;
	text-transform: uppercase;
}

.blue .btn-lge {
	padding: 0 7px;
	color: #fff;
}
.blue .btn-lge a {
	color: #fff;
}
.blue .btn-lge.dropdown-item {
	color: #137fc7 !important;
	padding-left: 1rem;
}
.btn-top {
	background: #fff;
	border-radius: 5px;
	line-height: 1.8;
	padding: 0 0px;
	border: 0;
}
.blue .btn-top {
	background: #fff;
	border-radius: 5px;
	line-height: 1.8;
	padding:0px;
}
.navbar-toggler-icon i {
	color: #669957;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon i.fa-bars,
.navbar-toggler.collapsed .navbar-toggler-icon i.fa-times {
	display: none;
}
.blue .navbar-toggler-icon i {
	color: #137fc7;
}
.btn-lge-2 {
	padding:0;
	color: #fff;
	text-transform: uppercase;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.btn-lge.dropdown-item {
	color: #fff !important;
}
.dropdown-item.active, .dropdown-item{
	padding-left:1rem;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #669957;
	padding-left:1rem;
}
.blue .dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #3e4b5c;
	padding-left:1rem;
}
.btn-lge.dropdown-item.active {
	color: #fff !important;
}
.btn-lge.dropdown-item {
	color: #669957 !important;
}
 #collapsibleNavbar {
	right: -100%;
	top: 0%;
	height: 100%;
	text-align: center;
	background: rgba(255,255,255,0.92);
	z-index: 0;
	transition: all 0.3s ease;
	display: flex;
	place-content: center;
}
    #collapsibleNavbar.show {
	right:0;
}
.header-icon {


}
@media (min-width: 1500px) {
	.navbar.fixed-top .navbar-brand img {
		max-height: 130px;
	}
}
/*============================================================================================*/
/* 3. INDEX PAGE */
/*============================================================================================*/
/*-------- 3.1 Banner --------*/
.banner {
	position: relative;
	min-height: 100vh;
	padding: 9rem 0 1rem;
}
.banner .container-fluid img{
    display: table;
	margin: 10vh auto;
	animation: bounce 0.5s infinite;
}
.banner .banner_video {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner .banner_video video {
	width: 100%;
	height: auto;
}
.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bouncescroll 2s infinite 2s;
  animation: bouncescroll 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bouncescroll {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


.icons {   
	background: rgba(102,152,87,1);
	background: -moz-linear-gradient(top, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,87,1)), color-stop(100%, rgba(40,113,20,1)));
	background: -webkit-linear-gradient(top, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	background: -o-linear-gradient(top, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	background: -ms-linear-gradient(top, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	background: linear-gradient(to bottom, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669857', endColorstr='#287114', GradientType=0 );
    padding: 1rem 1rem;
}
.icons:nth-child(2n){
	background: rgba(40,113,20,1);
	background: -moz-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(40,113,20,1)), color-stop(100%, rgba(102,153,88,1)));
	background: -webkit-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	background: -o-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	background: -ms-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	background: linear-gradient(to bottom, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287114', endColorstr='#669958', GradientType=0 );
}
.icons:hover {
    background:#2d7419;
}
.icons img {
	width: 77px;
}
.kidys-rocket-academy p {
	text-align: justify;
	line-height: 2;
	font-weight: 400;
	font-size: 1.1rem;
}
.rocket_section {
    background:#4d7342 url(../images/bg1_02.png) no-repeat center/100% auto;
	overflow: hidden;
	padding-bottom: 25rem;
	position: relative;
}
.rocket_bg {
	overflow: hidden;
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;

}    
.rocket_bg ul {
	padding: 0;
}
.rocket_bg ul li img{
	animation: bounce2 2s infinite;
}
.rocket_bg ul li:nth-child(2n) img{
	animation: bounce3 1.5s infinite;
}

.rock img {
    max-width: 80%;
	margin-top: 6.8rem;
	position: absolute;
	right: 0;
	animation: bounce 2.5s infinite;
}
.environment h4{
	font-size:1.6rem;
	margin: 0;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: 1px;
	display:inline-block;
}
.image_box2 h4 {
	border-bottom: 2px solid #80927a;
}
.image_box3 h4{
	border-bottom:2px solid #fd7a42;
}
.image_box {
    position: relative;
}
.image_box::after {
    width: 35px;
    height: 250px;
    background:#000;
    position: absolute;
    content: '';
    top: 144px;
	background: rgba(40,113,20,1);
	background: -moz-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(40,113,20,1)), color-stop(100%, rgba(102,153,88,1)));
	background: -webkit-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	background: -o-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	background: -ms-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	background: linear-gradient(to bottom, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287114', endColorstr='#669958', GradientType=0 );
}
.image_box3::after {
    content: '';
    width: 20px;
    height: 235px;
    position: absolute;
    right: 0;
    top: 150px;
	background: rgba(102,152,87,1);
	background: -moz-linear-gradient(top, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,87,1)), color-stop(100%, rgba(40,113,20,1)));
	background: -webkit-linear-gradient(top, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	background: -o-linear-gradient(top, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	background: -ms-linear-gradient(top, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	background: linear-gradient(to bottom, rgba(102,152,87,1) 0%, rgba(40,113,20,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669857', endColorstr='#287114', GradientType=0 );
}
.image_box2 p {
    text-align: justify;
    color:#333;
    line-height: 1.6;
}
.image_box3 p {
    text-align: justify;
    color:#333;
    line-height: 1.6;
}
.image_box3 a{
    color:#666;
}
.blog{
	background:#669957;
	padding:3rem 0;
	margin-bottom: 3rem;
}
.blog_text {
    background:#4d7342;
    padding: 3.9rem;
    border-radius: 50%;
}
.read_more a{
	font-size: 2.5rem;
    font-family: 'desyrel', Comic Sans, sans-serif;
}
.image_box a:focus,
.image_box a:active,
.image_box a:hover,
.image_box2 a:focus,
.image_box2 a:active,
.image_box2 a:hover,
.image_box3 a:focus,
.image_box3 a:active,
.image_box3 a:hover,
.read_more a:focus,
.read_more a:active,
.read_more a:hover{
	text-decoration: underline;
	outline: none;
}
.img {
    text-align: right;
	padding-right: 20px;
	position: relative;
	bottom: 1px;
}
.img img {
    width: 135px;
}
.text p{
	text-align:justify;
	font-size: 0.9rem;
	line-height: 1.5;
}
.col-lg-2.fix:first-child {
    position: relative;
    bottom: -8px;
}
.img2 {
    text-align: right;
	padding-right: 19px;
	position: relative;
	bottom: -28px;
}
.img2 img {
    width: 135px;
}
.img3 {
    text-align: right;
	padding-right: 19px;
	position: relative;
	bottom: -53px;
}
.img3 img {
   width: 135px;;
}
.fix2 {
    position: relative;
    bottom: -38px;
}
.fix3 {
    position: relative;
    bottom: -61px;
}
.img4 {
    text-align: right;
	padding-right: 19px;
	position: relative;
	bottom: -79px;
}
.img4 img {
    width: 135px;
}
.fix4 {
    position: relative;
    bottom: -89px;
}
.img5 {
    text-align: right;
	padding-right: 20px;
	position: relative;
	bottom: -108px;
}
.img5 img {
    width: 135px;
}
.fix5 {
    position: relative;
    bottom: -116px;
}
.img6 {
    text-align: right;
	padding-right: 20px;
	position: relative;
	bottom: -136px;
}
.img6 img {
    width: 135px;
}
.fix6 {
    position: relative;
    bottom: -146px;
}
.img7 {
    text-align: right;
    padding-right: 2px;
    position: relative;
    bottom: 0;
    top: 325px;
    left: 50px;
}
.img7 img {
    width: 228px;
}
.fix::after {
    content: '';
	width: 223px;
	height: 2px;
	background:#fff;
	position: absolute;
	top: 57px;
	right: -226px;
	z-index: 33;
}
.fix::before {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 96%;
	top: 43px;
	font-size: 18px;
	color: #fff;
}
	
.fix2::before {
    content: '';
	width: 223px;
	height: 2px;
	background:#fff;
	position: absolute;
	top: 49px;
	left: -210px;
}
.fix2::after {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 0;
	top: 35px;
	font-size: 18px;
	color: #fff;
}
.fix3::after {
    content: '';
	width: 223px;
	height: 2px;
	background:#fff;
	position: absolute;
	top: 51px;
	right: -226px;
	z-index: 33;
}
.fix3::before {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 96%;
	top: 38px;
	font-size: 18px;
	color: #fff;
}
.fix4::before {
   content: '';
	width: 223px;
	height: 2px;
	background:#fff;
	position: absolute;
	top: 49px;
	left: -210px;
}
.fix4::after {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 0;
	top: 35px;
	font-size: 18px;
	color: #fff;
}
.fix5::after {
     content: '';
	width: 223px;
	height: 2px;
	background:#fff;
	position: absolute;
	top: 51px;
	right: -226px;
	z-index: 33;
}
.fix5::before {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 96%;
	top: 38px;
	font-size: 18px;
	color: #fff;
}
.fix6::before {
     content: '';
	width: 223px;
	height: 2px;
	background:#fff;
	position: absolute;
	top: 49px;
	left: -210px;
}
.fix6::after {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	left: 0;
	top: 35px;
	font-size: 18px;
	color: #fff;
}
.blog_text p {
    color:#fff;
	margin:0;
	text-align: justify;
}
.environment .row.border{
    border-color : #1481c2 !important;
}
.simply{
    color:#333;
}
.image_box2 a {
    color:#666;
}
.text h2 {
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1.13;
    font-family: "Roboto Condensed";
    font-weight: 600; 
}
.text h4 {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-family: "Roboto Condensed";
}
#rocket_effect {
    z-index: 1;
	position: absolute !important;
	right: 0;
	left: 0;
	overflow: hidden;
	padding:0;
}
.rocket_section .box-six {
	margin-top: 44rem;
	position: relative;
	z-index: 999;
}
.rocket_text {
    margin: 2rem 4rem;
	margin-top: 2rem;
}
.rocket_text p {
	text-align: justify;
	color: #fff;
	line-height: 1.6;
}

.blog-text div:not([class]) {
	  --s:20em; /*Size of the circle */
	  --p:0px;  /*padding*/
	  font-size:16px;
	  line-height:1.25em;
	  text-align:justify;
	  width: var(--s);
	  height: var(--s);
	  border-radius: 50%;
	  background: #669957;
	  color:#fff;
	  display:inline-block;
	  vertical-align:middle;
	  margin:5px;
	  overflow: hidden;
	}

.blog-text div[class]:before {
	  content: '';
	  float: left;
	  clear: left;
	  height: calc(var(--s)/2);
	  width: calc(var(--s)/2);
	  shape-outside: radial-gradient(farthest-side at bottom right, transparent calc(100% - var(--p)), red 0);
	}

.blog-text div[class][id]:before {
	  shape-outside: radial-gradient(farthest-side at top right, transparent calc(100% - var(--p)), red 0);
	}

.blog-text div[class]:after {
	  content: '';
	  float: right;
	  clear: right;
	  height: calc(var(--s)/2);
	  width: calc(var(--s)/2);
	  shape-outside: radial-gradient(farthest-side at bottom left, transparent calc(100% - var(--p)), red 0);
	}

.blog-text div[class][id]:after {
	  shape-outside: radial-gradient(farthest-side at top left, transparent calc(100% - var(--p)), red 0);
}
.blog-text .lorem {
    font-size: 0.8rem;
    line-height: 1.1px;
}
.blog-text {
    margin: 0 0rem;
}
.learn_more a {
    font-weight: 600;
}
/*============================================================================================*/
/* 4. ABOUT US */
/*========================================================================================*/
#about_us img {
	max-height: 400px;
	width: 100%;
	object-fit: cover;
}
.about_us_text{	
	background: rgba(80,93,112,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(80,93,112,1) 0%, rgba(52,65,81,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(80,93,112,1)), color-stop(100%, rgba(52,65,81,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(80,93,112,1) 0%, rgba(52,65,81,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(80,93,112,1) 0%, rgba(52,65,81,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(80,93,112,1) 0%, rgba(52,65,81,1) 100%);
	background: radial-gradient(ellipse at center, rgba(80,93,112,1) 0%, rgba(52,65,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505d70', endColorstr='#344151', GradientType=1 );
	overflow: hidden;
	padding-bottom: 1rem;
	position: relative;
}
.about_us_text ul li img {
    animation: bounce3 1.5s infinite;
}
.about_us_text ul li:nth-child(2n) img {
    animation: bounce3 1.5s infinite;
}
.our_teachers h4 {
    font-family: 'desyrel', Comic Sans, sans-serif;
    font-size: 2rem;
}
.our_teacher_meet h4 {
    font-family: 'desyrel', Comic Sans, sans-serif;
    font-size: 2rem;
}
.teacher_name_2 h4 {
    font-family: 'desyrel', Comic Sans, sans-serif;
    font-size: 2rem;
}
.teacher_name h4 {
    font-family: 'desyrel', Comic Sans, sans-serif;
    font-size: 2rem;
}
.kids_img{
	background: #fff;
	border-radius: 2px 2px 30px 30px;
	float: left;
    margin-bottom: 2rem;
	margin-right: 1rem !important;
        max-width: 370px; 
}
.history-bg {
	background: #fff;
	border-radius: 36px;
	padding: 1rem;
	padding-top:8px;
}
.kids_img p {
	color: #0e7bc0;
	line-height: 1.7;
	font-size: 1rem;
	text-transform: uppercase;
}
.about-text p {
	font-size: 1.1rem;
	line-height: 1.5;
	text-align: justify;
	color:#fff;
}
.about_us_section h4 {
    font-size: 2rem;
    font-family: 'desyrel', Comic Sans, sans-serif;
    font-weight: 400;
}
.about_us_section {
	position:relative;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.history-bg p {
	color: #000;
	text-align: justify;
	font-size: 1.1rem;
}
.eduction .history-bg {
	background: #fff;
	border-radius: 36px;
	padding: 1rem;
	-webkit-box-shadow: 0px 0px 53px -4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 53px -4px rgba(204,204,204,1);
	box-shadow: 0px 0px 53px -4px rgba(204,204,204,1);
	height: 100%;
}
.eduction h4 {
	font-size: 2.5rem;
	font-family: 'desyrel', Comic Sans, sans-serif;
	font-weight: 600;
}
.eduction{
	background:url(../images/KidsRocket_3Gree.jpg) no-repeat center/contain;
}
.cutting_edge h4 {
	font-size: 2.5rem;
	font-family: 'desyrel', Comic Sans, sans-serif;
	font-weight: 600;
}
.cutting_edge .fees-data {
	padding-top: 3rem;
	border-radius: 40px;
}
.cutting_edge h5 {
	padding: 1rem 4rem;
}
.cutting-about {
	padding: 0 4rem;
	margin: 0 auto;
}
.fees-section .cutting-about p {
	color: #000;
	font-size: 1.1rem;
	text-align: justify;
}
.cutting-about .img-fluid {
	height: 300px;
	width: 100%;
	object-fit: cover;
}
/*============================================================================================*/
/* 5. MEET OUR TEACHER */
/*========================================================================================*/
.meet_our_teachers {
	margin-bottom: 4rem;
}
.teachers {
    background:#669957;
    padding: 0rem;
}
.our_teacher_meet p{
    color:#000;
    text-align: justify;
}
.img-teachers {
	margin-top: 20px;
}
.img-teachers img {
    width: 230px;
    margin: 0 auto;
    display: table;
}
.our_teacher_meet {
	padding: 4rem 0;
}
@media(min-width: 992px) {	
	.teachers .img-teachers img {
		margin-left: auto;
		margin-right: 0;
	}
	.teachers.bg-white .img-teachers img {
		margin-left: 0;
		margin-right: auto;
	}
	.teachers .teacher_name h4 {
		text-align: right;
	}
	.teachers.bg-white .teacher_name h4 {
		text-align: left;
	}
}
/*============================================================================================*/
/* 6. PROGRAMME */
/*============================================================================================*/
.about_us {
	position: relative;
}
.banner-text {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
}
.banner-text h2 {
	font-size: 4rem;
	font-family: 'desyrel', Comic Sans, sans-serif;
	color: #fff;
	letter-spacing: 5rem;
}
.programme h4{
	text-transform:uppercase;
	font-size: 2rem;
    font-family: 'desyrel', Comic Sans, sans-serif;
}
.programme-section {
	overflow: hidden;
	padding-bottom: 3rem;
	position: relative;
}
.programme {
	z-index: 2;
	position: relative;
}
.sidebar .nav {
	display: block;
	border-radius: 30px;
	padding: 2rem 0;
}
.sidebar .nav {
	display: block;
	background: #4d7342;
}
.sidebar .nav.nav-tabs .nav-link {
	color: #fff !important;
	display: block;
	padding: .5rem 3rem;
	/* border-left: 1px solid #ff662a; */
	text-transform: uppercase;
	font-weight: 600;
}
.sidebar .nav.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #c2c2c2;
    border-color: #c2c2c2 #c2c2c2 #c2c2c2;
    border-radius: 0;
	border-left: 3px solid #ff662a;
}
.sidebar .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: transparent;
}
.data-tab a,
.data-tab span {
	margin: 0 auto;
	display: table;
	background: #4d7342;
	border-radius: 0;
	color: #fff;
	font-family: 'desyrel', Comic Sans, sans-serif;
	font-size: 1.7rem;
	text-transform: uppercase;
	padding: 0.3rem 1rem;
	text-align: center;
}
.data-tab.sub span {
    font-family: "Proxima Nova",sans-serif;
    font-size: 1.3rem;
}
.data-tab:hover a{
	color:#fff;
}
.tabs-cantent {
	background: #fff;
	padding: 4rem 5rem 1rem;
	border-radius: 40px;
	margin-top: 2rem;
	color: #fff;
	text-align: justify;
	-webkit-box-shadow: 0px 0px 53px -4px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 53px -4px rgba(204,204,204,1);
	box-shadow: 0px 0px 53px -4px rgba(204,204,204,1);
}
.tabs-cantent p {
	font-size: 1.1rem;
	line-height: 1.6;
	color: #000;
}
.img-bottom {
	/* position: absolute; */
	/* bottom: 0; */
	text-align: right;
}

.programme-section ul li img{
    animation: bounce3 1.5s infinite;
}
.programme-section ul li:nth-child(2n) img {
    animation: bounce3 1.5s infinite;
}
/*============================================================================================*/
/* 7. ACADEMY FEES */
/*============================================================================================*/
.academy-fees h4 {
	font-size: 2rem;
	font-family: 'desyrel', Comic Sans, sans-serif;
}
.fees-section{
	background:#fff;
	padding: 0rem 0;
	border-radius: 30px;
	z-index: 123;
	position: relative;
}
.fees-data {
	-webkit-box-shadow: 0px 0px 77px 0px rgba(185,184,184,1);
	-moz-box-shadow: 0px 0px 77px 0px rgba(185,184,184,1);
	box-shadow: 0px 0px 77px 0px rgba(185,184,184,1);
	padding-bottom:2rem;
}
.fees-section h5 {
	background: #669957;
	padding: 1rem 5rem;
	color: #fff;
	text-transform: capitalize;
	font-size: 1.6rem;
	font-weight: bold;
}
.fees-section p {
	padding: 1rem;
	color: #000;
	font-size: 1.2rem;
	line-height: 1.8;
}
.text-img img {
	padding: 3rem;
}
.text-img {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/*============================================================================================*/
/* 8. 1 DAY PLAN */
/*========================================================================================*/
.one-day-plan.rocket_section {
	background: url(../images/KidsRocket_3Green_03.png) no-repeat center/cover;
	padding-bottom: 6rem;
}
.one-day-plan .fees-data {
	background: none;
	padding-top: 3.4rem;
	border-radius: 40px;
}

/*============================================================================================*/
/* 9. ARTICLES */
/*========================================================================================*/
.articles-box {
    display: block;
}
.articles-box img {
	height: 230px;
	object-fit: cover;
}
.articles-box .text-section-box {
	text-align: justify;
	font-size: 1.2rem;
	background: #e8e8e8;
	margin-bottom: 3rem;
	padding: 1rem 3rem;
}
.articles-box .text-section-box p {
    margin:0;
    padding: 0;
}
/*============================================================================================*/
/* 9. CONTACT US */
/*========================================================================================*/
.contact-page {
	margin-left: 5rem;
}
.contact-page .form-control {
	min-height: 50px;
	border-color: #669957;
	border-radius: 0px;
	box-shadow: none;
	background: #FFFFFF;
}
.contact-page p {
	padding: 3rem 0 0;
	font-weight: 600;
	font-size: 1.2rem;
}
.contact-data {
    border: 1px solid #669957;
    margin: 1rem;
    padding: 1rem;
}
.contact-data h3 {
    font-weight: 600;
    font-size: 1.2rem;
	margin:0;
}
.contact-data p {
    line-height: 1.5;
    font-size: 1.1rem;
	padding: 0;
}
.contact-page button {
	background: #669957;
	border-radius: 0px;
	padding: 0.6rem 1.5rem;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
}
/*============================================================================================*/
/* 10. ANNUAL EVENTS */
/*========================================================================================*/

.rocket_section.annual-event {
    background: url(../images/KidsRocket_3Green_03.png) no-repeat center/cover;
	padding-bottom: 6rem;
}
.annual-event .fees-data {
	background: none;
	padding-top: 3.4rem;
	border-radius: 40px;
	overflow: hidden;
}
.data-events {
    position: relative;
}
.data-events h4 {
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4rem 4rem;
}
.summer-events {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding-top: 4rem;
}
.summer-events h4 {
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4rem 5rem;
	margin: 0;
}
.summer-school p {
    padding-right: 5rem;
    margin: 0;
    padding-top: 0;
}
.events-bg{
	position:relative;
	background: no-repeat center/cover;
}
/*.events-bg img {
    border-radius: 40px 40px;
}
.event-data {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
}*/
.events-bg .text-green {
	font-size: 2rem;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2rem 5rem;
	margin-top: 62px;
	color: #669a58 !important;
}
.events-bg .text-green p {
	font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
	margin: 0;
	color: #669a58 !important;
}
.tanabata {
    padding-top: 14rem;
}
.events-bg.be-thankfull {
    padding-bottom: 6rem;
}
.event-data.other {
    background: #fff;
    border-radius: 0 0 40px 40px;
    padding-bottom: 2rem;
}

/*============================================================================================*/
/* 11. FOOTER */
/*========================================================================================*/
.footer{
	background:#4d7342;
	padding:3rem 0 2rem;
}
.footer_icon {
	list-style: none;
	padding: 0;
	text-align: center;
}
.footer h4 {
    font-size: 2rem;
    font-family: 'desyrel', Comic Sans, sans-serif;
}
.contact_us img{
	margin:0 auto;
	display:table;
	padding:3rem 0;
	margin-bottom: 4rem;
	margin-top: 1rem;
}
.footer_icon li {
    display: inline-block;
    padding: 0rem 1.1rem;;
    margin-top: 1rem;
}
.footer_icon li.border-right {
    border-right: 1px solid #fff !important;
    height: 28px;
}
.footer_icon li a {
    color:#fff;
}
.footer_icon li a span {
    font-size: 1.4rem;
    padding-right: 0.6rem;
	vertical-align: middle;
}
.copyright {
    letter-spacing: 1px;
	margin:6rem 0 1rem;
}

/*============================================================================================*/
/* RESPONSIVE */
/*========================================================================================*/
@media (max-width: 1200px){
	.rock img {
		max-width: 90%;
		right: -16px;
	}
	.banner {
		min-height: 550px;
	}
	.image_box::after {
    	width: 26px;
    	height: 250px;
    	background: #000;
    	position: absolute;
    	content: '';
    	top: 113px;
    	background: rgba(40,113,20,1);
    	background: -moz-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
    	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(40,113,20,1)), color-stop(100%, rgba(102,153,88,1)));
    	background: -webkit-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
    	background: -o-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
    	background: -ms-linear-gradient(top, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
    	background: linear-gradient(to bottom, rgba(40,113,20,1) 0%, rgba(102,153,88,1) 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287114', endColorstr='#669958', GradientType=0 );
    }
    .header-icon {
    	
    }
}
@media (max-width: 992px){	
    #collapsibleNavbar {
    	width: 55%;
    }
    #collapsibleNavbar {
    	position: fixed;
    	right: -100%;
    }
	.rocket_section {
		padding-bottom: 13rem;
	}
	.rock img {
		max-width: 456px;
		right: calc(50% - 163px);
	}	
	.fix::before,
	.fix2::before, 
	.fix3::before,
	.fix4::before,
	.fix5::before,
	.fix6::before,
	.fix::after,
	.fix2::after,
	.fix3::after,
	.fix4::after,
	.fix5::after,
	.fix6::after {
		display: none;
	}
	.banner .banner_video video {
		width: auto;
		height: 100%;
	}
	.image_box3::after {
    	content: '';
    	width: 20px;
    	height: 235px;
    	position: absolute;
    	right: 0;
    	top: 16px;
    }
}

@media (max-width: 768px){
	.about_us_section{
		padding:0 !important;
	}
	.kids_img{
		margin-right:1rem !important;
	}
	.about-text {
		padding: 0rem !important;
	}
	.kids_img p {
    	font-size: 1rem;
    	text-transform: uppercase;
    }
	.eduction h4 {
		font-size: 1.8rem;
	}
	.programme {
		padding: 0 !important;
	}
	.tabs-cantent {
		padding: 1rem 1rem 1rem;
	}
	.programme h4{
		font-size:1.1rem;
	}
	.tabs-cantent p {
    	font-size: 1rem;
    	line-height: 1.6;
    }
    	
	.img-teachers img {
		width: 180px;
		margin: 0 auto;
		display: table;
	}
	.teacher_name_2 h4 {
		font-family: 'desyrel', Comic Sans, sans-serif;
		font-size: 1.5rem;
	}
	.teacher_name h4 {
		font-family: 'desyrel', Comic Sans, sans-serif;
		font-size: 1.5rem;
	}
	.fees-section h5{
		font-size: 1rem;
	}
	.text-img img {
		width: 250px;
		padding: 0;
	}
	.fees-section h5 {
		font-size: 1rem;
		margin: 0.5rem 0 !important;
	}
	.sidebar .nav.nav-tabs .nav-link {
		text-align: center;
	}
	.sidebar .nav {
    	display: flex;
    	background: #4d7342;
    }
	.nav-tabs .nav-item {
    	margin-bottom: -1px;
    	width: 50%;
    }
	.topbar .btn {
		width: 100%;
		max-width: 56px;
		min-height: 17px;
		margin: 2px;
	}
	#header .navbar.fixed-top .navbar-brand img {
		max-height:40px;
	}
	.blue .navbar-toggler {
    	border: 1px solid #137fc7;
    	border-radius: .25rem;
    }
	.navbar-toggler {
		padding: 0.1rem .05rem;
		font-size: 1.25rem;
		line-height: 0;
		background-color: #fff;
		border: 1px solid #669957;
		border-radius: .25rem;
	}
	#header .navbar.fixed-top .row{
		flex-wrap: nowrap;
	}
	.navbar-toggler-icon {
		display: inline-block;
		width: 1.5em;
		height: 0.9em;
	}
	#header .navbar.fixed-top {
		top: 0px;
	}
	.navbar-collapse{
	    position: fixed;
	}
	.banner img{
		margin-bottom:0;
		width: 35px;
	}
	.banner {
		position: relative;
		min-height: 27vh;
		padding: 4rem 0 0rem;
	}
	.banner a{
		font-size:12px;
	}
	.banner img {
		display: table-column;
		margin-top:0;
	}
	.scroll-down {
		display: none;
	}
	.box_icon img {
		width: 25px;
	}
	.icons{
		padding:1rem;
	} 
	.section-title {
		text-transform: capitalize;
		font-family: 'desyrel', Comic Sans, sans-serif;
		font-size: 1.5rem;
		color:#659957;
		text-align: center;
		margin: 1rem 0 1rem;
		line-height: 1.3;
	}
	.kidys-rocket-academy p {
		text-align: justify;
		line-height: 1.6;
		font-weight: 400;
		font-size: 1rem;
	}
	.btn-green.btn-rounded {
		border-radius: 15px;
		padding: 7px 16px;
		text-transform: capitalize;
		font-family: Proxima Nova;
		letter-spacing: 1px;
		font-size: 1rem;
		line-height: 1;
	}
	.environment {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.simply {
		color:#333;
		padding: 0 !important;
		font-size: 0.9rem;
	}
	.image_box2 {
		padding: 11px !important;
	}
	.image_box2 p {
		padding: 0 !important;
	}
	.environment h4 {
		margin: 0.9rem 0 !important;
	}
	.image_box::after {
		top:127px;
		width: 16px;
	}
	.rocket_section .box-six {
        margin-top: 24rem;
	}
	.text {
        background:rgba(1,216,1,0.3);
        padding: 1rem;
        margin-bottom: 0rem !important;
    }
    .text h2{
        font-size: 1.4rem;
    }
    .text h4 {
        text-transform: uppercase;
        font-size: 0.8rem;
        line-height: 14px;
    }
    .text p {
        text-align: justify;
        font-size: 0.7rem;
        line-height: 1.8;
        margin: 0;
    }
    
    .image_box3 {
        padding: 9px !important;
    }
    .image_box3 p {
        padding-right: 20px !important;
    }
    .image_box3::after {
        top:75px;
    }
    .blog-text {
        margin: 0 0rem;
    }
    .blog {
        margin-bottom: 2rem;
        padding: 1.8rem 0;
    } 
    .read_more a {
        font-size: 1.5rem;
    }
    .read_more {
        margin: 18px !important;
    }
    .contact_us img {
        margin: 0 auto;
        display: table;
        padding: 1rem 0;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }
    .footer_icon li a span {
        font-size: 1rem;
        padding-right: 0.6rem;
    }
    .footer_icon li.border-right {
        border-right: 1px solid #fff !important;
        height: 28px;
        border: none !important;
    }
    .copyright {
        letter-spacing: 2px;
        margin: 2rem 0 1rem;
    }
    .footer_icon li a {
        color:#fff;
        font-size: 1rem;
        font-family: 'desyrel', Comic Sans, sans-serif;
    }
    .copyright {
        letter-spacing: 2px;
        margin: 3rem 0 1rem;
    }
	.img,
	.img2,
	.img3,
	.img4,
	.img5,
	.img6 {
        text-align: center;
        padding-right: 0px;
		bottom: 0;
		margin-bottom: 10px;
    }
    .img img,
    .img2 img,
    .img3 img,
    .img4 img,
    .img5 img,
    .img6 img {
        width: 76px;
    }
    .fix5,
    .fix,
    .fix2,
    .fix3 ,
    .fix4,
    .fix5,
    .fix6 {
    	position: relative;
    	bottom: 0;
		top: 0;
		margin-bottom: 10px;
    }
	
	.fix::before,
	.fix2::before,
	.fix3::before,
	.fix4::before,
	.fix5::before,
	.fix6::before,
	.fix::after,
	.fix2::after,
	.fix3::after,
	.fix4::after,
	.fix5::after,
	.fix6::after {
		display: none;
	}
    .rock img {
		max-width: 210px;
		margin-top: 3.8rem;
		right: calc(50% + -136px);
	}
    .rocket_section{
        padding-bottom:0;
		background-size: auto 100%;
    }
    .banner-text h2 { 
    	font-size: 2rem;
    	font-family: 'desyrel', Comic Sans, sans-serif;
    	color: #fff;
    	letter-spacing: 1rem;
    }  
    .one-day-plan .fees-data {
        background: none; 
        padding-top: 2rem;
        border-radius: 40px;
    }
    .contact-page {
    	margin-left: 1rem;
    	margin-right: 1rem;
    }
   .cutting-about {
        width: auto;
        margin: 0 auto;
    }
    .cutting_edge h4 {
        font-size: 1.8rem;
        font-family: 'desyrel', Comic Sans, sans-serif;
        font-weight: 600;
    }
    .eduction .history-bg{
        margin-bottom: 0.3rem !important;
    }
    .about-s {
        margin-top: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    .cutting_edge h4{
        margin-top: 0.4rem !important;
    }
    .fees-section h5 {
        background: #669957;
        padding: 1rem 1rem;
    }
    .fees-section p {
    	padding: 1rem;
    	color: #000;
    	font-size: 1.1rem;
    	line-height: 1.6;
    }
    .programme-section #rocket_effect{
        display:none;
    }
    .programme-section {
    	overflow: hidden;
    	padding-bottom: 3rem;
    	position: relative;
    }
    .one-day-plan.rocket_section{
        padding-bottom: 3rem;
    }
	.events-bg {
		padding: 1px 0 !important;
		background: no-repeat center/contain;
	}
	.events-bg .text-green {
		padding: 0rem 1rem;
		margin: 1rem 0;
	}
	.summer-events {
		display: block;
		padding-top: 6rem;
	}
	.events-bg h5{
		margin: 0; 
	}
	.events-bg .text-green,
	.events-bg .text-green p {
		font-size: 1rem;
	}
    .fees-section h5 {
    	background: #669957;
    	padding: 0.4rem 1rem;
    }
    .events-bg h4 {
    	text-align: left;
    	font-size: 0.9rem;
    	font-weight: bold;
    	text-transform: uppercase;
    	padding: 0.8rem 1rem;
    	margin: 0;
    }
    .fees-section p {
    	padding-top: 1rem;
    	padding-left: 0;
    }
    .tanabata {
    	padding-top: 3rem;
    }
    .learn_more a {
    	font-weight: 600;
    	font-size: 0.8rem;
    	line-height: 0;
    }
    .rocket_section .box-six {
    	margin-top: 24rem;
    }
    .blog-text div:not([class]) {
	  --s:17em; /*Size of the circle */	  
	}
    .sidebar {
    	margin-bottom: 2rem;
    }
    .sidebar .nav.nav-tabs .nav-link {
		color: #fff !important;
		display: block;
		padding: .5rem 1rem;
		/* border-left: 1px solid #ff662a; */
		text-transform: uppercase;
		font-weight: 600;
	}
	.cutting-about {
    	padding: 0 1rem;
    	margin: 0 auto;
    }
    .meet_our_teachers {
    	margin-bottom: 4rem;
    	padding-top: 2rem;
    }
    .our_teacher_meet {
    	padding: 0rem 0;
    }
    .about_us {
    	position: relative;
    	padding-top: 2rem;
    }
    .sidebar .nav.nav-tabs .nav-link{
        padding: .5rem 1rem;
    }
    .image_box3::after {
    	content: '';
    	width: 20px;
    	height: 175px;
    	position: absolute;
    	right: 0;
    	top: 52px;
    }
    [data-aos^="fade"][data-aos^="fade"] {
        transform: none !important;
		opacity: 1 !important;
    }
}
@media (max-width: 500px){
    .image_box::after {
    	top: 95px;
    	width: 16px;
    }
}
@media (max-width: 438px){
    .image_box::after {
    	top: 70px;
    	width: 16px;
    }
}
@media (max-width: 408px){
    .kids_img{
		margin-right:0rem !important;
	}
	.image_box::after {
    	top: 37px;
    	width: 16px;
    }
    .image_box3::after {
	content: '';
	width: 20px;
	height: 175px;
	position: absolute;
	right: 0;
	top: 90px;
}
}
@media (max-width: 384px){
    .image_box::after {
    width: 26px;
    height: 210px;
    }
}