.tp-header-logo.tp-header-3-logo {
	padding-left: 100px;
}

 .menu-bg {
	top: 7px;
}
.header-sticky .tp-header-3-menu-box {
	margin-top: 7px;
}
.homeBannerMain{
    position: relative;
}
.homeBannerMain .tp-hero-3-title {
	color: #FFF !important;
}
.homeBannerMain::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #050B20;
    opacity: 0.6;
  }
  .tp-header-logo img {
	width: 120px;
	height: 100%;
}
.tp-header-3-menu-box {
	margin-top: -7px;
	backdrop-filter: blur(8px);
  background: rgba(46, 46, 46, 0.12);
  border-radius: 50px;
}
.menu-bg {
	backdrop-filter: blur(8px);
	background: rgba(46, 46, 46, 0.12);
}
.tp-hero-3-title {
	font-size: 76px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	color: var(--tp-common-black);
	font-family: var(--tp-ff-marcellus);
	margin-bottom: 35px;
}

.tp-hero-3-area{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.subtitleBanner{
    font-size: 15px;
    color: #fff;
}


.bookinghometabs nav {
	width: auto;
	display: inline-block;
}
.bookingIngine_container{
    display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  backdrop-filter: blur(8px);
  background: rgba(40, 40, 40, 0.06);
  border-radius: 16px;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  padding: 16px 28px 0px 28px;
  border: solid 1px #aefc335c;
}

.form-group{
    text-align: left;
}
.form-group label{
    font-size: 13px;
    margin-bottom: 2px;
	color: #4a4a4a;
}
.tp-hero-3-content-box{
    z-index: 100;
}
.drop__box {
	position: absolute;
	top: 51px;
	left: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-top: 0px;
}
.drop__box {
	overflow-x: hidden;
	padding: 0px;
	max-width: 100%;
	min-width: 100%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 7px 4px 0px;
	max-height: 565px;
	background-color: white;
	flex-direction: column;
	left: 0px;
	position: absolute;
	z-index: 100;
	border-radius: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(230, 239, 217);
	box-sizing: border-box;
	overflow-y: auto;
	top: 100%;
	margin-top: 10px;
	min-width: 100%;
	padding: 12px;
	max-width: 100% !important;
}
.drop__box ul {
	padding-left: 0px;
}
.drop__box ul li {
	display: flex;
	flex-direction: row;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: justify;
	padding: 12px 0px;
	cursor: pointer;
}
.dateTime_container{
    display: flex;
}
.bookingIngine_container .col-lg-3 {
	padding: 0;
}
.searchbutton_booking {
	background: #aefc33 !important;
	height: 40px;
	border-radius: 40px;
	font-weight: 500;
	font-size: 21px;
	z-index: 9;
	display: flex;
	text-transform: capitalize;
	position: relative;
	transition: all 0.3s;
	width: 40px;
	justify-content: center;
	align-items: center;
	color: #fff !important;
}
.bookingIngine_container .profile__input {
	margin-bottom: 0px !important;
	position: relative;
}

.bookingIngine_container input{
  background-color: transparent !important;
  border: 1px solid rgba(245, 247, 245, 0.1);
  padding: 8px 20px 8px 0px;
  height: auto;
  line-height: 0px;
  border: none !important;
  color: #fff !important;
}
.bookingIngine_container .profile__input > span {
	left: 0px !important;
    display: flex;
}

.bookingIngine_container .row{
    align-items: center;
}
.booking_search_fields {
	display: flex;
	align-items: center;
	padding: 0px 20px;
	width: 100%;
	border: solid 1px #3e4050;
  border-radius: 10px;
}
.booking_field_column_button {
	position: relative;
	top: 8px;
	right: -23px;
}

/* Apply to all input fields with placeholder text */
.input__location::placeholder {
	color: #ffffff !important;
    opacity: 1; /* Adjusts opacity of the placeholder text */
  }
  
  /* Apply to a specific input field using a class or ID */
  .input__location::placeholder {
	color: #ffffff !important;
    opacity: 1; /* Adjusts opacity of the placeholder text */
  }
 .bookinghometabs input::placeholder {
	color: #ffffff !important;
    opacity: 1; /* Adjusts opacity of the placeholder text */
  }
 
  .inputDevider {
	height: 53px;
	width: 1px;
	background: #40404adb;
	margin-right: 28px;
}

.bookinghometabs .nav-tabs .nav-link.active{
	color: #AEFC33 !important;
}
.bookinghometabs .tp-product-details-tab-line {
	background-color: #AEFC33 !important;
}
.tp-hero-3-ptb {
	height: 100vh;
}
.tp-hero-3-content-box {
	z-index: 100;
	position: absolute;
	top: 54%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 75%;
}

/* ******************************************************
booking engine flatpicker style start
******************************************************* */

  /* Full-screen backdrop */
  .flatpicker_backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Black transparent backdrop */
    display: none; /* Hidden by default */
    align-items: center;
    justify-content: center;
    z-index: 999; /* Ensure backdrop is on top */
}

/* Centered Flatpickr calendar */
#calendar-container .flatpickr-calendar {
    z-index: 1000; /* Ensure calendar is above backdrop */
}
#calendar-container  .flatpickr-calendar.open {
z-index: 99999;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
/* calendar style */
#calendar-container  .flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px;
	width: 100% !important;
}
#calendar-container  .flatpickr-rContainer {
	display: block;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100% !important;
	margin-top: 20px;
}
#calendar-container  .flatpickr-days {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100% !important;
}
#calendar-container  .dayContainer {
	padding: 0;
	outline: 0;
	text-align: left;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
#calendar-container  .flatpickr-day {
	background: none;
	border: 1px solid transparent;
	border-radius: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #393939;
	cursor: pointer;
	font-weight: 400;
	width: 50px !important;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.28% !important;
  max-width: 50px !important;
  height: 50px !important;
	line-height: 39px;
	margin: 0;
	display: inline-block;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

#calendar-container  .datatimeheading {
	font-size: 25px;
	letter-spacing: 0px;
	color: #aefc33;
}
#calendar-container .flatpickr-day.selected {
	background: #000 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: #000 !important;
}

#calendar-container .flatpickr-day {
	line-height: 50px !important;
}
#calendar-container .flatpickr-next-month {
	width: 40px;
	height: 40px !important;
	background: #aefc33;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000 !important;
  fill: rgba(0, 0, 0, 0.9) !important;
	border-radius: 50px;
	right: 10px !important;
}

#calendar-container .flatpickr-prev-month{
	width: 40px;
	height: 40px !important;
	background: #aefc33;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000 !important;
  fill: rgba(0, 0, 0, 0.9) !important;
	border-radius: 50px;
	left: 10px !important;
}
#calendar-container .dayContainer {
	margin-top: 30px !important;
}
#calendar-container .flatpickr-months {
	top: 7px !important;
	position: relative !important;
}
#calendar-container .flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px;
	padding: 20px 0px !important;
}
#calendar-container .flatpickr-calendar {
	box-shadow: none !important;
}

#calendar-container .headingcustome_short{
	font-size: 16px;
	letter-spacing: 0px;
	color: #393939;
	margin-bottom: 20px;
}

#calendar-container .apponmentContentLeft {
	margin-top: 65px;
}
#calendar-container .apponmentContentLeft h2{
	font-size: 28px;
}
#calendar-container .timeandlocation{
	margin: 20px 0px;
}
#calendar-container .apin_custom{
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

#calendar-container .apin_custom iconify-icon{
	margin-right: 10px;
	font-size: 22px;
	color: #f41d26;
}
#calendar-container .appoinmentDecsri{
	margin-top: 30px;
	color: #000;
}
#calendar-container .leftApinmt_box{
	height: 100%;
}
#calendar-container .apimt_footer {
	position: absolute;
	bottom: 0px;
	padding: 28px 0px;
	border-top: 1px solid #e8e8e8;
	width: 87%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#calendar-container .apimt_footer img{
	width: 160px;
}

#calendar-container .customarrowRight{
	width: 50px;
	height: 50px;
	font-size: 22px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #f41d26;
}

#calendar-container .customarrowRight iconify-icon{
	color: #f41d26;
}

.calenDerSection_container .containerCalender{
	width: 80%;
	margin: 0 auto;
}

.calenDerSection_container {
	padding: 80px 0px 80px 0px;
	background: #fff;
	border-top: 1px solid #dfdfdf;
}
.customcenterTitle{
	margin-bottom: 70px;
}
.customcenterTitle h2 {
	font-weight: 600;
	font-size: 40px;
	letter-spacing: -1px;
	margin-bottom: 15px;
}

#calendar-container .calendarCaredMain{
	border: 1px solid red;
}
#calendar-container .flatpickr-calendar {
	width: 25% !important;
}
#calendar-container .flatpickr-day.today {
	border-color: #959ea9;
	background: #aefc33;
    color: #000 !important;
}
#calendar-container .flatpickr-calendar {
	padding: 20px 20px !important;
}
#calendar-container .flatpickr-calendar.arrowBottom::before {
	border-top-color: #e6e6e6;
    display: none !important;
}
#calendar-container .flatpickr-calendar.arrowBottom::after {
	border-top-color: #fff;
    display: none !important;
}
  /* Hide original select dropdown */
  #calendar-container  .flatpickr-monthDropdown-months {
    display: none;
}
.numInputWrapper:hover {
	background: rgba(0, 0, 0, 0) !important;
}
.numInputWrapper {
	margin-left: 20px;
}
.flatpickr-month .select2-container--default .select2-selection--single {
	background-color: #fff;
	border: none !important;
	border-radius: 4px;
}
.select2-dropdown.select2-dropdown--below {
	margin-top: 10px;
    border-radius: 15px !important;
	padding: 12px;
	width: 200px ;
}
.select2-dropdown {
	border: 1px solid #aaa !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #aaf633 !important;
	color: #212121 !important;
}
.select2-container--default .select2-results__option--selected {
	background-color: #dddddd3b !important;
}
  /* Custom content styling */
  .custom-content {
    text-align: center;
    margin-top: 10px;
}

.custom-title {
    font-size: 18px;
    font-weight: bold;
}

.custom-description {
    font-size: 14px;
    color: #666;
}
.booking_field_column .dropdown-menu {
	width: 300px !important;
}
.booking_field_column .dropdown-item {
	display: flex;
	width: 100%;
	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	clear: both;
	font-weight: 400;
	color: var(--bs-dropdown-link-color);
	text-align: inherit;
	text-decoration: none;
	white-space: wrap;
	background-color: transparent;
	border: 0;
	border-radius: var(--bs-dropdown-item-border-radius,0);
	flex-wrap: wrap;
	font-size: 13px;
  font-family: roboto;
  line-height: 22px;
}
.booking_field_column .location-item {
	border-bottom: 1px solid #ccc;
    display: flex;
    align-items: first baseline;
}
.booking_field_column .location-item iconify-icon {
	color: #000 !important;
	position: relative;
	margin-top: 0px;
	top: 6px;
	font-size: 19px;
}
.booking_field_column .dropdown-menu li {
	padding: 10px;
}
.booking_field_column .dropdown-menu .locationList_container{
	padding: 0px;
  min-height: 80px;
  height: 100%;
  overflow-y: scroll;
  max-height: 180px !important;
}
.booking_field_column .dropdown-menu  .arrowupIcon {
	position: absolute;
	top: -10px;
	left: 20px;
}
.booking_field_column .dropdown-menu li:hover {
	background: #aefc331a !important;
}
.booking_field_column .no-results {
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    width: 100%;
    left: 0px;
}
.booking_field_column .no-results a {
	text-align: center !important;
	justify-content: center;
}
 /* Hide body overflow */
 .no-scroll {
    overflow-y: hidden;
}

/* ******************************************************
booking engine flatpicker style end
******************************************************* */


/* profile dropdown menu */
.userProfile_crd {
	text-align: right;
	padding-right: 80px;
}
.userProfile_crd .dropdown-menu {
    padding: 0.7rem 0rem;
    font-size: 0.875rem;
    line-height: 22px;
    color: #5c5776;
    border: none;
    box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
    border-radius: 0.5rem;
    right: 17px;
    top: 48px;
  }
  
  .userProfile_crd  .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease-in;
  }
  
  .userProfile_crd  .dropdown:hover > .dropdown-menu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
  
  .userProfile_crd  .dropdown-submenu:hover > .dropdown-menu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
  
  @media (min-width: 990px) {
    .userProfile_crd  .dropright-lg {
      position: relative;
    }
    .userProfile_crd    .dropright-lg .dropdown-menu {
      top: 0;
      right: auto;
      left: 100%;
      margin-top: 0;
      margin-right: 0.125rem;
    }
  }
  .userProfile_crd  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: ">";
    border-top: 0rem;
    border-right: 0rem;
    border-bottom: 0;
    border-left: 0rem;
    float: right;
  }
  
  .userProfile_crd  .avatar-md {
    width: 56px;
    height: 56px;
  }
  
  .userProfile_crd  .avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .userProfile_crd .avatar {
	position: relative;
	display: inline-flex;
	width: 40px;
	height: 40px;
	font-size: 1rem;
	margin-right: 10px;
	background: #fff;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}

  .profile_userName_container h5{
    font-size:16px;
  }
.profile_userName_container p {
	font-size: 14px;
    line-height: 19px;
}
.userimageandName{
    display: flex;
    align-items: center;
}
.profileDropdows_menu li a{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.profileDropdows_menu li a iconify-icon{
    margin-right: 5px;
}
.profileDropdows_menu li a span{
    display: flex;
}
.profileDropdows_menu .arrouUp_dropdowncmn{
    position: absolute;
    top: -10px;
    right: 10px;
}

.tp-product-details-tab-nav .nav-tabs .nav-link {
	font-size: 17px;
	color: #EBEBEB;
}
.vehicle_section {
	padding: 70px 0px 80px 0px;
}
.tp-project-3-meta {
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--tp-ff-marcellus);
	margin-bottom: 35px;
	display: inline-block;
}
.vehicle_section  .pin-spacer{
    margin: 0px 0px 100px !important;
}
.vehicleTitle h4 {
	font-size: 100px;
	margin-bottom: 80px !important;
}
.vehicleTitle h4  .tp-reveal-line {
	text-align: center !important;
}
.tp-project-3-border span {
	width: 240px;
	height: 20px;
	border-radius: 100px;
	background: linear-gradient(90deg, rgba(148, 203, 140, 0.7) 0%, rgb(174, 252, 51) 33.33%, rgba(247, 255, 207, 0.7) 66.67%, rgba(225, 255, 220, 0.7) 100%) !important;
	display: inline-block;
}
.homeAbout_Section {
	padding: 80px 0px;
	background: #aefc330d;
	margin-bottom: 60px;
}
.homeAbout_Section .h4 {
	font-size: 60px;
    letter-spacing: 0px;
    font-family: 'Marcellus', sans-serif !important;
}
.homeAbout_Section  .tp-about-3-content {
	padding-right: 0px;
}
.homeAbout_Section .tp-section-subtitle-2 {
	margin-left: 0px;
}
.zertAboutImage {
	height: 450px;
}
.zertAboutImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 10px;
}
.homeAbout_content{
    padding-right: 30px;
}
.buttonCustom_theme{
    background-color: #AEFC33;
  color: #181818;
}
.buttonCustom_theme  span {
	color: #fff;
}
.tp-header-3-area.header-sticky {
	box-shadow: none;
	background: #000;
	padding: 5px 0px;
}
.tp-header-3-area.header-sticky .tp-header-3-logo {
	display: block;
}

.tp-header-3-area.header-sticky .tp-header-logo img {
	width: 90px;
	height: 100%;
	top: -1px;
	position: relative;
	padding: 4px 0px;
}
.section_AdditionalDetails{
    background: rgb(241, 246, 233);
    padding-top: 0;
  padding-bottom: 0;
  clip-path: none !important;
  transform: skewY(-2deg);
  width: 100%;
  min-height: 200px;
}
.ExtDetail_fiximagesec {
	padding-top: 80px;
}
.ExtDetail_fiximagesec .tp-hero-4-text {
    top: 11px;
    right: -20%;
  }
  .zertExcelence_section .tp-about-4-content a {
	color: #C5E617;
}
.ExtDetail_fiximagesec .tp-hero-4-thumb {
	height: 620px !important;
}
.experience_section{
    padding-top: 0px;
	padding-bottom: 0px;
}
.homeAbout_content .tp-section-title-90 {
	font-size: 70px;
}
/* .highlight_text{
    color: #C5E617;
} */

.homeAbout_Section  .row{
    align-items: center;
}
.tp-theme-settings {
	display: none;
}
.workingArea_section {
	padding: 60px 0px 40px 0px;
}
.workingArea_section .tp-blog-meta span {
	font-size: 16px;
	font-weight: 500;
	height: 32px;
	line-height: 32px;
	padding: 0px 14px;
	color: var(--tp-common-black);
    background-color: #C5E617;
	display: inline-block;
	border-radius: 4px;
}
.input__location span{
    color: #fff !important;
}
.input__location svg{
    color: #fff !important;
}
.service_slider .tp-blog-thumb {
	margin-bottom: 25px;
	height: 300px;
}
.service_slider .tp-blog-thumb  img{
	width: 100%;
  transition: 0.9s;
  height: 300px;
  object-fit: cover;
}
.service_slider .tp-blog-item.tp_fade_bottom {
	margin-right: 10px;
}
.workingArea_section  .tp-service-4-title-wrap {
	margin-bottom: 40px;
}
.workingArea_section .tp-testimonial-arrow-box.d-lg-block {
	text-align: right;
}
.workingArea_section .tp-testimonial-arrow-box button:hover {
	background-color: #CBE830;
	border-color: var(--tp-common-black);
	color: #000 !important;
}
.workingArea_section .tp-testimonial-arrow-box button:hover span {
	color: #0B0B0B;
}
.workingArea_section .tp-service-4-title {
	font-size: 38px;
	font-weight: 600;
}
.vehicle_section h2{
	color: #fff !important;
}

.cardsSlidersec .tp-project-2-area {
	margin: 0px -15px;
	transition: 0.3s;
	background: #1e1e1e;
}
.cardsSlidersec .tp-project-2-content {
	position: relative;
	left: 0;
	bottom: 0px;
	padding: 24px 0px 0px 0px;
}
.cardsSlidersec {
	background: #1e1e1e;
	padding-bottom: 30px;
}
.cardsSlidersec .panel{
	width: 400px;
}
.cardsSlidersec .panel img{
	width: 100% !important;
}
.centercustom_title {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 60px;
}
.centercustom_title h2 {
	font-size: 60px;
	letter-spacing: 0px;
	margin-bottom: 12px;
	font-family: 'gallery_modernregular', sans-serif;
	font-weight: 600;
}
.centercustom_title p {
	font-size: 15px;
	color: #f7f7f7;
}
.Cars_mainSlider.slick-initialized.slick-slider {
	padding: 0px 20px;
}
.Cars_mainSlider .tp-project-2-title-sm {
	font-size: 41px;
}

.vehicle_section  .tp-testimonial-arrow-box button span {
	color: #FFF;
	transition: 0.3s;
}
.vehicle_section .tp-testimonial-arrow-box button:hover {
	background-color: #C5E617;
	border-color: var(--tp-common-black);
}
.vehicle_section .tp-testimonial-arrow-box.d-lg-block {
	justify-content: center;
	display: flex !important;
	margin-top: 40px;
}
.vehicle_section .tp-testimonial-arrow-box button {
	margin: 0px 10px;
}
.centerBig_CarSection {
	margin-top: 0px;
	background: #1E1E1E !important;
	padding-bottom: 60px;
	padding-top: 40px;
}
.centerBig_CarSection .tp-award-2-img {
	position: absolute;
	top: -150px;
	left: 0px !important;
	animation: none;
}
.centerBig_CarSection .tp-award-2-img img {
	max-width: inherit;
	width: 800px;
}
.centerBig_CarSection .tp-award-2-img {
	position: relative;
	top: -150px;
	left: 0px !important;
	animation: none;
}
.centerBig_CarSection .tp-award-2-title-box p {
	color: rgba(255, 255, 255, 0.86);
}
.centerBig_CarSection .tp-award-2-btn-box {
	margin-right: 0px;
}
.marqueLines_word_section{
	padding-top: 60px;
	padding-bottom: 70px;
}
.centerBig_CarSection .tp-btn-circle:hover {
	border: 1px solid transparent;
	background: #c5e617;
}
.blog_sectionHome{
	padding: 80px 0px;
	background: #1e1e1e;
}
.tp-studio-testimonial-top-title span {
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	margin-right: 0px;
	display: inline-block;
	transform: translateY(6px);
	color: #040404;
}
.tp-studio-testimonial-text p {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3;
	color: #212121;
	font-family: var(--tp-ff-shoulders);
}
.tp-studio-testimonial-user-name {
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	color: #191919;
}
.tp-studio-testimonial-title {
	font-size: 220px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	white-space: nowrap;
	color: rgb(233, 233, 233);
	font-family: var(--tp-ff-shoulders);
}
.tm-testimonial-height {
	height: auto;
}
.testimonial_title{
	width: 70%;
	margin: 0 auto;
}
.tp-studio-testimonial-top-title {
	text-align: center;
	margin-bottom: 20px;
}
.blog-details-blockquote {
	margin-left: 100px;
	position: relative;
	margin-bottom: 50px;
	text-align: center;
}
.blog-details-blockquote .quote-icon {
	position: absolute;
	top: -30px;
	left: 95px;
}
.tp-studio-testimonial-wrapper{
	width: 80%;
	margin: 0 auto;
}
.tp-studio-testimonial-item {
	padding-right: 0px;
	text-align: center;
}
.tp-studio-testimonial-item {
	padding-right: 30px;
	text-align: center;
	border-radius: 12px;
}
.swiper-container.tp-studio-testimonial-active.fix.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
	padding: 20px 20px;
}

.tp-studio-testimonial-arrow {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	top: 50%;
}
.tp-studio-prev span, .tp-studio-next span {
	background: #000;
}
.blog-details-blockquote p {
	font-size: 44px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.88px;
	color: var(--tp-common-black);
}
.tp-studio-testimonial-text p {
	font-size: 29px;
	font-weight: 600;
	line-height: 1.3;
	color: #212121;
	font-family: var(--tp-ff-shoulders);
}
.tp-studio-prev {
	margin-left: -100px;
}
.tp-studio-next {
	margin-right: -100px;
}

.tp-studio-testimonial-user-info-box.d-flex.align-items-center {
	display: flex !important;
	justify-content: center;
}

.tp-studio-testimonial-logo img{
	width: 100%;
}
.tp-studio-testimonial-logo {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	margin-left: 20px;
}
.blog_sectionHome .tp-shop-insta-title-box span {
	color: #E8E8E8;
}
.blog_sectionHome .tp-shop-insta-title {
	font-size: 60px;
	font-weight: 400;
	line-height: 1;
	color: #FFF;
	font-family: var(--tp-ff-marcellus);
}
.blog_sectionHome .tp-blog-title-sm {
	font-size: 31px;
	font-weight: 600;
	line-height: 0.8;
	letter-spacing: -0.62px;
	color: #FFF;
}
.blog_sectionHome .tp-blog-content span {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #EFEFEF;
	margin-bottom: 10px;
	display: inline-block;
}

.clinet_testimonial_mainSection{
	padding: 80px 0px;
}
.clinet_testimonial_mainSection .tp-studio-testimonial-wrap {
    padding-top: 0px;
}
.blog_sectionHome .tp-blog-item .tp-blog-thumb {
	margin-bottom: 25px;
	height: 400px;
}
.blog_sectionHome  .tp-blog-thumb img {
	width: 100%;
	transition: 0.9s;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.boxcar-service-section {
	position: relative;
	padding: 120px 0px 0px 0px;
	margin-bottom: -50px;
	z-index: 10;
	margin-top: 120px;
}
.large-container {
	position: static;
	max-width: 90%;
	padding: 0px 15px;
	margin: 0 auto;
	width: 100%;
}
.boxcar-service-section .right-box {
	position: relative;
	border-radius: 16px;
	background: #FBFFE6;
	padding: 98px 98px 110px;
}
.boxcar-service-section .content-column .inner-column .title {
	font-weight: 700;
	line-height: 52px;
	text-transform: capitalize;
	margin-bottom: 27px;
	font-size: 39px;
}
.boxcar-service-section .content-column .inner-column .text {
	margin-bottom: 40px;
	font-size: 15px;
}
.boxcar-service-section .content-column .inner-column .store {
	position: relative;
	background-color: #161d30;
	display: inline-block;
	padding: 6px 40px 11px 81px;
	border-radius: 16px;
}
.boxcar-service-section .content-column .inner-column .store img {
	position: absolute;
	top: 15px;
	left: 20px;
}
.boxcar-service-section .content-column .inner-column .store span {
	color: #fff;
	font-size: 13px;
	display: block;
}
.boxcar-service-section .content-column .inner-column .store .title {
	position: relative;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	margin-top: -4px;
	margin-bottom: 0;
	line-height: 20px;
}
.boxcar-service-section .content-column .inner-column .store.two {
	padding-right: 60px;
	margin-left: 25px;
}
.boxcar-service-section .content-column .inner-column .store .title::before {
	content: "";
	position: absolute;
	top: -15px;
	left: -21px;
	width: 1px;
	height: 31px;
	background-color: #505463;
}
.boxcar-service-section .image-column .inner-column .image-box {
	position: absolute;
	bottom: 0;
	right: 0;
}
figure.image {
	margin-bottom: 0;
}
.tp-footer-3-input-box input {
	padding: 20px;
}
.footer-col-3-2 {
	padding-left: 80px;
	margin-left: 33px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	height: 100%;
}
.footer-col-3-3 {
	padding-left: 130px;
	margin-left: 33px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	height: 100%;
}
.tp-footer-3-logo {
	margin-bottom: 70px;
	display: inline-block;
}
.tp-footer-3-logo-box p {
	margin-bottom: 40px;
}
.footer-col-3-3 {
	padding-bottom: 40px;
}
.whychooseZert_section{
	padding: 60px 0px 40px 0px;
}
.tp-service-3-category {
	display: flex;
}
.tp-service-3-wrap:last-child {
	border-bottom: none;
}


@media (max-width:767px){
	.tp-hero-3-title {
		font-size: 40px;
	}
	.bookingIngine_container {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		backdrop-filter: blur(8px);
		background: rgba(40, 40, 40, 0.06);
		border-radius: 13px;
		padding: 10px 0px 20px 0px;
		width: 90%;
		margin: 0 auto;
		margin-top: 20px;
		border: 1px solid #aefc3380;
		flex-direction: column !important;
	}
	.booking_search_fields {
		display: flex;
		align-items: center;
		padding: 0px 20px;
		flex-direction: column;
	}
	.inputDevider {
		height: 53px;
		width: 1px;
		background: #40404adb;
		margin-right: 28px;
		display: none;
	}
	.bookingIngine_container input {
		background-color: transparent !important;
		border: 1px solid rgba(236, 236, 236, 0.35) !important;
		padding: 8px 20px 8px 30px;
		height: auto;
		line-height: 0px;
		border: initial;
		color: #fff !important;
		border-radius: 3px;
	}
	.booking_field_column {
		margin-bottom: 10px;
	}
	.bookingIngine_container .profile__input > span {
		left: 8px !important;
		display: flex;
	}
	.booking_field_column {
		margin-bottom: 10px;
		width: 100%;
	}
	.bookingIngine_container input {
		background-color: transparent !important;
		/* border: 1px solid rgba(236, 236, 236, 0.35) !important; */
		padding: 10px 20px 10px 30px;
		height: 100%;
	}
	.tp-header-logo.tp-header-3-logo {
		padding-left: 18px;
	}
	.tp-header-logo img {
		width: 77px;
		height: 100%;
	}
	.userProfile_crd {
		text-align: right;
		padding-right: 0px;
	}
	.col-xl-3.col-lg-6.col-md-6.col-6.flexmobile_column {
		display: flex;
	}
	.tp-header-3-right.d-flex.align-items-center.justify-content-end {
		padding-right: 11px;
	}
	.col-xl-3.col-lg-6.col-md-6.col-6.flexmobile_column {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
	.tp-header-3-bar {
		color: #FFF;
		border: 1px solid #FFF;
		margin: 0px !important;
	}
	.tp-hero-3-ptb {
		padding-top: 194px;
		padding-bottom: 112px;
	}
	.booking_field_column_button {
		position: relative;
		top: 8px;
		right: -23px;
		display: none;
	}
	.buttonMobileSearch {
		width: 100%;
		display: block !important;
	}
	.tp_text_invert > div {
		display: inline-block !important;
		margin-right: 10px !important;
	}
	.homeAbout_content .tp-section-title-90 {
		font-size: 38px;
	}
	.homeAbout_Section {
		padding: 30px 0px 40px 0px;
		margin-top: 40px;
	}
	.homeAbout_content .tp-section-title-90 {
		font-size: 38px;
		line-height: 45px;
		letter-spacing: 0px !important;
	}
	.homeAbout_Section .tp-about-3-content {
		margin-bottom: 30px;
	}
	.tp-hero-5-title {
		font-size: 40px;
		letter-spacing: 1px;
		white-space: inherit;
	  }
	  .tp-hero-5-content-box p {
		font-size: 16px;
		line-height: 27px;
	  }
	  .tp-btn-black-square {
		height: 50px;
		line-height: 50px;
		padding: 0 24px;
		font-weight: 500;
		letter-spacing: -0.18px;
		font-size: 16px;
		z-index: 9;
		overflow: hidden;
		display: inline-block;
		text-transform: capitalize;
		position: relative;
		transition: all 0.3s;
		border: 1.5px solid rgba(18, 18, 18, 0.2);
		color: var(--tp-common-black);
		border-radius: 6px;
	}
	.experience_section {
		padding-top: 0px;
		padding-bottom: 30px;
	}
	.ExtDetail_fiximagesec {
		padding-top: 40px;
	}
	.tp-hero-4-content .tp-section-title-200 {
		font-size: 60px;
		letter-spacing: -2px;
	  }
	  .ExtDetail_fiximagesec .tp-hero-4-thumb {
		height: 200px !important;
	}
	.tp-about-4-area.pt-100.pb-110.p-relative.zertExcelence_section {
		padding-bottom: 30px;
	}
	.workingArea_section .tp-service-4-title {
		font-size: 32px;
		font-weight: 600;
	}
	.workingArea_section {
		padding: 40px 0px 20px 0px;
	}
	.row.service_slider.slick-initialized.slick-slider {
		padding: 0px 20px;
	}
	.centercustom_title h2 {
		font-size: 35px;
		letter-spacing: 0px;
		margin-bottom: 12px;
		font-family: 'gallery_modernregular', sans-serif;
		font-weight: 600;
	}
	.centercustom_title {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 60px;
	}
	.vehicle_section {
		padding: 40px 0px 40px 0px;
	}
	.tp-award-2-title {
		font-size: 35px;
		letter-spacing: 0px;
		transform: unset !important;
	  }
	  .centerBig_CarSection .tp-award-2-img img {
		max-width: inherit;
		width: 400px;
		padding-top: 210px;
	}
	.centerBig_CarSection .tp-award-2-btn-box {
		margin-right: 0px;
		padding-top: 220px;
	}
	.Cars_mainSlider .tp-project-2-title-sm {
		font-size: 36px;
	}
	.vehicle_section .tp-testimonial-arrow-box.d-lg-block {
		justify-content: center;
		display: flex !important;
		margin-top: 0px;
	}
	.tp-service-3-category {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.tp-service-3-wrap {
		padding-bottom: 20px;
	}
	.whychooseZert_section {
		padding: 38px 0px 20px 0px;
	}
	.sv-service-title {
		font-size: 34px;
		font-weight: 600;
		/* line-height: 1; */
		letter-spacing: -1.6px;
		color: var(--tp-common-white);
		line-height: 42px;
	}
	.sv-service-content-wrap {
		padding: 50px 20px 30px 20px;
	  }
	  .slide-funfact-item h4 {
		font-size: 55px;
	}
	.clinet_testimonial_mainSection {
		padding: 40px 0px;
	}
	.testimonial_title {
		width: 100%;
		margin: 0 auto;
	}
	.blog-details-blockquote {
		margin-left: 0px;
		position: relative;
		margin-bottom: 20px;
		text-align: center;
	}
	.blog-details-blockquote p {
		font-size: 35px;
	}
	.blog-details-blockquote .quote-icon {
		position: absolute;
		top: -98px;
		left: 27px;
	}
	.tp-studio-testimonial-item {
		padding-right: 0px;
		text-align: center;
		border-radius: 12px;
	}
	.tp-studio-testimonial-text p {
		font-size: 22px;
	}
	.clinet_testimonial_mainSection {
		padding: 60px 0px 40px 0px !important;
	  }
	  .swiper-container.tp-studio-testimonial-active.fix.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
		padding: 20px 0px !important;
	}
	.tp-studio-testimonial-wrap {
		padding-bottom: 0px;
	  }
	  .blog_sectionHome .tp-shop-insta-title {
		font-size: 42px;
	}
	.blog_sectionHome {
		padding: 40px 0px 0px 0px;
		background: #1e1e1e;
	  }
	.tp-shop-insta-title-box.mb-70.text-center {
		margin-bottom: 30px !important;
	}
	.boxcar-service-section {
		position: relative;
		padding: 0px 0px 0px 0px;
		margin-bottom: -50px;
		z-index: 10;
		margin-top: 40px;
	}
	.boxcar-service-section .right-box {
		position: relative;
		border-radius: 16px;
		background: #FBFFE6;
		padding: 30px;
		padding-bottom: 0px;
	}
	.boxcar-service-section .content-column .inner-column .title {
		font-weight: 700;
		line-height: 33px;
		text-transform: capitalize;
		margin-bottom: 10px;
		font-size: 24px;
	}
	.boxcar-service-section .image-column .inner-column .image-box {
		position: relative;
		bottom: 0;
		right: 0;
	}
.boxcar-service-section	.btn-box {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.boxcar-service-section .content-column .inner-column .store.two {
		padding-right: 60px;
		margin-left: 0px;
		margin-top: 12px;
	}
	.footer-col-3-2 {
		padding-left: 6px;
		margin-left: 0px;
		border-left: none;
		height: 100%;
		margin-top: 44px;
	}
	.footer-col-3-3 {
		padding-left: 0px;
		margin-left: 0px;
		border-left: none;
		height: 100%;
	}
	.mobile_vectorcabSection{
		display: block !important;
	}
	.desktop_cabvector_section{
		display: none;
	}
	.tp-hero-3-content-box {
		z-index: 100;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50% , -50%);
		width: 100%;
	}
	.tp-hero-3-ptb {
		height: 110vh;
	}
	.btnbecomea_driver {
		display: none !important;
	}
	
	.carfacilities_section .tp-service-icon {
		flex: 0 0 auto;
		width: 100% !important;
	}
	
	#header-sticky {
		margin-top: 12px;
	}
	.desktopAppImage{
		display: none !important;
	}
	.MobileAppImage{
		display: block !important;
	}

	.traveller-dropdown {
		max-width: 350px !important;
		width: 350px !important;
	}
	#days-control {
		flex-wrap: wrap !important;
	}
	.tp-shop-details-area.tp-shop-details-scroll-height {
		margin-top: 10px !important;
	}
	.taxiAvailable_listing {
		height: 300px !important;
		overflow-y: scroll !important;
		padding-bottom: 0px !important;
		position: relative !important;
		z-index: 1 !important;
	  }
	.Rides-left-wrap h1 {
		font-weight: 500 !important;
		font-size: 19px !important;
		margin-bottom: 0px !important;
	}	
	.Driverfind_continue_wrapper {
		position: absolute !important;
    width: 100%;
    left: 0px;
    bottom: 0px !important;
    z-index: 10000;
	  }
	.container_custom_width {
		width: 100%;
		max-width: 100%;
	}
	.TAXI-tracking-map {
		margin-top: 35px;
	}
	.ContnuePRocess {
		padding: 4px 15px !important;
		font-size: 13px;
	}
	.TAXI-tracking-map iframe {
		width: 100%;
		height: 240px !important;
		border-radius: 6px;
		margin-bottom: 40px !important;
	}
	
}

@media (max-width:992px){
	.carfacilities_section{
		display: none !important;
	}
	.mobile_vectorcabSection p{
		font-size: 15px;
		line-height: 24px;
	}
	.mobile_vectorcabSection .cabservice_title h2 {
		font-size: 22px !important;
		color: #191919;
		font-weight: 600 !important;
	}
}


.buttonMobileSearch {
	width: 100%;
	display: none;
}
.buttonMobileSearch button {
	width: 100%;
	padding: 7px 30px;
	background: #AEFC33;
	border-radius: 6px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}
.buttonMobileSearch button iconify-icon{
	margin-right: 6px;
	font-size: 17px;
}

.btnbecomea_driver {
	height: auto;
	line-height: 2px;
	border-radius: 40px;
	padding: 5px 11px 5px 18px;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.03em;
	z-index: 9;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	text-transform: capitalize;
	position: relative;
	transition: all 0.3s;
	background-color: #AEFC33;
	color: #0A0A0A;
	margin-right: 20px;
}
.btnbecomea_driver:hover{
	transition: all 0.3s;
	background-color: #AEFC33;
  color: #0A0A0A;
}
.btnbecomea_driver span .svg-icon {
	position: absolute;
	top: 9px;
	left: 0px;
	right: 0;
	z-index: 2;
	margin: 0 auto;
	transition: 0.3s;
	color: var(--tp-common-black);
}
.btnbecomea_driver:hover span .svg-icon {
	color: #000;
}
.tp-header-3-menu > nav > ul > li > a:hover {
	color: #aefc33;
}
.sv-service-area.project-panel-area-2.scrolltrigger_leftSection {
	background: #1e1e1e;
}
.tp-product-details-tab-nav .nav-tabs .nav-link:hover {
	color: #FFF;
  }
  .cabServices_vector_section {
	z-index: 10;
	position: absolute;
	bottom: 0px;
	width: 50%;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 30px;
	border-radius: 100px;
	backdrop-filter: blur(8px);
	background: rgba(40, 40, 40, 0.06);
	padding: 20px 0px;
}
.cabservice_imagesec{
	text-align: center;
	margin-bottom: 10px;
}
.cabservice_imagesec img {
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
.cabservice_title {
	text-align: center;
}
.cabservice_title h2{
	font-size: 15px;
	color: #fff;
}
.mobile_vectorcabSection{
	display: none;
	padding-top: 25px;
}

.mobile_vectorcabSection .cabServices_vector_section {
	z-index: 10;
	position: relative !important;
	bottom: 0px;
	width: calc(100% - 20px);
	/* margin: 0 auto; */
	left: 0px;
	transform: none !important;
	margin-bottom: 30px;
	border-radius: 20px;
	backdrop-filter: blur(8px);
	/* background: transparent; */
	padding: 20px 0px 0px 0px;
	background: #fff;
	margin: -0px 10px 0px 10px;
}
.mobile_vectorcabSection .cabServices_vector_section .row .col-lg-3 {
	width: 50%;
}
.mobile_vectorcabSection .cabservice_title h2 {
	font-size: 15px;
	color: #191919;
}
.mobile_vectorcabSection .cabservice_imagesec {
	text-align: center;
	margin-bottom: 16px;
}
.mobile_vectorcabSection .cabservice_imagesec img {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}
.mobile_vectorcabSection .vectorcab_card {
	margin-bottom: 0px;
}
.tp-service-right-wrap.carfacilities_section {
	display: flex;
	padding: 80px 60px;
}
.carfacilities_section .ab-2-about-title-style {
	width: 25%;
}
.carfacilities_section .tp-service-icon {
	flex: 0 0 auto;
	width: 80px;
}
.carfacilities_section .tp-service-title-sm {
	font-weight: 500;
	font-size: 19px;
	line-height: 1;
	color: var(--tp-common-black);
}
.carfacilities_section .tp-service-content p {
    padding-right: 0px;
    font-size: 14px;
    line-height: 22px;
  }
  .carfacilities_section .tp-service-item {
	display: flex !important;
	align-items: center !important;
}
.carfacilities_section .tp-service-content {
	padding-left: 20px;
	padding-right: 20px;
}
.vectorcar_slider_arrow {
	justify-content: center;
	display: flex;
}
.MobileAppImage{
	display: block ;
}
.image.MobileAppImage{
	text-align: center;
	padding-top: 30px;
	display: none;
}
.image.MobileAppImage img {
	width: 60%;
	margin: 0 auto;
}


/* daterange */
.date-picker-container {
	margin: 20px;
}
#dateRangeDisplay {
	margin-top: 10px;
	display: block;
}
/************************************************
           Prebook engine container
 **********************************************/

.bookingIngine_container.prebookengine {
	width: 100%;
}
.modalHeaderDate {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	position: relative;
	width: 100%;
	top: 6px;
	margin-bottom: 0px !important;
	padding: 10px 28px 10px 28px;
	border-bottom: 1px solid #f0f0f0;
}
#modalImage img {
	width: 20%;
  }

  #modalTitle {
	font-size: 20px;
	text-align: center;
	line-height: 30px;
	margin-bottom: 25px;
  }

  #modalImage {
	text-align: center;
	margin-top: -20px;
  }

  #modalImage img {
	width: 60%;
	margin-top: 20px;
	transform: rotateY(-180deg);
  }

  #dateModal {
	width: 400px;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3000;
	height: auto;
  }

  #dateModal .close {
	text-align: right;
	padding-right: 0px;
	padding-top: 0px;
	color: #000;
  }

  #dateModal .modal-content {
	border: none !important;
  }

  #dateModal .flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px;
	border: none;
	box-shadow: none;
	width: 100%;
  }

  #dateModal .flatpickr-innerContainer {
	margin-top: 15px;
  }

  #dateModal .flatpickr-day {
	font-weight: 400;
	width: 40px !important;
	-webkit-flex-basis: 40px !important;
	-ms-flex-preferred-size: 40px;
	flex-basis: 40px !important;
	max-width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
  }

  #dateModal .flatpickr-prev-month {
	border: 1px solid #2c933c;
	border-radius: 50px;
	display: flex;
  }

  #dateModal .flatpickr-next-month {
	border: 1px solid #2c933c;
	border-radius: 50px;
	display: flex;
  }

  #dateModal .flatpickr-day.today {
	border-color: #19a844;
  }

  #dateModal .flatpickr-days {
	width: 100% !important;
  }

  #dateModal .flatpickr-day.selected {
	background: #01a653 !important;
	border-color: #01a653 !important;
  }

  #dateModal .flatpickr-rContainer {
	display: block;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
  }

  #dateModal .dayContainer {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
  }

  .makeRelative {
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	overflow: hidden;
	max-height: 4.5em;
	line-height: 1.5em;
  }
  .dateslt_container {
	display: flex;
	/* align-items: center; */
}
.blackText.code {
	font-size: 14px;
	color: #fff;
	margin: 0;
	/* line-height: 20px; */
	display: block;
}
.code {
	font-size: 13px;
	color: #aefc33;
	margin: 0;
	display: none;
}
.fsw_inputField {
	/* padding: 0 !important;
	line-height: 0 !important; */
	/* height: 0 !important; */
	display: none;
}

/* testimonial card design */
.card-testimonial {
	max-width: 470px;
	width: 100%;
	padding: 34px 40px;
	border: 1px solid #dee2e6;
	background-color: #FFFEFE !important;
	border-radius: 32px;
}

.box-testimonials-2 .card-testimonial .card-info .card-title {
	margin-bottom: 9px;
}
.card-testimonial  .neutral-500 {
	color: #6f6f6f !important;
}
.box-testimonials-2 .card-testimonial .card-top {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 28px;
}
.card-testimonial .card-top {
	border-bottom: 1px solid #FFFEFE;
	padding-bottom: 23px;
	margin-bottom: 31px;
}
.card-testimonial .card-top .card-author {
	display: flex;
	align-items: center;
}
.card-testimonial .card-top .card-author .card-image {
	width: 64px;
	height: 64px;
	margin-right: 12px;
}
.card-testimonial .card-top .card-author .card-image img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: block;
}
.card-testimonial .card-top .card-rate img {
	margin-left: 2px;
}

.card-testimonial .customerName_review {
	font-weight: 700 !important;
	color: #000 !important;
	font-size: 18px;
	margin-bottom: 0px;
}
.card-testimonial p{
  font-size: 16px;
  margin-bottom: 0px;
}
.card-testimonial .text-lg-bold{
  font-weight: 700 !important;
}
.card-testimonial .card-info p{
	font-size: 14px;
  line-height: 22px;
}
.review_title{
	font-size: 20px;
	font-weight: 600;
	color: #000;
}
.box-button-slider-team .swiper-button-prev-style-1 {
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	margin: 0px 4px 0px 0px;
	display: inline-block;
}
.swiper-button-prev-style-1 {
	height: 40px;
	width: 40px;
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	background-color: #E1E3E6;
}
.swiper-button-next-style-1 {
	height: 40px;
	width: 40px;
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	background-color: #E3E5E8;
}
.review_card_author{
	display: flex;
	align-items: center;
}
.Customer_info_review{
	margin-left: 15px;
}
.Customer_image img {
	border-radius: 50px;
}
.card-rate {
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
.block_testimonials {
	padding-left: 130px;
	margin-top: 35px;
}
.box-testimonials-2 .box-author-testimonials {
	background-color: #AEFC33;
}
.box-author-testimonials {
	color: rgb(33, 33, 33);
}
.box-author-testimonials {
	padding: 10px 12px;
	border-radius: 50px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 700;
	display: flex;
	align-items: center;
	width: fit-content;
	z-index: 123;
	position: relative;
	border: 1px solid #E2E3E5;
}
.box-author-testimonials img {
	border: 1px solid #FFF;
	border-radius: 50%;
	height: 26px;
	width: 26px;
	margin-right: -13px;
}
.box-author-testimonials img:last-child {
	margin-right: 8px;
}
.Testimonial_Heading{
	color: #000;
	font-weight: 600;
	font-size: 52px;
	font-family: "Romelio Sans" !important;
	margin-top: 15px;
}
.section-box.testimonialSection.box-testimonials-2 {
	position: relative;
	padding: 80px 0px 60px 0px;
	background: #fff;
}
.testimonialSection::before {
	content: "";
	bottom: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	background: url(../img/newimages/cityimage.png) no-repeat left bottom;
  }
  .testimonial_slide {
	margin-right: 30px;
	max-width: 470px;
	width: 470px;
}
h2,h4 {
	font-family: 'Romelio Sans' !important;
}
.tedtimonialArrows{
	text-align: right;
	display: flex;
	justify-content: flex-end;
	z-index: 10;
	position: relative;
	margin-right: 50px;
	margin-top: 30px;
}
.tedtimonialArrows .slick-testimonial-prev{
	margin-right: 6px;
}
.tedtimonialArrows button {
	border: 1px solid #474749;
	transition: 0.3s;
}
.tedtimonialArrows button:hover{
	background: #aaf633;
}
.tedtimonialArrows button:hover span {
	color: #000;
  }
@media (min-width: 1400px) {
	section .container{
	  max-width: 85%;
	}
  }
  .whychooseZert_section .tp-service-3-title-box{
	text-align: center;
  }
  .whychooseZert_section .tp-service-3-title-box .tp-section-title-90 {
	text-align: center;
	display: flex;
	justify-content: center;
}
.whychooseZert_section .tp-service-3-icon {
	position: absolute;
	top: 14%;
	left: 17%;
}
.profile__input input {
	font-size: 18px;
	font-weight: 600;
}
.locationImage {
	width: 27px;
	margin-right: 10px;
}

  
  /* Apply to a specific input field using a class or ID */
  .input__location::placeholder {
	font-size: 18px;
  }
  input::placeholder {
	font-size: 18px;
  }
  .booking_field_column {
	display: flex;
	align-items: center;
}
.booking_field_column label iconify-icon{
	font-size: 22px;
	margin-right: 5px;
}
.booking_field_column .form-group .form-label {
	display: flex;
	align-items: center;
}

.booking_field_column label {
	font-size: 14px;
	color: #d8dce5;
}
.fltSwipCircle {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	margin-left: -22px;
	border-radius: 100%;
	background: #86d904;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 1;
	cursor: pointer;
}
.fltSwipIcon {
	font-size: 20px;
	color: #0e0e0e;
	display: flex;
}
.booking_field_column {
	display: flex;
	align-items: center;
	padding: 12px 19px;
	display: flex;
	width: 100%;
	cursor: pointer;
}
.border_rightfrmInput{
	border-right: solid 1px #3e4050;
}
.datefont {
	font-size: 30px;
	line-height: 30px;
	font-weight: 600;
	color: #fff;
	position: relative;
	top: 5px;
}
.lbl_input.appendBottom10 {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	color: #d8dce5;
}
.flt_fsw_inputBox{
	width: 100% !important;
}
.fsw .lbl_input {
	display: flex;
	align-items: center;
	text-transform: capitalize;
}

.appendBottom10 iconify-icon {
	font-size: 22px;
	margin-right: 10px;
}
.flt_fsw_inputBox.dates .lbl_input::after, .flt_fsw_inputBox.flightTravllers .lbl_input::after, .flt_fsw_inputBox.travelFor .lbl_input::after {
	border: solid #0d6e3d;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	content: '';
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	vertical-align: top;
	margin: 0px 0 0 8px;
	transition: all 0.3s ease-in-out;
}
.date_formt_custom {
	text-align: left;
	position: relative;
	top: -8px;
}
#RequestRide_container .inplocate_width{
	width: 25% !important;
}

#RequestRide_container .booking_field_column{
	width: 25%;
}
.dteCustomModal   .flatpickr-months {
	top: 7px !important;
	position: relative !important;
}
.dteCustomModal .flatpickr-rContainer {
	width: 100% !important;
	margin-top: 20px;
}
.dteCustomModal .flatpickr-day {
	line-height: 44px !important;
}

.dteCustomModal .flatpickr-day {
	background: none;
	border: 1px solid transparent;
	border-radius: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #393939;
	cursor: pointer;
	font-weight: 400;
	width: 14.28% !important;
	-webkit-flex-basis: 14.2857143%;
	-ms-flex-preferred-size: 14.2857143%;
	flex-basis: 14.28% !important;
	max-width: 14.28% !important;
	height: 14.28% !important;
	line-height: 44px !important;
	margin: 0;
	display: inline-block;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
.dteCustomModal .flatpickr-calendar.inline {
	position: relative;
	top: 2px;
	width: 100% !important;
}
.dteCustomModal .flatpickr-calendar.inline {
	position: relative;
	margin-top: 0px;
	padding: 20px 20px !important;
	background: transparent;
}
.dteCustomModal .flatpickr-calendar {
	box-shadow: none !important;
}
.dteCustomModal .flatpickr-rContainer {
	width: 100% !important;
	margin-top: 20px;
}
.dteCustomModal .flatpickr-days {
	width: 100% !important;
}
.dteCustomModal .dayContainer {
	margin-top: 10px !important;
}
.dteCustomModal .dayContainer {
	padding: 0;
	outline: 0;
	text-align: left;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
.dteCustomModal .modal-content{
	position: relative;
}
.dteCustomModal .modal-content {
	border-radius: 10px;
}
.dteCustomModal .close {
	color: #303030;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	z-index: 10;
}
.modalHeaderDate h2 {
	font-size: 22px;
   margin-bottom: 0px;
}
.flt_fsw_inputBox.dates .lbl_input::after, .flt_fsw_inputBox.flightTravllers .lbl_input::after, .flt_fsw_inputBox.travelFor .lbl_input::after {
	border: solid #aefc33;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	content: '';
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	vertical-align: top;
	margin: 0px 0 0 8px;
	transition: all 0.3s ease-in-out;
}
.makeFlex.hrtlCenter {
	align-items: center;
	display: flex;
}
.mainRideTitle_container {
	margin-bottom: 10px;
	display: flex;
	width: 100%;
	align-items: center;
}
.pushRight.makeFlex.hrtlCenter{
	align-items: center;
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
.box-top-search {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.need-some-help {
	color: #AEFC33 !important;
}
.need-some-help {
	background: url(../imgs/page/homepage2/user.svg) no-repeat left center;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: var(--bs-neutral-500);
	display: inline-block;
	padding: 0px 0px 0px 10px;
}
.radioSelection_trip {
	display: flex;
}
.pushRight.makeFlex.hrtlCenter p {
	font-size: 13px;
  margin-bottom: 0px;
  color: #e9e9e9;
}
.mainRideTitle_container h2 {
	width: 100%;
	text-align: left;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
	color: #fff;
}
.makeFlex.vrtlCenter {
	justify-content: center;
	display: flex;
	position: relative;
	top: 38px;
}
.makeFlex.vrtlCenter button {
	padding: 11px 30px;
	width: 39%;
	background-color: #AEFC33;
	border-radius: 50px;
	font-size: 16px;
	color: #191919;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
    background-size: auto;
  background-size: 400% 400%;
  -moz-animation: gradient 3s ease-in-out infinite;
  -webkit-animation: gradient 3s ease-in-out infinite;
  animation: gradient 3s ease-in-out infinite;
}
.makeFlex.vrtlCenter button:hover {
	padding: 11px 30px;
	width: 39%;
	background-color: #AEFC33 !important;
	border-radius: 50px;
	font-size: 16px;
	color: #191919 !important;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
    background-size: auto;
  background-size: 400% 400%;
  -moz-animation: gradient 3s ease-in-out infinite;
  -webkit-animation: gradient 3s ease-in-out infinite;
  animation: gradient 3s ease-in-out infinite;
}
.makeFlex.vrtlCenter button iconify-icon{
	font-size: 20px;
	margin-right: 7px;
}
.arrowDown_label::after{
	border: solid #aefc33;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  content: '';
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  vertical-align: top;
  margin: 0px 0 0 8px;
  transition: all 0.3s ease-in-out;
}
.searchingine_wrapper {
	width: 100%;
}
#days-control {
	display: inline-flex;
  border-radius: 4px;
  background-color: #ffffff;
  margin-bottom: 24px;
  align-items: center;
  width: 100%;
}
.checkbox-item {
	display: flex;
	flex-direction: column;
}
.checkbox-item label{
	color: #000;
}
.daysselectTitle {
	color: #050B20;
	font-size: 20px;
	font-weight: 600;
}

.days-row {
    display: flex;
    gap: 10px;
    margin: 10px 0;
}

.checkbox-item {
    position: relative;
    display: flex;
    align-items: center;
}

.checkbox-item input[type="checkbox"] {
    display: none; /* Hide the default checkbox */
}

.checkbox-item label {
	padding: 3px 12px;
	border-radius: 5px;
	border: 1px solid #b9b9b9;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	color: #333;
	font-size: 13px;
	font-weight: 600 !important;
}

.checkbox-item input[type="checkbox"]:checked + label {
	background-color: #aefc33;
	color: #252525;
    font-weight: bold;
}

.checkbox-item label:hover {
    background-color: #e0e0e0; /* Hover state */
}

/* Style the apply button */
#apply-btn {
	padding: 4px 20px;
	background-color: #2b2b2b;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 15px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.daysContainer{
	margin-bottom: 0px;
}

#apply-btn:hover {
    background-color: #028844; /* Darken the button on hover */
}

.traveller-dropdown {
	padding: 20px;
	background: white;
	border: 1px solid #ccc;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: 100%;
	max-width: 450px;
	width: 450px !important;
	position: absolute;
	right: 0px;
	z-index: 100;
	top:45%;
}
.daysFieldColumn .form-group{
	width: 100%;
}
.lbl_input.appendBottom5.psngrLabel {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
}
.lbl_input.appendBottom5.psngrLabel iconify-icon{
	font-size: 15px;
	margin-right: 10px;
}
.checkbox-item label.active {
    background-color: #01a653; /* Active state background */
    color: white; /* Active state text color */
    font-weight: bold;
}
.daysselect_title p {
	font-size: 14px;
	line-height: 21px;
}
.daysFieldColumn .travellerText{
	font-size: 14px !important;
	font-weight: 600;
}
#dateRangeModal {
	max-width: 40%;
	height: 420px;
	border-radius: 12px;
}
#dateRangeModal .modal-content {
	height: 100%;
	border-radius: 12px;
}

#dateRangeModal .flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px;
	width: 100% !important;
}
#dateRangeModal .flatpickr-rContainer {
	width: 100% !important;
}
#dateRangeModal .flatpickr-days {
	width: 100% !important;
}
#openDateRangeModal .datefont {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: #fff;
	position: relative;
	top: 5px;
}
#dateRangeModal .modal-header {
	padding: 12px 20px;
	border-bottom: 1px solid #e4e4e4;
}
#dateRangeModal .btn-close {
	background-size: 10px !important;
}
#dateRangeModal .btn-close {
	position: absolute;
	top: 17px;
	right: 21px;
	z-index: 99999999999;
	padding: 0;
	margin: 0;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	color: var(--tp-common-black);
	background-color: #fff !important;
	border: 1px solid rgba(25, 25, 26, 0.2);
	opacity: 1;
	transition: 0.3s;
	font-size: 15px;
}
#dateRangeModal  .flatpickr-months .flatpickr-month {
	margin-top: 10px;
}
#dateRangeModal .modal-dialog {
	border-radius: 12px;
}
#dateRangeModal .flatpickr-calendar.inline {
	box-shadow: none !important;
}
#dateRangeModal .modal-footer {
	border-top: 1px solid #e4e4e4;
	margin-top: 10px;
}
#confirmDateRange {
	display: flex;
	align-items: center;
	background: #aefc33;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	border-color: #aefc33;
}
#confirmDateRange iconify-icon{
	margin-right: 5px;
	font-size: 17px;
}
#dateRangeModal .btn.btn-secondary {
	display: flex;
	align-items: center;
	background: #f2f2f2;
	border-color: #f2f2f2;
	font-size: 14px;
	color: #000;
}

.fromtoGroups {
	display: flex !important;
	align-items: center;
}
  #RequestRide_container .fromtoGroups .booking_field_column {
	width: 50% !important;
}
.has-dropdown.active a {
	color: #aefc33;
}

/* search result page style start */
.searched_result_WhiteWrapper {
	position: relative;
	top: 80px;
}
#hsw_search_button {
	background-image: linear-gradient(96deg,#9ce923,#6fb500);
	border: 0;
	border-radius: 34px;
	box-shadow: 0 1px 7px 0 #0003;
	color: #fff;
	cursor: pointer;
	font-weight: 900;
	outline: 0;
	padding: 9px 20px;
	text-align: center;
	text-transform: uppercase;
}
.tp-header-logo.tp-header-3-logo {
	padding-left: 40px;
}
.userProfile_crd {
	padding-right: 40px;
}
.container_custom_width {
	width: 95%;
	max-width: 95%;
}
.tp-shop-details-area.tp-shop-details-scroll-height {
	margin-top: 100px ;
	margin-bottom: 60px;
}
.tp-shop-details-scroll-height .tp-shop-details-right-wrap {
	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.TAXI-tracking-map iframe{
	width: 100%;
	height: 530px;
	border-radius: 6px;
}
.Rides-left-wrap h1 {
	font-weight: 600;
	font-size: 28px;
}
.taxiDetails_left {
	display: flex;
	align-items: center;
}
.VehicleImage {
	width: 160px;
}
.Taxiname_Title h3 {
	margin-bottom: 0px;
	font-family: 'roboto';
	font-size: 18px;
}
.VehicleImage {
	width: 160px;
	margin-right: 20px;
	position: relative;
	
}
.taxiCard {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
	border: 2px solid rgb(223, 223, 223);
	border-radius: 10px;
	cursor: pointer;
	position: relative;
	margin-bottom: 20px;
}
.RideAmount {
	font-size: 18px;
	color: #242423;
	font-weight: 500;
	font-family: 'roboto';
	position: relative;
	top: 20px;
}
.taxiAvailable_listing {
	margin-top: 20px;
	height: 470px;
	overflow: auto;
	padding-bottom: 70px;

  position: relative;
}
.persons_limit {
	width: 45px;
	height: 21px;
	border-radius: 50px;
	border: 1px solid #a8a8a8;
	background: #2a2b2a;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	padding: 0px 5px;
	position: absolute;
	right: 0px;
	top: 64px;
}
.persons_limit iconify-icon{
	font-size: 13px;
	margin-right: 1px;
}
.Ridepick_distance {
	background: #f8f8f8;
	border-radius: 50px;
	padding: 0px 20px;
	position: absolute;
	right: 17px;
	top: 10px;
	font-size: 13px;
	color: #7ec70c;
	font-family: 'roboto';
	font-weight: 500;
}
.taxiCard.selected {
	border: 2px solid rgb(36, 36, 36);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
 }

 .Driverfind_continue_wrapper{
	background-color: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px;
  padding: 16px;
  background-color: rgb(255, 255, 255);
  border-top: 1px rgba(0, 0, 0, 0.12);
  bottom: 0px;
  padding-bottom: 20px;
  position: sticky;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .ContnuePRocess {
	display: flex;
	align-items: center;
	background: #000;
	padding: 4px 30px;
	border-radius: 7px;
	color: #fff;
	height: 40px;
}
.ContnuePRocess iconify-icon{
	margin-left: 6px;
	font-size: 16px;
	color: #fff;
}
.selectedcarname{
	margin-left: 5px;
}
.selectedcarimage img {
	width: 97px;
	height: auto;
	margin-bottom: 0px;
}



/* searching driver overlay style */
/* Full-screen overlay */
.driverSearchOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent black */
    display: none; /* Hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Make sure it covers everything */
}

/* Overlay content */
.overlayContent {
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.overlayContent h2 {
    margin-top: 20px;
    font-size: 24px;
	color: #fff;
	height: 30px;
}

/* Animation container */
.taxiDriverAnimation {
    width: 150px; /* Adjust according to your animation size */
    height: auto;
}

/* Cancel button */
.cancelRideButton {
	margin-top: 20px;
	padding: 5px 30px;
	background-color: black;
	color: white;
	border: none;
	cursor: pointer;
	font-size: 14px;
	border-radius: 5px;
}

.cancelRideButton:hover {
    background-color: red;
}
div:where(.swal2-container) {
	z-index: 10000 !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
	color: #090909 !important;
	font-size: 14px !important;
	padding: 6px 20px !important;
	background: #d8ff49 !important;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
	background-color: #f0f0f0 !important;
	color: #000 !important;
	font-size: 14px !important;
	padding: 6px 20px !important;
}
div:where(.swal2-container).swal2-center > .swal2-popup {
	width: 400px !important;
}
div:where(.swal2-container) .swal2-html-container {
	font-size: 15px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
div:where(.swal2-container) h2:where(.swal2-title) {
	padding-top: 0px !important;
	color: #000 !important;
}
div:where(.swal2-icon) {
	width: 4em !important;
	height: 4em !important;
}
div:where(.swal2-icon) {
	margin-top: 20px !important;
}
/* searching driver overlay style end */


.RideConfirmed_Title {
	font-weight: 500 !important;
	font-family: 'roboto' !important;
}
.RideVehicle_picture img {
	width: 75px;
}
.driverprofile_details {
	display: flex;
	align-items: center;
}
.DriverName h5 {
	font-weight: 500;
	line-height: 1.5;
	color: rgb(22, 27, 37);
	font-size: 17px;
	margin-bottom: 0px !important;
}
  .driverProfile img {
	border-radius: 50px;
	width: 50px;
	height: 50px;
	object-fit: cover;
}
.driverProfile {
	margin-right: 10px;
}
.ride_driver_details {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.DriverRatings img {
	width: 14px;
}
.DriverRatings {
	display: flex;
	align-items: center;
}
.DriverRatings h5 {
	font-size: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
}
.pin-code {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 5px;
  }
  .vehicle-info .pin-code li {
	width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgb(174, 252, 51);
	border-radius: 100%;
	font-size: 14px;
  color: #000;
  }
  .vehicle-info {
	padding-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* border-bottom: 1px solid rgb(236, 236, 236); */
}

  .startride_title {
	font-size: 15px;
	font-weight: 500;
	font-family: 'roboto';
	margin-top: 5px;
}
.VehicleNumber {
	font-size: 18px;
	font-weight: 500;
	font-family: 'roboto' !important;
	margin-bottom: 0px;
}
.VehicleNumber_details svg {
	vertical-align: middle;
	width: 15px;
	height: 15px;
  }
  
 .VehicleNumber_details svg {
	vertical-align: middle;
	width: 15px;
	height: 15px;
  }

  .VehicleNumber_details{
	display: flex;
	align-items: center;
  }
  .RideVehicle_name {
	font-size: 15px;
	margin-top: 4px;
}
 .VehicleNumber_details iconify-icon {
	font-size: 18px;
	margin-left: 4px;
}

.location-part {
	width: 100%;
	margin-top: 20px;
	padding: 15px;
	border-radius: 6px;
	background-color: rgb(240, 241, 244);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  }
  .location_flexContainer{
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  .Ridetiming {
	display: flex;
	align-items: center;
}
.Ridetiming h6{
	margin-bottom: 0px !important;
}
.Ridetiming h6 {
	margin-bottom: 0px !important;
	color: rgb(87, 88, 89) !important;
	font-weight: 400 !important;
	font-size: 14px;
	margin-right: 10px;
}
.location-part .location {
	position: relative;
	margin-left: 7px;
}
  .location-part .location::after {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: -8px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: rgb(122, 125, 126);
	border-radius: 100%;
  }
  .Ride_locationtitle {
	color: rgb(25, 31, 42) !important;
	font-weight: 500 !important;
	font-size: 14px;
	font-family: 'roboto' !important;
	margin-bottom: 3px;
}
.location_flexContainer iconify-icon {
	font-size: 22px;
	color: #000;
	margin-right: 10px;
}

.rideDetils_left_wrapper {
	padding: 18px 24px 28px;
	background: #fff;
	border: 1px solid #E0E2E3;
	border-radius: 10px;
	height: 550px;
  overflow-y: scroll;
  padding-bottom: 0px !important;
}
.Ride_amount {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
	background-color: rgb(241, 242, 244);
	margin-top: 20px;
	padding: 12px;
	margin-bottom: 10px;
}
.Amount_title{
	color: rgb(25, 31, 42) !important;
	font-weight: 400 !important;
	font-size: 14px;
	font-family: 'roboto' !important;
}
.Amount_Price{
	color: rgb(25, 31, 42) !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  font-family: 'roboto' !important;
}

div:where(.swal2-container) button:where(.swal2-styled) {
	box-shadow: none !important;
}
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] {
	top: 40px !important;
	left: 4px !important;
}
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"] {
	top: 32px !important;
	right: 0px !important;
}
#RideDetails_wrapper .accordion-header .accordion-buttons {
	padding: 20px 0;
	padding-left: 0px!;
	padding-right: 0px !important;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	width: 100%;
	text-align: left;
	font-family: 'roboto' !important;
}
#RideDetails_wrapper .accordion-header .accordion-buttons .accordion-icon {
	position: absolute;
	top: 30px;
	right: 0;
}
#RideDetails_wrapper .accordion-body {
	padding: 0px 10px 40px 0px !important;
}
#RideDetails_wrapper .accordion-body p{
	font-size: 15px !important;
}
#RideDetails_wrapper {
	margin-bottom: 20px;
}
.Ridedet_label {
	font-size: 14px !important;
}
.ridedet_detail {
	font-size: 14px !important;
}

.RideAction_wrapper{
	background-color: rgb(255, 255, 255);
	border-radius: 12px;
	border-top: 1px rgba(0, 0, 0, 0.12);
	bottom: 0px;
	padding-bottom: 20px;
	position: sticky;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tp-cart-checkout-wrapper.ml-30.OtherRide_Details {
	padding-bottom: 0px;
	border: none;
}
.tp-checkout-area{
	padding-top: 140px;
	padding-bottom: 80px;
}

.tp-checkout-input input{
	padding-left: 20px;
	padding-right: 20px;
	outline: none !important;
}
.tp-order-info-list ul li:nth-child(1){
	padding-top: 0px !important;
}
.tp-checkout-place {
	padding-bottom: 20px;
}
#RideDetails_wrapper .accordion-body {
	padding: 0px 10px 20px 0px !important;
}
#RideDetails_wrapper .accordion-items {
	border-bottom: 0px;
}
.tp-checkout-bill-title {
	margin-bottom: 0px;
}
.tp-checkout-place .RideLocations_wrapper{
margin-bottom: 30px;
margin-top: 30px;
}

.tp-checkout-place .RideLocations_wrapper .location-part {
	border: 1px solid #D5D8DB;
	padding: 20px;
	border-radius: 10px;
	margin-top: 10px;
}
.tp-checkout-place {
	padding-bottom: 20px;
	padding: 30px 24px 28px;
	padding-bottom: 28px;
	background: #fff;
	border: 1px solid #E0E2E3;
	border-radius: 10px;
	padding-bottom: 0px !important;
}
.totalAmount_label{
	font-weight: 600;
}
.tp-checkout-bill-form {
	margin-top: 30px;
}
.MakePayment_wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.tp-checkout-agree {
	margin-bottom: 0px;
}
.RideStatus.highlight {
	color: #87ca1e;
}
.expiration_dateWrap{
	display: flex;
	align-items: center;
}
.carddate-devider {
	width: 130px;
	display: flex;
	justify-content: center;
	font-size: 25px;
}

.paymentAdd_wrappet_title p {
	font-size: 15px;
	line-height: 22px;
	margin-top: 8px !important;
	width: 80%;
	margin: 0 auto;
}
.RideSuccessFul_msg{
	text-align: center;
	margin-bottom: 28px;
}

.RideSuccessFul_msg img{
	width: 30%;
  margin: 0 auto;
}

.paymentAdd_wrappet_title{
	text-align: center;
	margin-bottom: 45px;
}

.tp-checkout-input input::placeholder{
	color: #6a6a6a !important;
	font-size: 13px !important;
}
.tp-checkout-input{
	position: relative;
}
.tp-checkout-input iconify-icon {
	position: absolute;
	top: 40px;
	right: 13px;
	font-size: 22px;
}
.cardInputnumber iconify-icon {
	position: absolute;
	top: 45px;
	right: 13px;
	font-size: 13px;
}
.paymentSuccess_alert  .swal2-icon.swal2-success.swal-icon-custom.swal2-icon-show {
	display: none !important;
}
#payNowButton:focus {
	color: #fff !important;
}
.aboutpBanner{
	padding-top: 140px !important;
}

.aboutP_centercrt_title P {
	font-size: 40px;
	font-weight: 400;
}
#about-info {
	padding-top: 50px;
}
.aboutgallery{
	margin-top: 60px;
}
.sv-port-thumb img {
	border-radius: 300px;
	height: 260px;
}
.aboutGetintouch_section{
	margin-top: 50px;
}
.BlogsMainWrapper{
	margin-top: 30px;
}
.BlogsMainWrapper .tp-blog-thumb {
	height: 300px;
}
.BlogsMainWrapper  .tp-blog-thumb img{
	height: 100%;
}

.BlogsMainWrapper .tp-blog-title-sm {
	line-height: 35px;
}
.blog-details-bg{
	background-size: cover;
	background-repeat: no-repeat;
}
.blog-details-bg-height {
	height: 500px;
}
.blog-details-bg{
	padding-top: 220px;
	padding-bottom: 150px;
}
.blog-details-area {
	padding-top: 74px;
	position: relative;
}

.blog-details-area .container {
	transition: all 1s;
	position: absolute;
	top: 50%;
	transform: translate(-50% , -50%);
	z-index: 100;
	left: 50%;
  }
  .blog-details-overlay-shape img {
	height: 100%;
	width: 100%;
}

.blog-details-realated-area .tp-blog-thumb img{
	height: 350px;
	object-fit: cover;
}
.cn-contactform-wrap input {
	width: 100%;
}
.cn-contactform-wrap textarea {
	width: 100%;
}

.cn-contactform-wrap textarea:focus-visible {
	outline: none;
}
.cn-contactform-wrap input:focus-visible {
	outline: none;
}
.BlogsMainWrapper .container{
	width: 90% !important;
  max-width: 90%;
}
.Blogtitle_banner{
	padding-bottom: 0px;
	padding-top: 140px;
}
.Blogtitle_banner .container{
	max-width: 90%;
}
.Blogtitle_banner h4{
	font-size: 70px;
	letter-spacing: 0px;
}
.recent_post_thumb img{
	width: 80px;
	height: 80px;
	object-fit: cover;
}
.blog-details-navigation-style{
	margin-bottom: 60px;
}
.RideDateandTime .flex_stylecustom {
	display: flex;
	align-items: center;
}
.RideDateandTime .flex_stylecustom iconify-icon{
	margin-right: 4px;
	font-size: 18px;
	color: #000;
}
.RideDateandTime {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rideFrom_Date {
	display: flex;
	align-items: center;
}
.RideTo_date{
	display: flex;
	align-items: center;
}
.DatetoArrow {
	margin: 0px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Daysselected_wrap{
	display: flex;
}

.days_Item_selected{
	position: relative;
  display: flex;
  align-items: center;
  padding: 3px 12px;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-weight: 600 !important;
  margin-right: 10px;
  background-color: rgb(216, 255, 154);
  color: rgb(0, 0, 0);
}
.Ride_Selected_days {
	border-top: 1px solid #E0E2E3;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.scheduleRide_dateRange{
	color: #000 !important;
}

#dateRangeModal::before{
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #0000008a;
}
#dateRangeModal {
	max-width: 100%;
	height: 100%;
	border-radius: 12px;
}
#dateRangeModal .modal-dialog {
	border-radius: 12px;
	max-width: 40%;
	height: 420px;
	border-radius: 12px;
}
#dateRangeModal .modal-content {
	height: auto;
	border-radius: 12px;
}

.profile__main-title {
	font-family: "Roboto", sans-serif !important;
}
.profile__area {
	padding: 140px 0px 60px 0px;
}

.profilePicture_customer .profile__main-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin-bottom: 40px;
}

.profilePicture_customer .profile__main-thumb {
	position: relative;
	width: 100px;
	margin: 0 auto;
	margin-bottom: 20px;
}

@media(max-width:767px){
	#dateRangeModal .modal-dialog {
		max-width: calc(100% - 40px);
    height: 100%;
    border-radius: 12px;
    width: 100%;
    margin: 0 20px;
	}
	#dateRangeModal .flatpickr-weekdays .flatpickr-weekdaycontainer:nth-child(2){
		position: absolute;
    top: 320px;
    width: 100%;
	}
	#dateRangeModal .flatpickr-days {
		width: 100% !important;
		display: flex;
		flex-direction: column;
	}
	#dateRangeModal .flatpickr-weekdays {
		overflow: visible !important;
		width: 100%;
	}
	#dateRangeModal .dayContainer {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	#dateRangeModal .flatpickr-months .flatpickr-month {
		height: 55px !important;
	}
	#dateRangeModal .tp-header-logo.tp-header-3-logo {
		padding-left: 7px;
	}
	#dateRangeModal .dayContainer + .dayContainer {
		-webkit-box-shadow: -1px 0 0 #e6e6e6;
		box-shadow: -1px 0 0 #e6e6e6;
		position: relative;
		margin-top: 50px;
	}
	#dateRangeModal .flatpickr-day {
		width: 15.286% !important;
		-webkit-flex-basis: 15.286%;
		-ms-flex-preferred-size: 15.286%;
		flex-basis: 15.286%;
		max-width: 42px !important;
	}
	#dateRangeModal .flatpickr-current-month span.cur-month {
		font-size: 14px;
	}
	.tp-header-logo.tp-header-3-logo {
		padding-left: 10px !important;
	}
	.userProfile_crd {
		padding-right: 0px !important;
	}
	.flt_fsw_inputBox.flightTravllers .lbl_input::after{
		right: 27px;
    position: absolute;
	top: 11px !important;
	}

	.bookingIngine_container input {
		padding: 10px 0px 10px 0px !important;
		height: 100%;
		border-radius: 0px !important;
		font-size: 13px;
		font-weight: normal;
	  }

	  .bookingIngine_container input::placeholder {
		font-size: 14px !important;
		font-weight: normal !important;
	  }
	  .bookingIngine_container input::placeholder {
		font-size: 14px !important;
		font-weight: normal !important;
	  }
	  #DaysSelect_field{
		border: none !important;
	  }
	  .traveller-dropdown {
		left: 10px !important;
	}

	/* about page media style */

	.aboutpBanner {
		padding-top: 105px !important;
	  }
	  .aboutP_centercrt_title P {
		font-size: 18px;
		font-weight: 400;
		letter-spacing: 0px;
		padding: 0px !important;
		margin-top: 10px;
		line-height: 27px;
	}
	.ab-about-content {
		margin-bottom: 34px;
	}
	.aboutgallery {
		margin-top: 0px;
	}
	.section-box.testimonialSection.box-testimonials-2 {
		position: relative;
		padding: 50px 0px 60px 0px;
		background: #fff;
	}
	.Testimonial_Heading {
		font-size: 27px;
	}
	.aboutGetintouch_section .sv-big-text {
		font-size: 45px;
		white-space: break-spaces;
		letter-spacing: 0px;
		margin-top: 20px;
	  }
	  .sv-small-text-box span {
		font-size: 14px;
	}
	.aboutGetintouch_section .pb-80 {
		padding-bottom: 40px;
	}
	.tp-footer-3-area.dark-bg.pt-120 {
		padding-top: 40px;
	}
	.Blogtitle_banner h4 {
		font-size: 40px;
		letter-spacing: 0px;
	}
	.Blogtitle_banner {
		padding-bottom: 0px;
		padding-top: 110px;
	}
	.contact_banner_title .tm-hero-title-big {
		font-size: 45px;
		letter-spacing: 0px;
	  }
	  .contact_banner_title {
		padding-bottom: 40px !important;
		padding-top: 120px;
	}
	.block_testimonials {
		padding-left: 0px !important;
	}
	.card-testimonial {
		max-width: 100%;
		width: 100%;
		border-radius: 32px;
		margin: 0px !important;
	}
	.testimonial_slide {
		margin-right: 10px !important;
		margin-left: 10px !important;
	}
	.Driverfind_continue_wrapper {
		position: sticky !important;
		bottom: -1000px !important;
		left: 0;
		right: 0;
		opacity: 1;
		width: 100%;
		z-index: 999;
		visibility: visible;
		height: fit-content;
	  }
	  .overlayContent {
		width: 90%;
	}
	.cancelRideButton {
		margin-top: 35px;
	}
	.scheduleRid_datetime_eWrap {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}
	.scheduleRid_datetime_eWrap .flex_stylecustom {
		display: flex;
		align-items: center;
		margin-top: 7px;
	}
	.rideDetils_left_wrapper {
		height: 100%;
	}
	.tp-checkout-area {
		padding-top: 90px;
		padding-bottom: 80px;
	}
	.tp-checkout-place {
		margin-top: 20px;
	}
	.MakePayment_wrapper {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column;
	}
	.tp-checkout-btn-wrapper {
		margin-top: 15px;
		width: 100%;
	}

	.profile__tab .tp-tab-menu {
		position: relative;
		display: flex;
		flex-direction: row !important;
		overflow-y: scroll;
		width: 100%;
		white-space: nowrap;
	}
	.profile__tab .nav {
		flex-wrap: nowrap !important;
	}
	.profile__tab nav .nav-tabs .nav-link {
		font-size: 14px;
		margin: 0px 0px;
	}
	.profile__tab nav .nav-tabs {
		padding: 0px 0;
	}
	.profile__tab nav .nav-tabs .nav-link {
		padding: 14px 10px;
		font-weight: 500;
		color: #000 !important;
		width: 50%;
    text-align: center;
	border-bottom: 1px solid #ccc;
	}
	.profile__tab nav .nav-tabs .nav-link.active {
		color: #6ea819 !important;
		border-bottom: 2px solid #6ea819;
	}
	.profile__tab nav .nav-tabs {
		border: none !important;
	}
	.profilePicture_customer .profile__main-inner {
		margin-bottom: 10px;
	}
	.profile__area {
		padding: 110px 0px 60px 0px;
	}
	.profile__tab-content {
		padding: 24px 16px 40px;
		background-color: #f5f5f5;
	}
	.profile__tab {
		margin-right: 0;
		margin-bottom: 20px !important;
	  }

	 .profileRides_cards .VehicleImage {
		width: 68px;
		margin-right: 20px;
		position: relative;
	}

	.profileRides_cards .taxiCard {
		padding: 30px 20px !important;
	}

	.tripcardpr_title h3 {
		margin-bottom: 0px;
		font-family: 'roboto';
		font-size: 14px;
	}
	.mytrip_dateTitle h2 {
		font-size: 20px !important;
		margin-bottom: 0px !important;
	}
	.profile__tab nav .nav-tabs .nav-link::after {
		display: none !important;
	}
	.orderColumn1_scheduled{
    order: 2;
	}
	.orderColumn2_scheduled{
		order: 1;
		}
		.leftMapContainer{
			padding: 0px !important;
		}
		.upcommingTitleheader h2 {
			font-size: 14px !important;
			color: #000;
			margin-bottom: 0px;
		}
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.tp-shop-details-area {
		padding-top: 45px;
	}
  }


 .MyTrips_details .taxiCard {
	background: #fff;
}
.mytrip_dateTitle h2 {
	font-family: "Roboto", sans-serif !important;
	font-size: 22px;
	color: #000;
	font-weight: bold;
	margin-bottom: 0px;
}
.Canceled_status {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	-moz-box-align: center;
	align-items: center;
	color: rgb(222, 17, 53);
	background-color: rgba(222, 17, 53, 0.09);
	border-style: solid;
	border-width: 0px;
	border-radius: 50px;
	box-sizing: border-box;
	cursor: default;
	display: inline-flex;
	height: 24px;
	-moz-box-pack: justify;
	justify-content: space-between;
	margin: 5px;
	padding: 2px 8px;
	outline: none;
}

.Ridepick_distance.Completed_status {
	background: #f8f8f8;
	border-radius: 50px;
	padding: 3px 8px;
	position: absolute;
	right: 17px;
	top: 10px;
	font-size: 12px !important;
	color: #7ec70c;
	font-family: 'roboto';
	font-weight: 500 !important;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	-moz-box-align: center;
	align-items: center;
}

.TripDateFilter .list {
	height: 140px;
	overflow-y: scroll !important;
}
.mytrip_dateTitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mytrip_dateTitle .profile__input {
	margin-bottom: 0px !important;
	position: relative;
}
.profile__input-box.TripDateFilter {
	width: 160px;
}
.TripDateFilter .profile__input .nice-select {
	width: 100%;
	float: none;
	height: 35px;
	border: 1px solid #EAEAEF;
	border-radius: 4px;
	line-height: 35px;
	padding-left: 27px;
}

.BackToTrips{
	padding: 7px 0px;
	border-radius: 6px;
	color: #000;
	font-weight: 500;
	font-family: "Roboto", sans-serif !important;
	display: inline-flex;
	align-items: center;
	background: transparent;
}
.BackToTrips:hover{
	padding: 7px 10px;
	background: #ccc3;
	color: #000 !important;
}
.BackToTrips iconify-icon{
	margin-right: 10px;
	font-size: 22px;
}
.backTripsPage {
	margin-bottom: 20px;
}

.project-details-custom-link.BackToTrips::after {
	display: none;
}


.RideRatingContainer .rating {
    display: flex;
    align-items: center;
}

.RideRatingContainer .star {
    cursor: pointer;
    font-size: 30px; /* Adjust size as needed */
    color: #ccc; /* Default star color */
}

.RideRatingContainer  .star.selected,
.RideRatingContainer  .star.hover {
    color: gold; /* Color when selected or hovered */
}

.RideRatingContainer {
	border-bottom: 1px solid #E0E2E3;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 14px;
}
.RideRatingContainer h2 {
	font-size: 28px;
	margin: 0px !important;
}
.ratingsDriverstars{
	display: flex;
	flex-direction: column;
}
.ratingsDriverstars p {
	margin-bottom: 0px;
	font-size: 14px;
	color: #000;
}
.NormalRideand_scheduledRide_tabs .nav-tabs {
	margin-bottom: 20px;
}
.NormalRideand_scheduledRide_tabs .nav-tabs .nav-link.active {
	color: #000;
	background-color: #fff;
	border-color: var(--bs-nav-tabs-link-active-border-color);
	font-weight: 500;
	border-bottom: 2px solid #80bd1f;
	border: none;
  }
  .NormalRideand_scheduledRide_tabs .nav-tabs .nav-item {
	width: 50%;
}

.NormalRideand_scheduledRide_tabs .nav-tabs .nav-link {
	width: 100%;
	color: #000;
	border: none !important;
	outline: none !important;
}

.NormalRideand_scheduledRide_tabs .nav-tabs .nav-link:focus, .NormalRideand_scheduledRide_tabs .nav-tabs .nav-link:hover {
	isolation: isolate;
	border: none !important;
	outline: none !important;
}
.upcommingTitleheader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
	border-bottom: 1px solid #E0E2E3;
  padding-bottom: 15px;
}
.upcommingTitleheader h2 {
	font-size: 22px;
	color: #000;
	margin-bottom: 0px;
}
.CancelBooking {
	background: #f0f1f4;
	color: #000;
	padding: 3px 12px;
	border-radius: 5px;
	font-size: 13px;
}
.SchedulesDates_container {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #D5D8DB;
	padding: 10px 20px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.scheduleDateListing {
	width: 50%;
}
.Ridestatus_completed{
	color: #87ca1e;
}
.Ridestatus_canceled{
	color: red;
}
.Ridestatus_Accepted{
	color: #19a844;
}
.scheduleRightItem.scheduleDateListing {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: right;
}
.ScheduledDate_itemWraper {
	padding: 20px 0px;
	height: 200px;
	overflow-y: scroll;
	scrollbar-width: thin;
	margin-bottom: 40px;
	border-bottom: 1px solid #E0E2E3;
}

.cancelschedule_modal .modal-content {
	width: 30%;
	margin: 0 auto;
	border-radius: 12px;
}

.select2-container--open .select2-dropdown--below {
	z-index: 10000;
}

.cancelschedule_modal .modal-body {
	padding: 20px;
	height: 200px;
}

.cancelschedule_modal .modal-header .btn-close {
	padding: 0px;
	margin: 0px;
	width: 30px;
	height: 30px;
	font-size: 10px;
	position: relative;
	top: 0px !important;
	right: 0px !important;
}

.cancelschedule_modal .modal-header {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	border-bottom: 1px solid #dbdbdb;
}
.cancelschedule_modal .select2-container {
	width: 100% !important;
}
.cancelschedule_modal .select2-container .select2-selection--single {
	height: 36px !important;
	border-color: #cacaca !important;
}
.cancelschedule_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 36px;
}
.cancelschedule_modal .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px;
	position: absolute;
	top: 1px;
	right: 6px;
	width: 20px;
}
.Dates__input-box{
	margin-top: 15px;
}
.Cancelation_type h3 {
	font-size: 19px;
	margin-bottom: 11px;
	text-align: left;
}

.Custommodal_footer .btn.btn-secondary {
	background: #e7e7e7;
	border: none;
	font-size: 13px;
	border-radius: 4px;
	color: #000;
}

.Custommodal_footer .btn.btn-primary {
	background: #bfff80;
	border: none;
	font-size: 13px;
	border-radius: 4px;
	color: #000;
	padding: 6px 20px;
}
.cancelschedule_modal  .modal-title{
	font-size: 15px !important;
}