*{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Helvetica';
	font-size: 16px;
}

h1,h2,h3,h4,h5,h6{
	font-family: inherit;
}
label,p,span{
	font-size: 16px;
}

.main-wrapper{
	margin: 0;
	padding: 0;
}

.nav-white{
	background: #fff;
	color: #fdd800;
}
.nav-white .navbar-brand{
	color: #fdd800;
}
.navbar.nav-white .navbar-nav .nav-item .nav-link.active,
.navbar.nav-white .navbar-nav .nav-item .nav-link:hover{
	border: 1px solid #fdd800;
}
.scroll .nav-white{
	box-shadow: 1px 1px 3px gainsboro;
}
/*For Nav Transparent*/
.nav-transparent{
	background: transparent;
	color: #fff;
}
.nav-transparent .nav-item .nav-link{
	color: #fff;
}
.nav-transparent .navbar-brand{
	color: #fdd800;
}
.navbar.nav-transparent .navbar-nav .nav-item .nav-link.active,
.navbar.nav-transparent .navbar-nav .nav-item .nav-link:hover{
	border: 1px solid #fdd800;
	color: #fff;
}
/*For Nav KT*/
.nav-kt{
	background: #fdd800;
	color: white;
}
.nav-kt .nav-item .nav-link{
	color: #333;
}
.nav-kt .navbar-brand{
	color: #fff;
}
.navbar.nav-kt .navbar-nav .nav-item .nav-link.active,
.navbar.nav-kt .navbar-nav .nav-item .nav-link:hover{
	border: 1px solid #fff;
	color: #333;
}

/*.navbar{
	background: #fdd800;
	color: white;
}*/
.navbar .navbar-brand{
	font-size: 34px;
}
.navbar .navbar-nav .nav-item .nav-link{
	padding: 6px 25px;
	margin:15px 5px;
}
.navbar .navbar-nav .nav-item .nav-link:hover{
	border-radius: 20px;
}
.navbar .navbar-nav .nav-item .nav-link.active{
	border-radius: 20px;
	border: 1px solid white;
}
.navbar-light .navbar-toggler{
	border-color: transparent;
	margin-top: -15px;
}
.navbar .navbar-toggler .navbar-icon{
	display: inline-block;
	width: 28px;
	height: 2.1px;
	vertical-align: middle;
	background-color:#fff;
}
.navbar .navbar-toggler .navbar-icon:before{
	content: "";
	display: inherit;
	width: 28px;
	height: 2px;
	vertical-align: middle;
	background-color:#fff;
}
.navbar .navbar-toggler .navbar-icon:after{
	content: "";
	display: flex;
	width: 28px;
	height: 2px;
	vertical-align: middle;
	background-color:#fff;
}
.navbar.nav-white .navbar-toggler .navbar-icon,
.navbar.nav-white .navbar-toggler .navbar-icon:before,
.navbar.nav-white .navbar-toggler .navbar-icon:after
{
	background-color: #333;
}
.lang{
	border-color: #333 !important;
}
.lang a{
	color: #333;
	text-decoration: none;
}
.navbar.nav-white .lang.active a{
	color: #fdd800;
}
.navbar.nav-kt .lang.active a{
	color: #fff;
}
.main-sidebar{
	background:#b7b3b3;
	min-height: 100vh;
	position: fixed;
	min-width: 100vw;
	z-index: 9999;
	top: 0;
	justify-content: center;
	display: flex !important;
	align-items: center;
	transform: translateX(-100%);
	transition: all 0.3s ease-in-out;
}
.main-sidebar .side-items{
	text-align: center;
	list-style: none;
	line-height: 2.5;
	text-transform: uppercase;
}
.main-sidebar.show{
	transform: translateX(0);
}
.main-sidebar .side-items li{
	transform: translateX(-100vw);
	transition: all 0.2s ease-in-out;
	transition-delay: 2s;
}
.main-sidebar .side-items li:nth-child(1){
	transition-delay: 0.2s;
}
.main-sidebar .side-items li:nth-child(2){
	transition-delay: 0.3s;
}
.main-sidebar .side-items li:nth-child(3){
	transition-delay: 0.5s;
}
.main-sidebar .side-items li:nth-child(4){
	transition-delay: 0.7s;
}
.main-sidebar .side-items li:nth-child(5){
	transition-delay: 0.9s;
}

.main-sidebar.show .side-items li{
	transform: translateX(0);
}
.main-sidebar .side-items li a:hover{
	color: #fdd800 !important;
	transform: scale(1.2);
}
.main-sidebar .side-items li a{
	color: #333;
	display: block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
.main-sidebar .side-items li a.active{
	color: #fdd800;
	transform: scale(1.2);
}
.close-btn{
	top: 5%;
	right: 5%;
	position: absolute;
	padding-top: 10px;
	height: 22px;
	cursor: pointer;
}
.close-btn .close-icon{
	content: "";
	width: 35px;
	height: 2px;
	background:white;
	transform: rotate(45deg);
}
.close-btn .close-icon:after{
	content: "";
	width: 35px;
	height: 2px;
	background:white;
	transform: rotate(90deg) translate(-15px,0px);
	display: inline-block;
}


.main-bg-img-1{
	background-image: url('/frontend/images/bg3.png');
	width: 195px;
	height: 370px;
	background-size: cover;
	position: absolute;
	z-index: -1;
	top: 30%;
}
.main-bg-img-1{
	background-image: url('/frontend/images/bg3.png');
	width: 200px;
	height: 300px;
	background-size: cover;
	position: absolute;
	z-index: -1;
	top: 30%;
}

.main-bg-img-2{
	background-image: url('/frontend/images/bg5.png');
	width: 200px;
	height: 280px;
	background-size: cover;
	position: absolute;
	z-index: -1;
	right:0;
	top: 57%;
}
.main-bg-img-3{
	background-image: url('/frontend/images/bg4.png');
	width: 170px;
	height: 290px;
	background-size: cover;
	position: absolute;
	z-index: -1;
	bottom: 1%;
}

.content-wrapper{
	position: relative;
	margin-top: 84px;
}

#main-page h2{
	font-size: 32px;
	margin:10px;
	width: 100%;
	font-weight: bold;
}
.fk-card{
	border-radius: 20px;
	margin: 7px;
	padding: 20px;
	min-height: 260px;
}
.fk-card img{
	height: 75px;
	margin-top: 35px;
}
.fk-card .fk-img{
	width: 100%;
	/* height: 140px; */
}
.fk-card h6{
	font-weight: bold;
	/*margin-top: 20px;*/
	color: #fdd800;
	font-size: 18px;
}
.fk-card p{
	margin-top: 16px;
	font-size: 16px;
	padding: 0px 4px;
}

.fk-card:hover{
	border: 1px solid #f0f0f0;
	background: #fbfbfb;
	box-shadow: 1px 6px 35px -5px gainsboro;
}

.mobile-img-box{
	width: 100%;
	display: flex;
	/*margin: 15px;*/
}
.mobile-img-box .mobile-img{
	width: calc(100% / 3);
	height: 740px;
}
.img-top-100{
	margin-top: 100px;
}
.marg-bottom{
	margin-bottom: 50px;
}

.download-app-box{
	width: 100vw;
	margin-left: calc(50% - 50.4vw);
	margin-right: calc(50% - 50vw);
	background: #fdd800;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 30px 0px;
}
.download-app-box img{
	width: 170px;
	height: 100%;
}

.main-title{
	justify-content: center;
	text-align: center;
	padding: 0px 15px;
}
.main-title h3{
	font-weight: normal;
	width: 100%;
	margin-top: 35px;
}
.main-title p{
	margin: 15px 0px;
	width:50%;
	font-size: 18px;
}

/*------------------Partner------------------------*/
/* #partner{
	
} */
#partner .partner-background{
	background-image: radial-gradient(#11101065, #090808c7), url('/frontend/images/alcohol.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 450px;
}
#partner .marchant-background{
	background-image: url('/frontend/images/background.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 400px;
}
.center-align{
	align-items: center;
	text-align: center;
	justify-content: center;
}
#partner .pt-title{
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 0px 25px;
}
#partner .mt-title{
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
#partner .partner-text{
	height: 70vh;
	position: relative;
}
#partner .partner-text p{
	font-size: 18px;
}

#partner .partner-sub-bg-img1{
	width: 110px;
	height: 266px;
	background-image:url('/frontend/images/bg1.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -44px;
	right: 0;
	z-index: 0;
}

#partner .partner-sub-bg-img2{
	width: 180px;
	height: 145px;
	background-image:url('/frontend/images/bg2.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left:0;
	z-index: -1;
}

/*------------------End Partner------------------------*/

/*------------------Rider Page----------------------*/
#rider .rider-background{
	background-image:radial-gradient(#1110104f, #090808c9), url('/frontend/images/rider.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
}
#rider h5{
	font-size:20px;
	font-weight: 600;
}
/* #rider form label{
	color: #fff;
} */
#rider input{
	padding: 8px 22px;
}
.btn-fk{
	background:#fdd800;
	color: black;
	padding: 8px;
}
.btn-fk:hover{
	color: #fff;
}
.btn-download{
	background:#fdd800;
	color: black;
	padding: 8px;
	border-radius: 20px;
}
.btn-download:hover{
	color: #fff;
}
.btn-part{
	background:#fff;
	border-color: #fdd800;
	color: #fdd800;
	padding: 8px;
	border-radius: 20px;
}
.btn-part:hover{
	background:#fdd800;;
	color: #000;
}


/*-------------------End Rider Page------------------*/

/*------------------About Page----------------------*/
#about{
	min-height: 100vh;
	position: relative;
}
#about .about-sub-bg-img1{
	width: 107px;
	height: 258px;
	background-image:url('/frontend/images/bg1.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 12%;
	right: 0;
	z-index: 0;
}
#about .about-sub-bg-img2{
	width: 170px;
	height: 260px;
	background-image:url('/frontend/images/bg3.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -40px;
	left:  -30px;
	z-index: 0;
}
#about ul {
	list-style-type: none;
	list-style-image: url('/frontend/images/mark.svg');
	margin: 0;
	padding: 0;
	line-height: 2.3;
	padding-left: 30px;
	font-size: 18px;
	font-weight: normal;
}
#about p{
	line-height: 2.3;
	font-size: 18px;
	font-weight: normal;
}

/*------------------End About Page----------------------*/

.m-b-100{
	margin-bottom: 10rem;
}
.m-t-100{
	margin-top: 10rem;
}
.footer{
	background:#FFB300;
	padding: 24px 0px 37px;
	font-size: 18px;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.mob-bit{
		width: 45px !important;
	}
	.mob-logotext{
		width: 100px !important;
	}
	.mob-text{
		font-size: 12px !important;
	}
	.navbar .navbar-brand{
		font-size: 30px;
	}
	.content-wrapper{
		margin-top: 72px;
	}
	#main-page h2{
		font-size: 24px;
		margin:0;
		width: 100%;
		font-weight: bold;
	}
	.fk-card{
		margin: 0;
		min-height: 200px;
		padding: 20px 2px;
	}
	.fk-card .fk-img{
		width: 100%;
		height: 80px;
	}
	.fk-card .fk-img img{
		height: 52px;
		margin-top: 10px;
	}
	.fk-card p{
		font-size: 16px;
		margin-top: 0px;
		padding: 0;
	}
	.main-title h3{
		font-size: 24px;
		font-weight: normal;
		margin-top: 10px;
	}
	.main-title p {
		margin: 15px 0px;
		width: 90%;
		font-size: 16px;
	}
	#partner .partner-background{
		min-height: 300px;
	}
	#partner .pt-title{
		font-size: 22px;
		padding:0;
	}
	#partner .partner-text p{
		font-size: 16px;
	}
	#partner .partner-sub-bg-img1{
		width: 80px;
		height: 205px;
	}
	#partner .partner-sub-bg-img2{
		width: 156px;
		height: 125px;
	}
	#about{
		padding:20px 0px;
	}
	#about p{
		padding: 0px 10px;
		font-size: 16px;
	}
	#about ul{
		padding-left: 40px;
		font-size: 16px;
	}
	#about .about-sub-bg-img1,#about .about-sub-bg-img2{
		display: none;
	}
	.m-b-100{
		margin-bottom: 5rem;
	}
	
	.mobile-img-2{
		width: calc(80%);
	}
	.mobile-img-1,.mobile-img-3{
		width: 65px;
	}
	
	.m-t-100{
		margin-top: 0rem;
	}
	
	.main-bg-img-1,.main-bg-img-2,.main-bg-img-3{
		display: none;
	}

	.mobile-footer-text{
		font-size: 12px !important;
	}
	
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.navbar .navbar-brand{
		font-size: 30px;
	}
	.content-wrapper{
		margin-top: 72px;
	}
	#main-page h2{
		font-size: 24px;
		margin:0;
		width: 100%;
		font-weight: bold;
	}
	.fk-card{
		margin: 0;
		min-height: 200px;
		padding: 20px 2px;
	}
	.fk-card .fk-img{
		width: 100%;
		height: 80px;
	}
	.fk-card .fk-img img{
		height: 52px;
		margin-top: 10px;
	}
	.fk-card p{
		font-size: 16px;
		margin-top: 0px;
		padding: 0;
	}
	.main-title h3{
		font-size: 24px;
		font-weight: normal;
		margin-top: 10px;
	}
	.main-title p {
		margin: 15px 0px;
		width: 90%;
		font-size: 16px;
	}
	#partner .partner-text p{
		font-size: 16px;
	}
	#partner .pt-title{
		font-size: 22px;
		padding:0;
	}
	#partner .partner-background{
		min-height: 300px;
	}
	#partner .partner-sub-bg-img1{
		width: 100px;
		height: 236px;
	}
	#partner .partner-sub-bg-img2{
		width: 156px;
		height: 125px;
	}
	#about{
		padding:20px 0px;
	}
	#about p{
		padding: 0px 10px;
		font-size: 16px;
	}
	#about ul{
		padding-left: 40px;
		font-size: 16px;
	}
	#about .about-sub-bg-img1,#about .about-sub-bg-img2{
		display: none;
	}
	.m-b-100{
		margin-bottom: 5rem;
	}
	.mobile-img-2{
		width: calc(80%);
	}
	.mobile-img-1,.mobile-img-3{
		width: 65px;
	}
	.m-t-100{
		margin-top: 0rem;
	}
	.main-bg-img-1,.main-bg-img-2,.main-bg-img-3{
		display: none;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.navbar .navbar-brand{
		font-size: 30px;
	}
	.content-wrapper{
		margin-top: 72px;
	}
	#main-page h2{
		font-size: 28px;
		margin:0;
		width: 100%;
		font-weight: bold;
	}
	.main-bg-img-1{
		width: 180px;
		height: 280px;
	}
	.main-bg-img-2{
		width: 140px;
		height: 280px;
	}
	.main-bg-img-3{
		width: 135px;
		height: 230px;
	}
	.fk-card{
		min-height: 230px;
	}
	.fk-card .fk-img{
		width: 100%;
		height: 105px;
	}
	.fk-card .fk-img img{
		height: 55px;
		margin-top: 25px;
	}
	.fk-card p{
		font-size: 16px;
		margin-top: 0px;
		padding: 0;
	}
	.main-title h3{
		margin-top: 20px;
	}
	.main-title p {
		margin: 15px 0px;
		width: 65%;
		font-size: 16px;
	}
	#partner .pt-title{
		font-size: 30px;
	}
	#partner .partner-background{
		min-height: 380px;
	}
	.m-b-100{
		margin-bottom: 7rem;
	}
	.mobile-img-1,.mobile-img-2,.mobile-img-3{
		width: calc(100% / 3);
	}
	.m-t-100{
		margin-top: 5rem;
	}
	
	#about.main-bg-img{
		background-image: url('/frontend/images/background.png');
		background-size: 100% 22%;
		background-repeat: no-repeat;
	}
	.about-card{
		border-radius: 10px;
		margin-top: 17%;
		box-shadow: -3px 6px 12px 0px #bdbaba;
		background: #fff;
		padding:3rem;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.content-wrapper{
		margin-top: 84px;
	}
	.img-top-100{
		margin-top: 80px;
	}
	#main-page h2{
		font-size: 32px;
		margin:0;
		width: 100%;
		font-weight: bold;
	}
	.fk-card{
		min-height: 250px;
		margin: 0;
	}
	.fk-card .fk-img{
		width: 100%;
		height: 126px;
	}
	.fk-card .fk-img img{
		height: 70px;
		margin-top: 35px;
	}
	.fk-card p{
		margin-top: 13px;
	}
	#partner .partner-background{
		min-height: 400px;
	}
	#partner .pt-title{
		font-size: 34px;
	}
	.m-b-100{
		margin-bottom: 9rem;
	}
	.mobile-img-1,.mobile-img-2,.mobile-img-3{
		width: calc(100% / 3);
	}
	.m-t-100{
		margin-top: 7rem;
	}
	#about.main-bg-img{
		background-image: url('/frontend/images/background.png');
		background-size: 100% 22%;
		background-repeat: no-repeat;
	}
	.about-card{
		border-radius: 10px;
		margin-top: 17%;
		box-shadow: -3px 6px 12px 0px #bdbaba;
		background: #fff;
		padding:3rem;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.mobile-img-1,.mobile-img-2,.mobile-img-3{
		width: calc(100% / 3);
	}
	#about.main-bg-img{
		background-image: url('/frontend/images/background.png');
		background-size: 100% 35%;
		background-repeat: no-repeat;
	}
	.about-card{
		border-radius: 10px;
		margin-top: 17%;
		box-shadow: -3px 6px 12px 0px #bdbaba;
		background: #fff;
		padding:3rem;
	}
	
}
#rider input[type=radio] + label{
	display: block;
	margin: 0.2em;
}
#rider input[type=radio]{
	display: none;
}
#rider input[type=radio] + label:before{
	content: "\2714";
	border: 0.1em solid #000;
	border-radius: 0.2em;
	display:inline-block;
	width: 1.3em;
	height: 1.4em;
	padding-bottom: 0.3em;
	padding-left: 0.2em;
	margin-right: 0.2em;
	vertical-align:bottom;
	color: transparent;
	background-color: #fff;
	transition: 0.2s;
}
#rider input[type=radio]:checked + label:before{
	background-color: #fdd800;
	border-color: #fdd800;
	color: #fff;
}

.home-mobile-img{
	/*background-image: url('/frontend/images/mobile.png');*/
	background-size: cover;
	width: 100%;
	height: 100%;
}