@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap');


html {
	scroll-behavior: smooth;
}

body {
	font-size: 14px;
	color: #111;
	font-family: 'GE SS Two';
	font-weight: normal;
	font-family: 'Baloo Bhaijaan 2', sans-serif !important;

}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	font-family: 'Baloo Bhaijaan 2',
		sans-serif !important;
}

@font-face {
	font-family: 'Museo Sans 300';
	src: url('../fonts/MuseoSans-300.eot');
	src: url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MuseoSans-300.woff2') format('woff2'),
		url('../fonts/MuseoSans-300.woff') format('woff'),
		url('../fonts/MuseoSans-300.ttf') format('truetype'),
		url('../fonts/MuseoSans-300.svg#MuseoSans-300') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans 700';
	src: url('../fonts/MuseoSans-700.eot');
	src: url('../fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MuseoSans-700.woff2') format('woff2'),
		url('../fonts/MuseoSans-700.woff') format('woff'),
		url('../fonts/MuseoSans-700.ttf') format('truetype'),
		url('../fonts/MuseoSans-700.svg#MuseoSans-700') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans 100';
	src: url('../fonts/MuseoSans-100.eot');
	src: url('../fonts/MuseoSans-100.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MuseoSans-100.woff2') format('woff2'),
		url('../fonts/MuseoSans-100.woff') format('woff'),
		url('../fonts/MuseoSans-100.ttf') format('truetype'),
		url('../fonts/MuseoSans-100.svg#MuseoSans-100') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Museo Sans 500';
	src: url('../fonts/MuseoSans-500.eot');
	src: url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MuseoSans-500.woff2') format('woff2'),
		url('../fonts/MuseoSans-500.woff') format('woff'),
		url('../fonts/MuseoSans-500.ttf') format('truetype'),
		url('../fonts/MuseoSans-500.svg#MuseoSans-500') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GE SS Two';
	src: url('../fonts/GESSTwoMedium-Medium.eot');
	src: url('../fonts/GESSTwoMedium-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GESSTwoMedium-Medium.woff2') format('woff2'),
		url('../fonts/GESSTwoMedium-Medium.woff') format('woff'),
		url('../fonts/GESSTwoMedium-Medium.ttf') format('truetype'),
		url('../fonts/GESSTwoMedium-Medium.svg#GESSTwoMedium-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

/* @font-face {
	font-family: 'BalooBhaijaan2';
	src: url('../fonts/GESSTwoMedium-Medium.eot');
	src: url('../fonts/GESSTwoMedium-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GESSTwoMedium-Medium.woff2') format('woff2'),
		url('../fonts/GESSTwoMedium-Medium.woff') format('woff'),
		url('../fonts/GESSTwoMedium-Medium.ttf') format('truetype'),
		url('../fonts/GESSTwoMedium-Medium.svg#GESSTwoMedium-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

button:focus,
button:active,
button:focus:active {
	text-decoration: none;
	outline: none;
	border: none;
	box-shadow: none;
}

a,
button,
a:hover,
button:hover {
	transition: 0.45s;
	text-decoration: none;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
}

textarea:focus,
input:focus,
button:focus {
	outline: none;
}

*:focus {
	outline: none;
}

img {
	max-width: 100%;
}

p {
	margin: 0;
	padding: 0;
}

#header_wrepp {
	background: #662d91;
	padding: 20px 0px;
}

#header_wrepp .logo {
	width: 160px;
}

.apple_android a img {
	margin-bottom: 15px;
}

#header_wrepp ul {
	text-align: right;
	margin-top: 4px;
}

#header_wrepp ul li {
	display: inline-block;
	font-size: 20px;
	line-height: 1.49;
}

#header_wrepp ul li:last-child {
	font-family: 'GE SS Two';
}

#header_wrepp ul li a {
	color: #fff;
	display: block;
	padding: 10px;
}

#header_wrepp ul li.active a {
	opacity: 0.3;
}

#banner_wrepp {
	background: url("../images/banner_jordan.jpg") no-repeat left / cover;
	height: 75vh;
	position: relative;
}

::placeholder {
	font-size: 20px;
	color: #222222c7;
	font-weight: 400;
}

.banner-overlay {
	opacity: 0.22;
	background-color: #5e1fbf;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

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

.banner_caption h1 {
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.49);
	font-size: 62px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 0.96;
	color: #ffffff;
}

.banner_caption h2 {
	font-size: 45px;
	color: #662d91;
	text-transform: uppercase;
}

#banner_form {
	position: relative;
}

.form_inner {
	background: rgba(128, 61, 232, 0.50);
	padding: 30px;
	margin-top: -100px;
}

#banner_form .form_inner label {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	font-family: 'GE SS Two';
}

#banner_form .form_inner .form-control {
	height: 60px;
	border-radius: 10px;
	color: #222222c7;
	font-size: 18px;
	font-family: 'GE SS Two';
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

#banner_form .form_inner select option {
	color: #222222c7;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
}

#banner_form .btn-info {
	border-radius: 10px;
	height: 58px;
	font-size: 25px;
	transition: 0.5s;
	color: #fff;
	font-family: 'GE SS Two';
	font-weight: 300;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border: solid 2px #ffffff;
	background-image: linear-gradient(to bottom, #662d91 30%, rgba(255, 0, 245, 0.72));
}

#banner_form .btn-info:hover {
	transition: 0.5s;
	background-image: linear-gradient(to top, #662d91 30%, rgba(255, 0, 245, 0.72));
}

#why_drive {
	padding: 150px 0px 50px;
	background: url("../images/bg1.svg") repeat center / cover;
}

#why_drive h1 {
	font-size: 50px;
	color: #222222;
	margin-bottom: 30px;
	font-family: 'GE SS Two';
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.32;
}

#why_drive h1 img {
	width: 150px;
}

#why_drive .drivebox {
	border-radius: 10px;
	text-align: center;
	margin-bottom: 15px;
	padding: 30px 20px 20px;
	box-shadow: 0px 0px 4px 2px #662d91;
	background-color: #ffffff;
}

#why_drive .drivebox h2 {
	line-height: 1.32;
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 10px;
	color: #222222;
}

#why_drive .drivebox h3 {
	line-height: 1.32;
	font-size: 20px;
	margin-bottom: 10px;
	color: #222222;
}

#why_drive .btn-info {
	border-radius: 10px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #662d91;
	line-height: 70px;
	text-align: center;
	font-family: 'GE SS Two';
	padding: 0;
	font-size: 25px;
	margin-top: 40px;
	color: #fff;
	width: 250px;
}

#why_drive .btn-info:hover {
	background: #662d91;
}

.icn1 {
	width: 130px;
}

.icn2 {
	width: 100px;
}

.icn3 {
	width: 100px;
}

#with_us {
	padding: 100px 0px 50px;
	text-align: center;
	background: #662d91;
	position: relative;
}

#with_us h1 {
	font-size: 60px;
	/* font-family: 'GE SS Two'; */
	font-weight: 300;
	color: #fff;
	margin-bottom: 50px;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}

#with_us h2 {
	position: absolute;
	z-index: 0;
	font-size: 7vw;
	color: #000000;
	opacity: 0.14;
	width: 100%;
	text-transform: uppercase;
	left: 0;
	top: 72px;
}

#with_us p {
	font-size: 20px;
	color: #fff;
	margin-top: -30px;
}

#with_us h6 {
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

.apple_android {
	margin-top: 30px;
	text-align: center;
}

.apple_android a {
	margin: 10px;
}

footer {
	padding: 15px 0px;
}

footer p {
	font-size: 15px;
	color: #662d91;
	margin-top: 7px;
	font-family: 'GE SS Two';
}

footer ul {
	text-align: right;
}

footer ul li {
	color: #662d91;
	display: inline-block;
	font-size: 18px;
	margin: 5px 15px;
	font-weight: 600;
}

footer ul li a {
	color: #662d91;
}

#form_page {
	padding: 50px 0px;
	position: relative;
	background: #662d91;
}

#form_page label {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	font-family: 'GE SS Two';
}

#form_page .form-control {
	height: 60px;
	color: #495057;
	border-radius: 10px;
	font-size: 20px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

#form_page .btn-info {
	border-radius: 10px;
	height: 58px;
	font-size: 25px;
	transition: 0.5s;
	color: #fff;
	font-family: 'GE SS Two';
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border: solid 2px #ffffff;
	background-image: linear-gradient(to bottom, #662d91 30%, rgba(255, 0, 245, 0.72));
}

#form_page .btn-info:hover {
	transition: 0.5s;
	background-image: linear-gradient(to top, #662d91 30%, rgba(255, 0, 245, 0.72));
}

#form_page form {
	margin-top: 10%;
	padding-bottom: 10%;
}

#form_page input[type="file"] {
	padding: 15px;
}

#form_page h1 {
	font-size: 60px;
	font-family: 'GE SS Two';
	font-weight: 300;
	color: #fff;
	margin-bottom: 50px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}

#form_page p {
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-top: -30px;
}

#form_page h6 {
	font-size: 30px;
	text-align: center;
	margin-top: 30px;
	color: #fff;
	font-family: 'GE SS Two';
	text-transform: uppercase;
}

.filebox {
	border-radius: 10px;
	background: #fff;
	line-height: 60px;
	padding: 0px 10px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.countrycode {

	position: absolute;
	top: 54px;
	font-size: 18px;
	right: 14px;
	color: #222222c7;
	font-family: 'GE SS Two';
	border-left: 3px solid #222222c7;
	line-height: 20px;
	padding-left: 6px;
}

.greentext {
	color: #00ce00 !important;
}

@media (max-width:768px) {
	#why_drive h1 {
		font-size: 40px;
		text-align: center;
	}

	#why_drive {
		padding: 50px 0px 50px;
	}

	#why_drive .drivebox h2 {
		text-align: center;
	}

	#why_drive .drivebox h3 {
		text-align: center;
	}

	#why_drive .drivebox {
		padding: 50px 20px 20px;
	}

	#with_us h1 {
		font-size: 40px;
	}

	#with_us .btn-info {
		line-height: 60px;
		width: 200px;
	}

	footer {
		padding: 15px 0px;
		text-align: center;
	}

	footer ul {
		text-align: center;
	}

	.banner_caption h1 {
		font-size: 40px;
	}

	.banner_caption h2 {
		font-size: 35px;
	}
}

@media (max-width:480px) {
	#banner_wrepp {
		height: 400px;
	}
}