/* =========================== Base css =========================== */
:root {
	--white-900:#ffffff;
    --black-800:#111111;
	--black-900:#000000;
	--gray-300:#F5F7F9;
	--gray-600:#707070;
    --blue-400:#E8F2FF;
	--blue-700:#1C5BC5;
    --blue-800:#0A4BB8;
}
html {
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
	scroll-behavior:smooth;
}

*{box-sizing:border-box;}
*,*::before,*::after{box-sizing:border-box;}
body {
	font-family: "Poppins", sans-serif;
	font-weight:400;
	overflow-x:hidden;
	font-size:18px;
}

menu:not(article menu),ol:not(article ol),ul:not(article ul) {
	list-style:none;
}
menu,ol,ul {
	padding-left:0px;
	margin-bottom:0px;
}
a {
	text-decoration:none;
	transition:0.3s ease;
}

button,select,summary,[type=radio],[type=submit],[type=checkbox] {
	cursor:pointer;
}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
	max-width:1410px;
	margin-inline:auto;
	padding-inline:20px;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:600;
    line-height:normal;
	color:var(--black-900);
}
h1 {
	font-size:72px;
}
h2 {
	font-size:44px;
}
h3 {
	font-size:38px;
}
h4 {
	font-size:34px;
}
h5 {
	font-size:24px;
    font-weight: 500;
}
h6 {
	font-size:20px;
}
p {
	font-size:18px;
	line-height:30px;
	font-weight:500;
	margin-bottom:0px;
    color: var(--gray-600);
}




.btn {
	padding:15px 27px;
	min-width:152px;
	transition:0.3s ease;
	border: 1px solid transparent;
}
.btn:hover {
	background-color: transparent;
	border-color: var(--white-900);
}


.icon-outer {
	width:42px;
	height:42px;
}
.icon-outer-lg {
	width:66px;
	height:66px;
}
.icon-outer-xl {
	width:85px;
	height:85px;
}
.col-gap-60
{
    column-gap: 60px;
}
.radius-12{border-radius:12px;}
.radius-24
{
    border-radius: 24px;
}
.radius-32{border-radius:32px;}
.radius-42
{
    border-radius: 42px;
}
.font-16
{
	font-size: 16px;
	line-height: 28px;
}
.font-20{
    font-size: 20px;
}
.font-22{
    font-size: 22px;
    line-height: 30px;
}
.font-32
{
	font-size: 32px;
}
.row > * { padding-left: 15px; padding-right: 15px; }
.section_space{margin-block: 100px;}
.bg-blue-400{background-color: var(--blue-400);}
.bg-blue-700{background-color: var(--blue-700);}
.bg-blue-800{background-color: var(--blue-800);}
.bg-black-800{background-color: var(--black-800);}
.row-gap-30{row-gap: 30px;}
.row-gap-32{row-gap: 32px;}
.gap-20{gap:20px;}
.gap-40{gap:40px;}
.col-gap-40{column-gap:40px;}
.col-gap-55{column-gap:55px;}
.row-gap-34{row-gap:34px;}
.p-40{padding: 40px;}
.mb-12{margin-bottom: 12px;}
.decoration_underline{text-decoration: underline !important;}
.w-18{width: 18px !important;}
.w-22{width: 22px !important;}
.w-28{width: 28px !important;}
.text-gray-600{color: var(--gray-600);}
.text-blue-700{color: var(--blue-700);}
.text-blue-800{color: var(--blue-800);}
textarea
{
    min-height: 120px !important;
    resize: none;
}
.w-fit-content
{
	width: fit-content;
}


/* 
.max-w-800 { max-width: 800px; }
.max-w-930{ max-width: 930px;} 
.text-black-800{color: var(--black-800);}
.border-gray-100{border-color: var(--border-gray-100);}
.text-gray-100{color: var(--gray-600);}
.common-space-kickoff{margin-bottom:80px;}
.font-24 {font-size: 24px;}
.bg-gray-kickoff{background-color: var(--gray-300);}
.form-label{font-size: 18px;} */

#overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000;display:none;}

/* =================== Header css =================== */
header{
    max-width: calc(100% - 220px);
    margin-bottom: -140px;
    padding-top: 78px;
}
.contact_us_btn:hover
{
	background-color: transparent !important;
	color: var(--white-900) !important;
	border: 1px solid var(--white-900) !important;
}
header nav a,
.app_btn
{
	transition: 0.3s ease;
}
header nav a:hover
{
	color: var(--black-900) !important;
}

/* =================== Hero css =================== */
.hero_section{padding:28px 28px 0px;}
.hero_inner{background:url('../images/hero-bg.jpg') no-repeat center;padding:40px 80px 0px;}
.hero_data{max-width:1400px;margin-block:142px 10px;}
.hero_data .hero_subheading{max-width:900px;}
.hero_data .hero_phone_img{bottom:-10px;}
.hero_data p{max-width: 1234px;}
.app_btn:hover
{
	transform: scale(0.9);
}


/* =================== How-it-work css =================== */
.how_work_card{padding:32px;}
.howit_work .heading{margin-bottom:84px;}
.how_work_card_up{top:-40px;}


/* =================== Feature css =================== */
.feature{margin-top: 300px;}
.feature .dark_outer{padding:56px 68px 54px 70px;background:#0F51BF;background:linear-gradient(180deg,rgba(15,81,191,1) 0%,rgba(69,134,244,1) 83%);}
.feature_img_wrap{bottom:0;right:0;}

/* =================== Download Our App Section Css Start =================== */
.cta_card
{
	background-image: url('../images/cta-bg.jpg');
	padding: 47px 24px;
}
.cta_card_driver .heading
{
	max-width: 308px;
}
.cta_card_driver_inner
{
	max-width: 436px;
}
.cta_card_passenger .heading
{
	max-width: 400px;
}
.cta_card_passenger_inner
{
	max-width: 544px;
}



/* =================== FAQ Section Css Start =================== */
.faq_mail:hover
{
	text-decoration: underline;
    text-underline-offset: 4px;
}
.accordion .accordion-body {
	font-size:18px;
	line-height:30px;
	color:var(--gray-600);
	padding:0 60px 21px 30px;
	transition:all 0.4s ease-in-out;
}
.accordion .accordion-button {
	font-size:20px;
	line-height:30px;
	padding:23px 30px;
	color:var(--black-800);
	transition:all 0.4s ease-in-out;
	justify-content:space-between;
}
.accordion .accordion-button[aria-expanded="true"] {
	padding-bottom:11px;
}
.mailtotext:hover {
	text-decoration:underline;
	text-underline-offset:4px;
}
.accordion .accordion-button::after {
	background-image:url("../images/plus-icon.svg");
	background-position:center;
	margin:5px 0 0 12px;
}
.accordion .accordion-button:not(.collapsed)::after {
	background-image:url("../images/minus-icon.svg");
	transform:none;
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
}
.star-icon {
	width:18px;
	height:16px;
}



/* =================== Contact Us Section Css Start =================== */
form .form-control { font-size: 18px; padding: 16px 20px; border-color: #FFFFFF30; }
.form-btn.btn { padding: 11px 45px; font-size: 20px;}
.form-btn.btn:hover
{
	border-color: var(--black-900);
	color: var(--black-900);
}

/* =================== Contact Us Section Css Start =================== */
.badg{min-height: 40px;}


/* =========================== Footer css =========================== */
.footer_top
{
	padding-block: 78px 58px;
}
footer a
{
	transition: 0.3s ease;
}
footer a:hover 
{
	color: var(--blue-700) !important;
}