/* Designed By Ranjan */
@font-face{
	src: url('../fonts/Roboto-Regular.ttf');
	font-family: Roboto-Regular;
}
@font-face{
	src: url('../fonts/Roboto-Black.ttf');
	font-family: Roboto-Black;
}
@font-face{
	src: url('../fonts/Roboto-Bold.ttf');
	font-family: Roboto-Bold;
}
@font-face{
	src: url('../fonts/Roboto-Medium.ttf');
	font-family: Roboto-Medium;
}
@font-face{
	src: url('../fonts/Roboto-Regular.ttf');
	font-family: Roboto-Regular;
}
@font-face{
	src: url('../fonts/Roboto-Light.ttf');
	font-family: Roboto-Light;
}
@font-face{
	src: url('../fonts/Roboto-Thin.ttf');
	font-family: Roboto-Thin;
}
body{
	font-family: Roboto-Light;
}

#header{
	width: 100%;
	float: left;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	padding: 10px 0;
	z-index: 9999;
	position: relative;
}
.header_wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo img{
	width: 100px;
}
.brand_name img{
	width: 200px;
}
.login_signup .btn-outline-primary{
	border-color: #01DF7A;
	color: #01DF7A;
}
.login_signup .btn-outline-primary:hover, .login_signup .btn-outline-primary:active, 
.login_signup .btn-outline-primary.show:focus-visible,.login_signup .btn-outline-primary.show{
	background-color: #01DF7A;
	color: #fff;
	border-color: #01DF7A;
	transition: .3s;
}
.usericon {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: rgba(1, 223, 122, 0.2);
    border-radius: 50%;
    display: inline-block;
    color: #01DF7A;
    font-size: .8rem;
}
.login_signup .btn-outline-primary:hover .usericon, .login_signup .btn-outline-primary:active .usericon, 
.login_signup .btn-outline-primary.show:focus-visible .usericon,.login_signup .btn-outline-primary.show .usericon{
	color: #fff;
	background-color: rgba(285, 285, 285, 0.3);
}
.login_signup .dropdown-menu{
	border-radius: 0;
	padding: 0;
	border: none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	min-width: 177px;
}
.login_signup .dropdown-menu li{
	border-bottom: 1px solid rgba(1, 223, 122, 0.3);
}
.login_signup .dropdown-menu li:last-child{
	border-bottom: 0;
}
.login_signup .dropdown-item{
	padding-top: 10px;
	padding-bottom: 10px;
}

#banner{
	width: 100%;
	float: left;
	background-image: url('../images/banner.jpeg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	position: relative;
	display: flex;
	justify-content: space-between;	
	align-items: center;
}
#banner .container{
	position: relative;
}
#banner:before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.3);
}
.banner_txt{
	width: 40%;
	padding: 50px;
	position: relative;
}
.banner_txt h2{
	color: #fff;
	font-family: Roboto-Black;
	font-size: 2.5rem;
}
.banner_txt h4{
	font-family: Roboto-Bold;
	padding-left: 100px;
	color: #fff;
	font-size: 1rem;
	margin-bottom: 20px;
}
.banner_txt ul{
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	list-style: none;
}
.banner_txt li{
	padding-left: 25px;
	position: relative;
	color: rgba(285, 285, 285, 0.9);
	margin: 8px 0;
}
.banner_txt li:before{
	position: absolute;
	content: '\f00c';
	font-family: Fontawesome;
	left: 0;
	left: 0;
	color: rgba(1, 223, 122, 0.6);
}
.banner_txt p{
	color: #fff;
	font-family: Roboto-Bold;
	text-shadow: -2px -2px 5px  #01DF7A;
	font-size: 1.3rem;
	padding-left: 50px;
	margin-bottom: 0;
}
.banner_right{
	width: 60%;
}
.cars_slider{
	margin-bottom: 0!important;
}
.cars_slider .slick-dots{
	bottom: 0;
}
.slick-dots li button:before{
	color: #01DF7A;
	font-size: 10px;
}
.slick-dots li.slick-active button:before{
	opacity: 0.8;
    color: #01DF7A;
    font-size: 10px
}
#our_services {
    width: 100%;
    float: left;
    padding: 50px 0 80px;
}
.heading{
	font-family: Roboto-Black;
	color: #1f1f1f;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 40px;
	text-transform: uppercase;
	font-size: 2.5rem;
}
.heading:after{
	position: absolute;
	content: '';
	width: 60px;
	height: 2px;
	background-color: #01DF7A;
	left: calc(50% - 30px);
	bottom: 0;
}
.subheading{
	font-family: Roboto-Bold;
    font-size: 1.4rem;
    text-transform: uppercase;
    text-align: center;
    color: #ffc61a;
    margin-bottom: 0;
}
.services {
	padding: 30px 0;
    display: flex;
    justify-content: space-between;
}
.service{
	text-align: center;
	width: 33.3%;
	border-right: 1px solid #ddd;
}
.service:last-child{
	border-right: 0;
}
.serv_img {
    width: 100px;
    height: 100px;
    background: rgba(1, 223, 122, 0.2);
    padding: 20px;
    margin: auto;
    border-radius: 50%;
    margin-bottom: 20px;
}
.service h4{
	color: #01DF7A;
	font-size: 1.2rem;
	font-family: Roboto-Bold;
	text-transform: uppercase;
}
#type_of_cab{
	width: 100%;
	float: left;
	padding-bottom: 40px;
}
.cab_types{
	max-width: 1000px;
	margin: auto;
}
.cab_type{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	align-items: center;
}
.cab_type:last-child{
	border-bottom: 0;
}
.cab_type h3{
	width: 50%;
	font-size: 2rem;
}
.cab_details{
	width: 50%;
	display: flex;
	align-items: center;
}
.car_icon{
	width: 100px;
}
.car_icon img{
	width: 65px;
}
.car_detail p{
	margin-bottom: 0; 
	font-family: Roboto-Regular;
}
#our_process{
	width: 100%;
	float: left;
	padding: 30px 0 0px;
	background-color: #F2F2F2;
}
.ourprocess {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.process_img{
	width: 45%;
	text-align: right;
}
.process_img img{
	max-width: 80%;
}
.processing{
	width: 55%;
}
.process {
	font-family: Roboto-Regular;
	color: #01DF7A;
	font-size: 1.5rem;
	position: relative;
	padding-bottom: 100px;
	user-select: none;
}
.process:last-child{
	padding-bottom: 0;
}
.process_count{
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border:2px solid #01DF7A;
	display: inline-block;
	font-size: .9rem;
	border-radius: 50%;
	margin-right: 20px;
	position: relative;
	font-family: Roboto-Regular;
}
.process:before{
	position: absolute;
	content: '';
	width: 3px;
	height: 90px;
	background-color: #ddd;
	left: 15px;
	top: 40px;
}
.process:after{
	position: absolute;
	content: '';
	bottom: 0px;
	left: 8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #ddd;
}
.process:last-child::after, .process:last-child::before{
	display: none;
}
.process:last-child .process_count{
	background-color: #01DF7A;
	color: #fff;
}

#our_benifits{
	width: 100%;
	float: left;
	padding: 50px 0;
}
.benifits {
	width: 100%;
	float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 100px;
    margin-bottom: 60px;
}
.benifits ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 33.3%;
}
.benifits li{
	position: relative;
	padding: 10px 0 10px 30px;
	font-size: 1.5rem;
	color: #01df7a;
}
.benifits li:before{
	position: absolute;
	content: '';
	width: 25px;
	height: 25px;
	background-image: url('../images/checkmark.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	left: 0;
	top: 15px;
}
.logo_middle{
	width: 33.3%;
	text-align: left;
}
.logo_middle img{
	width: 250px;
}
.logo_middle_top{
	display: none;
}
#more_benifits{
	width: 100%;
	float: left;
	background-image: url('../images/car-image.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
#more_benifits{
	width: 100%;
	float: left;
	padding: 50px 0 0;
	position: relative;
}
#more_benifits:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.73);
}
#more_benifits .container{
	position: relative;
}

#more_benifits h3{
	color: #fff;
}
.morebenifits{
	display: flex;
	justify-content: center;
	align-items: center;
}
.leftbenf{
	width: 33.3%;
}
.right_benf{
	width: 66.6%;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.right_benf ul{
	width: 50%;
}
.download_app {
    width: 50%;
    background-image: url(../images/mobile.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    height: 405px;
    position: relative;
}
.app_links{
	position: absolute;
	left: calc(50% - 75px);
	bottom: 20px;
}
.morebenifits ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.morebenifits h4{
	font-size: 1.5rem;
	text-transform: uppercase;
	color: #fff;
	font-family: Roboto-Bold;
}
.morebenifits li:last-child{
	margin-bottom: 0;
}
.downloadd{
	position: relative;
	padding-left: 60px;
	margin-bottom: 35px;
}

.downloadd .serl_no{
	position: absolute;
	left: 0;
	top: -5px;
	font-family: Roboto-Medium;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #01DF7B;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
}
.downloadd p{
	color: #fff;
}
.download_app a{
	display: block;
	margin: 15px 0;
}
.right_download .downloadd{
	text-align: right;
	padding-left: 0;
	padding-right: 60px;
}
.right_download .serl_no{
	left: auto;
	right: 0;
}
#contactsec{
	width: 100%;
	float: left;
	padding: 60px 0;
}
.contact_icons {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}
.contact_icon{
	width: 33.3%;
	border-right: 1px solid #ddd;
	text-align: center;
}
.contact_icon:last-child{
	border-right: 0;
}
.contact_icon img{
	width: 100px;
}
.contact_icon p{
	font-style: italic;
	font-size: 1.2rem;
	font-family: Roboto-Regular;
}
.contact_icon p a{
	color: #212529;
	text-decoration: none;
}
.contact_icon .btn {
    background-color: #01DF7A;
    border: 1px solid #01DF7A;
    padding: 0;
    border-radius: 20px;
}
.contact_icon .btn a {
    color: #fff;
    text-decoration: none;
    padding: 7px 25px;
    display: block;
}
.contact_icon .btn:hover{
	background-color: transparent;
}
.contact_icon .btn:hover a{
	color: #01DF7A;
}

#popular_routes{
	width: 100%;
	float: left;
	padding: 50px 0;
	background-color: #F2F2F2;
}
.popular_places {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.popular_places li {
    font-family: Roboto-Bold;
    font-size: 1.2rem;
    position: relative;
}
#popular_routes h4{
	font-family: Roboto-Bold;
	margin-bottom: 20px;
}
.quince_services{
	display: flex;
	justify-content: space-between;
	padding-right: 50px;
}
.quince_services ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.quince_services li{
	padding-left: 25px;
	font-family: Roboto-Regular;
	margin-bottom: 10px;
	position: relative;
	font-size: 1.1rem;	
}
.quince_services li:before{
	position: absolute;
	content: '\f00c';
	left: 0;
	font-family: 'FontAwesome';
	color: #01DF7A;
}
.quince_services ul:first-child li:before{
	content: '\f14a';
}

#footer{
	width: 100%;
	float: left;
	padding: 10px 0 40px;
}
.ft1{
	text-align: center;
}
.ft_img{
	width: 200px;
	margin-bottom: 20px;
}
.social_links h3{
	font-family: Roboto-Bold;
	font-size: 1.2rem;
	text-align: left;
	text-align: center;
	margin-bottom: 15px;
}
.social_links ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
}
.social_links li{
	margin: 0 15px;
}
.social_links li img{
	width: 30px;
}
.ft2 h4{
	text-align: left;
	margin-bottom: 30px;
	margin-top: 40px;
	padding-left: 200px;
}
.ft2 h4 img{
	width: 200px;
}
.ft2 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ft2 li{
	font-family: Roboto-Regular;
	font-size: 1.1rem;
	margin-bottom: 15px;
	padding-left: 20px;
	position: relative;
}
.ft2 li a{
	text-decoration: none;
	color: #333;
}
.ft2 li:before{
	position: absolute;
	content: '\f105';
	font-family: "FontAwesome";
	left: 0;
	color: #01DF7A;
	font-size: 600;
}
#copyright{
	width: 100%;
	float: left;
	background-color: #E2E8F6;
	padding: 15px 10px;
	text-align: center;
}
#copyright p{
	margin-bottom: 0;
	font-family: Roboto-Medium;
	font-size: 1rem;
	color: #000;
}
#copyright p span{
	font-family: Roboto-Regular;
}

/*listing page*/

#listing_banner{
	width: 100%;
	float: left;
	background-color: #01DF7A;
	padding-top: 100px;
}
.listing_form{
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: -50px;
	position: relative;
}
.trip_listing {
    display: flex;
    justify-content: left;
}
.trip_option{
	font-family: Roboto-Bold;
	margin-right: 50px;
	text-transform: uppercase;
}
.trip_option label{
	display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.trip_option input{
	position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ddd;
  border-radius: 50%;
}
.trip_option label:hover input ~ .checkmark {
  background-color: #01DF7A;
}
.trip_option label input:checked ~ .checkmark {
  background-color: #01DF7A;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.trip_option label input:checked ~ .checkmark:after {
  display: block;
}
.trip_option label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#round_trip,#multi_city{
	display: none;
}
.trip_timeline {
    display: flex;
    justify-content: space-between;
}
.trip_field{
	border: 1px solid #ddd;
	height: 95px;
    border-radius: 0;
    margin-right: 0;
    transition: all 0.2s linear;
    border-right: none;
    padding: 10px 20px;
}
.trip_field:first-child{
	border-radius: 5px 0 0 5px;
}
.trip_field:last-child{
	border-radius: 0 5px 5px 0;
	border-right: 1px solid #ddd;
}
.trip_field label{
	display: block;
	text-transform: uppercase;
	font-family: Roboto-Medium;
	font-size: .9rem;
	margin-bottom: 15px;
	white-space: nowrap;
}
.trip_field input{
	width: 100%;
	font-family: Roboto-Regular;
	border: none;
}
.trip_field input:focus{
	outline: none;
}
.trip_from input, .trip_to input, .trip_mid input{
	font-size: 2rem;
	font-family: Roboto-Bold;
	padding-top: 0;
	line-height: 0;
	padding-left: 0;
}
.trip_from label, .trip_to label, .trip_mid label{
	margin-bottom: 0;
}
.trip_field label i{
	margin-right: 5px;
	font-size: 1.1rem;
}
.trip_from input::placeholder, .trip_to input::placeholder, .trip_mid input::placeholder{
	font-size: 1rem;
	font-family: Roboto-Regular;
}

#cab_listing{
	width: 100%;
	float: left;
	padding: 100px 0 50px;
	background-color: #EEEEEE;
}
.listing_sec{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.cab_area{
	width: 73%;
}

.listing_sidebar{
	width: 25%;
}
.sidebar_widget{
	border: 1px solid #d2d2d2;
	box-shadow: 0 2px 4px 0 #c8c8c8;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 25px;
}
.sidebar_widget h4{
	background-color: #F5F4F4;
	padding: 10px;
	font-family: Roboto-Bold;
	font-size: 1rem;
	color: #000;
}
.your_transfer{
	padding: 10px 20px 10px 40px;
	position: relative;
}
.your_transfer i{
	position: absolute;
	left: 20px;
	color: #737373;
}
.your_transfer i.fa-map-marker{
	font-size: 1.2rem;
}
.your_transfer h5{
	font-size: .9rem;
	color: #737373;
	margin-bottom: 0;
}
.your_transfer p{
	font-family: Roboto-Bold;
	font-size: .9rem;
}
.filter_option{
	padding: 10px;
}
.filter_option h5{
	font-size: 1rem;
	margin-bottom: 0;
	margin-bottom: 15px;
}
.filter_input label{
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .9rem;
}
.filter_input input{
	position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.type_checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ddd;
}
.filter_input label input:checked ~ .type_checkbox {
  background-color: #01DF7A;
}
.type_checkbox:after {
  content: "";
  position: absolute;
  display: none;
}
.filter_input label input:checked ~ .type_checkbox:after {
  display: block;
}
.filter_input label .type_checkbox:after {
  left: 7px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.book_with_us{
	padding: 10px 20px 10px 55px;
	position: relative;
}
.book_with_us img{
	position: absolute;
	left: 10px;
	width: 35px;
}
.book_with_us h5{
	font-family: Roboto-Bold;
	font-size: .9rem;	
	margin-bottom: 0;
}
.book_with_us p{
	font-size: .9rem;
}
.highlights {
    display: flex;
    justify-content: space-between;
    background-color: #c0f3dc;
    padding: 10px 20px;
    border-bottom: 1px solid #01DF7B;
    margin-bottom: 10px;
}
.highlight{
	width: 33%;
	padding-left: 50px;
	position: relative;
}
.highlight img{
	width: 40px;
	position: absolute;
	left: 0;
}
.highlight h4{
	font-family: Roboto-Bold;
	font-size: 1rem;
	margin-bottom: 5px;
}
.highlight p{
	font-size: .8rem;
	margin-bottom: 0;
}
.cab_list {
    width: 100%;
    float: left;
    border: 1px solid #d2d2d2;
    height: auto;
    background: #fff;
    margin: 0 0 15px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 #c8c8c8;
    display: flex;
    justify-content: space-between;
}
.cab_img {
    width: 20%;
    margin: auto 0;
    margin-left: 15px;
}
.cab_img img{
	max-width: 100%;
}
.cabdetails {
	width: 50%;
    border-right: 1px solid #dadada;
    margin-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cabdetails h4{
	font-family: Roboto-Bold;
	font-size: 15px;
    margin: 5px 0 0;
    color: #333;
    text-transform: capitalize;
}
.car_desc{
	font-size: 13px;
    margin-top: 5px;
    text-transform: capitalize;
    font-family: Roboto-Medium;
    color: #393939;
}
.car_desc span{
	position: relative;
}
.car_desc span:after{
	content: '|';
	right: 0;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 15px;
}
.car_desc span:last-child::after{
	display: none;
}
.car_desc span:before{
	content: "";
    width: 15px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
	background: url('../images/cars.svg');
    background-size: 15px 12px;
    margin-right: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.car_desc span.seats:before{
	background-image: url('../images/seats.svg');
	background-size: 12px 15px;
}
.car_desc span.bags:before{
	background-image: url('../images/luggage-bag.svg');
	background-size: 12px 15px;
}
.car_desc span.kms:before{
	background-image: url('../images/kms.svg');
	background-size: 12px 15px;
}
.cab_p{
	font-size: 13px;
    margin-top: 17px;
    text-transform: capitalize;
    font-family: Roboto-Medium;
    color: #393939;
    margin-bottom: 0;
}
.cabdetails ul{
	margin: auto 20px;
	padding: 0;
	list-style-type: circle;
}
.cabdetails li{
	list-style: circle;
    margin: 0;
    float: left;
    line-height: 20px;
    padding: 0;
    width: 100%;
    font-family: Roboto-Medium;
    font-size: 12px;
    color: #3c3737;
}
.safety_sec{
	width: 100%;
	float: left;
	padding-top: 10px;
}
.safety_div{
	position: relative;
}
.safety_btn{
	width: auto;
    float: left;
    margin-right: 5px;
    background: #e5f8fa;
    display: flex;
    cursor: pointer;
    padding: 4px 6px 4px 3px;
    border-radius: 5px;
    border: 1px solid #00dd80;
    font-size: 12px;
    font-family: Roboto-Medium;	
    color: #277e87;
    vertical-align: middle;

}
.safety_btn img{
	width: 16px;
	margin-right: 3px;
}
.hovertext{
	position: absolute;
	visibility: hidden;
    width: 285px;
    background-color: #3a3a3a;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 35px;
}
.hovertext:before{
	content: "";
    position: absolute;
    top: -10px;
    left: 16px;
    margin-left: -5px;
    border: 5px solid transparent;
    border-bottom-color: #3a3a3a;
}
.hovertext p{
	font-size: 13px;
    margin-top: 5px;
    text-transform: capitalize;
    font-family: Roboto-Medium;
    color: #fff;
    margin-bottom: 0;
}
.hovertext ul{
	list-style: circle;
    padding: 0 15px;
    margin: auto;
}
.hovertext li{
	font-size: 12px;
	color: #fff;
	font-family: Roboto-Light;
}
.safety_div:hover .hovertext{
	visibility: visible;
}
.trip_price {
    width: 25%;
    margin: auto;
    position: relative;
    text-align: center;
    padding: 10px 0;
}
.price_rupees{
	font-size: 25px;
    color: #0c0c0c;
    padding-left: 0;
    font-family: Roboto-Bold;
    margin-bottom: 0;
}
.price_rupees:before{
	content: '₹';
	margin-right: 5px;
	font-family: Roboto-Regular;	
}
.booknow{
	font-size: 14px;
    color: #fff;
    background: #01DF7A;
    height: 33px;
    width: 130px;
    display: block;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    margin: 5px auto;
    font-family: Roboto-Regular;
}
.booknow:hover{
	border-color: #01DF7A;
	color: #01DF7A;
}
.close_arrow{
	display: none;
}
.filter_btn{
	display: none;
}

/*booking form page*/
#booking_sec{
	width: 100%;
	float: left;
	background-color: #F6F6F6;
	padding: 40px 0;
}
.booking_area{
	width: 75%;
	float: left;
}
.booking_details{
	width: 100%;
	float: left;
	position: relative;
    background: #fff;
    box-shadow: 0 2px 4px 0 #c8c8c8;
    border-radius: 4px;
    padding: 0;
    border: 1px solid #cdcdcd;
    margin-bottom: 20px;
}
.booking_details h4{
    width: 100%;
    float: left;
    padding-left: 2%;
    font-size: 18px;
    color: #1a1a1a;
    height: 50px;
    line-height: 50px;
    background: #F5F4F4;
    border-top-left-radius: 4px;
    font-family: Roboto-Regular;
    border-top-right-radius: 4px;
}
.booking_details h4:before{
	float: left;
    content: "";
    background: url('../images/taxi.png') no-repeat;
    width: 35px;
    height: 35px;
    margin-top: 8px;
    background-size: 35px;
    margin-right: 8px;
}
.cab_detls{
	width: 100%;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding: 0 20px;
}
.cabimg{
	width: auto;
    float: left;
    margin-right: 30px;
}
.cabimg img{
	width: 150px;
}
.cabdesc{
	width: 70%;
    float: left;
}
.cabdesc h5{
	margin: 0;
    font-size: 24px;
    color: #000;
    font-family: Roboto-Medium;
}
.cabdesc p{
    font-size: 13px;
    color: #737373;
    margin: 4px 0;
}
.travel_details{
	width: 100%;
    display: flex;
    vertical-align: middle;
    -webkit-box-align: center;
    margin: auto;
    background: #fff8f8;
    border-top: 1px solid #ececec;
    padding: 10px 20px;
}
.travel_from{
	width: 48%;
}
.middle_sign{
	width: 4%;
    text-align: center;
    margin: auto 10px;
}
.travel_to{
	width: 48%;
    text-align: right;
}
.travel_label{
	color: #737373;
    font-size: 13px;
    margin: 3px 0 6px;
}
.travel_desc{
	font-size: 13px;
    font-family: Roboto-Medium;
    margin: 0;
    color: #000;
}
.hr_design1 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(90deg,rgb(34 29 29/90%),rgb(0 0 0/51%),transparent);
    margin: 7px 0;
}
.hr_design2{
	border: 0;
    height: 1px;
    background-image: linear-gradient(90deg,transparent,rgb(0 0 0/90%),rgb(34 29 29/50%));
    margin: 7px 0;
}
.middle_sign{
	width: 4%;
    text-align: center;
    margin: auto 10px;
}
.booking_details h4.trvdtls:before{
	background-image: url('../images/img-sprite.png');
	background-position: -92px -85px;
	background-size: auto;
}
.form_row1{
	width: 100%;
	float: left;
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
}
.frm1{
	width: 18%;
}
.frm2{
	width: 39%;
}
.frm3{
	width: 39%;
}
.frm4{
	width: 49%;
}
.frm5{
	width: 49%;
}
.form-group{
	margin-bottom: 20px;
}
.form-group label{
	width: 100%;
    float: left;
    margin-bottom: 5px;
    font-size: 14px;
}
.form-group input,.form-group select{
	width: 100%;
    height: 40px;
    outline: 0;
    line-height: 40px;
    border: 1px solid #d7d5d5;
    width: 100%;
    padding: 0 10px;
}
.form-group input::placeholder{
	font-size: .9rem;
}
.form_row2{
	width: 100%;
    float: left;
    border-top: 1px solid #e0dede;
    padding: 15px;
}
.form_row2 label{
	width: 100%;
    float: left;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: Roboto-Regular;
}
.frm6{
	width: 35%;
	float: left;
	margin-bottom: 8px;
    margin-right: 15px;
}
.frm7{
	width: 35%;
	float: left;
	margin-bottom: 8px;
    margin-right: 15px;
}
.booking_dtls{
	width: 100%;
	float: left;
	font-size: .8rem;
}
.frm8{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.frm8 label{
	display: inline-block;
}
.frm8 input{
	width: 20px;
	height: auto;
}
.frm8 label{
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .8rem;
}
.frm8 input{
	position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.agree_checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 1px solid #ddd;
}
.frm8 label input:checked ~ .agree_checkbox {
  background-color: #01DF7A;
}
.agree_checkbox:after {
  content: "";
  position: absolute;
  display: none;
}
.frm8 label input:checked ~ .agree_checkbox:after {
  display: block;
}
.frm8 label .agree_checkbox:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.payment_button .btn{
	font-size: 14px;
    color: #fff;
    background-color: #01DF7A;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    min-width: 300px;
    padding: 10px;
    font-family: Roboto-Regular;
}
.payment_button .btn:hover{
	border-color: #01DF7A;
	color: #01DF7A;
	background-color: transparent;
}

.booking_sidebar{
	width: 23%;
	float: right;
}
.price_sec{
	width: 100%;
	float: left;
	padding: 0 10px;
}
.price_row{
	width: 100%;
    display: flex;
    border-bottom: 1px solid #e5e3e3;
    align-items: center;
}
.price_row:last-child{
	border-bottom: 0;
}
.price_dtls{
	flex: 1;
    float: left;
    color: #1a1a1a;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
}
.price_r{
	width: auto;
    float: right;
}
.price_r:before{
	content: "₹";
    margin-right: 3px;
    font-family: Roboto-Regular;
}
.grand_total .price_dtls,.grand_total .price_r{
	color: #01DF7A;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    font-family: Roboto-Bold;
}
.pymentbtn .btn{
	min-width: 100%;
}

/*my booking page*/
#mybooking{
	width: 100%;
	float: left;
	padding: 40px 0;
	background-color: #F6F6F6;
}
.booking_sec{
	width: 100%;
	float: left;
}
.booking{
	width: 100%;
    float: left;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 4px 0 #c8c8c8;
    border-radius: 4px;
    padding: 0;
    border: 1px solid #cdcdcd;
    margin-bottom: 20px;
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: space-between;
}
.booking_map{
	width: 10%;
}
.booking_map img{
	width: 100%;
}
.booking_from{
	width: 22%;
}
.booking_to{
	width: 22%;
	text-align: right;
}
.middle_sign{
	width: 5%;
}
.Driver_details{
	width: 20%;
	text-align: center;
}
.booking_status{
	width: 15%;
	text-align: center;
}
.booking_label{
	color: #737373;
    font-size: 13px;
    margin: 3px 0 6px;
}
.booking_loc {
    font-size: 13px;
    font-family: Roboto-Medium;
    margin: 0;
    color: #000;
}
.driver_name{
	font-family: Roboto-Bold;
	margin-bottom: 10px;
}
.car_name{
	margin-bottom: 0;
}
.car_detls{
	margin-bottom: 0;
}
.driver_rating{
	font-size: 16px;
	color: #F7DD00;
	margin-bottom: 0;
}
.driver_rating i{
	margin: 0 1px;
}
.booking_price{
    font-size: 18px;
    font-family: Roboto-Bold;
    margin-bottom: 5px;
}
.booking_price::before {
    content: "₹";
    margin-right: 3px;
    font-family: Roboto-Regular;
}
.status{
	margin-bottom: 0;
	font-family: Roboto-Bold;
	padding: 5px 10px;
	display: inline-block;
    font-size: .9rem;
    text-transform: uppercase;
    user-select: none;
}
.status_true {
    color: #51B048;
    border: 2px solid #51B048;
}
.status_false{
	color: #F70000;
	border: 2px solid #F70000;
}
.rating_false{
	color: #ddd;
}
.breadcrumb-item{
	font-size: .85rem;
}
.breadcrumb-item a{
	color: #000;
	text-decoration: none;
	font-family: Roboto-Medium;
}
/* Responsinve */

@media screen and (min-width: 1200px) and (max-width: 1399px){
	.container{
		max-width: 1200px;
	}
	.process_img img{
		max-width: 75%;
	}
	.process{
		font-size: 1.3rem;
	}
	.benifits li{
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 1024px){
	.banner_txt{
		padding-right: 0;
		padding-left: 20px;
	}
	.process_img img{
		max-width: 100%;
	}
	.benifits{
		padding-left: 0;
	}
	.logo_middle{
		display: none;
	}
	.logo_middle_top{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.logo_middle_top img{
		width: 250px;	
	}
	.benifits{
		flex-wrap: wrap;
	}
	.benifits ul{
		width: 50%;
	}
	.morebenifits{
		padding-left: 0;
	}
	.download_app{
		height: 300px;
	}
	.app_links{
		bottom: -5px;
	}
}

@media screen and (max-width: 960px){
	#banner{
		flex-wrap: wrap;
		background-position: top;
		background-size: cover;
	}
	.banner_txt{
		width: 100%;
	}
	.banner_right{
		width: 100%;
		display: none;
	}
	.process{
		padding-bottom: 60px;
		font-size: 1.3rem;
	}
	.process:before{
		height: 60px;
	}
	.logo_middle_top img{
		width: 200px;
	}
	.benifits ul{
		width: 100%;
	}
	.benifits li:before{
		width: 20px;
		height: 20px;
	}
	.benifits li{
		font-size: 1.3rem;
	}
	#our_benifits h3{
		font-size: 2rem;
	}
	#our_benifits .more_benifits h2{
		font-size: 1.5rem;
	}
	#our_benifits .more_benifits h3{
		font-size: 2rem;
	}
	.morebenifits{
		flex-wrap: wrap;
	}
	.leftbenf{
		width: 100%;
	}
	.right_benf{
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.right_benf li{
		flex-direction: row;
	}
	.morebenifits ul{
		width: 100%;
	}
	.download_app{
		width: 100%;
	}
	.morebenifits li,.morebenifits li:last-child{
		margin-bottom: 30px;
	}
	.right_benf li span{
		margin-left: 0;
		margin-right: 15px;
	}
	.morebenifits li{
		font-size: 1.5rem;
	}
	.morebenifits li span img{
		font-size: 40px;
	}
	.contact_icon img{
		width: 80px;
	}
	.popular_places li{
		font-size: 1.1rem;
	}
	.quince_services li{
		font-size: 1rem;
	}
	.ft2 h4{
		padding-left: 0;
	}
	.right_download .downloadd{
		text-align: left;
		padding-right: 0;
		padding-left: 60px;
	}
	.right_download .serl_no{
		left: 0;
		right: auto;
	}
	.download_app{
		height: 400px;
	}

	.trip_from input, .trip_to input{
		font-size: 1.5rem;
	}
	.listing_sec{
		flex-direction: column;
	}
	.cab_area{
		width: 100%;
	}
	.listing_sidebar{
		width: 100%;
	}
	.trip_timeline{
		flex-wrap: wrap;
	}
	.trip_field{
		border-right: 1px solid #ddd;
	}
	.trip_field.trip_from{
		width: 100%;
		border-bottom: none;
		padding-left: 40px;
		position: relative;
		padding-bottom: 0;
	}
	.trip_field.trip_to{
		width: 100%;	
		border-top: none;
		padding-left: 40px;
		position: relative;
		padding-bottom: 0;
	}
	.trip_field.trip_mid{
		width: 100%;	
		border-top: none;
		border-bottom: none;
		padding-left: 40px;
		padding-bottom: 0;
		position: relative;
	}
	.trip_field.trip_from:before{
		position: absolute;
		content: '';
		width: 15px;
		height: 15px;
		border-radius: 50%;
		border: 5px solid #01DF7A	;
		left: 10px;
	}
	.trip_field.trip_from:after{
		position: absolute;
		content: '';
	    border-left: 1px dashed #01DF7A;
	    height: 70px;
	    left: 18px;
	    top: 25px;
	}
	.trip_field.trip_to:before{
		position: absolute;
		content: '\f041';
		font-family: 'FontAwesome';
		left: 12px;
		font-size: 1.2rem;
		color: #01DF7A;
	}
	.trip_field.trip_mid:before{
		position: absolute;
		content: '\f041';
		font-family: 'FontAwesome';
		left: 12px;
		font-size: 1.2rem;
		color: #01DF7A;
	}
	.trip_field.trip_mid:after{
		position: absolute;
		content: '';
	    border-left: 1px dashed #01DF7A;
	    height: 70px;
	    left: 18px;
	    right: auto;
	    top: 25px;
	}
	.trip_field{
		width: 50%;
		height: auto;
	}
	.trip_field.trip_to{
		height: auto;
	}
	.trip_field label{
		font-family: Roboto-Regular;
	}
	.trip_from input, .trip_to input, .trip_mid input{
		font-size: 1.2rem;
		padding: 10px 0;
	}
	.trip_from input, .trip_mid input{
		border-bottom: 1px dashed #ddd;
	}
	.filter_btn{
		display: block;
		position: fixed;
		bottom: 10px;
		left: 10px;
		background-color: #01DF7A;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		line-height: 40px;
		text-align: center;
		color: #fff;
		cursor: pointer;
		z-index: 99999;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	#mobile_filter{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 999999;
		display: none;
	}
	.close_arrow{
		display: inline-block;
		width: 25px;
	}

	/* booking form page */
	.booking_area{
		width: 100%;
		margin-bottom: 40px;
	}
	.booking_sidebar{
		width: 100%;
	}
	#booking_sec{
		padding: 40px 0;
	}

	/* my booking	*/
	.booking{
		flex-wrap: wrap;
	}
	.booking_map{
		width: 100%;
		margin-bottom: 20px;
	}
	.booking_from{
		width: 45%;
	}
	.booking_to{
		width: 45%;
	}
	hr.mobile_hr {
    	width: 100%;
	}

}

@media screen and (max-width: 767px){
	.hidelogin{
		display: none;
	}
	.logo img{
		width: 80px;
	}
	.banner_txt{
		padding: 30px;
	}
	.banner_txt h2{
		font-size: 2rem;
		text-align: center;
	}
	.serv_img{
		width: 80px;
		height: 80px;
	}
	.brand_name{
		display: none;
	}
	.popular_places{
		flex-wrap: wrap;
	}
	.popular_places li{
		width: 100%;
		margin: 10px 0;
	}
	.quince_services{
		flex-wrap: wrap;
	}
	.quince_services ul{
		width: 100%;
	}
	.quince_services ul:first-child{
		margin-bottom: 30px;
	}
	.services{
		flex-wrap: wrap;
	}
	.service{
		width: 100%;
		margin-bottom: 20px;
	}
	.cab_type{
		flex-wrap: wrap;
		justify-content: center;
	}
	.cab_type h3{
		width: 100%;
		font-size: 1.3rem;
		margin-bottom: 20px;
	}
	.cab_details{
		width: 100%;
	}
	.car_icon{
		width: 80px;
	}
	.car_detail h4{
		font-size: 1.1rem;
	}
	.car_detail p{
		font-size: .9rem;
	}
	.car_icon img{
		width: 60px;
	}
	.ourprocess{
		flex-wrap: wrap;
	}
	.process_img{
		width: 100%;
	}
	.processing{
		width: 100%;
	}
	.process:last-child{
		padding-bottom: 40px;
	}
	#our_process{
		overflow: hidden;
	}
	.process_img img{
		margin-right: -30px;
	}
	.process{
		font-size: 1.1rem;
	}
	.process:before{
		height: 45px;
		top: 35px;
	}
	.process:after{
		bottom: 3px;
	}
	.logo_middle_top img{
		width: 150px;
	}
	.benifits li{
		font-size: 1.1rem;
		padding-left: 20px;
	}
	.benifits li:before{
		width: 15px;
		height: 15px;
	}
	#our_benifits .more_benifits h2{
		font-size: 1rem;
		letter-spacing: inherit;
	}
	#our_benifits .more_benifits h3{
		font-size: 1.5rem;
		letter-spacing: inherit;
	}
	.morebenifits li{
		font-size: 1.2rem;
	}
	.morebenifits li span img{
		width: 40px;
	}
	.download_app{
		text-align: center;
	}
	.contact_icons{
		flex-wrap: wrap;
	}
	.contact_icon{
		width: 100%;
		margin-bottom: 30px;
	}
	.contact_icon:last-child{
		margin-bottom: 0;
	}
	.contact_icon img{
		width: 60px;
	}
	.contact_icon p{
		font-size: 1rem;
	}
	.contact_icon .btn a{
		font-size: .9rem;
		padding: 5px 25px;
	}
	.ft_img{
		width: 150px;
	}
	.ft2 h4{
		margin-bottom: 20px;
	}
	.ft2 h4 img{
		width: 180px;
	}
	.ft2 li{
		font-size: 1rem;
	}
	#copyright p{
		font-size: .8rem;
	}
	.banner_txt p{
		padding-left: 0;
		text-align: center;
	}
	.heading{
		margin-bottom: 30px;
		font-size: 1.8rem;
	}
	.subheading{
		font-size: 1rem;
	}
	.services{
		padding: 0;
	}
	.service{
		border-right: 0;
	}
	.service:last-child{
		border-bottom: none;
	}
	.service h4{
		font-size: 1rem;
	}
	#our_services{
		padding-bottom: 30px;
	}
	.morebenifits h4{
		font-size: 1.2rem;
	}
	.downloadd .serl_no{
		font-size: 1rem;
	}
	.download_app{
		height: 300px;
	}
	.benifits{
		margin-bottom: 0;
	}
	#listing_banner{
		padding-top: 50px;
	}
	.listing_form{
		padding: 10px;
	}
	.trip_listing{
		margin-bottom: 20px;
	}
	.trip_option{
		white-space: nowrap;
	}
	.trip_option{
		margin-right: 10px;
	}
	.trip_option label{
		font-size: .8rem;
		padding-left: 20px;
	}
	.checkmark{
		width: 15px;
		height: 15px;
	}
	.trip_option label .checkmark:after{
		left: 5px;
	    top: 2px;
	    width: 5px;
	    height: 9px;
	}
	.trip_field:first-child{
		border-radius: 5px 5px 0 0;
	}
	.trip_field.trip_to{
		border-radius: 0 0 5px 5px;
	}
	.trip_field{
		width: 49%;
		border-radius: 5px;
		margin-bottom: 10px;
		padding: 10px;
	}
	.trip_field:last-child{
		border-radius: 5px;
	}
	.trip_field.trip_from,.trip_field.trip_mid{
		margin-bottom: 0;
	}
	.trip_field label{
		font-size: .8rem;
	}
	.highlights{
		padding: 10px;
	}
	.highlight{
		padding-left: 0;
		text-align: center;
	}
	.highlight:nth-child(2){
		width: 40%;
	}
	.highlight p{
		display: none;
	}
	.highlight img{
		width: 33px;
		margin-bottom: 5px;
		position: relative;
	}
	.highlight h4{
		font-size: .7rem;
	}
	.hide_cus{
		display: none;
	}
	.cab_list{
		flex-wrap: wrap;
	}
	.cab_p{
		display: none;
	}
	.cabdetails ul{
		display: none;
	}
	.hovertext ul{
		display: block;
	}
	.cab_img{
		width: 30%;
		margin-left: 2%;
	}
	.cabdetails{
		width: 62%;
		margin-left: 5%;
	}
	.cabdetails h4{
		font-size: 14px;
	}
	.cab_list{
		position: relative;
	}
	.car_desc span{
		width: 48%;
		display: inline-block;
	}
	.car_desc span:after{
		display: none;
	}
	.safety_sec{
		position: absolute;
		left: 10px;
	}
	.safety_btn{
		font-size: 11px;
	}
	.trip_price{
		width: 100%;
		border-top: 1px solid #ddd;
		margin-top: 40px;
		padding: 5px 10px;
		display: flex;
		justify-content: space-between;
	}
	.booknow{
		margin: auto 0;
	}
	#cab_listing{
		padding-bottom: 20px;
	}
	/* booking form	*/
	.payment_button .btn{
		min-width: 100%;
	}
	.cabdesc h5{
		font-size: 18px;
	}
	.cab_detls{
		padding: 0 10px;
	}
	.cabimg{
		margin-right: 10px;	
	}
	.travel_details{
		flex-wrap: wrap;
	}
	.travel_from{
		width: 100%;
	}
	.middle_sign{
		width: 100%;
		margin: 20px 0;
	}
	.middle_sign img{
		transform: rotate(90deg);
	}
	.travel_to{
		width: 100%;
		text-align: left;
	}
	.form-group{
		width: 100%;
	}

	/*	my booking */
	.booking_from{
		width: 100%;
	}
	.middle_sign{
		width: 100%;
		text-align: left;
		padding-left: 20px;
	}
	.booking_to{
		width: 100%;
		text-align: left;
	}
	.hr_design2{
		background-image: linear-gradient(90deg,rgb(34 29 29/90%),rgb(0 0 0/51%),transparent);
	}
	.Driver_details{
		width: 50%;
		text-align: left;
	}
	.booking_status{
		width: 50%;
		text-align: right;
	}
	.driver_name{
		margin-bottom: 0;
	}
}

@media screen and (max-width: 360px){
	.banner_txt{
		padding: 30px 10px;
	}
	.hovertext{
		width: 280px;
	}
}