*{
	 margin: 0;
	 padding: 0;
	 box-sizing: border-box	;
 }
 body {
	font-family: 'Cabin', sans-serif;
	font-size: 15px;
	color: #000;
	overflow-x: hidden;
	}
h1,h2,h3,h4,h5,h6{
	
}
a:focus,
a:hover{
	text-decoration: none;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none !important;
}
img {
	max-width: 100%;
}
:root{
	--main-color: #0096FE;
	--second-color: #FF6600;
	--bg-color: #eff3fc;
}
.header_container{
	max-width: 1170px !important;
}
.container{
	max-width: 1113px;
}
.main_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	background: var(--main-color);
	border-radius: 21px;
	max-width: 311px;
	width: 100%;
	height: 55px;
	margin: 0 auto;
}
.main_btn:hover{
	color: #fff;
}
.second_clr{
	color: #FF6600 !important;
}
/************ Header CSS Start ************/
.header{
	background: url(../images/header_bg.jpg);
	background-size: cover;
	background-position: bottom;
	padding-bottom: 60px;
}
.header_bg{
	background-position: top;
	padding-bottom: 0;
}
.second_header{
	background-image: none;
	padding: 0;
}
.second_header .header_inner{
	padding: 10px 0;
}
.header_top{
	background-color: rgba(215, 209, 80, .22);
	padding: 6px 0;
}
.header_top p{
	margin: 0;
	font-size: 14px;
}
.header_inner{
	display: flex;
	align-items: center;
	padding: 29px 0 19px;
	position: relative;
}
.brand_logo{
	flex: 1;
	padding-top: 10px;
}
.main_menu{
	display: flex;
}
nav ul {
	display: flex;
}
.hamburger{
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 32px;
	color: #FE6F10	;
	display: none;
}
nav ul > li>a{
	display: block;
	font-size: 17px;
	padding: 10px 18px 0;
	color: #000;
	text-transform: capitalize;
}
.sign_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 46px;
	height: 42px;
	border-radius: 13px;
	background: var(--main-color);
	color: #fff;
	font-size: 16px;
	margin-left: 25px;
	text-transform: capitalize;
}
.sign_btn:hover{
	color: #fff;
}
.sign_btn_2{
	background-color: var(--second-color);
}
/************ Banner CSS Start ************/
.banner_txt{
	padding: 89px 50px 0 0;
}
.banner_txt h1{
	font-size: 52px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
}
.banner_txt h1 .snnappy{
	color: var(--main-color);
	text-transform: uppercase;
}
.cabby{
	color: #FE6F10 !important;
	text-transform: uppercase;
}
.banner_txt p{
	font-size: 16px;
}
.banner_txt ul{
	display: flex;
	margin-top: 32px;
}
.banner_txt ul li:first-child{
	margin-right: 7px;
}
/************ Counter CSS Start ************/
.counter_inner{
	background: #FFFFFF;
	box-shadow: 0px 1px 54px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
	padding: 36px 0;
	margin: 0 50px;
}
.counter_box {
	text-align: center;
	border-right: 3px dashed rgb(0,0,0,.10);
}
.border_none{
	border: none !important;
}
.counter_box h1{
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.1;
}
.counter_box p{
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	color: rgb(0,0,0,.45);
	margin-bottom: 0;
}
/************ Feature CSS Start ************/
.features{
	padding: 115px 0 120px;
	position: relative;
}
.p_relative{
	position: relative;
}
.swip_btn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
}
.swiper_prev{
	left: 0;
}
.swiper_next{
	right: 0;
}
.feature_head h1{
	font-size: 48px;
	font-weight: 700;
	color: #18191F;
	margin-bottom: 58px;
}
.feature_box{
	padding: 25px 30px 25px 25px;
	box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
	border-radius: 8px;
	margin-bottom: 64px;
	min-height: 200px;
}
.feature_box h5{
	font-size: 24px;
	font-weight: 600;
	color: #18191F;
	text-transform: capitalize;
	margin-bottom: 60px;
}
.slider_head h1{
	font-size: 49px;
	font-weight: 700;
	margin-bottom: 80px;
}
.screen_container{
	padding-bottom: 26px ;
}
.features .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: none !important;
}
.features .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: none !important;
}
.swiper-pagination-bullet{
	background-color: #cbccd0 !important;
	width: 10px !important;
	height: 10px !important;
	border-radius: 100px;
	opacity: 1 !important;
}
  .swiper-pagination-bullet-active{
	background-color: #2EC5CE !important;
	width: 16px !important;
	height: 10px !important;
	border-radius: 100px;
}
/************ Manage CSS Start ************/
.manage_project{
	background-color: #FF6600;
	margin-top: 113px;
}
.manage_txt{
	padding: 71px 0 67px;
}
.manage_txt h1{
	font-size: 48px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
}
.manage_txt p{
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}
.manage_txt ul{
	display: flex;
}
.manage_txt ul > li{
	margin-right: 11px;
}
.manage_btns{
	margin-top: 50px;
}
.manage_btns p{
	margin-bottom: 8px;
}
/************ Testimonial CSS Start ************/
.testimonial{
	padding: 93px 0 34px;
}
.testi_content{
	padding: 36px 30px;
	background: #FFFFFF;	
	box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.1);
	position: relative;
}
.testi_content img{
	position: absolute;
	left: 50%;
	bottom: -13px;
	transform: translateX(-50%);
}
.detail{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 28px;
}
.detail img{
	margin-right: 15px;
}
.detail p{
	margin: 0;
}
.testi_head h1{
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 60px;
}
.testi_content h6{
	font-size: 18px;
	font-weight: 500;
	color: #18191F;
	margin-bottom: 12px;
}
.testi_content p{
	font-size: 14px;
	font-weight: 400;
	color: #18191F;
	margin: 0;
}
.detail .name{
	text-align: left;
}
.detail h5{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 3px;
}
.detail p{
	font-size: 14px;
	font-weight: 400;
}
.testimonial .swiper-pagination-bullet{
	background-color: transparent !important;
	width: 10px !important;
	height: 10px !important;
	border-radius: 100px;
	opacity: 1 !important;
	border: 2px solid rgb(0,0,0,.50) !important
}
.testimonial .swiper-pagination-bullet-active{
	background-color: #000 !important;
	
}
.testimonial .testimonial_container{
	padding-bottom: 66px;
}
/************ News letter CSS Start ************/
.news_letter{
	background: linear-gradient(180deg, #DDF0FD 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 57px;
}
.news_letter_box{
	padding: 0 50px;
	border-bottom: 1px solid #ccc;
	padding: 56px 0 32px;
}
.news_txt h1{
	font-size: 36px;
	font-weight: 700;
	color: #000;
}
.news_txt p{
	font-size: 18px;
	font-weight: 500;
}
.news_form{
	display: flex;
	align-items: center;
}
.news_input{
	max-width: 460px;
	width: 100%;
	height: 54px;
	margin-right: 27px;
}
.news_input input{
	width: 100%;
	height: 100%;
	border-radius: 50px;
	border: 1px solid rgba(61, 57, 191, 0.12);
	outline: none;
	padding: 0 27px;
	box-shadow: 0px 5px 20px rgba(60, 113, 251, 0.05);
}
.news_input input::placeholder{
	font-size: 14px;
	text-transform: capitalize;
	color: #04081C;
}
.news_btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 160px;
	width: 100%;
	height: 54px;
	background: #2A4DFF;
	border-radius: 35px;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	padding: 0 39px;
	text-transform: capitalize;
}
/************ Footer CSS Start ************/
.footer{
	background: linear-gradient(180deg, #DDF0FD 0%, rgba(255, 255, 255, 0) 100%);
}
.main_footer{
	padding: 68px 0 54px;
}
.footer_box h3{
	font-size: 18px;
	font-weight: 600;
	color: #000;
	text-transform: capitalize;
	margin-bottom: 29px;
}
.footer_box ul > li{
	margin-bottom: 15px;
}
.footer_box ul li > a{
	display: block;
	font-size: 14px;
	color: #000;
	font-family: 'Manrope', sans-serif;
	text-transform: capitalize;
}
.copy_right{
	padding: 24px 0;
}
.copy_txt p{
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}
.footer_social ul{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.footer_social ul > li >a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: rgba(255, 102, 0, .1);
	border-radius: 50%;
	margin-right: 25px;
}
/************ Inner Pages CSS Start ************/
/************ Sign CSS Start ************/
.sign_in_wrapper{
	position: relative;
	background-color: #eff2fc;
	overflow-x: hidden;
}
.car{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	background-color: rgb(255,255,255,.45);
	width: 51%;
	height: 190px;
	padding-right: 50px;
	opacity: .8;
}
.sign_in{
	display: flex;
	align-items: center;
}
.sign_form{
	position: relative;
	z-index: 1;
	padding: 90px 0 242px;
}
.sign_img {
	margin-left: -50px;
}
.sign_img img{
	position: absolute;
	right: -63px;
	top: -25%;
	width: 59%;
	z-index: 0;
}
.sign_up .sign_img img{
	height: 125% !important;
}
.width_50{
	width: 50%;
}
.width_35{
	width: 35%;
}
.sign_in_wrapper .sign_btn{
	margin: 0;
}
.form_inputs{
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
.form_inputs label{
	font-size: 16px;
	font-weight: 600;
	color: #000;
	text-transform: capitalize;
}
.form_inputs input{
	max-width: 472px;
	width: 100%;
	height: 55px;
	background: #FFFFFF;
	border: none;
	outline: none;
	padding: 0 27px;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
}
.form_inputs input::placeholder{
	font-size: 15px;
	color: #000;
}
.sign_btns{
	max-width: 472px;
}
.sign_btns .sign_btn{
	max-width: 472px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	height: 55px;
	border-radius: 21px;
}
.forgot_pass{
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 46px;
	color: #000;
}
.sign_btns p{
	font-size: 18px;
	font-weight: 500;
	margin-top: 45px;
}
.sign_btns p a{
	display: inline-block;
	font-weight: 700;
	color: #000;
	margin-left: 8px;
	text-transform: capitalize;
	font-size: 18px;
}
.logo{
	margin-bottom: 18px;
}
.sign_form h2{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 27px;
	text-transform: capitalize;
}
/************ Profile CSS Start ************/
.profile{
	text-align: center;
	padding: 90px 40px 242px 0;
}
.profile h3{
	font-size: 29px;
	font-weight: 700;
	margin-bottom: 30px;
}
.profile_photo label{
	position: relative;
	width: 190px;
	height: 190px;
	cursor: pointer;
	font-size: 19px;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
}
.profile_photo label input[type="file"]{
	opacity: 0;
	display: flex;
	width: 190px;
	height: 100%;
	border-radius: 50%;
	z-index: 999;
	cursor: pointer;
}
.profile_photo label img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 0;
}
.profile_txt{
	margin-top: 45px;
	padding: 0 95px;
}
.profile_txt h4{
	font-size: 22px;
	font-weight: 700;
}
.profile_txt p{
	font-size: 18px;
	font-weight: 700;
}
.profile_txt p span{
	text-transform: capitalize;
}
.profile_ex{
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 17px;
	padding: 20px 80px;
	margin: 0 37px;
}
.profile_ex p{
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, .44);
	margin: 0;
}
.continue{
	max-width: 411px;
	margin: 42px auto 0;
}
/************ Personal detail CSS Start ************/
.personal_deatail h2{
	font-size: 22px;
	font-weight: 700;
}
.personal_deatail h2 span{text-transform: capitalize;}
.checkbox label{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
}
.checkbox input[type="checkbox"]{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 60px;
	height: 31px;
	background: #DFDBDB;
	border-radius: 19px;
	position: relative;
	margin-right: 10px;
	transition: .5s ease-in-out;
}
.checkbox input[type="checkbox"]::after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 37px;
	height: 37px;
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 30px;
	transition: .3s ease-in-out;
}
.checkbox input:checked[type="checkbox"]{
	background-color: #fff;
}
.checkbox input:checked[type="checkbox"]::after{
	right: 0;
	left: auto;
	background-color: var(--main-color);
}
.personal_deatail h3{
	font-size: 17px;
	font-weight: 500;
	margin-top: 37px;
	margin-bottom: 60px;
	position: relative;
}
.check_brdr{
	position: relative;
}
.check_brdr::after{
	content: '';
	position: absolute;
	bottom: -60px;
	width: 217px;
	height: 1px;
	background-color: rgb(0,0,0,.10);
	left: 50%;
	transform: translateX(-50%);
}
.pesronal_head{
	padding: 26px 0;
}
.pesronal_head h4{
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 4px;
}
.pesronal_head p{
	font-size: 17px;
	font-weight: 500;
	color: rgb(0,0,0,.6);
}
.dob{
	display: flex;
	justify-content: center;
}
.dob .select_box{
	max-width: 102px;
	width: 100%;
	position: relative;
	margin-right: 11px;
	cursor: pointer;
}
.select_box::after{
	content: url(../images/caret.png);
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.dob select{
	appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 45px;
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 30px;
	border: none;
	font-size: 15px;
	padding: 0 20px;
	text-transform: capitalize;
	outline: none;
}
.why_ask{
	font-size: 16px;
	font-weight: 500;
	color: rgb(0,0,0,.6);
	margin: 27px 0 ;
}
.dob::after{
	bottom: -74px;
}
.gender{
	max-width: 315px !important;
	width: 100% !important;
	margin-bottom: 33px;
}
.inquiry_box_inn{
	display: flex;
	align-items: center;
	flex: 1;
}
/************ Inquiries CSS Start ************/
.section_padding{
	padding: 56px 0 80px;
}
.inquiries{
	background-color: var(--bg-color);
	position: relative;
}
.cars{
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translateX(-50%);
}
.inquiry_heading{
	text-align: center;
}
.inquiry_heading h2{
	font-size: 28px;
	font-weight: 700;
}
.logo_img{
	margin: 44px 0 60px;
}
.inquiry_box{
	display: flex;
	align-items: center;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 14px;
	padding: 22px 22px 22px 32px;
}
.inquiry_box .search{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 69px;
	height: 69px;
	background-color: var(--second-color);
	border-radius: 50%;
	margin-right: 20px;
}
.inquiry_box h3{
	font-size: 28px;
	font-weight: 700;
	margin: 0;
}
.inquiry_box .arrow{
	margin-left: auto;
}
.verify{
	background-color: transparent !important;
}
.verify img{
	max-width: 90% !important;
}
.inquiry_chat{
	margin-top: 65px;
}
.inquiry_chat h4{
	font-size: 26px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 40px;
}
.chat_img_wrap{
	display: flex;
	align-items: center;
	flex: 1;
}
.chat_img{
	width: 85px;
	height: 85px;
	border-radius: 50%;
	position: relative;
	margin-right: 21px;
}
.chat_img img{
	border-radius: 50%;
}
.chat_img a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background-color: var(--second-color);
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	border-radius: 50%;
	position: absolute;
	right: -4px;
	top: -1px;
}
.chat_txt h2{
	font-size: 24px;
	font-weight: 700;
	color: var(--main-color);
	margin-bottom: 1px;
}
.chat_txt p{
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}
.chat_txt_2 h3{
	font-size: 24px;
	font-weight: 700;
}
/************ Locations CSS Start ************/
.location_wrap label{
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
}
.location_box .leaving::placeholder{
	color: rgb(0,0,0,.46);
}
.location_box input::placeholder{
	font-size: 17px;
	font-weight: 600;
	color: #000;
}
.location_box .loc_icon{
	font-size: 22px;
	margin-right: 11px;
	color: var(--main-color);
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
}
.location_box {
	position: relative;
	width: 100%;
	height: 49px;
}
.loc_box{
	display: flex;
	align-items: center;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	background-color: #fff;
}
.location_box input{
		width: 100%;
		height: 49px;
		background: #FFFFFF;
		box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
		border-radius: 10px;
		padding: 0 50px;
		outline: none;
		border: none;
}
.locations .inquiry_heading h2{
	margin-bottom: 60px;
}
.leaving{
	color: rgb(0,0,0,.46) !important
}
.location_btn {
	max-width: 311px !important;
	margin: 0 auto;
	height: 58px;
	margin-top: 57px;
}
.location_btn .sign_btn{
	height: 57px;
}
.loc_search h3{
	font-size: 18px;
	font-weight: 700;
	color: var(--main-color);
	margin-bottom: 8px;
}
.loc_search p{
	font-size: 16px;
	color: rgb(0,0,0,.46);
	margin: 0;
}
.location_wrap .location_btn .sign_btn{
	font-size: 16px;
}
.date_head h2{
	font-size: 17px;
	font-weight: 600;
	color: rgb(0,0,0,.5);
}
.date_wrap{
	display: flex;
	margin-bottom: 6px;
}
.date{
	flex: 1;
}
.date h3{
	font-size: 15px;
	font-weight: 600;
	color: rgb(0,0,0,.5);
}
.price_txt h3{
	font-size: 16px;
	font-weight: 700;
	color: #000;
}
.price{
	color: #049925;
	margin-left: 8px;
}
.Whistler_box{
	background-color: #fff;
	position: relative;
	padding: 18px 19px;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
}
.Whistler_box .share_link{
	position: absolute;
	right: 10px;
	bottom: 13px;
	width: 30px;
	height: 30px;
	background-color: var(--second-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Whistler_box h2{
	font-size: 15px;
	font-weight: 500;
	color: rgb(0,0,0,.5);
	margin-bottom: 11px;
}
.Whistler_box h2  a{
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: var(--main-color);
	margin-right: 19px;
	position: unset !important;
}
.Whistler_box p{
	font-size: 15px;
	font-weight: 500;
	color: rgb(0,0,0,.5);
	margin: 21px 0 0;
}
.whistler_img_wrap{
	display: flex;
	align-items: center;
	flex: 1;
}
.whistler_img{
	position: relative;
	display: inline-block;
	margin-right: 15px;
}
.whistler_img span{
	position: absolute;
	right: -14px;
	top: -5px;
}
.whistler_name h3{
	font-size: 15px;
	font-weight: 700;
	color: #000;
	text-transform: capitalize;
	margin: 0;
}
.Whistler_user{
	margin-top: 10px;
	padding: 10px 19px;
	height: auto;
}
.whistler_list ul{
	display: flex;
	align-items: center;
}
.whistler_list ul>li{
	display: flex;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	padding: 0 9px;
	border-right: 1px solid rgb(0,0,0,.10);
}
.whistler_list ul>li:last-child{
	border-right: none;
	padding:  0 0 0 9px;
}
.whistler_list ul>li>i{
	color: #FFBE17;
	font-size: 22px;
	margin-right: 9px;
}
.full_r_btn{
	margin-top: 0;
}
.full_r_btn .sign_btn{
	margin: 0;
	font-size: 16px;
}

/************ Live Details CSS Start ************/
.cont_user{
	background-color: transparent;
	box-shadow: none;
	padding: 0;
}
.contact_box {
	padding-right: 140px;
}
.contact_box .mt {
	margin-top: 30px;
}
.contact_box .Whistler_box{
	background-color: transparent;
	box-shadow: none;
	padding: 0;
}
.contact_box .Whistler_box h2{
	margin-top: 26px;
}
.contact_box .whistler_name h3{
	color: rgb(0,0,0,.5);
	margin-right: 12px;
}
.vehicle_deatails h2{
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-bottom: 18px;
}
.vehicle_btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF !important;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06) !important;
	border-radius: 17px !important;
	width: 121px;
	height: 35px;
	font-size: 13px;
	font-weight: 600;
	color: #000;
	cursor: pointer;
}
.question_box h1{
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.question_box textarea{
	width: 100%;
	height: 274px;
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	border: none;
	padding: 22px 18px;
}
.question_box textarea{
	font-size: 18px;
	font-weight: 700;
	color: rgb(0,0,0,.22);
	outline: none;
}
.question_box .send_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 172px;
	height: 44px;
	background: var(--main-color);
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	margin: 29px auto 0;
	border-radius: 21px;
}
.contact_user{
	border-bottom: 1px solid rgb(0,0,0,.1);
	padding-bottom: 16px;
}
.vehicle_deatails{
	margin-top: -16px;
}
.full_profile_wrapper{
	padding-top: 34px;
}
.full_profile{
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	padding: 19px 17px;
	margin-right: 90px;
}
.full_profile h3{
	font-size: 16px;
	font-weight: 700;
}
.full_profile h5{
	font-size: 14px;
}
.whistler_name ul{}
.whistler_name ul > li{
	font-size: 16px;
	position: relative;
	margin-bottom: 6px;
	padding-left: 34px;
}
.whistler_name ul > li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: rgba(196, 196, 196, 0.3);
}
.full_pro_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 262px;
	width: 100%;
	height: 49px;
	font-size: 15px;
	font-weight: 700;
	background: var(--second-color);
	color: #fff;
	text-transform: uppercase;
	border-radius: 13px;
	margin: 20px auto 0;
}
.full_pro_btn:hover{
	color: #fff;
}
.verifying{
	padding: 43px 100px 46px 0;
}
.verifying h5{
	font-size: 18px;
	font-weight: 700;
}
.verifying h5 img{
	margin-right: 15px;
}
.whistler_name ul li{
	display: flex;
	color: #0F8043;
	font-weight: 700;
}
.whistler_name ul li span{
	flex: 1;
	font-weight: 600;
	color: #000;
	
}
.review ul li i{
	font-size: 18px;
	color: #E5951C;
	margin-right: 7px;
}
.review_wrap{
	flex-direction: column;
	align-items: unset;
}
.review_wrap .review_box{
	flex: 1;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.review_content{
	padding: 28px 0 40px;
}
.review_content h2{
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.map_image{
	opacity: 0.5;
	backdrop-filter: blur(14px);
}
.ques_wrapper{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.ques_wrapper h2{
	font-size: 16px;
	color: rgb(0,0,0,.5);
}
.ques_wrapper h2 i{
	margin-right: 8px;
}
.que_image{
	display: flex;
	align-items: center;
	flex: 1;
}
.que_image img{
	margin-right: 15px;
	border-radius: 50%;
}
.que_txt h2{
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: normal;
}
.que_txt p{
	font-size: 16px;
	margin-bottom: 0;
}
.que_bg{
	padding: 10px 15px;
	background-color: rgba(215, 209, 80, .4);
	margin-bottom: 15px;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.01);
	border-radius: 10px;
}
.sign_btn i{
	color: #fff;
	margin-right: 10px;
}
.notify_icon{
	display: flex;
	align-items: center;
}
.notify_icon a i{
	font-size: 24px;
	color: rgb(0,0,0,.5);
}
.notify_icon a{
	padding: 0 8px;
}
/* .notify_icon a img{
	max-width: 40px;
} */
/************ Boking Trip CSS Start ************/
.main_heading h1{
	font-size: 30px ;
	font-weight: 700;
	color: #000;
	text-transform: capitalize;
}
.trip_box{
	padding: 29px 60px 29px 17px;
	margin: 24px 0 28px;
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 14px;
}
.trip_inn{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.trip_img{
	width: 22%;
	height: 92px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(0,0,0,0.1);
	margin-right: 21px;
}
.trip_txt{
	width: 78%;
}
.trip_txt h2{
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 4px;
}
.trip_txt p{
	font-size: 15px;
}
.trip_checkbox{
	margin-bottom: 42px;
}
.trip_checkbox label{
	display: flex;
	align-items: center;
	font-size: 15px;
}
.trip_checkbox label span{
	font-weight: 700;
}
.trip_checkbox {
	display: flex;
}
.trip_checkbox input{
	width: 22px;
	height: 22px;
	margin: 11px;
}
/************ Snappy Cabby CSS Start ************/
.snappy_inputs{
	margin: 26px 0 40px;
}
.snappy_inputs input{
	max-width: 100%;
	width: 100%;
	height: 64px;
	border: none;
	padding: 0 24px;
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
}
.snappy_inputs ::placeholder{
	font-size: 20px;
	color: rgb(0,0,0,.5);
}
.sub_heading{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}
.snnappy_cabby p{
	font-size: 20px;
	color: rgb(0,0,0,.65);
	margin-bottom: 35px;
}
/************ Faq CSS Start ************/
.faq_box{
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	padding: 0 28px;
	margin-top: 18px;
}
.accordion_item{
	display: block;
	padding: 18px 0 23px;
	font-size: 20px;
	font-weight: 600;
	color: #000;
	text-transform: capitalize;
	position: relative;
}
.accordion_item::after{
	content: url(../images/arrow_down.png);
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.accordion li{
	border-bottom: 2px solid rgb(0,0,0,.1);
}
.accordion_item:hover{
	color: #000;
}
.accordion_inner{
	display: none;
	margin: 0 !important;
	padding-bottom: 15px;
}
.ui-state-active{
	display: no;
}
/************ Profile Setting CSS Start ************/
.profile_setting{
	margin-top: 80px;
}
.profile_setting h2{
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	color: #000;
	margin-bottom: 40px;
}
.profile_setting ul{
	padding-left: 10px;
}
.profile_setting ul> li{
	margin-bottom: 30px;
}
.profile_setting ul> li >a{
	display: block;
	font-size: 20px;
	color: #000;
	text-transform: capitalize;
	font-weight: 500;
	position: relative;
}
.profile_setting ul> li >a::after{
	content: url(../images/arrow_right.png);
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.setting_inner{
	margin-bottom: 50px;
}
/************ Trips CSS Start ************/
.trip_tabs .Whistler_wrapper{
	margin-bottom: 30px;
}
.trip_tabs .tab_ul{
	display: flex;
	justify-content: center;
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	max-width: 378px;
	margin: 29px auto 47px;
}
.trip_tabs .tab_ul > li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 190px;
	height: 52px;
	font-size: 22px;
	font-weight: 600;
	color: #000;
}
.trip_tabs .tab_ul > li .active{
	color: #fff;
	background: #FF6600;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
}
/************ Students CSS Start ************/
.students .main_heading h2{
	font-size: 27px;
	font-weight: 600;
	margin-top: 18px;
}
.students .main_heading .univer{
	display: block;
	font-size: 21px;
	font-weight: 600;
	margin-top: 44px;
}
.students .main_heading .univer img{
	margin-right: 22px;
}
.students .main_heading h3{
	font-size: 26px;
	font-weight: 600;
	margin: 18px 0 24px;
}
.students .main_heading h4{
	font-size: 24px;
	color: rgb(0,0,0,.5);
}
.students .youtube_box{
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	height: 253px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 44px 0 51px;
}
.students .main_heading h5{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 22px;
}
.student_box h2{
	font-size: 29px;
	font-weight: 600;
	margin: 18px 0 15px;
}
.student_box h3{
	font-size: 25px;
	font-weight: normal;
}
.student_box .snappy_inputs{
	margin: 41px 0 40px;
}
.student_box .inquiry_box {
	padding: 34px 22px;
	margin-bottom: 33px;
}
.student_box .inquiry_box a{
	display: flex;
	align-items: center;
	width: 100%;
}
.student_box .inquiry_box a img{
	margin-right: 28px;
}
.student_box .inquiry_box a h3{
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #000;
}
.student_box .inquiry_box a .arrow{
	margin: 0;
	margin-left: auto;
}
.student_box .inquiry_box a p{
	margin: 0;
	font-size: 16px;
}
.student_box h4{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 21px;
}
/************ Payment Method CSS Start ************/
.form_inputs .select_box{
	max-width: 472px !important;
	margin-bottom: 0;
}
.form_inputs select{
    width: 100%;
    height: 55px;
    background: #FFFFFF;
    border: none;
    outline: none;
    padding: 0 27px;
    box-shadow: 0px 1px 14px rgb(0 0 0 / 6%);
    border-radius: 10px;
}
.payment_method{
	margin-top: 40px;
}
.payment_setting{
	margin-top: 46px;
}
.payment_setting h2{
	font-size: 22px;
	color: rgb(0,0,0,.5);
	font-weight: 700;
	margin: 100px 0 60px;
}
.notifications{margin-top: 50px;}
.notifications h2{
	font-size: 20px;
	font-weight: 700;
}
.notific_txt {
	flex: 1;
}
.notific_txt h3{
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.notific_txt p{
	padding-left: 8px;
	font-size: 17px;
	color: rgb(0,0,0,.5);
	margin: 0;
}
.notific_box{
	padding-left: 15px;
	border-bottom: 1px solid rgb(0,0,0,.1);
	display: flex;
	align-items: center;
	padding: 20px 0 22px;
}
.notify{
	padding: 56px 0 189px !important;
}
/************ Popup CSS Start ************/
.popup{
	width: 100%;
    height: 100vh;
    background: url(../images/overlay.png) no-repeat center;
	
	
}
.popup_overlay{
	position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    height: 100%;
    overflow-y: auto;
    width: 100%;
}
.popup_box{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    max-width: 605px;
	width: 100%;
	height: 90%;
	padding: 20px 24px;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	z-index: 9999;
	overflow-y: auto;
}
.popup_box ul{
	margin-bottom: 30px;
}
.popup_box ul > li{
	border-bottom: 1px solid rgb(0,0,0,0.1);
}
.popup_box ul > li > a{
	display: flex;
	font-size: 18px;
	font-weight: 700;
	color: #000;
	padding: 21px 0 22px;
	position: relative;
}
.popup_box ul > li > a::after{
	content: url(..//images/arrow_right.png);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: .5;
}
/************ Preference CSS Start ************/
.preference{
	margin-top: 40px;
}
.preference h2{
	font-size: 26px;
	font-weight: 700;
}
.preference_box{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #FFFFFF;
	border-radius: 9px;
	padding: 20px;
	margin-bottom: 40px;
}
.preference_box span{
	margin: 0 auto 20px;
	width: 90px;
	height: 90px;
	background: #C4C4C4;
	border-radius: 50%;
}
.preference_box h1{
	font-size: 24px;
	font-weight: 700;
}
.pref_btn{
	margin-top: 50px !important;
}
.upload_id label{
	font-size: 18px !important;
}
.upload_id p{
	font-size: 17px !important;
}
.id_box{
	margin: 40px auto 0;
	max-width: 80%;
	width: 100%;
}
.id_box .preference_box{
	margin-bottom: 30px !important;
}
.id_box .profile_photo label {
	width: 190px !important;
	height: 100px !important;
}
.id_box .profile_photo label img{
	opacity: 0.4;
}
.id_box p{
	margin-bottom: 0;
}
.id_btn{
	margin-top: 30px;
}
.otp_logo{
	margin-bottom: 50px;
	margin-left: -20px;
}
.otp_inputs{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
}
.otp_inputs input{
	margin-right: 10px;
	width: 50px;
	height: 51px;
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.21);
	border-radius: 7px;
	outline: none;
	padding: 0 16px;
	font-size: 29px;
	font-weight: 700;
}
.otp_inputs input.active{
	background: var(--second-color) !important;
	border-color: transparent;
}
.otp_inputs input::placeholder{
	color: #fff;
	
}
.rate_img{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 2px solid #B0D6E3;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.rate_img img{
	position: absolute;
	right: -5px;
	top: 15px;
	border-radius: 50%;
}
.rate_name h1{
	font-size: 28px;
	font-weight: 500;
	margin-top: 20px;
	color: rgb(0,0,0,.6);
}
.rating_star{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.rating_star i{
	font-size: 28px;
	margin-right: 9px;
	color: #FFDF6C;
}
.rating_star .last_star{
	color: #C3C8D8;
}
/************ Booking CSS Start ************/
.booking_trips {
	margin-top: 30px;
}
.booking_trips .main_heading a{
	display: block;
	color: var(--main-color);
	font-size: 30px;
	font-weight: 700;
}
.booking_trips .main_heading h2{
	font-size: 26px;
	color: #10AB32;
	font-weight: 700;
}
.booking_trips .main_heading h2 span{
	margin-right: 50px;
	color: #000;
}
.booking_trips .main_heading p{
	margin-bottom: 10px;
}
.booking_trips .main_heading h3 {
	display: flex;
	font-size: 18px;
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid rgb(0,0,0,.1);
	border-top: 1px solid rgb(0,0,0,.1);
	margin: 30px 0 40px;
}
.booking_trips .main_heading h3 a{
	font-size: 18px;
	margin-left: 10px;
	color: #000;
	font-weight: 500;
	text-decoration: underline;
}
.trip_subhead{
	font-size: 23px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.pickup_box p{
	margin-bottom: 20px;
}
.p_12{
	color: #000;
	font-size: 14px !important;
	margin-bottom: 30px;
}
.book_img{
	margin-bottom: 30px;
}
.trip_ul {
	margin-bottom: 30px;
}
.trip_ul  h2{
	margin-bottom: 22px !important
}
.trip_ul li{
	color: #000 !important;
	font-weight: normal;
	margin-bottom: 17px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: baseline !important;
	font-size: 17px !important;
}
.trip_ul li span{
	margin-bottom: 7px;
}
.trip_ul li p{
	font-size: 16px;
}
.trip_ul li::before{
	background: #fff !important;
	top: 0 !important;
	transform: translateY(0) !important;
}
.trips_box{
	margin-bottom: 30px;
	border-top: 1px solid rgb(0,0,0,.1);
	padding-top: 25px;
}
.trips_box .trip_checkbox{
	margin: 0;
}
.trips_box .trip_checkbox label{
	margin: 0;
}
.trips_box .payment_method{
	margin: 0 !important;
}
.van_box{
	background: #FFFFFF;
	box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	padding: 30px 20px;
	display: flex;
	align-items: center;
	margin-bottom: 40px;

}
.van_txt{
	flex: 1;
}
.van_txt h1{
	font-size: 24px;
	font-weight: 700;
}
.van_txt p{
	font-size: 18px;
	color: rgb(0,0,0,.5);
	margin: 0;
}
.van_box h2{
	font-size: 20px;
}
.van_box h2 span {
	font-weight: 700;
	margin-left: 15px;
}
.booking_next .form_inputs input{
	max-width: 100%;
}
.booking_next .form_inputs .select_box{
	max-width: 100% !important;
}
.pref_ul li{
	margin-bottom: 12px;
}
.pref_ul li > a{
	font-size: 17px;
	color: rgb(0,0,0,.5);
	font-weight: 600;
	transition: 0.3s ease-in-out;
}
.pref_ul li > a.active{
	color: #10AB32;
}
.pref_ul li > a:hover{
	color: #10AB32;
}
.pref_ul li > a i{
	margin-right: 15px;
}
.rate_profile label{
	text-align: left !important;
}
.rate_feed{
	margin-top: 40px;
}
.rate_feed textarea{
	height: 100px !important;
	padding: 15px 27px;
    box-shadow: 0px 1px 14px rgb(0 0 0 / 6%);
    border-radius: 10px;
	border: none;
}
.rate_profile .form_inputs input{
	max-width: 100% !important;
}
.results .Whistler_box p{
	margin-bottom: 0;
}
.results .whistler_name h3 a{
	color: #000;
}
.forgot_password .form_inputs{
	max-width: 400px;
	margin: 0 auto;
}
.forgot_password .form_inputs input{
	max-width: 100%;
}
.forgot_password .sign_btns{
	max-width: 100%;
}
.forgot_password .sign_btns p{
	margin: 20px 0 0;
}
.forgot_password .sign_btns p a{
	text-decoration: underline !important;
}
/************ Contact CSS Start ************/
.contact_discrip textarea{
	background: #FFFFFF;
    box-shadow: 0px 1px 14px rgb(0 0 0 / 6%);
    border-radius: 10px;
	border: none;
	height: 120px;
	padding: 18px 24px;
	margin-bottom: 30px;
}
.notify_popup_img{
	display: flex;
	align-items: flex-start;
	padding: 15px;
	position: relative;
}
.notify_popup_img img{
	margin-right: 15px;
}
.notify_icon ul > li {
	position: relative;
	list-style: none !important;
}
li{list-style: none;}
.notify_icon ul > li > .nt_popup{
	display: block;
	color: #000;
}
.notify_popup{
	position: absolute;
	left: 50%;
	top: 68px;
	width: max-content;
	background-color: #fff;
	box-shadow: 0px 1px 14px rgb(0 0 0 / 6%);
	border-radius: 0 0 10px 10px;
	transform: translate(-50% ,10px);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transform-origin: top;
    transition: all 0.4s ease-out;
}
.notify_icon ul > li:hover .notify_popup{
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}
.pop_txt p{
	margin-bottom: 7px;
}
.pop_txt p span{
	font-weight: 600;
	text-transform: capitalize;
}
.pop_price{
	font-size: 17px;
	font-weight: 700;
	color: rgb(0,0,0,.5);
}
.popup_vector{
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%) rotate(180deg);
}
.see_all a{
	display: flex;
	padding: 10px 20px !important;
	border-top: 1px solid rgb(0,0,0,0.1);
	text-transform: capitalize;
	color: var(--second-color) !important;
}
.privacy h2{
	font-size: 26px;
}
.terms {
	padding-left: 20px;
	margin-bottom: 20px;
}
.terms >li{
	list-style: disc;
	margin-bottom: 12px;
	font-size: 18px;
}
/************ New Section CSS Start ************/
.book_ride{
	background-color: #f2f2f2;
	padding: 70px 0;
	margin-top: 120px;
}
.ride_box .location_wrap{
	margin-bottom: 20px;
	max-width: 400px;
}
.ride_btn .sign_btn{
	margin: 0 auto;
	max-width: 180px;
	border-radius: 35px;
	height: 48px;
}
.ride_btn{
	max-width: 400px;
	width: 100%;
}
.ride_txt h1{
	font-size: 48px;
    font-weight: 700;
    margin-bottom: 15px;
}
.ride_txt p{
	color: #18191F;
}
.popular_tips{
	margin-top: 110px;
}
.popular_tips .feature_head{
	margin-bottom: 50px;
}
.popular_tips .feature_head h1{
	margin-bottom: 20px;
}
.popular_tips .feature_head p{
	font-size: 18px;
}
.popular_trip_box h3{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}
.popular_trip_box ul li{
	display: flex;
	padding: 19px 0 17px;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px dashed;
}
.popular_trip_box ul li >a{
	display: block;
	color: var(--main-color);	
	flex: 1;
}
.popular_trip_box ul li> span{
	display: block;
	color: #049925;
}
.popular_trip_box ul li:last-child{
	border: none;
}
.poptrip_btn {
	text-align: center;
	margin-top: 40px;
}
.poptrip_btn .sign_btn{
	display: inline-flex;
	margin: 0 auto;
	border-radius: 35px;
	height: 48px;
}
/************ Responsive CSS Start ************/
@media only screen and (max-width: 1440px){
	.sign_img img{
		position: absolute;
		right: -42px;
		top: 0;
		width: 59%;
		height: 100%;
		z-index: 0;
	}
	.sign_up .sign_img img{
		height: 100% !important;
	}
}
@media only screen and (max-width: 1400px) {
	/* .sign_img img{
		max-width: 56%;
		top: 0;
		object-fit: cover;
	} */
	.sign_form{
		padding: 60px 0;
	}
}
@media only screen and (max-width: 1199px) {
	.banner{
		padding-top: 35px;
	}
	.features{
		padding: 70px 0 0;
	}
	.manage_project{
		margin-top: 70px;
	}
	.testimonial{
		padding: 70px 0;
	}
	.manage_txt {
		padding: 65px 0;
	}
	.forgot_pass{
		margin-bottom: 28px;
	}
	.contact_box {
		padding-right: 40px;
	}
	.full_profile{
		margin: 0;
	}
	.verifying{
		padding-right: 40px;
	}
	.popup_box ul > li > a{
		padding: 16px 0;
	}
	.book_ride{
		margin: 70px 0 0;
	}
	.popular_tips {
		margin-top: 70px;
	}
}
@media only screen and (max-width: 1024px) {
	.news_letter{
		border-radius: 0;
	}
	.contact_box {
		padding-right: 20px;
	}
	.verifying {
		padding-right: 0;
	}
	.profile_setting{
		margin-top: 50px;
	}
	.payment_setting h2{
		margin:  60px 0 50px;
	}
	.cars{
		bottom: 0;
	}
}
@media only screen and (max-width: 991px) {
	.main_menu{
		align-items: center;
	}
	nav ul > li>a{
		padding: 0 14px;
	}
	.sign_tbn{
		margin-left: 15px;
	}
	.banner_txt h1{
		font-size: 38px;
	}
	.counter_inner{
		padding:  36px 0 36px 15px;
	}
	.features{
		padding: 50px 0 0;
	}
	.feature_box{
		margin-bottom: 50px;
	}
	.manage_project{
		margin-top: 50px;
	}
	.testimonial{
		padding: 50px 0;
	}
	.manage_txt {
		padding: 50px 0;
	}
	.main_footer{
		padding: 50px 0 10px;
	}
	.feature_head h1{
		font-size: 38px;
		margin-bottom: 45px;
	}
	.slider_head h1{
		font-size: 38px;
		margin-bottom: 45px;
	}
	.manage_txt h1{
		font-size: 38px;
	}
	.testi_head h1{
		font-size: 38px;
		margin-bottom: 35px;
	}
	.counter_box h1{
		font-size: 36px;
	}
	.news_txt h1{
		font-size: 30px;
	}
	.sign_img {
		display: none;
	}
	.sign_form{
		width: 70%;
		margin: 0 auto;
	}
	.profile{
		width: 100%;
	}
	.inquiry_box{
		margin-bottom: 40px;
	}
	.inquiry_box_inn{
		flex-direction: column;
		margin: 0 auto
	}
	.chat_img_wrap{
		margin-bottom: 30px;
		
	}
	.locations .inquiry_heading h2{
		margin-bottom: 40px;
	}
	.location_btn{
		margin-top: 0px;
	}
	.Whistler_wrapper{
		margin-bottom: 40px;
	}
	.ride_txt h1{
		font-size: 38px;
	}
	.book_ride{
		padding: 50px 0 40px;
	}
	.popular_tips {
		margin-top: 50px;
	}
	.popular_trip_box{
		margin-bottom: 30px;
	}
	.popular_trip_box h3{
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px){
	.header_inner{
		padding: 35px 0;
	}
	.notify_icon a{
		padding: 0 12px;
	}
	.notify_icon a:last-child{
		padding: 0 17px 0 12px;
	}
	.banner {
		padding-top: 0;
	}
	.sign_btn{
		margin: 0 75px 0 0;
		padding: 0 30px;
		height: 36px;
	}
	.second_header nav{
		background-color: var(--second-color);
	}
	nav{
		position: fixed;
		top: 0;
		left: -300px;
		bottom: 0;
		overflow-y: auto;
		background-color: var(--main-color);
		width: 280px;
		transition: 0.3s ease-in-out;
		z-index: 999;
	}
	nav ul{
		flex-direction: column;
	}
	nav ul > li{
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	nav ul > li >a{
		padding: 12px 30px;
		color: #fff;
	}
	.active.cab_nav{
		left: 0;
	}
	.banner_image{
		text-align: center;
	}
	.banner_row{
		flex-direction: column-reverse;
	}
	.banner_txt{
		margin-bottom: 10px;
		padding: 20px 25px 0 0;
	}
	.counter_box{
		margin-bottom: 40px;
	}
	.brdr_none{
		border: none !important;
	}
	.feature_box{
		margin-bottom: 40px;
	}
	.manage_project{
		margin-top: 40px;
	}
	.testimonial{
		padding: 40px 0;
	}
	.manage_txt {
		padding: 40px 0;
	}
	.main_footer{
		padding: 40px 0 0px;
	}
	.manage_img{
		text-align: center;
	}
	.footer_box{
		margin-bottom: 40px;
	}
	.counter_inner{
		margin: 0 20px;
	}
	.testi_content{
		margin:10px;
		padding: 30px 20px;
	}
	.testimonial .swiper-pagination{
		bottom: 20px;
	}
	.hamburger{
		display: block;
	}
	.location_wrap{
		margin-bottom: 40px;
	}
	.contact_box{
		margin-bottom: 40px;
	}
	.verifying{
		padding-bottom: 30px;
	}
	.payment_method .form_inputs .select_box{
		max-width: 100% !important;
	}
	.payment_method .form_inputs input{
		max-width: 100%;
	}
	.ride_box{
		margin-bottom: 40px;
	}
	.popular_wrapper .inquiry_chat{
		margin-top: 20px;
	}
	.popular_wrapper .location_wrap{
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 700px){

}
	
@media only screen and (max-width: 640px){
	.profile_ex{
		padding: 20px 40px;
	}
	.trip_box{
		padding: 29px 17px;
	}
	
}
@media only screen and (max-width: 575px){
	.banner_txt h1 {
		font-size: 34px;
	}
	.brand_logo img{
		max-width: 120px;
	}
	.hamburger{
		right: 10px;
	}
	nav{
		width: 240px;
	}
	.counter_box{
		border: none;
	}
	.news_input{
		margin-right: 20px;
	}
	.copy_txt{
		text-align: center;
		margin-bottom: 25px;
	}
	.footer_social ul{
		justify-content: center;
	}
	.sign_form{
		width: 90%;
	}
	.sign_btns .sign_btn{
		font-size: 20px;
		height: 48px;
	}
	.profile_txt{
		padding: 0 50px;
	}
	.profile_ex{
		padding: 20px;
	}
	.inquiry_box h3{
		font-size: 26px;
	}
	.inquiry_box .search{
		width: 55px;
		height: 55px;
	}
	.inquiry_box a img{
		max-width: 28px;
	}
	.main_btn{
		height: 46px;
	}
}
@media only screen and (max-width: 479px){
	.sign_btn{
		padding: 0 25px;
		font-size: 14px;
		margin-right: 60px;
	}
	.brand_logo img{
		max-width: 110px;
	}
	.banner_txt h1 {
		font-size: 26px;
	}
	.feature_head h1{
		font-size: 32px;
		margin-bottom: 37px;
	}
	.slider_head h1{
		font-size: 32px;
		margin-bottom: 37px;
	}
	.manage_txt h1{
		font-size: 32px;
	}
	.testi_head h1{
		font-size: 32px;
	}
	.counter_box h1{
		font-size: 32px;
	}
	.news_form{
		flex-direction: column;
	}
	.news_btn{
		margin-top: 20px;
	}
	.news_letter_box{
		text-align: center;
	}
	.sign_form{
		width: 100%;
	}
	.profile_txt{
		padding: 0;
	}
	.inquiry_box{
		padding: 18px;
	}
	.inquiry_box a{
		width: 45px;
		height: 45px;
	}
	.inquiry_box a img{
		max-width: 25px;
	}
	.inquiry_box h3{
		font-size: 18px;
	}
	.chat_img_wrap{flex-direction: column;}
	.full_profile .whistler_img_wrap{
		flex-direction: column;
	}
	.full_profile .whistler_img{
		margin-bottom: 13px;
	}
	.trip_inn{
		flex-direction: column;
		align-items: flex-start;
	}
	.trip_img{
		margin-bottom: 20px;
	}
	.trip_img{
		width: 35%;
	}
	.trip_txt{
		width: 100%;
	}
	.find_btn .sign_btn { 
		display: none;
	}
	.notify_icon{
		margin-right: 40px;
	}
	.notify_icon a{
		padding: 0 5px;
	}
	.inquiry_box .search {
		width: 55px;
		height: 53px;
	}
	.checkbox input[type="checkbox"]{
		width: 50px;
		height: 27px;
	}
	.checkbox input[type="checkbox"]::after{
		width: 30px;
		height: 30px;
	}
	.trip_tabs .tab_ul{
		max-width: 260px;
	}
	.trip_tabs .tab_ul > li a{
		width: 130px;
		height: 48px;
	}
	.trip_tabs .tab_ul > li a{font-size: 18px;}
	.logo_img img{
		max-width: 200px;
	}
	.ride_txt h1 {
		font-size: 32px;
	}	
}
@media only screen and (max-width: 359px){
	.inquiry_box .search {
		width: 55px;
		height: 55px;
	}
}
@media only screen and (max-width: 359px){
	.inquiry_box .search {
		width: 55px;
		height: 48px;
	}
}