*{
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	/* overflow: hidden; */
	/* overflow-x: hidden; */
}
#banner{
	/* background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0.9)),url(images/banner.jpg); */
	background-size: cover;
	background-position: center;
	width: 100%;	
	height: 100vh;
}
.swiper{
	width: 100%;
	height: 100vh;
}
.swiper-slide h1{
  position: absolute;
  top: 30%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 100px;
  font-family: 'Kaushan Script', cursive;
  color: #fff;
}
.swiper-slide h3{
  position: absolute;
  top: 55%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 25px;
  font-family: 'Poppins', sans-serif;
  /* font-style: italic; */
  color: #fff11c;
}
.swiper-slide p{
  position: absolute;
  top: 70%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 25px;
  font-weight: bold;
  font-family: 'Kaushan Script', cursive;
  color: #fff;
}
.swiper-slide img{
	filter: brightness(70%);
	width: 100%;
}

.swiper .swiper-button-prev, .swiper .swiper-button-next{
	color: #fff11c;
}
.swiper .swiper-pagination-bullet-active{
	background: #fff11c;
}
.logo img{
	filter: brightness(100%);
	width: 110px;
	position: absolute;
	top: 0.5%;
	left: 2%;
}
.banner-text{
	background: #fff11c;
	text-align: center;
	color: #fff;
	padding-top: 80px;
	/* position: absolute; */
}
.banner-text h1{
	font-size: 100px;
	font-family: 'Kaushan Script', cursive;
	color: #fff;
}
/* .banner-text p{
	font-size: 20px;
	font-style: italic;
	color: #fff11c;
} */
.banner-btn{
	margin: 10px auto 0;
	margin-left: 20px;
	
}
.banner-btn a{
	width: 150px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	padding: 12px 0;
	color: #fff11c;
	border: 3px solid #fff11c;
	position: relative;
	z-index: 1;
}
.banner-btn a span{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	background: #900000;
	z-index: -1;
	transition: 0.5s;
}
.banner-btn a:hover span{
	width: 100%;
}
#sideNav{
	width: 250px;
	height: 100vh;
	position: fixed;
	right: -250px;
	top: 0;
	background: #900000;
	z-index: 2;
	transition: 0.5s;
}
nav ul li{
	list-style: none;
	margin: 50px 20px;
	
}
nav ul li a{
	text-decoration: none;
	color: #fff11c;
}
#menuBtn{
	width: 50px;
	height: 50px;
	background: #900000;
	text-align: center;
	position: fixed;
	right: 30px;
	top: 20px;
	border-radius: 3px;
	z-index: 3;
	cursor: pointer;
}
#menuBtn img{
	width: 20px;
	margin-top: 15px;
}

/*--small screen--*/

@media screen and (max-width: 770px){
	.swiper-slide h1{
	text-align: center;
	position: absolute;
	font-size: 50px;	
	}
	.swiper-slide h3{
	text-align: center;
	font-size: 20px;	
	}
	.swiper-slide p{
	padding-top: 200px;
	text-align: center;
	font-size: 20px;	
	}
	.banner-btn a{
		display: block;
		margin: 20px auto;
	}
	.swiper-slide img{
	width: 100%;
	height: 100%;
	}
	.logo img{
		padding-top: 8px;
		width: 90px;
		height: 90px;
	}
}

/*--feature--*/

#feature{
	width: 100%;
	padding: 50px 0;
	background: #fdff79;
}
.title-text{
	text-align: center;
	padding-bottom: 50px;
}
.title-text p{
	margin: auto;
	font-size: 20px;
	color: #900000;
	font-weight: bold;
	position: relative;
	z-index: 1;
	display: inline-block;
}
.title-text p::after{
	content:'';
	width: 50px;
	height: 35px;
	background: linear-gradient(#900000,#fff);
	position: absolute;
	top: -20px;
	left: 0;
	z-index: -1;
	transform: rotate(10deg);
	border-top-left-radius: 35px;
	border-bottom-right-radius: 35px;
}
.title-text h1{
	font-size: 40px;
}
.feature-box{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
}
.features{
	flex-basis: 40%;
}
.features-img{
	flex-basis: 40%;
	margin: auto;
	padding-top: 10px;
}
.features-img img{
	width: 80%;
	border-radius: 10px;
}
.features h2{
	text-align: left;
	margin-bottom: 10px;
	font-weight: 100;
	color: #900000;
}
.features-desc{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.feature-icon .fa{
	width: 50px;
	height: 50px;
	font-size: 30px;
	line-height: 50px;
	border-radius: 8px;
	color:#900000;
	border: 1px solid #900000;
}
.feature-text p{
	padding: 0 20px;
	text-align: left; 
}


@media screen and (max-width: 770px){
	.title-text h1{
		font-size: 35px;
	}
	.features{
	flex-basis: 100%;
	}
	.features-img{
	flex-basis: 100%;
	}
	.features-img img{
	width: 100%;	
	}
}


#service{
	width: 100%;
	padding: 50px 0;
	background: #fff11c;
}
.service-box{
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	justify-content: space-around;
}
.single-service{
	flex-basis: 30%;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 7px;
	color: #fff;
	position: relative;
}
.single-service img{
	width: 100%;
	border-radius: 7px;
}
.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	border-radius: 7px;
	cursor: pointer;
	background: linear-gradient(rgba(0,0,0,0.5),#ffff78);
	opacity: 0;
	transition: 1s;
}
.single-service:hover .overlay{
	opacity: 1;
}
.service-desc{
	width: 80%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: 1s;
}
hr{
	background: #fff;
	width: 60%;
	height: 2px;
	margin: 15px auto;
	border: 0;
}
.service-desc a{
	text-decoration: none;
	color: #fff;
}
.service-desc p{
	font-size: 14px;
}
.single-service:hover .service-desc{
	bottom: 40%;
	opacity: 1;
}

@media screen and (max-width: 770px){
	.single-service{
		flex-basis: 100%;
		margin: 30px;	
	}
	.service-desc p{
	font-size: 12px;
	}
	hr{
		margin: 5px auto;
	}
	.single-service:hover .service-desc{
	bottom: 30% !important;
	}
}

/* testimonial */

#testimonial{
	width: 100%;
	padding: 50px 0;
	background: #ffff79;
}
.testimonial-row{
	width: 80%;
	margin: auto;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.testimonial-col{
	flex-basis: 28%;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: 0 10px 20px 3px #900000;
	cursor: pointer;
	transition: transform .5s;
}
.testimonial-col p{
	font-size: 14px;
}
.user{
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.user img{
	width: 40px;
	margin-right: 20px;
	border-radius: 3px;
}
.user-info .fa{
	margin-left:10px;
	color: #900000;
	font-size: 20px;
}
.user-info small{
	color:#2596be;
}
	
.testimonial-col:hover{
	transform: translateY(-7px);
}


@media screen and (max-width: 770px){
	.testimonial-col{
		flex-basis: 100%;
	}
}

/* footer */

#footer{
	width: 100%;
	padding: 50px 0;
	background: #fff11c;
	position: relative;
}
.footer-row{
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer-left,.footer-right{
	flex-basis: 45%;
	padding: 10px;
	margin-bottom: 20px;
}
.footer-right{
	text-align: right;
}
.footer-row h1{
	margin: 10px 0;
}
.footer-row p{
	line-height: 35px;
}
.footer-left .fa,.footer-right .fa{
	font-size: 20px;
	color: #900000;
	margin: 10px;
}
.footer-img{
	max-width: 200px;
	opacity: 0.1;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 20px;
}
.social-links{
	text-align: center;
}
.social-links .fa{
	width: 30px;
	height:30px;
	font-size: 20px;
	line-height: 30px;
	border: 2px solid #fff11c;
	margin: 40px 5px 0;
	cursor: pointer;
	color: #900000;
	transition: .5s;
}
.social-links .fa:hover{
	background: #900000;
	color: #fff;
	transform: translateY(-7px);
}
.social-links p{
		font-size: 12px;
		margin-top: 20px;
}

@media screen and (max-width: 770px){
	.footer-left,.footer-right{
		flex-basis: 100%;
		font-size: 14px;
	}
	.footer-img{
		top: 25%;
	}
}

/* spiritual page */ /* banner */

#banner1{
	/* background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0.9)),url(images/banner.jpg); */
	background-size: cover;
	background-position: center;
	width: 100%;	
	height: 100vh;
}
.banner1-img img{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;	
	height: 100vh;
}
.banner2-img img{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;	
	height: 100vh;
}
.banner3-img img{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;	
	height: 100vh;
}
.banner4-img img{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;	
	height: 100vh;
}
.banner5-img img{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;	
	height: 100vh;
}
.banner6-img img{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;	
	height: 100vh;
}
.banner7-img img{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;	
	height: 100vh;
}

.banner2-img{
	animation: slide2 30s linear infinite;
}
.banner3-img{
	animation: slide3 30s linear infinite;
}
.banner4-img{
	animation: slide4 30s linear infinite;
}
.banner5-img{
	animation: slide5 30s linear infinite;
}
.banner6-img{
	animation: slide6 30s linear infinite;
}
.banner7-img{
	animation: slide7 30s linear infinite;
}

@keyframes slide2{
	0%{
		visibility: hidden;
	}
	15%{
		visibility: visible;
	}
	30%{
		visibility: hidden;
	}
	45%{
		visibility: hidden;
	}
	60%{
		visibility: hidden;
	}
	75%{
		visibility: hidden;
	}
	90%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}
	
}

@keyframes slide3{
	0%{
		visibility: hidden;
	}
	15%{
		visibility: hidden;
	}
	30%{
		visibility: visible;
	}
	45%{
		visibility: hidden;
	}
	60%{
		visibility: hidden;
	}
	75%{
		visibility: hidden;
	}
	90%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}
	
}

@keyframes slide4{
	0%{
		visibility: hidden;
	}
	15%{
		visibility: hidden;
	}
	30%{
		visibility: hidden;
	}
	45%{
		visibility: visible;
	}
	60%{
		visibility: hidden;
	}
	75%{
		visibility: hidden;
	}
	90%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}
	
}

@keyframes slide5{
	0%{
		visibility: hidden;
	}
	15%{
		visibility: hidden;
	}
	30%{
		visibility: hidden;
	}
	45%{
		visibility: hidden;
	}
	60%{
		visibility: visible;
	}
	75%{
		visibility: hidden;
	}
	90%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}
	
}

@keyframes slide6{
	0%{
		visibility: hidden;
	}
	15%{
		visibility: hidden;
	}
	30%{
		visibility: hidden;
	}
	45%{
		visibility: hidden;
	}
	60%{
		visibility: hidden;
	}
	75%{
		visibility: visible;
	}
	90%{
		visibility: hidden;
	}
	100%{
		visibility: hidden;
	}
	
}

@keyframes slide7{
	0%{
		visibility: hidden;
	}
	15%{
		visibility: hidden;
	}
	30%{
		visibility: hidden;
	}
	45%{
		visibility: hidden;
	}
	60%{
		visibility: hidden;
	}
	75%{
		visibility: hidden;
	}
	90%{
		visibility: visible;
	}
	100%{
		visibility: hidden;
	}
	
}
/* @keyframes textup{
	10%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(0px);
	}
}
 */
.banner-text1{
	width: 1200px;
	left: 100px;
	text-align: left;
	color: #fff;
	padding-top: 180px;
	position: absolute;
	/* animation: textup 12s linear infinite; */
	/* transform: translateY(100px); */
}

.banner-text2{
	margin-top: 40px;
	width: 1000px;
	left: 300px;
	right: 300px;
	text-align: center;
	color: #fff;
	padding-top: 100px;
	position: absolute;
}
.banner1-img img{
	filter: brightness(50%);
	width: 120%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	
}
.banner2-img img{
	filter: brightness(50%);
	width: 120%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation: zoom-out 3s linear infinite;
}
.banner3-img img{
	filter: brightness(50%);
	width: 120%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation: zoom-out 3s linear infinite;
}
.banner4-img img{
	filter: brightness(50%);
	width: 120%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation: zoom-out 3s linear infinite;
}
.banner5-img img{
	filter: brightness(50%);
	width: 120%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation: zoom-out 3s linear infinite;
}
.banner6-img img{
	filter: brightness(50%);
	width: 120%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation: zoom-out 3s linear infinite;
}
.banner7-img img{
	filter: brightness(50%);
	width: 120%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation: zoom-out 3s linear infinite;
}
/* @keyframes zoom-out{
	100%{
		width: 100%;
	}
} */
.banner-text1 h1{
	font-size: 100px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-family: 'Kaushan Script', cursive;
	color: #fff;
}
.banner-text2 h1{
	font-size: 100px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-family: 'Kaushan Script', cursive;
	color: #fff;
}
.banner-text1 a{
	text-decoration: none;
	margin-left: 20px;
	color: #fff;
}
.banner-text1 span{
	background: #900000;
	height: 5px;
	width: 100px;
	position: absolute;
	left: 2%;
}
.banner-text2 span{
	background: #900000;
	height: 5px;
	width: 500px;
	position: absolute;
	left: 30%;
	right: 30%;
}
.banner-text1 p{
	font-size: 20px;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-style: italic;
	color: #fff11c;
}
.banner-text2 p{
	font-size: 20px;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	font-style: italic;
	color: #fff11c;
}
.logo1 img{
	filter: brightness(100%);
	width: 110px;
	position: absolute;
	top: 2%;
	left: 2%;
}
/* .text-box1{
	animation-delay: 0s;
}
.text-box2{
	animation-delay: 0s;
}
.text-box3{
	animation-delay: 0s;
} */

.banner-btn1 a{
	width: 150px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	padding: 12px 0;
	color: #fff11c;
	border: 3px solid #fff11c;
	position: relative;
	z-index: 1;
}
.banner-btn1 a span{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	background: #900000;
	z-index: -1;
	transition: 0.5s;
}
.banner-btn1 a:hover span{
	width: 100%;
}

.banner-btn2 a{
	width: 150px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	padding: 12px 0;
	color: #fff11c;
	border: 3px solid #fff11c;
	position: relative;
	z-index: 1;
}
.banner-btn2 a span{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	background: #900000;
	z-index: -1;
	transition: 0.5s;
}
.banner-btn2 a:hover span{
	width: 100%;
}

.banner-btn3 a{
	width: 150px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	padding: 12px 0;
	color: #fff11c;
	border: 3px solid #fff11c;
	position: relative;
	z-index: 1;
}
.banner-btn3 a span{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	background: #900000;
	z-index: -1;
	transition: 0.5s;
}
.banner-btn3 a:hover span{
	width: 100%;
}

.banner-btn4 a{
	width: 150px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	padding: 12px 0;
	color: #fff11c;
	border: 3px solid #fff11c;
	position: relative;
	z-index: 1;
}
.banner-btn4 a span{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	background: #900000;
	z-index: -1;
	transition: 0.5s;
}
.banner-btn4 a:hover span{
	width: 100%;
}
@media screen and (max-width: 770px){
	
	.logo1 img{
		padding-left: 20px;
		width: 80px;
		height: 80px;
	}
	.banner-text1{
		margin-left: 0px;
		width: 80%;
		height: 80%;
		
	}
	.banner-text1 h1{
		font-size: 30px;
		text-align: left;
	}
	.banner-text1 p{
		font-size: 20px;
		text-align: left;
	}
	
}

/* feature-nava */

#feature-nava{
	width: 100%;
	padding: 50px 0;
	background: #fdff79;
}

.title-textsp h1{
	text-align: center;
	color: red;
	font-size: 40px;
}
.title-textsp p{
	text-align: center;
}
.sun-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	text-align: center;
	background-color: yellow;
}
.sun-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
.flexbox1{
	margin-top: 20px;
	width: 100%;
	height: 100%;
  background-color: #4dddfa;
  margin-left: 50px;
}
.flexbox1 h3{
	font-family:'Kaushan Script', cursive;
	 margin-left: 50px;
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
}
.flexbox1 p{
	padding-left: 15px;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	text-align: left;
}
.flexbox2 img{
  border-radius: 20px;
  width: 50%;
  margin-top: 20px;
 
  
}
.shukra-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: yellow;
}
.shukra-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: white;
	font-size: 20px;
	padding-top: 20px;
}
.budha-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: yellow;
}
.budha-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: green;
	font-size: 20px;
	padding-top: 20px;
}
.guru-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: yellow;
}
.guru-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: yellow;
	font-size: 20px;
	padding-top: 20px;
}
.rahu-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: yellow;
}
.rahu-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: #BF40BF;
	font-size: 20px;
	padding-top: 20px;
}
.mangala-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: yellow;
}
.mangala-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: #990000;
	font-size: 20px;
	padding-top: 20px;
}
.shani-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: yellow;
}
.shani-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: black;
	font-size: 20px;
	padding-top: 20px;
}
.chandra-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: yellow;
}
.chandra-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: white;
	font-size: 20px;
	padding-top: 20px;
}
.kethu-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: yellow;
}
.kethu-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: #fe486c;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	
	.title-text h1{
		font-size: 30px;
		text-align: center;
	}
	.sun-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.shukra-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.budha-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.guru-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.rahu-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.mangala-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.shani-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.chandra-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.kethu-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
							/* shiva circuit */
							
#feature-shiva{
	width: 100%;
	padding: 50px 0;
	background: #90EE90;
}

.haridwar-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #AAFF00;
}
.haridwar-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.kedar-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #AAFF00;
}
.kedar-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
.badri-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #AAFF00;
}
.badri-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.mana-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #AAFF00;
}
.mana-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.kashi-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #AAFF00;
}
.kashi-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.rameshs-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #AAFF00;
}
.rameshs-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	
	.title-text h1{
		font-size: 30px;
		text-align: center;
	}
	.haridwar-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.kedar-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.badri-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.mana-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.kashi-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.rameshs-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}											
										/* rama */
#feature-rama{
	width: 100%;
	padding: 50px 0;
	background: #cb9d06;
}
.ayodh-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #FDFD96;
}
.ayodh-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.rishi-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #FDFD96;
}
.rishi-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.ramesh-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #FDFD96;
}
.ramesh-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
.sri-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #FDFD96;
}
.sri-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	
	.title-text h1{
		font-size: 30px;
		text-align: center;
	}
	.ayodh-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.rishi-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.ramesh-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.sri-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}			

								/* krishna */
#feature-krishna{
	width: 100%;
	padding: 50px 0;
	background: #FFDF00;
}
.mathura-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #01abfd;
}
.mathura-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.dwaraka-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #01abfd;
}
.dwaraka-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.puri-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #01abfd;
}
.puri-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	
	.title-text h1{
		font-size: 30px;
		text-align: center;
	}
	.mathura-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.dwaraka-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.puri-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}				
									/* shakti */
									
#feature-shakthi{
	width: 100%;
	padding: 50px 0;
	background: #FFCCCB;
}
.sharin-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #913831;
}
.sharin-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.chamun-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #913831;
}
.chamun-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.jogu-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #913831;
}
.jogu-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.gar-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #913831;
}
.gar-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.maha-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #913831;
}
.maha-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	
	.title-text h1{
		font-size: 30px;
		text-align: center;
	}
	.sharin-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.chamun-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.jogu-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.gar-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.maha-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}				
											/* ps*/
#feature-ps{
	width: 100%;
	padding: 50px 0;
	background: linear-gradient(-45deg, #fe486c, #808080, #D0FE1D, #f5f5dc);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    /* height: 100vh; */
	overflow-y: hidden;
	/* background: #FFCCCB; */
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
 
    50% {
        background-position: 100% 50%;
    }
 
    100% {
        background-position: 0% 50%;
    }
}
.mannar-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #90EE90;
}
.mannar-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.jeta-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #90EE90;
}
.jeta-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.naina-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #90EE90;
}
.naina-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.briha-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #90EE90;
}
.briha-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.aira-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #90EE90;
}
.aira-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.damb-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #90EE90;
}
.damb-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.kattu-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #90EE90;
}
.kattu-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	
	.title-text h1{
		font-size: 30px;
		text-align: center;
	}
	.mannar-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.jeta-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.naina-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.briha-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.aira-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.damb-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.kattu-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}				
	
											/* wildlife */

.banner-text1 h2{
	font-size: 70px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-family: 'Kaushan Script', cursive;
	color: #fff;
}
#feature-western{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: url(https://i.pinimg.com/originals/44/6e/3b/446e3b79395a287ca32f7977dd83b290.jpg);
	background-size: cover;
}
.title-text h1{
	color: #fff;
}

.firefly {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 0.4vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 9.8vw;
  animation: ease 200s alternate infinite;
  pointer-events: none;
}
.firefly::before, .firefly::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-origin: -10vw;
}
.firefly::before {
  background: black;
  opacity: 0.4;
  animation: drift ease alternate infinite;
}
.firefly::after {
  background: white;
  opacity: 0;
  box-shadow: 0 0 0vw 0vw yellow;
  animation: drift ease alternate infinite, flash ease infinite;
}

.firefly:nth-child(1) {
  animation-name: move1;
}
.firefly:nth-child(1)::before {
  animation-duration: 15s;
}
.firefly:nth-child(1)::after {
  animation-duration: 15s, 7355ms;
  animation-delay: 0ms, 4757ms;
}

@keyframes move1 {
  0% {
    transform: translateX(17vw) translateY(35vh) scale(0.99);
  }
  5.8823529412% {
    transform: translateX(-46vw) translateY(37vh) scale(0.34);
  }
  11.7647058824% {
    transform: translateX(24vw) translateY(21vh) scale(0.47);
  }
  17.6470588235% {
    transform: translateX(-45vw) translateY(-28vh) scale(0.64);
  }
  23.5294117647% {
    transform: translateX(6vw) translateY(13vh) scale(0.61);
  }
  29.4117647059% {
    transform: translateX(-34vw) translateY(-45vh) scale(0.81);
  }
  35.2941176471% {
    transform: translateX(-17vw) translateY(30vh) scale(0.65);
  }
  41.1764705882% {
    transform: translateX(5vw) translateY(-49vh) scale(0.49);
  }
  47.0588235294% {
    transform: translateX(25vw) translateY(15vh) scale(0.45);
  }
  52.9411764706% {
    transform: translateX(-13vw) translateY(-3vh) scale(0.89);
  }
  58.8235294118% {
    transform: translateX(7vw) translateY(-20vh) scale(0.31);
  }
  64.7058823529% {
    transform: translateX(31vw) translateY(-12vh) scale(0.63);
  }
  70.5882352941% {
    transform: translateX(44vw) translateY(-12vh) scale(0.94);
  }
  76.4705882353% {
    transform: translateX(41vw) translateY(25vh) scale(0.89);
  }
  82.3529411765% {
    transform: translateX(18vw) translateY(1vh) scale(0.42);
  }
  88.2352941176% {
    transform: translateX(19vw) translateY(12vh) scale(0.98);
  }
  94.1176470588% {
    transform: translateX(-7vw) translateY(30vh) scale(0.29);
  }
  100% {
    transform: translateX(-46vw) translateY(8vh) scale(0.53);
  }
}
.firefly:nth-child(2) {
  animation-name: move2;
}
.firefly:nth-child(2)::before {
  animation-duration: 17s;
}
.firefly:nth-child(2)::after {
  animation-duration: 17s, 8699ms;
  animation-delay: 0ms, 2439ms;
}

@keyframes move2 {
  0% {
    transform: translateX(-16vw) translateY(-36vh) scale(0.45);
  }
  3.7037037037% {
    transform: translateX(16vw) translateY(-45vh) scale(0.9);
  }
  7.4074074074% {
    transform: translateX(-21vw) translateY(48vh) scale(0.91);
  }
  11.1111111111% {
    transform: translateX(26vw) translateY(-16vh) scale(0.56);
  }
  14.8148148148% {
    transform: translateX(10vw) translateY(-6vh) scale(0.55);
  }
  18.5185185185% {
    transform: translateX(50vw) translateY(-7vh) scale(0.68);
  }
  22.2222222222% {
    transform: translateX(-26vw) translateY(-19vh) scale(0.66);
  }
  25.9259259259% {
    transform: translateX(-8vw) translateY(-29vh) scale(0.44);
  }
  29.6296296296% {
    transform: translateX(16vw) translateY(2vh) scale(0.71);
  }
  33.3333333333% {
    transform: translateX(-8vw) translateY(48vh) scale(0.97);
  }
  37.037037037% {
    transform: translateX(-29vw) translateY(9vh) scale(0.75);
  }
  40.7407407407% {
    transform: translateX(-42vw) translateY(-5vh) scale(0.47);
  }
  44.4444444444% {
    transform: translateX(-29vw) translateY(-19vh) scale(0.77);
  }
  48.1481481481% {
    transform: translateX(28vw) translateY(-44vh) scale(0.95);
  }
  51.8518518519% {
    transform: translateX(33vw) translateY(23vh) scale(0.82);
  }
  55.5555555556% {
    transform: translateX(26vw) translateY(23vh) scale(0.84);
  }
  59.2592592593% {
    transform: translateX(8vw) translateY(39vh) scale(0.42);
  }
  62.962962963% {
    transform: translateX(-7vw) translateY(-18vh) scale(0.35);
  }
  66.6666666667% {
    transform: translateX(38vw) translateY(-11vh) scale(0.92);
  }
  70.3703703704% {
    transform: translateX(39vw) translateY(-39vh) scale(0.62);
  }
  74.0740740741% {
    transform: translateX(26vw) translateY(35vh) scale(0.4);
  }
  77.7777777778% {
    transform: translateX(12vw) translateY(5vh) scale(0.99);
  }
  81.4814814815% {
    transform: translateX(-33vw) translateY(-42vh) scale(0.8);
  }
  85.1851851852% {
    transform: translateX(33vw) translateY(2vh) scale(0.44);
  }
  88.8888888889% {
    transform: translateX(6vw) translateY(-33vh) scale(0.26);
  }
  92.5925925926% {
    transform: translateX(-9vw) translateY(25vh) scale(0.71);
  }
  96.2962962963% {
    transform: translateX(49vw) translateY(34vh) scale(0.6);
  }
  100% {
    transform: translateX(3vw) translateY(-12vh) scale(0.64);
  }
}
.firefly:nth-child(3) {
  animation-name: move3;
}
.firefly:nth-child(3)::before {
  animation-duration: 13s;
}
.firefly:nth-child(3)::after {
  animation-duration: 13s, 8576ms;
  animation-delay: 0ms, 7163ms;
}

@keyframes move3 {
  0% {
    transform: translateX(4vw) translateY(30vh) scale(0.39);
  }
  4.5454545455% {
    transform: translateX(-15vw) translateY(27vh) scale(0.67);
  }
  9.0909090909% {
    transform: translateX(12vw) translateY(4vh) scale(0.61);
  }
  13.6363636364% {
    transform: translateX(33vw) translateY(-32vh) scale(0.29);
  }
  18.1818181818% {
    transform: translateX(-36vw) translateY(-19vh) scale(0.83);
  }
  22.7272727273% {
    transform: translateX(1vw) translateY(-26vh) scale(0.94);
  }
  27.2727272727% {
    transform: translateX(45vw) translateY(16vh) scale(0.72);
  }
  31.8181818182% {
    transform: translateX(-13vw) translateY(28vh) scale(0.29);
  }
  36.3636363636% {
    transform: translateX(-29vw) translateY(-30vh) scale(0.74);
  }
  40.9090909091% {
    transform: translateX(11vw) translateY(41vh) scale(0.99);
  }
  45.4545454545% {
    transform: translateX(-23vw) translateY(-32vh) scale(0.43);
  }
  50% {
    transform: translateX(19vw) translateY(11vh) scale(0.79);
  }
  54.5454545455% {
    transform: translateX(-36vw) translateY(-46vh) scale(0.67);
  }
  59.0909090909% {
    transform: translateX(35vw) translateY(11vh) scale(0.66);
  }
  63.6363636364% {
    transform: translateX(22vw) translateY(-16vh) scale(0.34);
  }
  68.1818181818% {
    transform: translateX(-11vw) translateY(31vh) scale(0.9);
  }
  72.7272727273% {
    transform: translateX(-49vw) translateY(4vh) scale(0.83);
  }
  77.2727272727% {
    transform: translateX(5vw) translateY(9vh) scale(0.88);
  }
  81.8181818182% {
    transform: translateX(-34vw) translateY(-1vh) scale(0.74);
  }
  86.3636363636% {
    transform: translateX(-28vw) translateY(-12vh) scale(0.38);
  }
  90.9090909091% {
    transform: translateX(-25vw) translateY(-1vh) scale(0.27);
  }
  95.4545454545% {
    transform: translateX(-29vw) translateY(48vh) scale(0.69);
  }
  100% {
    transform: translateX(4vw) translateY(-45vh) scale(0.43);
  }
}
.firefly:nth-child(4) {
  animation-name: move4;
}
.firefly:nth-child(4)::before {
  animation-duration: 14s;
}
.firefly:nth-child(4)::after {
  animation-duration: 14s, 8927ms;
  animation-delay: 0ms, 3757ms;
}

@keyframes move4 {
  0% {
    transform: translateX(37vw) translateY(12vh) scale(0.97);
  }
  3.7037037037% {
    transform: translateX(23vw) translateY(-49vh) scale(0.34);
  }
  7.4074074074% {
    transform: translateX(-5vw) translateY(-32vh) scale(0.72);
  }
  11.1111111111% {
    transform: translateX(-3vw) translateY(-11vh) scale(0.54);
  }
  14.8148148148% {
    transform: translateX(48vw) translateY(7vh) scale(0.62);
  }
  18.5185185185% {
    transform: translateX(-14vw) translateY(39vh) scale(0.42);
  }
  22.2222222222% {
    transform: translateX(9vw) translateY(-10vh) scale(0.97);
  }
  25.9259259259% {
    transform: translateX(10vw) translateY(-17vh) scale(0.37);
  }
  29.6296296296% {
    transform: translateX(-9vw) translateY(-7vh) scale(0.54);
  }
  33.3333333333% {
    transform: translateX(38vw) translateY(15vh) scale(0.34);
  }
  37.037037037% {
    transform: translateX(-48vw) translateY(-19vh) scale(0.37);
  }
  40.7407407407% {
    transform: translateX(-3vw) translateY(4vh) scale(0.92);
  }
  44.4444444444% {
    transform: translateX(11vw) translateY(-38vh) scale(0.37);
  }
  48.1481481481% {
    transform: translateX(-41vw) translateY(-8vh) scale(0.28);
  }
  51.8518518519% {
    transform: translateX(-22vw) translateY(-42vh) scale(0.97);
  }
  55.5555555556% {
    transform: translateX(37vw) translateY(-30vh) scale(0.91);
  }
  59.2592592593% {
    transform: translateX(31vw) translateY(40vh) scale(0.93);
  }
  62.962962963% {
    transform: translateX(-30vw) translateY(-26vh) scale(0.31);
  }
  66.6666666667% {
    transform: translateX(1vw) translateY(16vh) scale(0.66);
  }
  70.3703703704% {
    transform: translateX(46vw) translateY(20vh) scale(0.9);
  }
  74.0740740741% {
    transform: translateX(44vw) translateY(17vh) scale(0.83);
  }
  77.7777777778% {
    transform: translateX(45vw) translateY(44vh) scale(0.68);
  }
  81.4814814815% {
    transform: translateX(-17vw) translateY(3vh) scale(0.66);
  }
  85.1851851852% {
    transform: translateX(-40vw) translateY(-48vh) scale(0.78);
  }
  88.8888888889% {
    transform: translateX(-14vw) translateY(-47vh) scale(0.26);
  }
  92.5925925926% {
    transform: translateX(-16vw) translateY(-38vh) scale(0.77);
  }
  96.2962962963% {
    transform: translateX(12vw) translateY(-23vh) scale(0.27);
  }
  100% {
    transform: translateX(-28vw) translateY(7vh) scale(0.61);
  }
}
.firefly:nth-child(5) {
  animation-name: move5;
}
.firefly:nth-child(5)::before {
  animation-duration: 13s;
}
.firefly:nth-child(5)::after {
  animation-duration: 13s, 7824ms;
  animation-delay: 0ms, 811ms;
}

@keyframes move5 {
  0% {
    transform: translateX(-21vw) translateY(-1vh) scale(0.4);
  }
  5.8823529412% {
    transform: translateX(-42vw) translateY(-33vh) scale(0.94);
  }
  11.7647058824% {
    transform: translateX(-30vw) translateY(37vh) scale(0.59);
  }
  17.6470588235% {
    transform: translateX(27vw) translateY(-13vh) scale(0.96);
  }
  23.5294117647% {
    transform: translateX(34vw) translateY(10vh) scale(0.74);
  }
  29.4117647059% {
    transform: translateX(43vw) translateY(38vh) scale(0.63);
  }
  35.2941176471% {
    transform: translateX(9vw) translateY(10vh) scale(0.32);
  }
  41.1764705882% {
    transform: translateX(-16vw) translateY(-37vh) scale(0.5);
  }
  47.0588235294% {
    transform: translateX(14vw) translateY(-30vh) scale(0.69);
  }
  52.9411764706% {
    transform: translateX(-26vw) translateY(-30vh) scale(0.75);
  }
  58.8235294118% {
    transform: translateX(14vw) translateY(-45vh) scale(0.5);
  }
  64.7058823529% {
    transform: translateX(38vw) translateY(16vh) scale(0.27);
  }
  70.5882352941% {
    transform: translateX(40vw) translateY(40vh) scale(0.7);
  }
  76.4705882353% {
    transform: translateX(21vw) translateY(10vh) scale(0.85);
  }
  82.3529411765% {
    transform: translateX(45vw) translateY(44vh) scale(0.96);
  }
  88.2352941176% {
    transform: translateX(5vw) translateY(15vh) scale(0.27);
  }
  94.1176470588% {
    transform: translateX(-5vw) translateY(14vh) scale(0.91);
  }
  100% {
    transform: translateX(31vw) translateY(2vh) scale(0.5);
  }
}
.firefly:nth-child(6) {
  animation-name: move6;
}
.firefly:nth-child(6)::before {
  animation-duration: 15s;
}
.firefly:nth-child(6)::after {
  animation-duration: 15s, 8396ms;
  animation-delay: 0ms, 3559ms;
}

@keyframes move6 {
  0% {
    transform: translateX(29vw) translateY(42vh) scale(0.4);
  }
  4.5454545455% {
    transform: translateX(-6vw) translateY(48vh) scale(0.61);
  }
  9.0909090909% {
    transform: translateX(49vw) translateY(23vh) scale(0.28);
  }
  13.6363636364% {
    transform: translateX(50vw) translateY(21vh) scale(0.57);
  }
  18.1818181818% {
    transform: translateX(-10vw) translateY(-41vh) scale(0.49);
  }
  22.7272727273% {
    transform: translateX(47vw) translateY(33vh) scale(0.8);
  }
  27.2727272727% {
    transform: translateX(9vw) translateY(36vh) scale(0.91);
  }
  31.8181818182% {
    transform: translateX(-27vw) translateY(-39vh) scale(0.43);
  }
  36.3636363636% {
    transform: translateX(38vw) translateY(-15vh) scale(0.48);
  }
  40.9090909091% {
    transform: translateX(-27vw) translateY(-19vh) scale(0.33);
  }
  45.4545454545% {
    transform: translateX(-24vw) translateY(28vh) scale(0.73);
  }
  50% {
    transform: translateX(-44vw) translateY(-46vh) scale(0.72);
  }
  54.5454545455% {
    transform: translateX(-1vw) translateY(25vh) scale(0.47);
  }
  59.0909090909% {
    transform: translateX(-38vw) translateY(6vh) scale(0.35);
  }
  63.6363636364% {
    transform: translateX(-38vw) translateY(16vh) scale(0.27);
  }
  68.1818181818% {
    transform: translateX(-23vw) translateY(-15vh) scale(0.92);
  }
  72.7272727273% {
    transform: translateX(-46vw) translateY(11vh) scale(0.31);
  }
  77.2727272727% {
    transform: translateX(24vw) translateY(0vh) scale(0.55);
  }
  81.8181818182% {
    transform: translateX(7vw) translateY(0vh) scale(0.68);
  }
  86.3636363636% {
    transform: translateX(34vw) translateY(2vh) scale(0.5);
  }
  90.9090909091% {
    transform: translateX(-47vw) translateY(-11vh) scale(0.45);
  }
  95.4545454545% {
    transform: translateX(-31vw) translateY(-17vh) scale(0.6);
  }
  100% {
    transform: translateX(-41vw) translateY(-17vh) scale(0.43);
  }
}
.firefly:nth-child(7) {
  animation-name: move7;
}
.firefly:nth-child(7)::before {
  animation-duration: 15s;
}
.firefly:nth-child(7)::after {
  animation-duration: 15s, 9774ms;
  animation-delay: 0ms, 749ms;
}

@keyframes move7 {
  0% {
    transform: translateX(22vw) translateY(-44vh) scale(0.42);
  }
  4.1666666667% {
    transform: translateX(-30vw) translateY(26vh) scale(0.88);
  }
  8.3333333333% {
    transform: translateX(-5vw) translateY(-1vh) scale(0.82);
  }
  12.5% {
    transform: translateX(17vw) translateY(42vh) scale(0.53);
  }
  16.6666666667% {
    transform: translateX(39vw) translateY(46vh) scale(0.97);
  }
  20.8333333333% {
    transform: translateX(8vw) translateY(22vh) scale(0.62);
  }
  25% {
    transform: translateX(-31vw) translateY(31vh) scale(0.69);
  }
  29.1666666667% {
    transform: translateX(-47vw) translateY(-44vh) scale(0.83);
  }
  33.3333333333% {
    transform: translateX(-13vw) translateY(-44vh) scale(0.56);
  }
  37.5% {
    transform: translateX(0vw) translateY(22vh) scale(0.85);
  }
  41.6666666667% {
    transform: translateX(-10vw) translateY(-30vh) scale(0.89);
  }
  45.8333333333% {
    transform: translateX(-36vw) translateY(23vh) scale(0.44);
  }
  50% {
    transform: translateX(21vw) translateY(-3vh) scale(0.33);
  }
  54.1666666667% {
    transform: translateX(-43vw) translateY(35vh) scale(0.84);
  }
  58.3333333333% {
    transform: translateX(-37vw) translateY(-45vh) scale(0.38);
  }
  62.5% {
    transform: translateX(25vw) translateY(-46vh) scale(0.93);
  }
  66.6666666667% {
    transform: translateX(7vw) translateY(37vh) scale(0.95);
  }
  70.8333333333% {
    transform: translateX(2vw) translateY(39vh) scale(0.68);
  }
  75% {
    transform: translateX(19vw) translateY(6vh) scale(0.7);
  }
  79.1666666667% {
    transform: translateX(27vw) translateY(-23vh) scale(0.68);
  }
  83.3333333333% {
    transform: translateX(43vw) translateY(36vh) scale(0.34);
  }
  87.5% {
    transform: translateX(6vw) translateY(-24vh) scale(0.33);
  }
  91.6666666667% {
    transform: translateX(-40vw) translateY(-37vh) scale(0.84);
  }
  95.8333333333% {
    transform: translateX(32vw) translateY(11vh) scale(0.74);
  }
  100% {
    transform: translateX(42vw) translateY(26vh) scale(0.29);
  }
}
.firefly:nth-child(8) {
  animation-name: move8;
}
.firefly:nth-child(8)::before {
  animation-duration: 15s;
}
.firefly:nth-child(8)::after {
  animation-duration: 15s, 7463ms;
  animation-delay: 0ms, 7262ms;
}

@keyframes move8 {
  0% {
    transform: translateX(-30vw) translateY(6vh) scale(0.42);
  }
  3.8461538462% {
    transform: translateX(-6vw) translateY(-20vh) scale(0.75);
  }
  7.6923076923% {
    transform: translateX(-4vw) translateY(-13vh) scale(0.52);
  }
  11.5384615385% {
    transform: translateX(-14vw) translateY(11vh) scale(0.34);
  }
  15.3846153846% {
    transform: translateX(-17vw) translateY(17vh) scale(0.41);
  }
  19.2307692308% {
    transform: translateX(32vw) translateY(-38vh) scale(0.53);
  }
  23.0769230769% {
    transform: translateX(4vw) translateY(6vh) scale(0.49);
  }
  26.9230769231% {
    transform: translateX(-7vw) translateY(50vh) scale(0.65);
  }
  30.7692307692% {
    transform: translateX(31vw) translateY(-12vh) scale(0.9);
  }
  34.6153846154% {
    transform: translateX(3vw) translateY(-4vh) scale(0.48);
  }
  38.4615384615% {
    transform: translateX(-6vw) translateY(26vh) scale(0.32);
  }
  42.3076923077% {
    transform: translateX(9vw) translateY(-10vh) scale(0.75);
  }
  46.1538461538% {
    transform: translateX(-48vw) translateY(40vh) scale(0.54);
  }
  50% {
    transform: translateX(41vw) translateY(12vh) scale(0.74);
  }
  53.8461538462% {
    transform: translateX(15vw) translateY(-30vh) scale(0.91);
  }
  57.6923076923% {
    transform: translateX(-35vw) translateY(2vh) scale(0.88);
  }
  61.5384615385% {
    transform: translateX(49vw) translateY(39vh) scale(0.61);
  }
  65.3846153846% {
    transform: translateX(-43vw) translateY(-49vh) scale(0.59);
  }
  69.2307692308% {
    transform: translateX(-38vw) translateY(-49vh) scale(0.73);
  }
  73.0769230769% {
    transform: translateX(-15vw) translateY(3vh) scale(0.99);
  }
  76.9230769231% {
    transform: translateX(7vw) translateY(-33vh) scale(0.62);
  }
  80.7692307692% {
    transform: translateX(-29vw) translateY(1vh) scale(0.71);
  }
  84.6153846154% {
    transform: translateX(14vw) translateY(-45vh) scale(0.91);
  }
  88.4615384615% {
    transform: translateX(37vw) translateY(10vh) scale(0.94);
  }
  92.3076923077% {
    transform: translateX(7vw) translateY(-24vh) scale(0.84);
  }
  96.1538461538% {
    transform: translateX(31vw) translateY(50vh) scale(0.8);
  }
  100% {
    transform: translateX(30vw) translateY(25vh) scale(0.74);
  }
}
.firefly:nth-child(9) {
  animation-name: move9;
}
.firefly:nth-child(9)::before {
  animation-duration: 10s;
}
.firefly:nth-child(9)::after {
  animation-duration: 10s, 6977ms;
  animation-delay: 0ms, 4191ms;
}

@keyframes move9 {
  0% {
    transform: translateX(15vw) translateY(-14vh) scale(0.3);
  }
  5.2631578947% {
    transform: translateX(-42vw) translateY(12vh) scale(1);
  }
  10.5263157895% {
    transform: translateX(-10vw) translateY(-38vh) scale(0.89);
  }
  15.7894736842% {
    transform: translateX(-16vw) translateY(-32vh) scale(0.56);
  }
  21.0526315789% {
    transform: translateX(-40vw) translateY(-38vh) scale(0.67);
  }
  26.3157894737% {
    transform: translateX(-5vw) translateY(7vh) scale(0.41);
  }
  31.5789473684% {
    transform: translateX(10vw) translateY(-26vh) scale(0.43);
  }
  36.8421052632% {
    transform: translateX(41vw) translateY(-12vh) scale(0.57);
  }
  42.1052631579% {
    transform: translateX(10vw) translateY(33vh) scale(0.69);
  }
  47.3684210526% {
    transform: translateX(-46vw) translateY(-3vh) scale(0.84);
  }
  52.6315789474% {
    transform: translateX(27vw) translateY(-13vh) scale(0.97);
  }
  57.8947368421% {
    transform: translateX(-28vw) translateY(6vh) scale(0.98);
  }
  63.1578947368% {
    transform: translateX(14vw) translateY(-2vh) scale(0.79);
  }
  68.4210526316% {
    transform: translateX(43vw) translateY(-7vh) scale(0.88);
  }
  73.6842105263% {
    transform: translateX(-30vw) translateY(35vh) scale(0.34);
  }
  78.9473684211% {
    transform: translateX(11vw) translateY(49vh) scale(0.5);
  }
  84.2105263158% {
    transform: translateX(-30vw) translateY(-27vh) scale(0.51);
  }
  89.4736842105% {
    transform: translateX(-14vw) translateY(-2vh) scale(0.52);
  }
  94.7368421053% {
    transform: translateX(48vw) translateY(27vh) scale(0.42);
  }
  100% {
    transform: translateX(0vw) translateY(39vh) scale(0.37);
  }
}
.firefly:nth-child(10) {
  animation-name: move10;
}
.firefly:nth-child(10)::before {
  animation-duration: 10s;
}
.firefly:nth-child(10)::after {
  animation-duration: 10s, 7450ms;
  animation-delay: 0ms, 4804ms;
}

@keyframes move10 {
  0% {
    transform: translateX(-42vw) translateY(25vh) scale(0.69);
  }
  5.5555555556% {
    transform: translateX(-26vw) translateY(45vh) scale(0.43);
  }
  11.1111111111% {
    transform: translateX(48vw) translateY(-44vh) scale(0.56);
  }
  16.6666666667% {
    transform: translateX(5vw) translateY(31vh) scale(0.75);
  }
  22.2222222222% {
    transform: translateX(15vw) translateY(33vh) scale(0.28);
  }
  27.7777777778% {
    transform: translateX(-45vw) translateY(-3vh) scale(0.54);
  }
  33.3333333333% {
    transform: translateX(-39vw) translateY(-19vh) scale(0.45);
  }
  38.8888888889% {
    transform: translateX(-22vw) translateY(-48vh) scale(0.51);
  }
  44.4444444444% {
    transform: translateX(26vw) translateY(-43vh) scale(0.32);
  }
  50% {
    transform: translateX(43vw) translateY(37vh) scale(0.76);
  }
  55.5555555556% {
    transform: translateX(-10vw) translateY(30vh) scale(0.82);
  }
  61.1111111111% {
    transform: translateX(7vw) translateY(-24vh) scale(0.28);
  }
  66.6666666667% {
    transform: translateX(24vw) translateY(28vh) scale(0.91);
  }
  72.2222222222% {
    transform: translateX(11vw) translateY(17vh) scale(0.8);
  }
  77.7777777778% {
    transform: translateX(-30vw) translateY(-31vh) scale(0.51);
  }
  83.3333333333% {
    transform: translateX(48vw) translateY(11vh) scale(0.81);
  }
  88.8888888889% {
    transform: translateX(2vw) translateY(-26vh) scale(0.32);
  }
  94.4444444444% {
    transform: translateX(-18vw) translateY(-41vh) scale(0.75);
  }
  100% {
    transform: translateX(11vw) translateY(-6vh) scale(0.61);
  }
}
.firefly:nth-child(11) {
  animation-name: move11;
}
.firefly:nth-child(11)::before {
  animation-duration: 18s;
}
.firefly:nth-child(11)::after {
  animation-duration: 18s, 8008ms;
  animation-delay: 0ms, 5826ms;
}

@keyframes move11 {
  0% {
    transform: translateX(-36vw) translateY(40vh) scale(0.83);
  }
  4.7619047619% {
    transform: translateX(20vw) translateY(-10vh) scale(0.54);
  }
  9.5238095238% {
    transform: translateX(21vw) translateY(-40vh) scale(0.72);
  }
  14.2857142857% {
    transform: translateX(29vw) translateY(-5vh) scale(0.81);
  }
  19.0476190476% {
    transform: translateX(-16vw) translateY(27vh) scale(0.97);
  }
  23.8095238095% {
    transform: translateX(5vw) translateY(44vh) scale(0.3);
  }
  28.5714285714% {
    transform: translateX(-39vw) translateY(-22vh) scale(0.47);
  }
  33.3333333333% {
    transform: translateX(46vw) translateY(41vh) scale(0.63);
  }
  38.0952380952% {
    transform: translateX(-38vw) translateY(33vh) scale(0.83);
  }
  42.8571428571% {
    transform: translateX(-45vw) translateY(-44vh) scale(0.4);
  }
  47.619047619% {
    transform: translateX(-5vw) translateY(-17vh) scale(0.81);
  }
  52.380952381% {
    transform: translateX(-10vw) translateY(-26vh) scale(0.36);
  }
  57.1428571429% {
    transform: translateX(-28vw) translateY(-32vh) scale(0.36);
  }
  61.9047619048% {
    transform: translateX(34vw) translateY(13vh) scale(0.27);
  }
  66.6666666667% {
    transform: translateX(24vw) translateY(-40vh) scale(0.41);
  }
  71.4285714286% {
    transform: translateX(39vw) translateY(-44vh) scale(0.8);
  }
  76.1904761905% {
    transform: translateX(-23vw) translateY(34vh) scale(0.36);
  }
  80.9523809524% {
    transform: translateX(20vw) translateY(-45vh) scale(0.65);
  }
  85.7142857143% {
    transform: translateX(13vw) translateY(-30vh) scale(0.65);
  }
  90.4761904762% {
    transform: translateX(-43vw) translateY(12vh) scale(0.51);
  }
  95.2380952381% {
    transform: translateX(37vw) translateY(-25vh) scale(0.82);
  }
  100% {
    transform: translateX(22vw) translateY(26vh) scale(0.9);
  }
}
.firefly:nth-child(12) {
  animation-name: move12;
}
.firefly:nth-child(12)::before {
  animation-duration: 9s;
}
.firefly:nth-child(12)::after {
  animation-duration: 9s, 8928ms;
  animation-delay: 0ms, 8065ms;
}

@keyframes move12 {
  0% {
    transform: translateX(-22vw) translateY(40vh) scale(0.8);
  }
  5.8823529412% {
    transform: translateX(13vw) translateY(35vh) scale(0.81);
  }
  11.7647058824% {
    transform: translateX(8vw) translateY(-43vh) scale(0.28);
  }
  17.6470588235% {
    transform: translateX(5vw) translateY(28vh) scale(0.95);
  }
  23.5294117647% {
    transform: translateX(48vw) translateY(41vh) scale(0.76);
  }
  29.4117647059% {
    transform: translateX(39vw) translateY(-46vh) scale(0.82);
  }
  35.2941176471% {
    transform: translateX(5vw) translateY(43vh) scale(0.65);
  }
  41.1764705882% {
    transform: translateX(-27vw) translateY(2vh) scale(0.32);
  }
  47.0588235294% {
    transform: translateX(-7vw) translateY(-36vh) scale(0.51);
  }
  52.9411764706% {
    transform: translateX(-5vw) translateY(-20vh) scale(0.93);
  }
  58.8235294118% {
    transform: translateX(-3vw) translateY(5vh) scale(0.52);
  }
  64.7058823529% {
    transform: translateX(-7vw) translateY(-1vh) scale(0.58);
  }
  70.5882352941% {
    transform: translateX(23vw) translateY(-29vh) scale(0.73);
  }
  76.4705882353% {
    transform: translateX(34vw) translateY(26vh) scale(0.3);
  }
  82.3529411765% {
    transform: translateX(24vw) translateY(39vh) scale(0.85);
  }
  88.2352941176% {
    transform: translateX(5vw) translateY(43vh) scale(0.36);
  }
  94.1176470588% {
    transform: translateX(25vw) translateY(1vh) scale(0.72);
  }
  100% {
    transform: translateX(42vw) translateY(46vh) scale(0.82);
  }
}
.firefly:nth-child(13) {
  animation-name: move13;
}
.firefly:nth-child(13)::before {
  animation-duration: 11s;
}
.firefly:nth-child(13)::after {
  animation-duration: 11s, 9409ms;
  animation-delay: 0ms, 5540ms;
}

@keyframes move13 {
  0% {
    transform: translateX(-49vw) translateY(46vh) scale(0.85);
  }
  4.347826087% {
    transform: translateX(-34vw) translateY(17vh) scale(0.41);
  }
  8.6956521739% {
    transform: translateX(32vw) translateY(-48vh) scale(0.49);
  }
  13.0434782609% {
    transform: translateX(39vw) translateY(26vh) scale(0.97);
  }
  17.3913043478% {
    transform: translateX(40vw) translateY(18vh) scale(0.53);
  }
  21.7391304348% {
    transform: translateX(48vw) translateY(3vh) scale(0.66);
  }
  26.0869565217% {
    transform: translateX(-34vw) translateY(38vh) scale(0.35);
  }
  30.4347826087% {
    transform: translateX(-22vw) translateY(18vh) scale(0.27);
  }
  34.7826086957% {
    transform: translateX(-46vw) translateY(40vh) scale(0.9);
  }
  39.1304347826% {
    transform: translateX(43vw) translateY(47vh) scale(0.92);
  }
  43.4782608696% {
    transform: translateX(17vw) translateY(-8vh) scale(0.42);
  }
  47.8260869565% {
    transform: translateX(15vw) translateY(-8vh) scale(0.34);
  }
  52.1739130435% {
    transform: translateX(2vw) translateY(12vh) scale(0.74);
  }
  56.5217391304% {
    transform: translateX(38vw) translateY(-43vh) scale(0.76);
  }
  60.8695652174% {
    transform: translateX(4vw) translateY(36vh) scale(0.32);
  }
  65.2173913043% {
    transform: translateX(23vw) translateY(17vh) scale(0.56);
  }
  69.5652173913% {
    transform: translateX(12vw) translateY(-5vh) scale(0.38);
  }
  73.9130434783% {
    transform: translateX(14vw) translateY(-17vh) scale(0.82);
  }
  78.2608695652% {
    transform: translateX(9vw) translateY(-18vh) scale(0.87);
  }
  82.6086956522% {
    transform: translateX(-7vw) translateY(-31vh) scale(0.72);
  }
  86.9565217391% {
    transform: translateX(27vw) translateY(44vh) scale(0.84);
  }
  91.3043478261% {
    transform: translateX(-46vw) translateY(15vh) scale(0.78);
  }
  95.652173913% {
    transform: translateX(21vw) translateY(-45vh) scale(1);
  }
  100% {
    transform: translateX(-11vw) translateY(-26vh) scale(0.73);
  }
}
.firefly:nth-child(14) {
  animation-name: move14;
}
.firefly:nth-child(14)::before {
  animation-duration: 10s;
}
.firefly:nth-child(14)::after {
  animation-duration: 10s, 8649ms;
  animation-delay: 0ms, 6714ms;
}

@keyframes move14 {
  0% {
    transform: translateX(-46vw) translateY(-4vh) scale(0.79);
  }
  3.5714285714% {
    transform: translateX(42vw) translateY(-5vh) scale(0.34);
  }
  7.1428571429% {
    transform: translateX(-22vw) translateY(6vh) scale(0.7);
  }
  10.7142857143% {
    transform: translateX(2vw) translateY(-11vh) scale(0.68);
  }
  14.2857142857% {
    transform: translateX(49vw) translateY(44vh) scale(0.41);
  }
  17.8571428571% {
    transform: translateX(-36vw) translateY(-19vh) scale(0.65);
  }
  21.4285714286% {
    transform: translateX(34vw) translateY(-36vh) scale(0.75);
  }
  25% {
    transform: translateX(43vw) translateY(-40vh) scale(0.45);
  }
  28.5714285714% {
    transform: translateX(39vw) translateY(-41vh) scale(0.31);
  }
  32.1428571429% {
    transform: translateX(-46vw) translateY(-25vh) scale(0.49);
  }
  35.7142857143% {
    transform: translateX(48vw) translateY(-23vh) scale(0.31);
  }
  39.2857142857% {
    transform: translateX(45vw) translateY(-19vh) scale(0.36);
  }
  42.8571428571% {
    transform: translateX(8vw) translateY(8vh) scale(0.68);
  }
  46.4285714286% {
    transform: translateX(6vw) translateY(-10vh) scale(0.82);
  }
  50% {
    transform: translateX(-9vw) translateY(-8vh) scale(0.82);
  }
  53.5714285714% {
    transform: translateX(-29vw) translateY(38vh) scale(0.86);
  }
  57.1428571429% {
    transform: translateX(10vw) translateY(-4vh) scale(0.58);
  }
  60.7142857143% {
    transform: translateX(-21vw) translateY(-1vh) scale(0.37);
  }
  64.2857142857% {
    transform: translateX(28vw) translateY(-41vh) scale(0.3);
  }
  67.8571428571% {
    transform: translateX(3vw) translateY(50vh) scale(0.57);
  }
  71.4285714286% {
    transform: translateX(31vw) translateY(-41vh) scale(0.44);
  }
  75% {
    transform: translateX(-8vw) translateY(-30vh) scale(0.47);
  }
  78.5714285714% {
    transform: translateX(-5vw) translateY(-17vh) scale(0.74);
  }
  82.1428571429% {
    transform: translateX(-49vw) translateY(34vh) scale(0.66);
  }
  85.7142857143% {
    transform: translateX(21vw) translateY(-39vh) scale(0.92);
  }
  89.2857142857% {
    transform: translateX(8vw) translateY(-17vh) scale(0.71);
  }
  92.8571428571% {
    transform: translateX(16vw) translateY(15vh) scale(0.66);
  }
  96.4285714286% {
    transform: translateX(16vw) translateY(8vh) scale(0.57);
  }
  100% {
    transform: translateX(-22vw) translateY(-42vh) scale(0.34);
  }
}
.firefly:nth-child(15) {
  animation-name: move15;
}
.firefly:nth-child(15)::before {
  animation-duration: 12s;
}
.firefly:nth-child(15)::after {
  animation-duration: 12s, 5608ms;
  animation-delay: 0ms, 1316ms;
}

@keyframes move15 {
  0% {
    transform: translateX(-13vw) translateY(-32vh) scale(0.99);
  }
  4.347826087% {
    transform: translateX(1vw) translateY(43vh) scale(0.97);
  }
  8.6956521739% {
    transform: translateX(7vw) translateY(-43vh) scale(0.62);
  }
  13.0434782609% {
    transform: translateX(-20vw) translateY(-1vh) scale(0.53);
  }
  17.3913043478% {
    transform: translateX(18vw) translateY(6vh) scale(0.37);
  }
  21.7391304348% {
    transform: translateX(4vw) translateY(-34vh) scale(0.87);
  }
  26.0869565217% {
    transform: translateX(9vw) translateY(-20vh) scale(0.59);
  }
  30.4347826087% {
    transform: translateX(38vw) translateY(3vh) scale(0.52);
  }
  34.7826086957% {
    transform: translateX(-25vw) translateY(-33vh) scale(0.87);
  }
  39.1304347826% {
    transform: translateX(-39vw) translateY(-21vh) scale(0.76);
  }
  43.4782608696% {
    transform: translateX(-7vw) translateY(48vh) scale(0.77);
  }
  47.8260869565% {
    transform: translateX(-10vw) translateY(-20vh) scale(0.82);
  }
  52.1739130435% {
    transform: translateX(-42vw) translateY(4vh) scale(0.66);
  }
  56.5217391304% {
    transform: translateX(-23vw) translateY(4vh) scale(0.81);
  }
  60.8695652174% {
    transform: translateX(34vw) translateY(-12vh) scale(0.6);
  }
  65.2173913043% {
    transform: translateX(-2vw) translateY(-13vh) scale(0.35);
  }
  69.5652173913% {
    transform: translateX(-30vw) translateY(36vh) scale(0.27);
  }
  73.9130434783% {
    transform: translateX(-41vw) translateY(-21vh) scale(0.48);
  }
  78.2608695652% {
    transform: translateX(35vw) translateY(13vh) scale(0.9);
  }
  82.6086956522% {
    transform: translateX(14vw) translateY(-29vh) scale(0.59);
  }
  86.9565217391% {
    transform: translateX(-14vw) translateY(-23vh) scale(0.65);
  }
  91.3043478261% {
    transform: translateX(48vw) translateY(-33vh) scale(0.93);
  }
  95.652173913% {
    transform: translateX(20vw) translateY(-47vh) scale(0.6);
  }
  100% {
    transform: translateX(48vw) translateY(-7vh) scale(0.82);
  }
}
@keyframes drift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes flash {
  0%, 30%, 100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow;
  }
  5% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw yellow;
  }
}	
@media screen and (max-width: 770px){
	.banner-text1 h2{
		font-size: 30px;
		text-align: left;
	}
}
										
.mudu-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.mudu-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.masi-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.masi-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.bannar-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.bannar-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.bandi-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.bandi-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
.nagarh-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.nagar-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.muth-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.muth-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	
	.mudu-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.masi-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.bannar-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.bandi-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.nagarh-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.muth-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	
}							
				/* vindhya circuit										 */

#feature-vind{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: url(https://i.pinimg.com/originals/44/6e/3b/446e3b79395a287ca32f7977dd83b290.jpg);
	background-size: cover;
}
.title-text h1{
	color: #fff;
}
.kanha-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.kanha-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
.pench-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.pench-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.bandhav-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.bandhav-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.tado-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.tado-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.gir-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.gir-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	
	.kanha-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.pench-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.bandhav-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.tado-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.gir-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	
}			
												/* shiwalik						 */
#feature-shiwa{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: url(https://i.pinimg.com/originals/44/6e/3b/446e3b79395a287ca32f7977dd83b290.jpg);
	background-size: cover;
}
.title-text h1{
	color: #fff;
}											
.ranth-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.ranth-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.jim-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.jim-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.dud-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.dud-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	
	.ranth-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.jim-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.dud-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}				
									/* northeastern */
#feature-ne{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: url(https://i.pinimg.com/originals/44/6e/3b/446e3b79395a287ca32f7977dd83b290.jpg);
	background-size: cover;
}
.title-text h1{
	color: #fff;
}	
.kaz-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.kaz-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.sund-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.sund-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.moul-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	background-color: #228B22;
}
.moul-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	
	.kaz-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.sund-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.moul-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}		
											/* food page									 */
#feature-arcot{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0.9)),url(food/bgimage.jpg);
	background-size: cover;
}
.title-text h1{
	color: yellow;
}
.arc-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.arc-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.kanchi-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.kanchi-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.vellore-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.vellore-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	
	.arc-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.kanchi-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.vellore-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}														
#feature-chola{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(food/bgimage.jpg);
	background-size: cover;
}
.title-text h1{
	color: yellow;
}
.kumb-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.kumb-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
.tanj-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.tanj-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.manaparai-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.manaparai-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	
	.kumb-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.tanj-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.manaparai-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}		
#feature-mad{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(food/bgimage.jpg);
	background-size: cover;
}				
.dindigul-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.dindigul-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.mad-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.mad-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.tiru-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.tiru-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
.srivilli-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.srivilli-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}							
.chetti-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.chetti-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	
	.dindigul-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.mad-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.tiru-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.srivilli-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.chetti-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}										
#feature-tuti{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(food/bgimage.jpg);
	background-size: cover;
}	
.tuti-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.tuti-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
.ramfish-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.ramfish-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}		
.nagar-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.nagar-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
.kovai-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
@media screen and (max-width: 770px){
	
	.tuti-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.ramfish-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.nagar-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.kovai-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}		
#feature-kovai{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(food/bgimage.jpg);
	background-size: cover;
}	
.kovai-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
.ooty-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.ooty-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}			
.erode-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(food/boxbg.jpg);
	background-size: cover;
}
.erode-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	
	.kovai-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
	.ooty-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
	.erode-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}							
						/* hill circuit						 */

#feature-yela{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(hill/bgimage.jpg);
	background-size: cover;
}		
.yela-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(hill/boxbg.jpg);
	background-size: cover;
}
.yela-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	.yela-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-kodai{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(hill/bgimage.jpg);
	background-size: cover;
}		
.kodai-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(hill/boxbg.jpg);
	background-size: cover;
}
.kodai-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	.kodai-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-munn{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(hill/bgimage.jpg);
	background-size: cover;
}	
.munnar-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(hill/boxbg.jpg);
	background-size: cover;
}
.munnar-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.munnar-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-nandi{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(hill/bgimage.jpg);
	background-size: cover;
}		
.nandi-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(hill/boxbg.jpg);
	background-size: cover;
}
.nandi-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.nandi-flexbox{
		
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-lona{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(hill/bgimage.jpg);
	background-size: cover;
}			
.lona-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(hill/boxbg.jpg);
	background-size: cover;
}
.lona-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.lona-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-shim{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(hill/bgimage.jpg);
	background-size: cover;
}		
.shim-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(hill/boxbg.jpg);
	background-size: cover;
}
.shim-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.shim-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-gul{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(hill/bgimage.jpg);
	background-size: cover;
}		
.gul-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(hill/boxbg.jpg);
	background-size: cover;
}
.gul-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.gul-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-gang{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(hill/bgimage.jpg);
	background-size: cover;
}		
.gang-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(hill/boxbg.jpg);
	background-size: cover;
}
.gang-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	.gang-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}												/* coastal page */
@media screen and (max-width: 770px){
	.logo1{
		width: 80px;
		height:80px;
	}
}
#feature-coro{
	width: 100%;
	padding: 50px 0;
	background: #119dff;
	background-size: cover;
}	
/* #feature-coro wrapper{
	height: 100%;
  width: 100%;
  background: linear-gradient(180deg, #04fafd, 5%, #119dff, 50%, #030423);
  position: absolute;
}	 */


.wrapper div {
  height: 60px;
  width: 60px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  position: absolute;
  top: 10%;
  left: 10%;
  animation: 4s linear infinite;
}
div .dot {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 20%;
  right: 20%;
}
.wrapper div:nth-child(1) {
  top: 20%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper div:nth-child(2) {
  top: 60%;
  left: 80%;
  animation: animate 10s linear infinite;
}
.wrapper div:nth-child(3) {
  top: 40%;
  left: 40%;
  animation: animate 3s linear infinite;
}
.wrapper div:nth-child(4) {
  top: 66%;
  left: 30%;
  animation: animate 7s linear infinite;
}
.wrapper div:nth-child(5) {
  top: 90%;
  left: 10%;
  animation: animate 9s linear infinite;
}
.wrapper div:nth-child(6) {
  top: 30%;
  left: 60%;
  animation: animate 5s linear infinite;
}
.wrapper div:nth-child(7) {
  top: 70%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper div:nth-child(8) {
  top: 75%;
  left: 60%;
  animation: animate 10s linear infinite;
}
.wrapper div:nth-child(9) {
  top: 50%;
  left: 50%;
  animation: animate 6s linear infinite;
}
.wrapper div:nth-child(10) {
  top: 45%;
  left: 20%;
  animation: animate 10s linear infinite;
}
.wrapper div:nth-child(11) {
  top: 10%;
  left: 90%;
  animation: animate 9s linear infinite;
}
.wrapper div:nth-child(12) {
  top: 20%;
  left: 70%;
  animation: animate 7s linear infinite;
}
.wrapper div:nth-child(13) {
  top: 20%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper div:nth-child(14) {
  top: 60%;
  left: 5%;
  animation: animate 6s linear infinite;
}
.wrapper div:nth-child(15) {
  top: 90%;
  left: 80%;
  animation: animate 9s linear infinite;
}
@keyframes animate {
  0% {
    transform: scale(0) translateY(0) rotate(70deg);
  }
  100% {
    transform: scale(1.3) translateY(-100px) rotate(360deg);
  }
}
.coro-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 1)),url(coastal/boxbg.jpg);
	background-size: cover;
}
.coro-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.coro-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}	
#feature-mala{
	width: 100%;
	padding: 50px 0;
	background: #119dff;
	background-size: cover;
}	
.mala-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 1)),url(coastal/boxbg.jpg);
	background-size: cover;
}
.mala-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.mala-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-konkan{
	width: 100%;
	padding: 50px 0;
	background: #119dff;
	background-size: cover;
}		
.konkan-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 1)),url(coastal/boxbg.jpg);
	background-size: cover;
}
.konkan-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	.konkan-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-goan{
	width: 100%;
	padding: 50px 0;
	background: #119dff;
	background-size: cover;
}	
.goa-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 1)),url(coastal/boxbg.jpg);
	background-size: cover;
}
.goa-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.goa-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}	
}
#feature-kannad{
	width: 100%;
	padding: 50px 0;
	background: #119dff;
	background-size: cover;
}	
.kannad-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 1)),url(coastal/boxbg.jpg);
	background-size: cover;
}
.kannad-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}	
@media screen and (max-width: 770px){
	.kannad-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-gujju{
	width: 100%;
	padding: 50px 0;
	background: #119dff;
	background-size: cover;
}	
.guj-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 1)),url(coastal/boxbg.jpg);
	background-size: cover;
}
.guj-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.guj-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}
#feature-coron{
	width: 100%;
	padding: 50px 0;
	background: #119dff;
	background-size: cover;
}		
.coron-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(coastal/boxbg.jpg);
	background-size: cover;
}
.coron-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.coron-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}	
}							/* wellness page */
@media screen and (max-width: 770px){
	.logo1{
		width: 80px;
		height: 80px;
	}
}						
#feature-well{
	width: 100%;
	padding: 50px 0;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(wellness/bgimage.jpg);
	background-size: cover;
}	
.beng-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(wellness/boxbg.jpg);
	background-size: cover;
}
.beng-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.beng-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}	
}	
.kotakkal-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(wellness/boxbg.jpg);
	background-size: cover;
}
.kotakkal-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.kotakkal-flexbox{
		width: 100%;
		flex-wrap: wrap;
	}
}	
.kovalam-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0)),url(wellness/boxbg.jpg);
	background-size: cover;
}
.kovalam-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.kovalam-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
											/* honey page */
											
#feature-mallu{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/bgimage.jpg);
	background-size: cover;
}	
.mallu-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/boxbg.jpg);
	background-size: cover;
}
.mallu-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.mallu-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
#feature-karna{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/bgimage.jpg);
	background-size: cover;
}	
.karna-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/boxbg.jpg);
	background-size: cover;
}
.karna-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.karna-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
#feature-tn{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/bgimage.jpg);
	background-size: cover;
}	
.tn-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/boxbg.jpg);
	background-size: cover;
}
.tn-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.tn-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
#feature-un{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/bgimage.jpg);
	background-size: cover;
}	
.un-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/boxbg.jpg);
	background-size: cover;
}
.un-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.un-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
#feature-north{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/bgimage.jpg);
	background-size: cover;
}	
.north-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/boxbg.jpg);
	background-size: cover;
}
.north-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 770px){
	.north-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
#feature-hima{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/bgimage.jpg);
	background-size: cover;
}	
.hima-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/boxbg.jpg);
	background-size: cover;
}

.hima-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}

@media screen and (max-width: 770px){
	.hima-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
#feature-nes{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/bgimage.jpg);
	background-size: cover;
}	
.flexbox2 img{
	width: 45%;
}
.nes-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/boxbg.jpg);
	background-size: cover;
}

.nes-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}

@media screen and (max-width: 770px){
	.nes-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
#feature-mara{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/bgimage.jpg);
	background-size: cover;
}	
.flexbox2 img{
	width: 45%;
}
.mara-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(honeymoon/boxbg.jpg);
	background-size: cover;
}

.mara-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}

@media screen and (max-width: 770px){
	.mara-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
									/* standard page */
									
#feature-std{
	width: 100%;
	padding: 50px 0;
	/* background: #228B22;	 */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(std/cover.jpg);
	background-size: cover;
}	
.flexboxstd img{
	width: 48%;
}
.flexboxstd1 img{
	width: 100%;
	height: 100%;
}
.std-flexbox{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	/* background-color: #228B22; */
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0, 0, 0, 0)),url(std/cover.jpg);
	background-size: cover;
}

.std-flexbox h2{
	font-family:'Kaushan Script', cursive;
	text-align: center;
	color: red;
	font-size: 20px;
	padding-top: 20px;
}

@media screen and (max-width: 770px){
	.std-flexbox{
		width: 100%;
		flex-wrap: wrap;	
	}
}	
												/* contact page */

#bannercont{
	/* background: linear-gradient(rgba(0,0,0,0),rgba(0, 0, 0, 0.9)),url(images/banner.jpg); */
	background-size: cover;
	background-position: center;
	width: 100%;	
	height: 60vh;
}											
.banner1-contact img{
	width: 100%;
	height: 60vh;
}
.location{
	width: 80%;
	margin: auto;
	padding: 80px 0;
}
.location iframe{
	width: 100%;
}
	
.contact-us{
	
	width: 80%;
	margin:auto;
}
.contact-col{
	flex-basis: 48%;
	margin-bottom: 30px;
}
.contact-col div{
	
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.contact-col div .fa{
	font-size: 28px;
	color:#f44336;
	margin: 10px;
	margin-right: 30px;
}
.contact-col div .fa-regular{
	font-size: 28px;
	color:#f44336;
	margin: 10px;
	margin-right: 30px;
}
.contact-col input,.contact-col textarea{
	width: 100%;
	padding: 15px;
	margin-bottom: 17px;
	outline: none;
	border: 1px solid #ccc;
}

.contact-col h3{
	padding-bottom: 50px;
	padding-top: 5px;
}