html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;box-sizing: border-box; font-family: "Raleway", serif;
	background: #e8f5ff;
}
/*------------------------- HEADER START --------------------------*/
.header{
	padding: 1vw 14vw;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
	z-index: 100;position: relative;
}
.logo{
	width: 18%;display: flex;align-items: center;
}
.menu{
	display: flex;align-items: center;width: 55%;border: 1px solid #71abd9;padding: 0.5vw 1vw;
	border-radius: 25px;background: #e8f5ff;justify-content: space-between;
}
.jplogo{
	width: 20%;position: relative;left: 50%;transform: translateX(-50%);
}
.menu a{
	font-weight: 600;text-transform: uppercase;font-size: 0.8vw;text-decoration: none;
	display: block;padding: 0.2vw 1vw;border-radius: 25px;color: #000;
}
.menu a:hover{
	background: #1c5e91;color: #fff;text-decoration: none;
}
.registerBtn{
	width: 20%;display: flex;align-items: center;
}
.registerBtn a{
	display: block;width: 100%;padding: 0.5vw;background: #1c5e91;color: #fff;text-decoration: none;
	font-weight: 600;font-size: 0.8vw;text-align: center;border-radius: 25px;text-transform: uppercase;
}
.registerBtn a:hover{
	background: #c2dcff;color: #1c5e91;
}
/*------------------------- HEADER END --------------------------*/
/*--------------------------- FOOTER START --------------------*/

.moveToTop{
	display: block;width: 3vw;height: 3vw;border-radius: 50%;border: none;background: #c2dcff;
	font-size: 1.2vw;color: #1c5e91;position: fixed;right: 2%;bottom: 3%;z-index: 1000;
}
.footer{
	background: #1c5e91;padding: 1vw 14vw 0 14vw;width: 100%;overflow: hidden;position: relative;
}
.footernew{
	content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;
}
.footer-Content{
	display: flex;align-items: center;justify-content: space-between;padding: 2vw 0;
	border-bottom: 1px solid #fff;
}
.footer-logo{
	width: 20%;
}
.footer-logo img{
		width: 100%;
	}
.footer-details{
	width: 60%;font-size: 0.9vw;color: #fff;
}
.footerJpLogo{
	width: 15%;
}
.footer-logo img{
	width: 100%;
}
.footerMenuRow{
	padding: 2vw 0 2vw 0;display: flex;justify-content: space-between;
}
.footerMenu{
	width: 50%;display: flex;align-items: center;
}
.footerMenu ul li{
	display: inline-block;margin-right: 1.5vw;
}
.footerMenu ul li a{
	font-weight: 600;text-transform: uppercase;font-size: 0.8vw;text-decoration: none;
	display: block;color: #000;color: #e8f5ff;
}
.footerEmailBox{
	width: 30%;
}
.footerEmailBox label{
	font-size: 0.9vw;font-weight: 600;color: #fff;text-transform: uppercase;
}
.inputFieldFooter{
	width: 100%;position: relative;
}
.inputFieldFooter input{
	width: 100%;height: 2vw;border: none;padding: 0.5vw;font-size: 0.8vw;
}
.inputFieldFooter input:focus{
	outline: none;
}
.inputFieldFooter button{
	content: '';position: absolute;top: 0;right: 0;width: 2vw;height: 2vw;color: #1c5e91;
	border: none;background: #e8f5ff;
}
.copyright{
	padding: 1vw 14vw 1vw 14vw;text-align: center;font-size: 0.8vw;color: #e8f5ff;background: #1c5e91;
}

/*--------------------------- FOOTER END ------------------------*/

.result{
	width: 100%;padding:5vw 10vw;
}
.winnerROw{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.winnerColumn{
	width: 48%;margin-top: 2vw;
}
.winnerColumn:first-child{
	margin-top: 0;
}
.winnerColumn:nth-child(2){
	margin-top: 0;
}
.allresult{
	margin-top: 2vw;width: 100%;text-align: center;
}
.allresult a{
	padding: 1vw 3vw;background: #1b81cc;color: #fff;font-size: 1vw;font-weight: 600;text-decoration: none;
}

/*---------------------------- SLIDER START ---------------------------*/

.slider{
	width: 97%;height:94vh;background: url('../images/slider.jpg');position: relative;
	background-position: center;background-size: cover;margin-top: -15vh;margin-left: 1.5%;border-radius: 25px;
}
.sliderCOntent{
	content: '';position: absolute;left:3%;bottom: 5%;width:40%;
}
.sliderCOntent h1{
	font-family: "Saira", serif;font-style: italic;font-weight: 800;font-size: 4.8vw;text-transform: uppercase;color: #fff;
}
.sliderCOntent p{
	font-size: 1.2vw;margin-bottom: 2vw;color: #fff;
}
.sliderCOntent ul li a{
	width: 35%;height: 2.5vw;text-align: center;background: #c2dcff;display: block;display: flex;align-items: center;
	justify-content: center;border-radius: 25px;font-size: 1vw;text-transform: uppercase;font-weight: 600;color: #000;
	text-decoration: none;
}
.sliderContentTwo{
	content: '';position: absolute;right: 3%;bottom:15%;width: 35%;background: rgba(255, 255, 255, 0.5);padding: 1vw;
	border-radius: 25px;
}
.sliderContentLeft{
	width:50%;height: 20vh;background: #ebebeb;
}

.timerSlider{
	width: 100%;position: relative;
}
.jplogo{
	width: 25%;
}
.timerSlider h1{
	font-family: "Saira", serif;font-style: italic;font-weight: 800;font-size:1vw;text-align: center;color: #fff;margin-bottom:1vw;

}
.timerSlider h3{
	font-family: "Saira", serif;font-style: italic;font-weight: 800;font-size: 1.1vw;text-align: center;
	color: #fff;margin-top: 1vw;
}
.scheTiming{
	position: relative;
}
.scheTiming h2{
	color: #fff;font-weight: 700;font-size: 4vw;text-align: center;font-family: "Saira", serif;
}
.scheTiming h6{
	font-size:1.2vw;font-size: 900;color:#1c5e91;text-align: center;text-transform: uppercase;
	font-family: "Saira", serif;font-style: italic;text-stroke: 4px #fff;color: #fff;
}
.scheTiming span{
	display: inline-block;width: 4vw;height: 4vw;background: #1c5e91;z-index: -2;
	position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;
	opacity: 0.5;c
}
.features{
	width: 100%;position: relative;height: 15vh;
}
.threeFeaturesRow{
	width: 80%;content: '';right: 0;position: absolute;top: -40%;clip-path: polygon(9% 0, 100% 0, 100% 100%, 0% 100%);
	background: #fff;padding: 1vw 1vw 1vw 8vw;display: flex;align-items: center;justify-content: space-between;
}
.threeFeatures{
	width: 32%;
}
.threeFeatures h3{
	font-family: "Saira", serif;font-size: 1.5vw;font-weight: 600;font-style: italic;
	color: #1c5e91;
}
.threeFeatures p{
	font-size: 0.8vw;font-weight: 500;margin-bottom: 0;
}
.aboutIndex{
	padding:3vw 14vw 3vw 14vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.aboutIndexCol{
	width: 31%;display: flex;align-items: center;
}
.aboutIndexImg{
	width: 31%;display: flex;align-items: center;
}
.aboutIndexCol h5{
	font-size: 0.9vw;text-transform: uppercase;font-style: italic;font-weight: 500;
}
.aboutIndexCol h1{
	font-size: 2vw;font-style: italic;font-weight:800;font-family: "Saira", serif;color: #1c5e91;
}
.aboutIndexCol p{
	font-size: 0.9vw;font-weight:500;margin-bottom: 1.5vw;
}
.lineSpan{
	display: block;width: 30%;height: 4px;background: #c2dcff;margin-top: 0.8vw;
}
.abtIndexImgBg{
	width: 80%;background: #c2dcff;height:50vh;position: relative;left: 50%;transform: translateX(-50%);
}
.aboutIndexCol a{
	display: block;width: 50%;background: #c2dcff;color: #1c5e91;font-weight: 700;font-size: 0.8vw;
	text-align: center;padding: 0.5vw;border-radius: 25px;text-transform: uppercase;text-decoration: none;
}
.indexAbtImg{
	content: '';position: absolute;width: 100%;left:5%;bottom: 4%;height: 100%;background: #ebebeb;
	background: url("../images/abtindex.jpg");background-size: cover;background-position: center;
}
.abtPortfolio{
	padding: 0 14vw;margin-bottom: 3vw;
}
.portRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.abtPortfolioCol{
	width: 20%;background: #c2dcff;border-radius: 15px;overflow: hidden;height: 25vh;
}
.portfolioImage{
	width:100%;height: 8vw;background: #ebebeb;
}
.abtPortfolioDetail{
	width: 100%;background: #d4ecff;padding: 1vw;font-size: 0.9vw;border-radius: 15px;
}
.portfolioDetail{
	padding: 0.7vw;text-align: center;
}
.portfolioDetail h4{
	font-size: 1vw;font-weight: 600;font-family: "Saira", serif;font-style: italic;
}
.portfolioDetail p{
	font-size: 0.8vw;font-weight: 500;font-style: italic;margin-bottom: 0;
}
.abtPortfolioDetail h6{
	font-size: 1vw;font-weight: 600;font-family: "Saira", serif;font-style: italic;text-align: center;color: #1c5e91;
}
.galleryIndex{
	width: 100%;display: flex;flex-wrap: wrap;
}
.galleryColumn{
	width: 33.3%;
}

/*---------------------------- SLIDER END -------------------------------*/
/*--------------------------- BREADCUMB STARTED ---------------------------*/

.breadcumb{
	width: 100%;padding:2.5vw 14vw;background: url('../images/breadcumb.jpg');
	text-align: center;background-size: cover;background-position: center;
}
.breadcumb h1{
	font-size: 2vw;font-weight: 600;text-transform: uppercase;color: #fff;
}
.breadcumb p{
	margin-bottom: 0;font-size: 0.8vw;color: #fff;
}
.breadcumb p a{
	color: #fff;font-size: 0.9vw;font-weight: 600;text-decoration: none;
}

/*--------------------------- BREADCUMB ENDED -----------------------------*/
/*--------------------------- CONTACT STARTED ---------------------------*/

.contact{
	width: 100%;padding: 3vw 14vw;
}
.contact h5{
	text-align: center;font-size: 0.8vw;text-transform: uppercase;
}
.contact h1{
	text-align: center;font-size: 2vw;font-weight: 700;color: #1c5e91;
}
.contact p{
	font-size: 0.9vw;text-align: center;font-weight: 500;
}
.formRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:2vw;
}
.formLeftColumn{
	width: 48%;height: 428px;background: url('../images/contact.jpeg');
	position: relative;background-size: cover;background-position: center;border-radius: 15px;
}
.contactdetails{
	content: '';position: absolute;right: 5%;bottom: 10%;width: 60%;border-radius: 15px;
	background: #1c5e91;padding: 1vw;display: flex;justify-content: space-between;
}
.emailIcon{
	width: 20%;
}
.emailIcon i{
	width: 3vw;height: 3vw;background: #e8f5ff;display: flex;align-items: center;justify-content: center;
	font-size: 1.3vw;border-radius: 50%;color: #1c5e91;
}
.contactEmail{
	width: 75%;display: flex;align-items: center;
}
.contactEmail h3{
	font-size: 1vw;font-weight: 600;text-transform: uppercase;color: #c2dcff;margin-bottom: 0;
}
.contactEmail a{
	color: #e8f5ff;font-size: 0.9vw;font-weight: 600;text-decoration: none;
}
.formRightColumn{
	width: 48%;background: #cce8fc;padding: 1.5vw;border-radius: 15px;
}
.formRightColumn label{
	font-size: 0.8vw;font-weight: 600;margin-top: 0.5vw;
}

.formRightColumn input{
	width: 100%;height: 2.5vw;background: #fff;padding: 0.5vw;font-size: 0.8vw;border: none;border-radius: 25px;
}
.formRightColumn select{
	width: 100%;height: 2.5vw;background: #fff;padding: 0.5vw;font-size: 0.8vw;
	border: none;border-radius: 25px;
}
.formRightColumn textarea{
	width: 100%;background: #fff;padding: 0.5vw;font-size: 0.8vw;border: none;
}
.formRightColumn button{
	display: block;width: 100%;padding: 0.5vw;background: #1c5e91;color: #fff;text-decoration: none;
	font-weight: 600;font-size: 0.8vw;text-align: center;border-radius: 25px;text-transform: uppercase;
	border: none;margin-top: 1vw;
}
.formRightColumn button:hover{
	background: #c2dcff;color: #1c5e91;
}
input:focus{
	outline: none;
}
textarea:focus{
	outline: none;
}

/*--------------------------- CONTACT ENDED ---------------------------*/
/*-------------------------- GALLERY STARTED ---------------------------*/

.gallery{
	padding: 3vw 14vw;
}

/*-------------------------- GALLERY ENDED ----------------------------*/
/*-------------------------- INFRASTRUCTURE STARTED ---------------------------*/

.infrastructure{
	padding: 3vw 14vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.infraColumn{
	width: 23%;background: #1c5e91;padding: 1vw;border-radius: 15px;margin-top: 1vw;
}
.infraIcon{
	width: 5vw;height: 5vw;border-radius: 50%;position: relative;left: 50%;transform: translateX(-50%);
	background: #e8f5ff;display: flex;align-items: center;justify-content: center;
}
.infraIcon img{
	width: 70%;
}
.infraColumn h3{
	font-size: 1vw;text-transform: uppercase;font-weight: 700;margin-top: 1vw;color: #c2dcff;text-align: center;
}
.infraColumn p{
	font-size: 0.8vw;color: #e8f5ff;text-align: center;margin-bottom: 0;
}
/*-------------------------- INFRASTRUCTURE ENDED ----------------------------*/
/*-------------------------- EVENTS STARTED ---------------------------*/

.event{
	padding: 3vw 14vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.eventRow{
	display: flex;justify-content: space-between;
}
.eventColumnFirst{
	width:50%;
}
.eventColumnSecond{
	width: 45%;
}
.eventColumnFirst h2{
	font-size: 3vw;font-weight: 800;text-transform: uppercase;color: #1c5e91;
}
.eventColumnFirst p{
	font-size: 0.9vw;font-weight: 500;margin-bottom: 0;
}
.eventSection{
	padding: 3vw 14vw;background: #c2dcff;
}
.eventSection h2{
	color: #1c5e91;font-size: 2vw;font-weight: 800;text-transform: uppercase;text-align: center;
}
.eventColumnRow{
	width: 100%;display: flex;justify-content: space-between;margin-top: 1.5vw;
}
.eventColumn{
	width:32%;border-radius: 20px;overflow: hidden;border: 1px solid #6f8c73;
}
.eventimage{
	width: 100%;height: 30vh;background: url('../images/marathon.jpg');
	background-size: cover;background-position: center;
}
.eventDetails{
	padding: 1vw;background: #e8f5ff;height:100%;position: relative;
}
.eventDetails h3{
	font-size: 1.3vw;font-weight: 700;text-transform: uppercase;color: #1c5e91;
}
.eventDetails ul li{
	margin-top: 0.4vw;font-weight: 500;font-size: 0.8vw;
}
.eventDetails ul li:nth-child(5){
		font-weight: 600;color: #991f23;
	}
	.eventDetails ul li:nth-child(5) a{
		font-weight: 800;color: #991f23;
	}
.eventDetails h1{
	font-size: 2vw;font-weight: 800;font-family: "Saira", serif;color: #991f23;font-style: italic;
	text-align: center;text-transform: uppercase;margin-top: 2vw;
}
.eventDetails h4{
	font-size: 1vw;font-weight:700;text-transform: uppercase;margin-top: 1vw;color: #1c5e91;
}
.prizes{
	display: flex;flex-wrap: wrap;justify-content: space-between;
}
.prizes a{
	background: #c2dcff;padding: 0.4vw 1.2vw;border-radius: 25px;color: #1c5e91;text-decoration: none;
	font-weight: 600;font-size: 0.8vw;margin-top: 0.5vw;
}
a.regsiterEvent{
	display: block;width: 100%;padding: 0.5vw;border-radius: 10px;background: #1c5e91;color: #fff;
	font-weight: 600;margin-top: 1vw;text-transform: uppercase;text-decoration: none;text-align: center;
	font-size: 0.8vw;
}
.eventDetails:nth-child(3) a{
	position: absolute;left: 0;bottom: 0;
}
.eventBackground{
	width: 100%;padding: 5vw 16vw;background: linear-gradient(90deg,rgba(20, 78, 122, 1) 50%, rgba(28, 94, 145, 1) 100%),url("../images/farme.png");
	overflow: hidden;
}
.running{
	content: '';position: absolute;width: 100%;top: 50%;right: 20%;transform: translateY(-50%);
	width: 20%;z-index: 100;
}
.frame{
	content: '';position: absolute;width: 100%;top: 0;left: 0;
}
.eventBgLeft{
	width: 45%;position: relative;z-index: 100;
}
.eventBgLeft h2{
	font-size:2.5vw;font-weight: 700;color: #e8f5ff;text-transform: uppercase;
}
.eventBgLeft p{
	color: #fff;font-size: 0.9vw;margin-bottom: 2vw;
}
.eventBgLeft a{
	background: #c2dcff;padding: 0.4vw;border-radius: 25px;text-transform: uppercase;
  color: #1c5e91;text-decoration: none;font-weight: 600;display: block;width: 60%;text-align: center;
}
.faq{
	padding: 3vw 14vw;
}
.faq h3{
	font-size: 1.5vw;font-weight: 700;text-transform: uppercase;color: #1c5e91;
}
.accordion button{
	background: #c2dcff;border: 1px solid #1c5e91;padding: 0.5vw 1vw;border-radius: 25px;display: block;
	width: 100%;margin-top: 1vw;font-size: 0.8vw;font-weight: 600;
}
.card-body{
	font-size: 0.8vw;
}
/*-------------------------- EVENTS ENDED ----------------------------*/
/*-------------------------- ABOUT US PAGE STARTED  ----------------------------*/

.about{
	padding: 3vw 14vw;
}
.aboutRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.aboutColumn{
	width: 48%;
}
.aboutColumn h5{
	font-size: 0.8vw;text-transform: uppercase;font-weight: 500;
}
.aboutColumn h1{
	font-size: 2.5vw;text-transform: uppercase;font-weight: 800;color: #1c5e91;
}
.aboutColumn p{
	font-size: 0.9vw;font-weight: 500;margin-bottom: 0;
}
.missionVision{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.missionVisionCol{
	width: 48%;padding: 1vw;background: #c2dcff;border-radius: 12px;text-align: center;margin-top: 0.5vw;
}
.missionVisonIcon{
	width: 4vw;height: 4vw;background: #e8f5ff;border-radius: 50%;display: flex;align-items: center;
	justify-content: center;position: relative;left: 50%;transform: translateX(-50%);text-align: center;
}
.missionVisonIcon img{
	width: 70%;
}
.missionVisionCol h3{
	font-size: 1vw;text-transform: uppercase;font-weight: 700;margin-top: 0.5vw;color: #1c5e91;
}
.missionVisionCol p{
	font-size: 0.8vw;margin-bottom: 0;
}
.aboutBenefit{
	padding: 3vw 14vw;background:#c2dcff;display: flex;align-items: center;justify-content: space-between;
}
.benefitcolumn{
	width: 30%;font-family: "Saira", serif;display: flex;justify-content: space-between;
	flex-direction: column;height: 50vh;
}
.benefitBox h1{
	font-size: 3vw;font-weight: 600;display: flex;align-items: center;font-style: italic;color: #1c5e91;
}
.benefitBox h1 span{
	font-size: 2vw;margin-left: 1vw;font-style: normal;color: #000;
}
.benefitBox p{
	font-size: 0.9vw;margin-bottom: 0;
}
.benefitImage{
	width: 40%;text-align: center;font-family: "Saira", serif;position: relative;
	
}
.benefitImage h1{
	font-size: 6vw;font-weight: 800;text-transform: uppercase;font-style: italic;color: #1c5e91;
}
.benefitImage img{
	position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 55%;
}
.benefitIndex{
	padding: 3vw 14vw;
}
.benefitRowIndex{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.benefitcolumnIndex{
	width: 48%;
}
.benefitcolumnIndex h5{
	font-size: 0.9vw;text-transform: uppercase;font-weight: 500;font-style: italic;
}
.benefitcolumnIndex h1{
	font-size: 2vw;font-family: "Saira", serif;font-weight: 800;font-style: italic;
	color: #1c5e91;
}
.benefitcolumnIndex p{
	font-size: 0.9vw;
}
.fourBenefitRow{
	display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
}
.fourBenefitColumn{
	width: 48%;
}
.fourBenefitColumn h3{
	font-family: "Saira", serif;font-weight: 700;font-size: 1.3vw;font-style: italic;
	color: #1c5e91;
}
.fourBenefitColumn p{
	font-size: 0.8vw;
}

/*-------------------------- ABOUT US PAGE ENDED ----------------------------*/
/*------------------------- SINGLE RACE STARTED ----------------------------*/

.routemapImg{
		width:80%;position: relative;left: 50%;transform: translateX(-50%);
	}
.singleRace{
	padding: 3vw 14vw;
}
.singleRaceDetails{
	background: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
	padding: 2vw;border-radius: 25px;border: 1px solid #b8d5c4;
}
.singleRaceDetails h2{
	font-size: 1.3vw;font-family: "Saira", serif;font-weight: 700;font-style: italic;
	color: #1c5e91;
	margin-top: 1vw;
}
.singleRaceDetails p{
	font-size: 0.8vw;font-weight: 500;
}
.singleRaceDetails ul li{
	font-size: 0.8vw;font-weight: 500;
}
.singleRaceDetails td{
	font-size: 0.8vw;
}
.singleRaceDetails th{
	font-size: 0.8vw;
}

/*------------------------- SINGLE RACE ENDED ----------------------------*/

/*--------------------------------------------- RESPONSIOVE ------------------------------------------*/
@media(max-width:768px){
	/*------------------------- HEADER START --------------------------*/
	.header{
		padding:5px 15px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
	}
	.logo{
		width: 35%;
	}
	.registerBtn{
		width: 40%;
	}
	.registerBtn a{
		display: block;width: 100%;padding:5px;font-size: 12px;
	}
	.respMenu{
		width: 10%;
	}
	.respMenu button{
		width: 45px;height: 45px;background: transparent;border: 1px solid #000;color: #1c5e91;
		font-size: 20px;
	}
	.dropdownMenu{
		border-top: 1px solid #b8d5c4;display: none;
	}
	.dropdownMenu ul li a{
		display: block;width: 100%;padding: 9px 10px;border-bottom: 1px solid #b8d5c4;
	}
	.dropdownMenu ul li a{
		color: #000;font-size: 15px;text-decoration: none;text-transform: uppercase;font-weight: 500;
	}
	.dropdownMenu ul li a:hover{
		background: #1c5e91;color: #fff;text-decoration: none;
	}
	/*------------------------- HEADER END --------------------------*/
	/*--------------------------- FOOTER START --------------------*/
	.moveToTop{
		display: block;width: 45px;height: 45px;border-radius: 50%;border: none;background: #c2dcff;
		font-size: 18px;color: #1c5e91;position: fixed;right: 20px;bottom: 20px;z-index: 1000;
	}
	.footer{
		background: #1c5e91;padding:15px;width: 100%;overflow: hidden;
	}
	.footer-Content{
		display: flex;align-items: center;justify-content: space-between;padding: 2vw 0;
		border-bottom: 1px solid #fff;flex-wrap: wrap;
	}
	.footer-logo{
		width: 50%;position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 18px;
	}
	.footer-logo img{
		width: 100%;
	}
	.footer-details{
		width:100%;font-size:15px;color: #fff;text-align: justify;
	}
	.footerJpLogo{
		display: none;
	}
	.footerMenuRow{
		padding:15px 0;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.footerMenu{
		width: 100%;display: flex;align-items: center;
	}
	.footerMenu ul li{
		display: inline-block;margin-right: 20px;
	}
	.footerMenu ul li a{
		font-weight: 600;text-transform: uppercase;font-size:14px;text-decoration: none;
		display: block;color: #000;color: #e8f5ff;
	}
	.footerEmailBox{
		width: 100%;margin-top: 18px;
	}
	.footerEmailBox label{
		font-size: 15px;font-weight: 600;color: #c2dcff;text-transform: uppercase;
	}
	.inputFieldFooter{
		width: 100%;position: relative;
	}
	.inputFieldFooter input{
		width: 100%;height: 50px;border: none;padding:7px;font-size:15px;
	}
	.inputFieldFooter input:focus{
		outline: none;
	}
	.inputFieldFooter button{
		content: '';position: absolute;top: 0;right: 0;width: 50px;height: 50px;color: #1c5e91;
		border: none;background: #e8f5ff;font-size: 20px;
	}
	.copyright{
		padding: 0vw 15px 15px 15px;text-align: center;font-size: 14px;color: #e8f5ff;background: #1c5e91;
	}

	/*--------------------------- FOOTER END ------------------------*/
	/*--------------------------- CONTACT STARTED ---------------------------*/

	.contact{
		width: 100%;padding: 15px;
	}
	.contact h5{
		text-align: center;font-size: 14px;text-transform: uppercase;
	}
	.contact h1{
		text-align: center;font-size: 22px;font-weight: 700;
	}
	.contact p{
		font-size: 15px;text-align: center;font-weight: 500;
	}
	.formRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:2vw;
	}
	.formLeftColumn{
		width: 100%;height: 200px;position: relative;
	}
	.contactdetails{
		content: '';position: absolute;right: 5%;bottom: 10%;width: 80%;border-radius: 15px;
		background: #1c5e91;padding:15px;display: flex;justify-content: space-between;
	}
	.emailIcon{
		width: 20%;
	}
	.emailIcon i{
		width: 50px;height: 50px;background: #e8f5ff;display: flex;align-items: center;
		justify-content: center;font-size: 22px;border-radius: 50%;color: #1c5e91;
	}
	.contactEmail{
		width: 80%;display: flex;align-items: center;
	}
	.contactEmail h3{
		font-size: 16px;font-weight: 600;text-transform: uppercase;color: #c2dcff;margin-bottom: 0;
	}
	.contactEmail a{
		color: #e8f5ff;font-size: 15px;font-weight: 600;text-decoration: none;
	}
	.formRightColumn{
		width: 100%;background:#cce8fc;padding:15px;border-radius: 15px;margin-top: 18px;
	}
	.formRightColumn label{
		font-size: 15px;font-weight: 600;margin-top: 8px;
	}

	.formRightColumn input{
		width: 100%;height:40px;background: #fff;padding: 8px;font-size: 15px;border: none;
		border-radius: 25px;
	}
	.formRightColumn select{
		width: 100%;height:40px;background: #fff;padding: 8px;font-size: 15px;border: none;
		border-radius: 25px;
	}
	.formRightColumn textarea{
		width: 100%;background: #fff;padding: 8px;font-size: 15px;border: none;
	}
	.formRightColumn button{
		display: block;width: 100%;padding: 8px;background: #1c5e91;color: #fff;text-decoration: none;
		font-weight: 600;font-size: 15px;text-align: center;border-radius: 25px;text-transform: uppercase;
		border: none;margin-top: 18px;
	}
	input:focus{
		outline: none;
	}
	textarea:focus{
		outline: none;
	}

	/*--------------------------- CONTACT ENDED ---------------------------*/

	/*-------------------------- GALLERY STARTED ---------------------------*/

	.gallery{
		padding:15px;
	}

	/*-------------------------- GALLERY ENDED ----------------------------*/

	/*-------------------------- INFRASTRUCTURE STARTED ---------------------------*/

	.infrastructure{
		padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.infraColumn{
		width: 48%;background: #1c5e91;padding:15px;border-radius: 15px;margin-top: 15px;
	}
	.infraIcon{
		width: 60px;height: 60px;border-radius: 50%;position: relative;left: 50%;transform: translateX(-50%);
		background: #e8f5ff;display: flex;align-items: center;justify-content: center;
	}
	.infraIcon img{
		width: 70%;
	}
	.infraColumn h3{
		font-size: 16px;text-transform: uppercase;font-weight: 700;margin-top: 18px;
		color: #c2dcff;text-align: center;
	}
	.infraColumn p{
		font-size: 14px;color: #e8f5ff;text-align: center;margin-bottom: 0;
	}
	/*-------------------------- INFRASTRUCTURE ENDED ----------------------------*/
	/*-------------------------- EVENTS STARTED ---------------------------*/

	.event{
		padding: 15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.eventRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.eventColumnFirst{
		width:100%;
	}
	.eventColumnSecond{
		width: 100%;
	}
	.eventColumnFirst h2{
		font-size: 30px;font-weight: 800;text-transform: uppercase;color: #1c5e91;
	}
	.eventColumnFirst p{
		font-size: 15px;font-weight: 500;margin-bottom: 0;
	}
	.eventSection{
		padding: 15px;background: #c2dcff;
	}
	.eventSection h2{
		color: #1c5e91;font-size: 18px;font-weight: 800;text-transform: uppercase;text-align: center;
	}
	.eventColumnRow{
		width: 100%;display: flex;justify-content: space-between;margin-top: 18px;
		flex-wrap: wrap;
	}
	.eventColumn{
		width: 100%;border-radius: 12px;overflow: hidden;border: 1px solid #6f8c73;
	}
	.eventColumn:last-child{
		margin-top: 15px;
	}
	.eventimage{
		width: 100%;height: 200px;
	}
	.eventDetails{
		padding: 15px;background: #e8f5ff;
	}
	.eventDetails h3{
		font-size: 20px;font-weight: 700;text-transform: uppercase;color: #1c5e91;
	}
	.eventDetails ul li{
		margin-top: 10px;font-weight: 500;font-size: 15px;
	}
	.eventDetails ul li:nth-child(5){
		font-weight: 600;color: #991f23;
	}
	.eventDetails h1{
		font-size:24px;font-weight: 800;font-family: "Saira", serif;color: #991f23;font-style: italic;
		text-align: center;text-transform: uppercase;margin-top: 2vw;
	}
	.eventDetails h4{
		font-size: 20px;font-weight:700;text-transform: uppercase;margin-top: 15px;margin-bottom:0px;
		color: #1c5e91;
	}
	.prizes{
		display: flex;flex-wrap: wrap;justify-content: space-between;
	}
	.prizes a{
		background: #c2dcff;padding: 0.4vw 1.2vw;border-radius: 25px;color: #1c5e91;text-decoration: none;
		font-weight: 600;font-size: 15px;width: 48%;margin-top: 10px;
	}
	a.regsiterEvent{
		display: block;width: 100%;padding: 8px;border-radius: 10px;background: #1c5e91;color: #fff;
		font-weight: 600;margin-top: 18px;text-transform: uppercase;text-decoration: none;text-align: center;
		font-size: 15px;
	}
	.eventBackground{
		width: 100%;padding: 5vw;background: linear-gradient(rgba(7, 56, 34 , 1.0), rgba(7, 56, 34 , 1.0)),url("../images/farme.png");
		overflow: hidden;
	}
	.running{
		content: '';position: absolute;width: 100%;top: 50%;right: 0%;transform: translateY(-50%);
		width: 50%;z-index: 100;
	}
	.frame{
		content: '';position: absolute;width: 100%;top: 0;left: 0;
	}
	.eventBgLeft{
		width:70%;position: relative;z-index: 100;
	}
	.eventBgLeft h2{
		font-size:30px;font-weight: 700;color: #e8f5ff;text-transform: uppercase;
	}
	.eventBgLeft p{
		color: #fff;font-size: 15px;margin-bottom: 2vw;
	}
	.eventBgLeft a{
		background: #c2dcff;padding: 0.4vw 1.2vw;border-radius: 25px;text-transform: uppercase;
	  color: #1c5e91;text-decoration: none;font-weight: 600;display: block;width:70%;text-align: center;
	}
	.faq{
		padding: 3vw 14vw;
	}
	.faq h3{
		font-size: 15px;font-weight: 700;text-transform: uppercase;color: #1c5e91;
	}
	.accordion button{
		background: #c2dcff;border: 1px solid #1c5e91;padding: 0.5vw 1vw;border-radius: 25px;display: block;
		width: 100%;margin-top: 10px;font-size: 15px;font-weight: 600;
	}
	.card-body{
		font-size: 15px;
	}
	/*-------------------------- EVENTS ENDED ----------------------------*/
	/*-------------------------- ABOUT US PAGE STARTED  ----------------------------*/

	.about{
		padding:15px;
	}
	.aboutRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.aboutColumn{
		width: 100%;
	}
	.aboutColumn h5{
		font-size: 15px;text-transform: uppercase;font-weight: 500;
	}
	.aboutColumn h1{
		font-size: 28px;text-transform: uppercase;font-weight: 800;color: #1c5e91;
	}
	.aboutColumn p{
		font-size: 15px;font-weight: 500;margin-bottom: 0;text-align: justify;
	}
	.missionVision{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.missionVisionCol{
		width: 48%;padding: 15px;background: #c2dcff;border-radius: 12px;
		text-align: center;margin-top:15px;
	}
	.missionVisonIcon{
		width: 50px;height: 50px;background: #e8f5ff;border-radius: 50%;display: flex;align-items: center;
		justify-content: center;position: relative;left: 50%;transform: translateX(-50%);text-align: center;
	}
	.missionVisonIcon img{
		width: 70%;
	}
	.missionVisionCol h3{
		font-size: 18px;text-transform: uppercase;font-weight: 700;margin-top: 15px;color: #1c5e91;
	}
	.missionVisionCol p{
		font-size:15px;margin-bottom: 0;text-align: center;
	}
	.aboutBenefit{
		padding: 15px;background:#c2dcff;display: flex;align-items: center;justify-content: space-between;
		flex-wrap: wrap;
	}
	.benefitcolumn{
		width: 100%;font-family: "Saira", serif;display: flex;justify-content: space-between;
		flex-direction: column;height: auto;
	}
	.benefitBox h1{
		font-size:32px;font-weight: 600;display: flex;align-items: center;
		font-style: italic;color: #1c5e91;margin-top: 18px;
	}
	.benefitBox h1 span{
		font-size: 24px;margin-left: 1vw;font-style: normal;color: #000;
	}
	.benefitBox p{
		font-size: 14px;margin-bottom: 0;
	}
	.benefitImage{
		width: 100%;text-align: center;font-family: "Saira", serif;position: relative;
		
	}
	.benefitImage h1{
		font-size: 85px;font-weight: 800;text-transform: uppercase;font-style: italic;color: #1c5e91;
	}
	.benefitImage img{
		position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50%;
	}
	/*-------------------------- ABOUT US PAGE ENDED ----------------------------*/
	/*--------------------------- BREADCUMB STARTED ---------------------------*/

	.breadcumb{
		width: 100%;padding:4vw 0;text-align: center;
	}
	.breadcumb h1{
		font-size: 28px;font-weight: 600;text-transform: uppercase;
	}
	.breadcumb p{
		margin-bottom: 0;font-size: 15px;color: #fff;
	}
	.breadcumb p a{
		color: #fff;font-size: 15px;font-weight: 600;text-decoration: none;
	}

	/*--------------------------- BREADCUMB ENDED -----------------------------*/
	/*---------------------------- SLIDER START ---------------------------*/

	.slider{
		width: 100%;height:35vh;background: url("../images/slider.jpg");position: relative;
		background-position: center;background-size: cover;margin-top: 0;
	}
	.sliderContentTwo{
    	content: '';position: absolute;right: 3%;bottom:6%;width: 50%;background: rgba(255, 255, 255, 0.5);padding: 8px;
    	border-radius: 7px;
    }
	.timerSlider{
		width: 100%;position: relative;
	}
	.sliderCOntent p{
    	font-size: 7px;margin-bottom: 0;color: #fff;
    }
	.jplogo{
		width: 40%;
	}
	.timerSlider h1{
		font-family: "Saira", serif;font-style: italic;font-weight: 800;font-size: 20px;text-align: center;color: #fff;

	}
	.timerSlider h3{
		font-family: "Saira", serif;font-style: italic;font-weight: 800;font-size:6.5px;text-align: center;
		margin-bottom: 0;color: #fff;

	}
	.scheTiming{
		position: relative;padding:0;
	}
	.scheTiming h2{
		color: #fff;font-weight: 700;font-size: 24px;text-align: center;font-family: "Saira", serif;
	}
	.scheTiming h6{
		font-size:8px;font-size: 900;color:#1c5e91;text-align: center;text-transform: uppercase;
		font-family: "Saira", serif;font-style: italic;text-stroke: 4px #fff;color: #fff;
	}
	.scheTiming span{
		display: inline-block;width: 4vw;height: 4vw;background: #1c5e91;z-index: -2;
		position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;
		opacity: 0.5;
	}
	.features{
		width: 100%;position: relative;height: 15vh;
	}
	.threeFeaturesRow{
		width: 100%;position: relative;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);top: 0;
		background: #fff;padding: 10px;display: flex;align-items: center;justify-content: space-between;
	}
	.threeFeatures{
		width: 48%;
	}
	.threeFeatures:last-child{
		display: none;
	}
	.threeFeatures h3{
		font-family: "Saira", serif;font-size: 16px;font-weight: 600;font-style: italic;
		color: #1c5e91;
	}
	.threeFeatures p{
		font-size: 13px;font-weight: 500;margin-bottom: 0;
	}
	.aboutIndex{
		padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.aboutIndexCol{
		width: 100%;display: flex;align-items: center;
	}
	.aboutIndexImg{
		width: 100%;margin:35px 0 25px 0;
	}
	.aboutIndexCol h5{
		font-size: 15px;text-transform: uppercase;font-style: italic;font-weight: 500;
	}
	.aboutIndexCol h1{
		font-size: 22px;font-style: italic;font-weight:800;font-family: "Saira", serif;color: #1c5e91;
	}
	.aboutIndexCol p{
		font-size: 15px;font-weight:500;margin-bottom:18px;text-align: justify;
	}
	.lineSpan{
		display: block;width: 30%;height: 4px;background: #c2dcff;margin-top: 0.8vw;
	}
	.abtIndexImgBg{
		width: 100%;background: #c2dcff;height:70vh;position: relative;left: 50%;transform: translateX(-50%);
	}
	.aboutIndexCol a{
		display: block;width: 50%;background: #c2dcff;color: #1c5e91;font-weight: 700;font-size: 15px;
		text-align: center;padding:8px;border-radius: 25px;text-transform: uppercase;text-decoration: none;
	}
	.indexAbtImg{
		content: '';position: relative;width: 100%;left:5%;bottom: 4%;height: 100%;background: #ebebeb;
		background: url("../images/abtindex.jpg");background-size: cover;background-position: center;
	}
	.benefitIndex{
		padding:15px;
	}
	.benefitRowIndex{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.benefitcolumnIndex{
		width: 100%;
	}
	.benefitcolumnIndex h5{
		font-size: 15px;text-transform: uppercase;font-weight: 500;font-style: italic;
		margin-top: 18px;
	}
	.benefitcolumnIndex h1{
		font-size: 22px;font-family: "Saira", serif;font-weight: 800;font-style: italic;
		color: #1c5e91;
	}
	.benefitcolumnIndex p{
		font-size: 15px;
	}
	.fourBenefitRow{
		display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
	}
	.fourBenefitColumn{
		width: 48%;
	}
	.fourBenefitColumn h3{
		font-family: "Saira", serif;font-weight: 700;font-size: 18px;font-style: italic;
		color: #1c5e91;
	}
	.fourBenefitColumn p{
		font-size: 15px;
	}
	.abtPortfolio{
		padding: 0 15px;margin-bottom: 3vw;
	}
	.portRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.abtPortfolioCol{
		width: 48%;background: #c2dcff;border-radius: 15px;overflow: hidden;height: auto;margin-top: 15px;
	}
	.portfolioImage{
		width:100%;height: 200px;background: #ebebeb;
	}
	.abtPortfolioDetail{
		width: 100%;background: #d4ecff;padding:15px;font-size: 15px;text-align: justify;margin-top: 15px;
	}
	.portfolioDetail{
		padding: 10px;text-align: center;
	}
	.portfolioDetail h4{
		font-size: 18px;font-weight: 600;font-family: "Saira", serif;font-style: italic;
	}
	.portfolioDetail p{
		font-size: 14px;font-weight: 500;font-style: italic;margin-bottom: 0;text-align: center;
	}
	.abtPortfolioDetail h6{
		font-size: 20px;font-weight: 600;font-family: "Saira", serif;font-style: italic;text-align: center;color: #1c5e91;
	}
	/*---------------------------- SLIDER END -------------------------------*/
	/*------------------------- SINGLE RACE STARTED ----------------------------*/

	.routemapImg{
		width: 100%;
	}
	.singleRace{
		padding: 15px;
	}
	.singleRaceDetails{
		background: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
		padding:15px;border-radius: 25px;border: 1px solid #b8d5c4;
	}
	.singleRaceDetails h2{
		font-size: 18px;font-family: "Saira", serif;font-weight: 700;font-style: italic;
		color: #1c5e91;
		margin-top: 15px;
	}
	.singleRaceDetails p{
		font-size: 15px;font-weight: 500;
	}
	.singleRaceDetails ul li{
		font-size: 15px;font-weight: 500;
	}
	.singleRaceDetails td{
		font-size: 15px;
	}
	.singleRaceDetails th{
		font-size: 15px;
	}
	.galleryIndex{
		width: 100%;display: flex;flex-wrap: wrap;
	}
	.galleryColumn{
		width:50%;
	}
	.result{
		width: 100%;padding:30px 15px;
	}
	.winnerROw{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.winnerColumn{
		width: 100%;margin-top: 15px;
	}
	.winnerColumn:first-child{
		margin-top: 0;
	}
	.winnerColumn:nth-child(2){
		margin-top: 0;
	}
	.allresult{
		margin-top: 15px;width: 100%;text-align: center;
	}
	.allresult a{
		padding: 10px 15px;background: #1b81cc;color: #fff;font-size:15px;font-weight: 600;text-decoration: none;
	}


}