input::-webkit-input-placeholder,
.mat-mdc-input-element::-webkit-input-placeholder {
	font-weight: bold !important;
}

input::-moz-placeholder,
.mat-mdc-input-element::-moz-placeholder {
	font-weight: bold !important;
}

input:-ms-input-placeholder,
.mat-mdc-input-element:-ms-input-placeholder {
	font-weight: bold !important;
}

input::-ms-input-placeholder,
.mat-mdc-input-element::-ms-input-placeholder {
	font-weight: bold !important;
}

input::placeholder,
.mat-mdc-input-element::placeholder {
	font-weight: bold !important;
}

input::-webkit-input-placeholder,
.mat-mdc-input-element::-webkit-input-placeholder {
	font-weight: bold !important;
}

input::-ms-input-placeholder,
.mat-mdc-input-element::-ms-input-placeholder {
	font-weight: bold !important;
}

input::-moz-input-placeholder,
.mat-mdc-input-element::-moz-input-placeholder {
	font-weight: bold !important;
}

mat-label {
	font-weight: bold !important;
}





body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif !important;
	background-color: #fff !important
}

@font-face {
	font-family: 'pt_serifbold';
	src: url('assets/fonts/ptserif-bold-webfont.woff2') format('woff2'), url('assets/fonts/ptserif-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pt_serifbold_italic';
	src: url('assets/fonts/ptserif-bolditalic-webfont.woff2') format('woff2'), url('assets/fonts/ptserif-bolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pt_serifitalic';
	src: url('assets/fonts/ptserif-italic-webfont.woff2') format('woff2'), url('assets/fonts/ptserif-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pt_serifregular';
	src: url('assets/fonts/ptserif-regular-webfont.woff2') format('woff2'), url('assets/fonts/ptserif-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Shimmer animation */
@keyframes shimmer {
	0% {
	  background-position: -450px 0;
	}
	100% {
	  background-position: 450px 0;
	}
  }
  
  .shimmer {
	background: linear-gradient(
	  to right,
	  #eeeeee 8%,
	  #dddddd 18%,
	  #eeeeee 33%
	);
	background-size: 800px 104px;
	animation: shimmer 1.5s infinite linear;
  }
  
  /* Shimmer layout */
  .shimmer-wrapper {
	display: flex;
	gap: 20px;
  }
  
  .shimmer-card {
	width: 200px;
  }
  
  .shimmer-img {
	width: 100%;
	height: 140px;
	border-radius: 8px;
  }
  
  .shimmer-text {
	width: 70%;
	height: 16px;
	margin-top: 10px;
	border-radius: 4px;
  }
  
#cdk-overlay-0 .mat-calendar,
#cdk-overlay-0 .mat-mdc-button {
	font-family: 'PT Serif', serif !important;
}


/* #previewModal .modal-dialog {
    font-family: 'PT Serif', serif !important;
} */


/* h1, h2, h3, h4, h5, h6{font-family: 'Lato', sans-serif !important;} */

a,
button,
a:focus,
button:focus {
	outline: none
}

.home_header {
	background-color: rgba(1, 1, 2, 0.47);
	position: absolute;
	width: 100%;
}

header {
	top: 0px;
}

.headsmall .nav_top {
	display: none
}

.headsmall .navbar-brand img {
	width: 300px;
	transition: 0.6s;
	margin-top: -30px !important;
	padding: 0px 0px 10px 0px;
}

header .navbar-brand img {
	width: 300px;
	transition: 0.6s;
}

header.headsmall {
	height: auto !important;
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
	background-color: #000;
}

header a.nav-link.active {
	color: var(--orange-color) !important;
}

/* .allinner_wrapper header nav .navbar-nav li a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff !important;
	padding-left: 20px !important;
	padding-right: 15px !important;
} */

.home_header nav .navbar-nav li a {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff !important;
}

.owl-item a:hover {
	text-decoration: none
}


.cell-no {
	position: relative;
	font-size: 18px;
	text-decoration: none;
	font-weight: 700;
	color: #fff !important;
	padding: 0px 10px;
	border-radius: 4px;
}

@media only screen and (min-width:998px) and (max-width:1112px) {
	/* .allinner_wrapper header nav .navbar-nav li a {
		padding-left: 10px !important;
		padding-right: 10px !important;
	} */

	.navbar .collapse {
		padding-top: 10px;
	}
}

@media only screen and (min-device-width: 640px) and (max-device-width: 997px) {
	.cell-no {
		padding: 0 !important;
	}

	header .nav_top {
		text-align: right;
	}
	input, input::placeholder, input::-webkit-input-placeholder{font-size:0.9rem !important;}
}

@media only screen and (min-device-width: 640px) and (max-device-width: 997px) and (orientation: landscape) {
	.cell-no {
		padding: 0 !important;
	}

	header .nav_top {
		text-align: right;
	}
}



.cell-no-header .fas {
	color: var(--orange-color);
}

.cell-no-header:hover {
	text-decoration: none;
	color: var(--orange-color) !important
}

.cell-no .fas {
	color: var(--orange-color);
}

.cell-no:hover {
	text-decoration: none;
	color: var(--orange-color) !important
}

.dropdown.button-signin {
	margin-left: 0px;
}

.dropdown.button-signin a {
	/*background-color: #fff;*/
	border: none;
	font-weight: 600;
	/* padding-left    : 20px !important;
    padding-right   : 12px !important; */
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	border-radius: .2rem;
}

.dropdown.button-signin a:hover {
	color: var(--orange-color);
}

/* a.dropdown-item:not(a.text-secondary)  */
.dropdown.button-signin {
	color: #000 !important
}

.bannerform_wrapper {
	margin: 25px 25px;
	border-radius: 20px;
	padding: 25px 25px 0px 25px;
	background: linear-gradient(279.48deg, rgba(18, 18, 18, 0.5) 4.05%, #1212129c 86.45%), url('../images/banner1.jpg');
	background-size: cover;
	background-position: top center;
	height: auto;
	display: flex;
	justify-content: space-between;
}

.bannerform_wrapper .bannertext {
	width: 550px;
}

.bannerform_wrapper .bannertext h2 {
	font-weight: 500;
	font-size: 3.1vw;
	line-height: 130%;
	vertical-align: middle;
	text-transform: capitalize;
	padding: 0px;
	color: #fff !important;
	text-align: left;
}

.bannerform_wrapper .bannertext h2 span {
    font-weight: 600;
    font-size: clamp(24px, 2.8vw, 56px); 
    line-height: 130%;
    vertical-align: middle;
    text-transform: capitalize;
    color: var(--orange-color);
}

.bannerform_wrapper .bannertext h4 {
    color: #fff;
    font-weight: 400;
    font-size: clamp(15px, 1.2vw, 20px); 
    line-height: 150%;
    vertical-align: middle;
    text-transform: none; 
}

.bannerform_wrapper .bannertext h5 {
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	vertical-align: middle;
	text-transform: capitalize;
	color: #fff;
}

.bannerform_wrapper .quoteform_homewrapper {
	width: 480px;
	background-color: rgba(0, 0, 0, 0.68);
	border-radius: 3px;
	margin-bottom: 20px;
	border: 1px solid rgba(243, 147, 61, 0.2);
}

.bannerform_wrapper .quoteform_homewrapper h3 {
    text-align: center;
    color: #fff;
    font-weight: 500;
    margin: 0;
    word-spacing: 4px;
    text-transform: uppercase;
    line-height: 1.4;
    font-size: clamp(14px, 2.5vw, 20px);
    padding-bottom: 5px;
	border-bottom: 1px solid #686868;
}

.bannerform_wrapper .quoteform_homewrapper h3 span {
	text-align: center;
	color: var(--orange-color);
	font-size: 22px;
	font-weight: 500;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #514f4f;
	margin: 0;
	word-spacing: 4px;
	text-transform: uppercase;
	line-height: 39px;
	display: inline;
	border: 0
}

.bannerform_wrapper .quoteform_homewrapper .nav {
	justify-content: space-between;
}

.bannerform_wrapper .quoteform_homewrapper .nav li {
	width: 33%
}

.bannerform_wrapper .quoteform_homewrapper .tab_innerform {
	border-bottom: 1px solid #fff;
	padding: 8px 15px 0px 15px;
}

.bannerform_wrapper .quoteform_homewrapper select {
	position: relative;
	width: 100%;
	background-color: transparent;
	border: 0;
	appearance: none;
	font-size: 13px;
	height: 30px;
	color: #000;
	z-index: 2;
	cursor: pointer;
	padding: 0px 10px;
}

.bannerform_wrapper .quoteform_homewrapper select:focus,
.bannerform_wrapper .quoteform_homewrapper input:focus {
	border: 0;
	outline: none;
}

.inselect {
	/* margin-bottom: 10px; */
	border-radius: 5px;
	padding: 0;
	position: relative;
	width: 100%;
	background-color: #fff;
	border: 0;
	appearance: none;
	height: 30px;
	color: #000;
	z-index: 2;
	cursor: pointer;
}

.number.passengers_qty button,
.number.passengers_qty button strong {
	color: #000 !important
}

.number.passengers_qty button:hover,
.number.passengers_qty button:active,
.number.passengers_qty button:focus {
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important
}

.inselect i {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background-color: var(--orange-color);
	z-index: 0;
	padding: 6px 10px 0px 9px;
	height: 30px;
	width: 30px;
	border-radius: 0px 4px 4px 0px;
	font-size: 18px;
	cursor: pointer;
}

.PickupTime svg {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background-color: var(--orange-color);
	z-index: 0;
	padding: 0px 7px 0px 7px;
	height: 35px;
	width: 35px;
	border-radius: 0px 4px 4px 0px;
	font-size: 22px;
	cursor: pointer;
}

#myTabContent.tab-content {
	border-top: 1px solid #686868;
}

@media only screen and (max-width:767px) {
	#myTabContent.tab-content {
		border: none !important;
	}

	.telephone_mobile {
		border-bottom: 1px solid #514f4f !important;
		border-radius: 0 !important;
		margin: 0 15px !important;
	}

}

.footer_logincreateacct:hover {
	color: #fff !important
}

.footer_logincreateacct {
	text-transform: uppercase;
	background-color: var(--orange-color) !important;
	color: #fff !important;
	padding: 10px 20px;
	border: 1px solid var(--orange-color);
	font-weight: 700;
}

header {
	background-color: #000;
}

.bannerform_wrapper .quoteform_homewrapper input {
	width: 100%;
	/* margin-bottom: 10px; */
	background-color: #fff !important;
	border: 0;
	-webkit-appearance: none;
	appearance: none;
	height: 42px;
	font-size: 17px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0px 10px;
	color: #000;
}

.bannerform_wrapper .quoteform_homewrapper .submit-btn {
	border: 2px solid var(--green-color);
	width: 210px;
	margin: 20px auto;
	background-color: var(--green-color) !important;
	-webkit-appearance: none;
	appearance: none;
	height: 35px;
	font-size: 14px;
	border-radius: 25px;
	padding: 0px 10px;
	color: #fff;
	transition: 0.6s;
	display: block;
}

.bannerform_wrapper .quoteform_homewrapper .submit-btn:hover {
	background-color: transparent !important;
	color: var(--green-color)
}

.bannerform_wrapper .quoteform_homewrapper label {
	color: #fff;
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: 300;
}

.bannerform_wrapper .quoteform_homewrapper .lug-msg {
	color: #fff !important;
}

.bannerform_wrapper .quoteform_homewrapper span {
	/* color        : var(--orange-color); */
	color: #fff;
	margin-bottom: 0px;
	font-size: 15px;
	width: 100%;
	display: inline-block;
	text-align: center;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.bannerform_wrapper .quoteform_homewrapper span.mat-button-wrapper {
	color: #fff !important;
}

.bannerform_wrapper .quoteform_homewrapper em {
	color: #000 !important;
}

.bannerform_wrapper .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
	border: 0px solid #fff !important;
}

.bannerform_wrapper .nav-item a {
	color: #fff;
	text-align: center;
	font-size: 1.15em;
	text-transform: uppercase;
}

.bannerform_wrapper .qutedrates {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0
}

.bannerform_wrapper .qutedrates li {
	list-style-type: disc;
	color: #fff;
	font-size: 11px;
	margin: 0 15px 0 15px;
	padding: 15px 0px 8px 0px;
}

.bannerform_wrapper .qutedrates li::marker{
	color: var(--orange-color);
}

.bannerform_wrapper a.vichlepolicy {
	color: var(--orange-color);
	font-size: 12px;
	text-align: center;
	width: 100%;
	text-decoration: none;
	display: inline-block;
}

.bannerform_wrapper p {
	color: #fff;
	font-size: 15px;
	text-align: center;
	margin: 10px 0px 20px 0px
}

.bannerform_wrapper p a {
	color: var(--orange-color);
	font-size: 14px;
	text-align: center;
}

.checkourveh_wrapper {
	margin: 0px 50px;
	padding: 15px 50px;
	background-size: cover;
	/* background-image: url(../images/textureimg.png); */
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff !important;
}

.checkourveh_wrapper hr {
	border: 1.8px solid var(--orange-color);
	width: 80px;
	background-color: var(--orange-color);
	margin: 0px auto 15px auto;
}

.checkourveh_wrapper h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: #000;
}

.checkourveh_wrapper h2 span {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: var(--orange-color);
}

.checkourveh_wrapper h6 {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(18, 18, 18, 1);
}

.checkourveh_wrapper p {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	color: #000;
	font-size: 15px;
	font-weight: 600;
}


.discover_diff {
	margin: 0px 50px;
	background-size: cover;
	/* background-image: url(../images/textureimg.png); */
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.discover_diff h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: #000;
	margin-bottom: 20px;
}

.discover_diff h2 span {
	font-weight: 600;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: var(--orange-color);
}

.discover_diff_inner_columns {
	border-radius: 16px;
	padding: 32px;
	border: 1px solid rgba(243, 147, 61, 0.2);
	box-shadow: 0px 19px 41px 0px rgba(18, 18, 18, 0.08);
	min-height: 322px;
}

.discover_diff_inner_columns img{
	margin-bottom: 20px;
}

.discover_diff_inner_columns h4 {
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	text-transform: capitalize;
}

.discover_diff_inner_columns p {
	font-weight: 400;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 2%;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
}

@media (max-width:991px) {
	.discover_diff_inner_columns p {
		font-size: 13px !important;
	}
	.discover_diff_inner_columns h4 {
		font-size: 14px !important;
	}
	.whychoosemidle .col-12 ul>li {
		padding: 8px !important;
	}
	.whychoosemidle > .row {
		padding-right: 0px;
	}
}


.ourmisservice_wrap {
	background-color: transparent !important;
	margin: 25px 0px; /* Match other sections */
}
.ourmisservice_wrap_ride {
	background-color: transparent !important;
	margin: 25px 40px; /* Match other sections */
} 
.ourmisservice_wrap h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: #000;
}
.ourmisservice_wrap_ride h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: #000;
}

.ourmisservice_wrap h2 span {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-transform: capitalize;
	color: var(--orange-color);
}
.ourmisservice_wrap_ride h2 span {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-transform: capitalize;
	color: var(--orange-color);
}

.ourmisservice_wrap_image {
	display: flex;
	justify-content: center;
}

.ourmisservice_wrap_image img {
	width: 100%;
	border-radius: 20px;
}

.ourmisservice_wrap_content {
	background: linear-gradient(264.04deg, rgba(243, 147, 61, 0.1) 4.98%, rgba(141, 85, 35, 0) 89.26%);
	border-radius: 20px;
}

.ourmisservice_wrap_content p {
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    text-align: justify;
    text-transform: capitalize;
    color: #000;
}

.chk_vehicles_parent {
	min-height: 130px; /* Reduced to match smaller vehicle images */
}

.chk_vehicles.owl-carousel .owl-item img {
	height: 120px; /* Reduced from 155px */
	object-fit: contain;
}

.checkourveh_wrapper .carousel {
	max-width: 500px;
	margin: auto
}

.checkourveh_wrapper .carousel-indicators {
	position: static
}

.personalized_wrapper .owl-nav .owl-prev {
	position: absolute;
	top: 85px;
	left: 0px;
	background: var(--orange-color) !important;
}

.personalized_wrapper .owl-nav .owl-next {
	position: absolute;
	top: 85px;
	right: 0;
	background: var(--orange-color) !important;
}

.owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50px;
	right: -55px;
	background: var(--orange-color) !important;
	width: 32px;
	height: 32px;
	border-radius: 40px;
}

@media only screen and (max-width:767px) {
	.owl-carousel .owl-nav button.owl-next {
		right: 0 !important;
		top: 0 !important;
	}

	.owl-carousel .owl-nav button.owl-prev {
		left: 0 !important;
		top: 0 !important;
	}

	.bannerform_wrapper .nav-item a {
		font-size: 0.95em;
	}

	.bannerform_wrapper .bannertext {
		padding-top: 0px;
		margin-top: -40px;
	}
}

.owl-carousel .owl-nav button.owl-next svg {
	fill: #fff !important;
	height: 18px !important;
}

.owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 50px;
	left: -55px !important;
	background: var(--orange-color) !important;
	width: 32px;
	height: 32px;
	border-radius: 40px;
}

.owl-carousel .owl-nav button.owl-prev svg {
	fill: #fff !important;
	height: 18px !important;
}

.viewVehicleCarousel .owl-nav button {
	top: 55px !important;
}

.viewVehicleCarousel .owl-nav button span,.viewClientLogo .owl-nav button span {
	top: -6px !important;
}

.viewVehicleCarousel .owl-nav button.owl-prev,.viewClientLogo .owl-nav button.owl-prev {
	left: 0px !important;
}

.viewVehicleCarousel .owl-nav button.owl-next,.viewClientLogo .owl-nav button.owl-next  {
	right: 0px !important;
}


.viewVehicleCarousel .owl-nav button.owl-prev span,.viewClientLogo .owl-nav button.owl-prev span  {
	left: 10px;
}

.viewVehicleCarousel .owl-nav button.owl-next span,.viewClientLogo .owl-nav button.owl-next span {
	right: 10px;
}

@media (max-width:767px) {

	/* view vehicles */
	.viewVehicleCarousel .owl-nav button {
		top: 55px !important;
	}
	input, input::placeholder, input::-webkit-input-placeholder{font-size: 0.9rem !important;}
	.viewVehicleCarousel .owl-nav button span {
		top: 1px !important;
	}

	/* .viewVehicleCarousel .owl-nav button.owl-prev {
		left: -45px !important;
	} */

	.viewVehicleCarousel .owl-nav button.owl-next, .viewClientLogo .owl-nav button.owl-next {
		right: 0px !important;
	}

	.viewVehicleCarousel .owl-nav button.owl-prev span, .viewClientLogo .owl-nav button.owl-prev span {
		left: 2px;
	}

	.viewVehicleCarousel .owl-nav button.owl-next span, .viewClientLogo .owl-nav button.owl-next span {
		right: 2px;
	}
}

@media (min-width:768px) and (max-width:991px) {

	/* view vehicles */
	.viewVehicleCarousel .owl-nav button {
		top: 55px !important;
	}

	.viewVehicleCarousel .owl-nav button span {
		top: -6px !important;
	}

	.viewVehicleCarousel .owl-nav button.owl-prev, .viewClientLogo .owl-nav button.owl-prev {
		left: 0px !important;
		display:none !important;
	}

	.viewVehicleCarousel .owl-nav button.owl-next, .viewClientLogo .owl-nav button.owl-next  {
		right: 0px !important;
		display: none !important;
	}

	.viewVehicleCarousel .owl-nav button.owl-prev span, .viewClientLogo .owl-nav button.owl-prev span {
		left: 10px;
	}

	.viewVehicleCarousel .owl-nav button.owl-next span, .viewClientLogo .owl-nav button.owl-next span {
		right: 10px;
	}

	/* .chk_vehicles {
		width       : 675px !important;
		margin-left : 5px;
		margin-right: 5px;
	} */
}

@media (min-width:992px) and (max-width:1199px) {

	/* view vehicles */
	.viewVehicleCarousel .owl-nav button {
		top: 50px !important;
	}
	.bannerform_wrapper .bannertext h2, .bannerform_wrapper .bannertext h2 span{font-size:38px !important;}
	.checkourveh_wrapper h2, .checkourveh_wrapper h2 span{font-size:32px !important;}
	.ourmisservice_wrap h2, .ourmisservice_wrap h2 span{font-size:32px !important;}
	.client_wrapper h2, .client_wrapper h2 span{font-size:32px !important;}
	.discover_diff h2, .discover_diff h2 span{font-size:32px !important;}
	.how-it-works-section h2, .how-it-works-section h2 span{font-size:32px !important;}
	.personalized_wrapper h2, .personalized_wrapper h2 span{font-size: 32px !important;}
	.whychoose_wrapper h2, .whychoose_wrapper h2 span{font-size: 32px !important;}
	.ourmisservice_wrap_ride h2, .ourmisservice_wrap_ride h2 span{font-size: 32px !important;}

	.viewVehicleCarousel .owl-nav button span {
		top: -6px !important;
	}

	.viewVehicleCarousel .owl-nav button.owl-prev, .viewClientLogo .owl-nav button.owl-prev {
		left: 0px !important;
		display: none !important;
	}

	.viewVehicleCarousel .owl-nav button.owl-next, .viewClientLogo .owl-nav button.owl-next{
		right: 0px !important;
		display: none !important;
	}

	.viewVehicleCarousel .owl-nav button.owl-prev span, .viewClientLogo .owl-nav button.owl-prev span {
		left: 10px;
	}

	.viewVehicleCarousel .owl-nav button.owl-next span, .viewClientLogo .owl-nav button.owl-next span {
		right: 10px;
	}

	.chk_vehicles {
		width: 900px !important;
		margin-left: 15px;
		margin-right: 0px;
	}

	.discover_diff_inner_columns {
		min-height: 354px;
	}
	
	.discover_diff_inner_columns img{
		margin-bottom: 25px;
	}
	
	.discover_diff_inner_columns h4 {
		font-size: 18px;
	}
	
	.discover_diff_inner_columns p {
		font-size: 14px;
	}

	.bannerform_wrapper .qutedrates li{
		font-size: 8px;
	}
	.step-img {
		height: 150px !important;
		width: 230px !important;
	}
	.steps-line-bg.d-none.d-md-block {
		top: 65% !important;
	}
}

.destinationCarousel button {
	top: 190.5px !important;
}

.destinationCarousel .owl-nav button.owl-prev svg,
.destinationCarousel .owl-nav button.owl-next svg {
	position: absolute;
	top: 6px !important;
}

.destinationCarousel button span {
	top: -3px !important;
}

.destinationCarousel .owl-nav button.owl-prev span {
	left: 10px !important;
}

.destinationCarousel .owl-nav button.owl-prev {
	left: -61px !important;
}

.destinationCarousel .owl-nav button.owl-next span {
	right: 10px !important;
}

.destinationCarousel .owl-nav button.owl-next {
	right: -58px !important;
}

@media only screen and (max-width:812px) and (orientation: landscape) {
	.destinationCarousel button {
		display: none !important;
	}

	.destinationCarousel button span {
		display: none !important;
	}

	.destinationCarousel .owl-nav button.owl-prev span {
		display: none !important;
	}

	.destinationCarousel .owl-nav button.owl-prev {
		display: none !important;
	}

	.destinationCarousel .owl-nav button.owl-next span {
		display: none !important;
	}

	.destinationCarousel .owl-nav button.owl-next {
		display: none !important;
	}
}


/* destinationCarousel */

@media (max-width:767px) {
	.destinationCarousel button {
		top: 190.5px !important;
	}

	.destinationCarousel button span {
		top: -3px !important;
	}

	.destinationCarousel .owl-nav button.owl-prev span {
		left: 10px !important;
	}

	.destinationCarousel .owl-nav button.owl-prev {
		left: -45px !important;
		display: none !important;
	}

	.destinationCarousel .owl-nav button.owl-next span {
		right: 10px !important;
	}

	.destinationCarousel .owl-nav button.owl-next {
		right: -45px !important;
		display: none !important;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.destinationCarousel button {
		top: 190.5px !important;
	}
	.bannerform_wrapper .bannertext h2, .bannerform_wrapper .bannertext h2 span{font-size:28px;}
	.checkourveh_wrapper h2, .checkourveh_wrapper h2 span{font-size:25px !important;}
	.ourmisservice_wrap h2, .ourmisservice_wrap h2 span{font-size:25px !important;}
	.client_wrapper h2, .client_wrapper h2 span{font-size:25px !important;}
	.discover_diff h2, .discover_diff h2 span{font-size:25px !important;}
	.how-it-works-section h2, .how-it-works-section h2 span{font-size:25px !important;}
	.personalized_wrapper h2, .personalized_wrapper h2 span{font-size:25px !important;}
	.whychoose_wrapper h2, .whychoose_wrapper h2 span{font-size:25px !important;}
	.ourmisservice_wrap_ride h2, .ourmisservice_wrap_ride h2 span{font-size:25px !important;}
	
	.destinationCarousel button span {
		top: -3px !important;
	}

	.destinationCarousel .owl-nav button.owl-prev span {
		left: 10px !important;
	}

	.destinationCarousel .owl-nav button.owl-prev {
		left: -42px !important;
		display: none !important;
	}

	.destinationCarousel .owl-nav button.owl-next span {
		right: 10px !important;
	}

	.destinationCarousel .owl-nav button.owl-next {
		right: -40px !important;
		display: none !important;
	}

	/* .owl-carousel {
		width      : 675px !important;
		margin-left: 12px;
	} */
}

@media (min-width:992px) and (max-width:1199px) {

	/* view vehicles */
	.destinationCarousel .owl-nav button {
		top: 190.5px !important;
	}

	.destinationCarousel .owl-nav button span {
		top: -4px !important;
	}

	.destinationCarousel .owl-nav button.owl-prev {
		left: -45px !important;
		display: none !important;
	}

	.destinationCarousel .owl-nav button.owl-next {
		right: -45px !important;
		display: none !important;
	}

	.destinationCarousel .owl-nav button.owl-prev span {
		left: 10px;
	}

	.destinationCarousel .owl-nav button.owl-next span {
		right: 10px;
	}

	.owl-carousel {
		width: 900px !important;
		margin-left: 16px;
		margin-right: 0px;
	}
}

.client_wrapper .owl-carousel .owl-nav button span {
	left: 12px !important;
}

.owl-carousel .owl-nav button span {
	font-size: 28px;
	color: #fff !important;
	position: absolute;
	top: -14px;
	/* line-height: 1; */
	/* left       : 12px; */
	/* transform  : translate(-45%, -54%); */
}

.personalized_wrapper .owl-nav button.disabled {
	background-color: #fff;
	opacity: 1 !important
}

.personalized_wrapper .owl-nav button {
	width: 40px;
	background-color: #fff !important;
	height: 40px;
	border-radius: 100% !important;
	color: #fff !important;
	font-size: 40px !important;
	display: flex !important;
	justify-content: center !important;
	line-height: 35px !important;
}

.checkourveh_wrapper .carousel-indicators li {
	background-color: #000
}

.checkourveh_wrapper .carousel-item {
	margin-top: 40px;
	text-align: center
}

.ourmission_wrapper {
	text-align: center !important;
	padding: 30px 30px;
	width: 100%;
	background-color: var(--orange-color);
}

.ourmission_wrapper hr {
	border: 1.5px solid #fff !important;
	background-color: #fff !important;
	width: 100px;
	margin: 15px 0 30px 0;
	display: block;
}

.ourmission_wrapper h2 {
	text-align: left;
	font-size: 30px !important;
	text-transform: uppercase;
	color: #000 !important;
	font-weight: 600 !important;
}

.ourmission_wrapper p {
	font-size: 18px;
	color: #000 !important;
	font-weight: 300;
	text-align: center !important;
	margin-bottom: 0;
}


/* .checkourveh_wrapper .owl-nav button span {
width: 40px;
background-color: var(--orange-color);
height: 40px;
border-radius: 100%;
color: #fff;
font-size: 40px;
display: flex;
justify-content: center;
line-height: 35px;
} */


/* .checkourveh_wrapper .owl-stage .owl-item{
height:280px !important;
} */

.checkourveh_wrapper .owl-nav .owl-prev {
	left: -26px !important;
}

.checkourveh_wrapper .owl-nav .owl-next {
	right: -26px !important;
}


/* .checkourveh_wrapper .owl-nav button span:hover{background-color:var(--orange-color)} */


/* .checkourveh_wrapper .owl-nav button:hover{background:transparent !important} */

.checkourveh_wrapper .owl-nav button.disabled {
	opacity: 1 !important
}

.checkourveh_wrapper .owl-nav .owl-next {
	position: absolute;
	top: 85px;
	right: 0
}

.checkourveh_wrapper .owl-nav .owl-prev {
	position: absolute;
	top: 85px;
	left: 0
}

@media only screen and (max-width:767px) {
	.checkourveh_wrapper {
		padding-bottom: 0 !important;
	}
}

.ourservice_wrapper {
	background-color: #fff;
	padding: 20px 20px;
	width: 44%;
}

/* .ourmisservice_wrap {
	display: flex;
	margin-bottom: 40px;
	justify-content: space-around;
} */

.ourservice_wrapper hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	margin: 15px 0 30px 0;
}

.ourservice_wrapper h2 {
	text-transform: uppercase;
	text-align: left;
	font-size: 30px !important;
	color: #000 !important;
	font-weight: 600 !important;
	text-align: center !important;
}

.ourservice_wrapper p {
	text-align: center !important;
	font-size: 18px;
	color: #484848;
	font-weight: 300;
	margin-bottom: 0;
}

.personalized_wrapper {
	margin: 25px 50px;
	background-size: cover;
	/* background-image: url(../images/textureimg.png); */
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 20px;
	background-color: #fff !important;
}

.personalized_wrapper h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: #000;
}

.personalized_wrapper h2 span {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: var(--orange-color);
}

.personalized_wrapper h6 {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(18, 18, 18, 1);
}

.personalized_wrapper h4 {
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	text-align: left;
	text-transform: capitalize;
	color: #000;
}



.personalized_wrapper .outer_div_pw {
	border: 1px solid rgba(0, 0, 0, 0.05);
	/* box-shadow: 0px 19px 41px 0px rgba(18, 18, 18, 0.08); */
	border-radius: 10px;
	min-height: 430px;
	max-height: 430px;
	margin-left:10px;
}

.personalized_wrapper .owl-carousel .owl-item img {
	border-radius: 10px;
}


.personalized_text {
	background-color: #fff;
	padding: 20px 15px 20px 15px;
}

.personalized_text h3 {
	font-weight: 590;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0%;
	color: #000;
	text-align: center;

}

.personalized_text p {
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: #000;
	text-align: left;
}

.personalized_wrapper .carousel-indicators {
	position: static;
	margin-top: 60px;
}

.personalized_wrapper .carousel-indicators li {
	background-color: #ccc
}

.rightPart {
	margin-left: 75px !important;
}

@media only screen and (max-width:767px) {
	.rightPart {
		margin-left: 0px !important;
	}
}

@media (min-width:1024px) and (max-width:1199px) {
	.rightPart {
		margin-left: 80px !important;
	}
	.whychoose_no{min-height:260px !important;}
}

@media (min-width:768px) and (max-width:997px) {
	.rightPart {
		margin-left: 55px !important;
	}
}

@media(max-width:1299px) {
	.rightPart {
		margin-left: 0px !important;
	}
	.whychoose_no{min-height: 280px !important;}
}

.whychoose_wrapper {
	margin: 25px 50px;
	padding: 15px 50px;
	background-size: cover;
	/* background-image: url(../images/textureimg.png); */
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 20px;
	background: linear-gradient(0deg, #121212, #121212), linear-gradient(280.43deg, rgba(0, 0, 0, 0) 12.37%, rgba(243, 147, 61, 0.2) 97.66%);

}

.whychoose_wrapper h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: #ffffff;
}

.whychoose_wrapper h2 span {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: var(--orange-color);
}

.whychoose_wrapper p {
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	text-transform: capitalize;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 20px;
}

.whychoose_wrapper .numb {
	background: #000;
	font-size: 22px;
	font-weight: 700;
	padding: 0;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.whychoose_no {
	margin-bottom: 20px;
	padding: 20px;
	backdrop-filter: blur(20px);
	border: 1px solid rgba(243, 147, 61, 0.2);
	background: linear-gradient(180deg, rgba(243, 147, 61, 0.01) 0%, rgba(153, 153, 153, 0) 100%);
	min-height: 253px;
	max-height: 300px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.whychoose_no img {
	object-fit: cover;
	width: 100%;
	height: auto;
	border-radius: 16px;
	margin-bottom: 30px;
}

.whychoose_no h3 {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	color: #fff;

}

@media only screen and (max-width:500px) {
	.whychoose_no {
		padding: 15px
	}
}

.whychoose_no a {
	display: block;
	width: 85px;
	background: rgba(243, 147, 61, 1);
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.23px;
	color: #fff;
	border: 1px solid var(--orange);
	line-height: 17px;
	padding: 4px 0px;
	transition: 0.2s;
	border-radius: 10px;
}

.whychoose_no a:hover {
	color: #fff;
	text-decoration: none;
	background: var(--orange);
}


.why_container {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 20px 0px;
}


.whychoose_wrapper hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	background-color: var(--orange-color);
	margin: 0px auto 20px auto;
}

.whychoosemidle {
	padding: 15px 0 15px 15px;
	background: linear-gradient(264.04deg, rgba(141, 85, 35, 0) 4.98%, rgba(243, 147, 61, 0.1) 89.26%);
	border-radius: 20px;
	min-height: 400px;
	background-repeat: no-repeat;
}
.whychoosemidle row{margin-right:0 !important;}

.whychoosemidle img {
	height: 100%;
	border-radius: 16px;
	object-fit: cover;
	width: 100%;
	background-repeat: no-repeat;
}

.whychoosemidle .col-12 ul>li {
	padding: 18px;
}

@media only screen and (max-width:767px) {
	.whychoosemidle .hide_desktop {
		display: none;
	}
}

@media only screen and (min-width:768px) {
	.whychoosemidle .hide_mobile {
		display: none;
	}
}

.whychoosemidle ul {
	margin: 0;
	padding: 0
}

.whychoosemidle i {
	color: var(--orange-color);
}

.whychoosemidle span {
	font-size: 16px;
	list-style-type: none;
	line-height: normal;
	margin: 0 0 12px;
	color: #000;
	font-weight: 500;
}

.whychoosemidle h3 {
	text-align: center;
	font-size: 17px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 20px;
}


.how_works_wrapper {
	background-color: transparent !important;
	padding: 30px !important;
	margin: 25px 50px;
	border-radius: 20px;
}

.how_works_wrapper h2{
	font-weight: 600;
	font-size: 34px;
	line-height: 130%;
	text-transform: capitalize;
	color: #000;
	text-align: center;
	margin-bottom: 20px;
}

.how_works_wrapper h2 span {
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 130%;
    text-transform: capitalize;
    color: var(--orange-color);
}


        /* --- Timeline Line styling --- */
        .steps-container {
            position: relative;
            margin: 0 -15px; /* Compensate for step-item padding */
        }
        
        @media (min-width: 768px) {
            .steps-container .step-item {
                padding: 0 20px; /* More spacing on desktop between steps */
            }
        }

        /* The horizontal gray line background */
        .steps-line-bg {
            position: absolute;
            top: 50%; /* Align with the icon center */
            left: 0;
            width: 100%;
            height: 4px;
            background-color: var(--light-gray);
            z-index: 0;
            transform: translateY(-50%);
        }

        /* The colored orange line (Progress) */
        .steps-line-progress {
            position: absolute;
            top: 50%;
            left: 0;
            width: 25%; /* Dynamically updated via Angular binding */
            height: 4px;
            background: linear-gradient(90deg, var(--primary-orange) 0%, rgba(243, 147, 61, 0.8) 50%, var(--primary-orange) 100%);
            background-size: 200% 100%;
            z-index: 1;
            transform: translateY(-50%);
            transition: width 0.5s ease;
            border-radius: 2px;
            box-shadow: 0 2px 8px rgba(243, 147, 61, 0.4);
            animation: progressFlow 3s ease infinite;
        }

        /* --- Individual Step Styling --- */
        .step-item {
            position: relative;
            z-index: 2; /* Keep above the line */
            text-align: center;
            padding: 0 15px; /* Add horizontal spacing between steps */
        }

		.steps-line-bg.d-none.d-md-block {
			top: 68%;
			background: var(--orange-color)
		}

        /* Screenshot Images */
        .step-img {
            width: 100%;
            max-width: 280px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            margin: 0 auto 25px auto;
            opacity: 0.6; /* Dim inactive images */
            transition: all 0.5s ease;
            border: 1px solid #eee;
			height: 185px;
            object-fit: cover;
            display: block;
        }
        
        @media (min-width: 992px) {
            .step-img {
                max-width: 300px;
                margin: 0 auto 30px auto;
            }
        }

        .step-item.active .step-img {
            opacity: 1;
            transform: scale(1.05);
            box-shadow: 0 8px 20px rgba(243, 147, 61, 0.3);
            border: 2px solid var(--orange-color);
        }

        /* Icon Circles */
        .step-icon-box {
            width: 40px;
            height: 40px;
            background-color: #fff;
            border: 2px solid var(--light-gray);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px auto;
            color: var(--text-gray);
            font-size: 1.2rem;
            transition: all 0.5s ease;
        }

        /* Active Step Icon Styling */
        .step-item.active .step-icon-box {
            background-color: var(--orange-color);
            border-color: var(--orange-color);
            color: #fff;
            box-shadow: 0 0 0 8px rgba(246, 139, 31, 0.2);
            animation: stepPulse 2s ease-in-out infinite;
        }

        /* Text Styling */
        .step-label {
            font-weight: 700;
            text-transform: uppercase;
            font-size: 0.9rem;
            margin-bottom: 5px;
            color: #333;
        }

        .step-desc {
            font-size: 1.1rem;
            font-weight: 600;
            color: #000;
            margin-bottom: 5px;
        }

        .step-sub-desc {
            font-size: 1rem;
            color: black;
            line-height: 1.4;
			font-weight: 500;
        }

        /* Active Background Card Effect - Only around icon and text area */
        .step-item.active::after {
            content: '';
            position: absolute;
            top: 150px; /* Start right after image (150px max image height, no gap) */
            bottom: 0;
            left: 10%;
            right: 10%;
            background: rgba(243, 147, 61, 0.12); /* More visible orange background like Figma */
            z-index: -1;
            border-radius: 12px;
            padding: 15px 10px;
            box-sizing: border-box;
        }

        /* Animation Keyframes */
        @keyframes stepPulse {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 0 0 8px rgba(246, 139, 31, 0.2);
            }
            50% {
                transform: scale(1.05);
                box-shadow: 0 0 0 12px rgba(246, 139, 31, 0.15);
            }
        }

        @keyframes progressFlow {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }



.client_wrapper {
	background-color: transparent !important;
	padding: 20px !important;
	margin: 0px 50px;
	border-radius: 20px;
}

.client_wrapper .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 55px;
	left: -50px;
}

.client_wrapper .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 55px;
	right: -50px;
}

footer {
	background: #000;
	padding: 30px 0px 10px 0px;
}

.footercontent .content_qr_btn{
	text-align: center;
}

.footercontent .content_qr_btn img {
	height: 100px;
	width: 100px;
	margin-bottom: 20px;
}

.footercontent .content_qr_btn button.custom-filled-button {
	font-size: 0.85rem !important;
}
.custom-filled-button {
	height: auto !important;
}

.footercontent a {
	color: var(--orange-color);
	font-size: 18px;
	text-decoration: none !important;
	margin-bottom: 10px;
	display: inline-block;
}

.footercontent a:hover {
	color: var(--orange-color);
}

.footercontent a:active {
	color: var(--orange-color);
}

.footercontent ul {
	padding: 0
}

.footercontent ul li {
	list-style-type: none;
	line-height: 30px;
	color: #fff;
}

.footercontent h4 {
	color: var(--orange-color);
	font-weight: 600;
	font-size: 18px;
	text-align: center;

}

.footercontent h3 {
	font-weight: bold;
	color: #fff;
	font-size: 32px;
	margin-bottom: 20px;
}

.footercontent p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 1.5rem;
}

.footercontent .quick_links a {
	color: #fff !important;
	font-size: 16px !important;
}

.footerinfo span {
	color: #fff;
	font-size: 16px !important;
}

.socials i {
	margin: 0 7px;
	font-size: 35px;
	width: 50px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.socials svg {
	width: 35px;
	margin: 0px 10px;
	margin-top: -16px;
	height: 35px;
}

.socials svg:hover {
	transform: scale(1.2, 1.2);
}

@media only screen and (max-width:500px) {
	.socials i {
		margin: 0 7px;
		font-size: 35px;
		width: 30px;
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.socials i.fa-facebook {
	color: #385593;
}

.socials i.fa-facebook:hover {
	transform: scale(1.2, 1.2);
}

.socials i.fa-twitter {
	color: #00a6e4;
}

.socials i.fa-twitter:hover {
	transform: scale(1.2, 1.2);
}

.socials i.fa-linkedin {
	color: #0073ae;
}

.socials i.fa-linkedin:hover {
	transform: scale(1.2, 1.2);
}

.socials i.fa-youtube {
	color: #c7171e;
}

.socials i.fa-youtube:hover {
	transform: scale(1.2, 1.2);
}

.footerinfo i {
	color: var(--orange-color);
	font-size: 20px;
}

.footer {
	padding: 15px 0;
	border-top: 1px solid #fff;
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
}

footer .footer a {
	color: var(--orange-color) !important;
}


.copyright_div {
	border: 1px solid var(--orange-color);
	border-radius: 60px;
	align-items: center;
}

.copyright_div .inner_div1 {
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 140%;
	letter-spacing: 0%;
	color: #fff !important;
	margin-bottom: 0 !important;
}

.copyright_div .inner_div2 {
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	align-items: center;
}

.copyright_div .inner_div2 a {
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 140%;
	letter-spacing: 0%;
	color: #fff !important;
	margin-bottom: 0 !important;
}

/* nav .navbar-nav li a:hover{color:var(--orange-color) !important } */

.img-holder img {
	max-width: 100%;
	width: 100%
}

.socials a {
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: none !important;
}

@media only screen and (max-width:320px) {
	.socials a {
		margin-top: 15px;
		margin-bottom: 15px;
		text-decoration: none !important;
		margin-left: -10px;
	}
}

@media (min-width:321px) and (max-width:368px) {
	.socials a {
		margin-top: 15px;
		margin-bottom: 15px;
		text-decoration: none !important;
		margin-left: -5px;
	}
}

@media (min-width:369px) and (max-width:372px) {
	.socials a {
		margin-top: 15px;
		margin-bottom: 15px;
		text-decoration: none !important;
		margin-left: -10px;
	}
}

@media (min-width:373px) and (max-width:410px) {
	.socials a {
		margin-top: 15px;
		margin-bottom: 15px;
		text-decoration: none !important;
		margin-left: -3px;
	}
}

@media (min-width:411px) and (max-width:767px) {
	.socials a {
		margin-top: 15px;
		margin-bottom: 15px;
		text-decoration: none !important;
	}
}

@media only screen and (max-width:500px) {
	.socials {
		margin-top: 0px;
		margin-bottom: 15px;
	}
}

.minus {
	font-size: 30px;
	color: #000 !important;
}

.plus {
	font-size: 20px;
	color: #000 !important;
}

.personalized_wrapper .owl-stage {
	display: flex
}


/* .personalized_wrapper .owl-stage .owl-item {background-color:#fff} */

.personalized_wrapper .owl-dots {
	margin-top: 0px !important
}

.passengers_qty {
	overflow: hidden;
	display: flex;
	height: 30px;
	flex-wrap: nowrap;
	text-align: center;
	padding: 0;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.66) !important;
	justify-content: space-between;
	align-items: center;
}

.user_grp {
	width: 40px !important;
}

.passengers_qty .input-group-prepend {
	color: #fff;
	list-style-type: none;
	border-right: 1px solid #626262;
	height: 40px;
	cursor: pointer;
}

.input-group-append {
	color: #fff;
	list-style-type: none;
	border-left: 1px solid #626262;
	height: 40px;
	cursor: pointer;
}

.passengers_qty li .input-group {
	display: flex;
	flex-wrap: nowrap !important
}

.passengers_qty li {
	color: #fff;
	list-style-type: none;
	width: 100%;
	border-right: 1px solid var(--orange-color);
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.passengers_qty li button {
	width: 100%;
	height: 40px;
	background-color: transparent;
	border: 0;
	padding: 0;
	font-size: 20px;
}

.passengers_qty li i {
	color: #fff;
	background-color: var(--orange-color);
	padding: 8px;
	height: 40px;
	font-size: 22px;
}

.passengers_qty li:nth-child(3) {
	width: 40%;
}

.passengers_qty li:last-child {
	border: 0
}

.passengers_qty input[type="text"] {
	-moz-appearance: textfield;
	width: 100%;
	margin: 0 !important;
	height: auto;
	background-color: #fff !important;
	text-align: center;
	height: 40px;
	font-weight: 600
}

.passengers_qty input[type="number"] {
	-moz-appearance: textfield;
	width: 100%;
	margin: 0 !important;
	height: auto;
	background-color: transparent !important;
	text-align: center;
	height: 40px;
	font-weight: 600
}

.passengers_qty input[type="number"] {
	-moz-appearance: textfield;
}

.pickupdate,
.pickuptime {
	position: relative
}

.pickupdate i {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background-color: var(--orange-color);
	padding: 10px;
	border-radius: 0px 4px 4px 0px;
}

.pickuptime i {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background-color: #5e5e5e;
	padding: 12px;
	border-radius: 0px 4px 4px 0px;
}

.navbar-toggler i {
	display: none;
	font-size: 30px;
}

.navbar-toggler .cancel {
	display: none;
	width: 21px;
}

.closemenus span {
	display: none
}

.navbar-toggler.closemenus i {
	display: block
}

.navbar-toggler.closemenus .cancel {
	display: block
}


/*****about us ****/


/* .innerpage_wrapper{margin-top:111px} */

.aboutus_video img {
	width: 100%
}

.abouthistory_wraper {
	padding: 0px 0px;
}

.abouthistory_wraper h2 {
	font-size: 52px;
	text-align: center;
	color: #000;
	font-weight: 300;
}

.abouthistory_wraper hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	margin: 15px auto 30px auto;
}

.aboutext_wraper li {
	position: relative;
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	padding-bottom: 40px;
}

.aboutext_wraper {
	padding: 0;
}

.aboutext_wraper label {
	width: 90px;
	height: 80px;
	background-color: var(--orange-color);
	border-radius: 100%;
	display: flex;
	justify-content: center;
	color: #fff;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	z-index: 2;
	border: 1px solid var(--orange-color);
	margin-right: 20px;
}

.aboutext_rgt {
	width: 100%;
}

.aboutext_rgt h3 {
	font-size: 28px;
	color: #000;
	margin: 20px 0 25px 0;
	font-weight: 500;
}

.aboutext_rgt p {
	font-size: 18px;
	color: #000;
	margin-bottom: 15px;
	font-weight: 300;
}

.aboutext_wraper li::after {
	content: "";
	display: block;
	position: absolute;
	border-left: 2px solid #e3e3e3;
	height: 100%;
	left: 40px;
	z-index: 1;
}

.aboutext_rgt img {
	max-width: 100%
}

.img_1995 {
	margin-top: 50px
}

.about_budgetwrap1 {
	text-align: center;
	background-color: #dfe6ed;
	padding: 40px 0px;
}

.about_budgetwrap1 h3 {
	text-transform: uppercase;
	font-size: 28px;
	color: #000;
	margin: 20px 0 25px 0;
	font-weight: 500;
}

.about_budgetwrap1 p {
	font-size: 18px;
	color: #000;
	margin-bottom: 15px;
	font-weight: 300;
}

.about_budgetwrap2 {
	text-align: center;
	background-color: #f7f9fa;
	padding: 40px 0px;
}

.about_budgetwrap2 h3 {
	text-transform: uppercase;
	font-size: 28px;
	color: #000;
	margin: 20px 0 25px 0;
	font-weight: 500;
}

.about_budgetwrap1 hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	margin: 15px auto 30px auto;
}

.about_budgetwrap2 hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	margin: 15px auto 30px auto;
}

.about_budgetwrap2 p {
	font-size: 18px;
	color: #000;
	margin-bottom: 15px;
	font-weight: 300;
}

.historytext_wraper {
	padding: 60px 0px 10px 0px;
}

.historytext_wraper h3 {
	text-transform: uppercase;
	font-size: 28px;
	color: #000;
	margin: 20px 0 25px 0;
	font-weight: 500;
}

.historytext_wraper p {
	font-size: 18px;
	color: #000;
	margin-bottom: 15px;
	font-weight: 300;
}

.historytext_wraper br {
	margin-bottom: 15px
}

.historytext_wraper hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	margin: 15px 0 20px 0;
}

.historytext_wraper ul {
	padding: 0;
	list-style-type: none
}

.historytext_wraper ul li {
	margin-bottom: 40px;
}


.client_wrapper h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: #ffffff;
}

.client_wrapper h2 span {
	font-weight: 600;
	font-size: 36px;
	line-height: 130%;
	text-align: center;
	text-transform: capitalize;
	color: var(--orange-color);
}

.client_wrapper hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	background-color: var(--orange-color);
	margin: 0px auto 20px auto;
}

.client_wrapper ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0
}

.client_wrapper ul li {
	list-style-type: none;
	/*width        : 19%;*/
	margin: 5px;
	border: 0px solid #eee;
	padding: 15px;
	text-align: center;
}

.client_wrapper ul li img {
	max-width: 100%;
	height: 50px;
	object-fit: contain;
}

.testimonials_wrapper {
	padding: 30px 0px;
	position: relative;
	background-image: url(../images/review_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	background-attachment: fixed;
	background-position: bottom;
}

.testimonials_wrapper::after {
	background-color: rgba(0, 0, 0, 0.97);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	content: '';
}

.testimonials_wrapper .container {
	position: relative;
	z-index: 110;
}

.testimonials_wrapper h2 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 0.5rem;
	margin-top: -30px;
}

.testimonials_wrapper hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	margin: 15px auto 30px auto;
}

.getintocuh_wrapperin .row {
	align-items: center
}

.review_text {
	background-color: rgba(138, 138, 138, 0.17);
	padding: 20px 15px;
	text-align: center;
	margin-top: 25px;
}

.review_text h3 {
	text-align: center;
	font-size: 22px;
	color: var(--orange-color);
	font-weight: 500;
}

.testimonials_wrapper .item img {
	max-width: 70px;
	margin: auto;
	border-radius: 100%;
	border: 1px solid #fff;
	padding: 5px;
	background-color: var(--orange-color);
}

.review_text p {
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 300;
}

.section-reviews__decor {
	display: inline-block;
	/* margin-top   : 20px;
margin-bottom    : 20px; */
	font: 700 71px/1 Montserrat;
	color: #fff;
}

.section-reviews__decor::before,
.section-reviews__decor::after {
	display: inline-block;
	width: 90px;
	height: 4px;
	margin: 0 14px;
	background-color: var(--orange-color);
	content: '';
	vertical-align: 55%;
}

.getintocuh_wrapper {
	padding: 30px 0px;
	background-size: cover;
	background-image: url(../images/textureimg.png);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
}

.getintocuh_wrapper h2 {
	text-align: center;
	text-transform: uppercase;
	color: #000;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 0.5rem !important;
}

.getintocuh_wrapper p {
	text-align: center;
	max-width: 700px;
	margin: auto;
	color: #000;
	font-size: 16px;
	font-weight: 400;
}

.getintocuh_wrapper hr {
	border: 2px solid var(--orange-color);
	width: 100px;
	background-color: var(--orange-color);
	margin: 0px auto 20px auto;
}

.footerinfo div {
	display: flex;
}

.getintocuh_wrapper input[type="text"] {
	width: 100%;
	border: 1px solid rgba(248, 155, 64, .5) !important;
	height: 50px;
	margin-top: 15px;
	background-color: #f1f1f1;
	padding: 0px 15px;
	font-size: 16px;
}

.getintocuh_wrapper textarea {
	width: 100%;
	border: 1px solid rgba(248, 155, 64, .5) !important;
	height: 50px;
	margin-top: 15px;
	background-color: #f1f1f1;
	padding: 0px 15px;
	font-size: 16px;
	min-height: 150px;
	padding: 15px 20px;
}

.getintocuh_wrapper input[type="submit"] {
	margin-top: 15px;
	text-transform: uppercase;
	background-color: var(--orange-color);
	color: #fff;
	padding: 10px 20px;
	border: 1px solid var(--orange-color)
}

.getintocuh_wrapperin {
	background-color: #fff;
	max-width: 800px;
	margin: 30px auto;
	padding: 30px 30px;
	box-shadow: 0px 0px 12px rgba(187, 187, 187, 0.6);
	margin-bottom: 0;
}

.getintocuh_wrapperin {
	display: flex;
}

.getintocuh_wrapperin ul {
	padding: 0;
	list-style-type: none;
}

.getintocuh_wrapperin ul li {
	color: #000
}

.getintocuh_wrapperin h3 {
	text-align: center;
	color: #000;
	font-size: 36px;
	font-weight: bold;
}

.getintocuh_wrapperin h3 strong {
	font-size: 40px;
	color: var(--orange-color);
	font-weight: 300 !important;
	font-style: italic;
}

.getintocuh_wrapperin ul {
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.getintocuh_wrapperin ul li a {
	cursor: pointer;
	width: 100%;
	display: block;
}

.getintocuh_wrapperin ul li i {
	font-size: 25px !important;
	color: #000
}

.getintocuh_wrapperin ul li:hover {
	background-color: var(--orange-color)
}

.getintocuh_wrapperin ul li {
	color: #000;
	background-color: #ccc;
	width: 45px;
	text-align: center;
	padding: 10px 5px;
	margin: 15px 5px;
}


/*fleet**/

.fleet_wrapper h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	width: 100%;
	display: inline-block
}

.fleet_wrapper p {
	font-size: 18px;
	color: #000;
	margin-bottom: 30px;
	font-weight: 300;
}

.fleet_wrapper p br {
	margin-bottom: 30px;
}

.safety_wrapper a {
	color: #fff;
	font-size: 22px;
	background-color: var(--orange-color);
	padding: 10px 20px
}

header {
	z-index: 999
}

.invest_video {
	width: 100%;
	margin-bottom: 35px
}


/* .innpage_video{margin-bottom:35px} */

.innpage_video img {
	width: 100%
}

.safety_wrapper li {
	font-size: 18px;
	color: #000;
	margin-bottom: 30px;
	font-weight: 300;
}

.safety_wrapper li strong {
	width: 100%;
	display: inline-block;
	font-size: 18px;
	color: #000;
	margin-bottom: 15px;
	font-weight: bold;
}


/**TESTIMONILS**/

.testimonial_wrapper {
	padding: 30px 0px 70px 0px;
	background-color: #f1f1f1;
	/* background-image  : url(../images/safetybanner.jpg); */
	background-size: 100%;
	background-attachment: fixed;
}

estimonial-quote {
	font-size: 16px;
}

.testimonial-quote blockquote {
	/* Negate theme styles */
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	color: gray;
	font-family: Georgia, serif;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.4 !important;
	margin: 0;
	position: relative;
	text-shadow: 0 1px white;
	z-index: 600;
}

.testimonial-quote blockquote * {
	box-sizing: border-box;
}

.testimonial-quote blockquote p {
	color: #000;
	line-height: 1.4 !important;
	font-size: 16px;
}

.testimonial-quote blockquote p:first-child:before {
	content: '\201C';
	color: var(--orange-color);
	font-size: 7.5em;
	font-weight: 700;
	opacity: .6;
	position: absolute;
	top: -.4em;
	left: -.2em;
	text-shadow: none;
	z-index: -300;
}

.testimonial-quote img {
	border: 3px solid #fff;
	border-radius: 50%;
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	top: -.2em;
	left: 0;
}

.testimonial-quote cite {
	color: #000;
	display: block;
	font-size: .8em;
}

.testimonial-quote cite span {
	color: var(--orange-color);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 1px white;
}

.testimonial_wrapper hr {
	border-bottom: 3px solid #ccc;
}

.testimonial-quote {
	margin-top: 50px;
	position: relative;
}

.testimonial-quote .quote-container {
	padding-left: 160px;
}

.testimonial-quote.right .quote-container {
	padding-left: 0;
	padding-right: 160px;
}

.testimonial-quote.right img {
	left: auto;
	right: 0;
}

.testimonial-quote.right cite {
	text-align: right;
}


/*contact us*/

.contactus_wrapper {
	padding: 40px 0px 70px 0px;
	background-color: #f1f1f1;
}

.login-container {
	margin-top: 20px;
	max-width: 750px !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*border     : 1px solid #CCD1D1;
border-radius : 5px;

max-width     : 50%;padding:30px;*/
}

.login-container .ads {
	position: relative;
	padding: 30px;
	background-color: #000;
}

.login-container .ads::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
}

.login-container .ads .details {
	padding: 0;
	list-style-type: none;
	color: #fff;
	z-index: 2;
	position: relative;
}

.login-container .login-form {
	background-color: #fff;
	padding: 30px;
}

.login-container .ads .details li {
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px
}

.login-container .ads .details li strong,
.login-container .ads .details li i {
	font-weight: 400;
	text-transform: uppercase;
	color: var(--orange-color);
	margin-right: 5px;
	font-size: 24px;
	margin-bottom: 15px
}

.login-container .login-form h3 {
	font-weight: bold;
	color: #000;
	margin-bottom: 25px;
}

.login-container .login-form input::placeholder,
.login-container .login-form textarea::placeholder {
	color: #adadad;
}

.login-form .form-group {
	margin-bottom: 0 !important;
	margin-top: 15px !important;
}

.login-container .ads .details li address {
	padding-left: 25px;
}

.login-container .ads .details li label {
	padding-left: 35px;
}

.login-container .login-form input {
	width: 100%;
	border: 1px solid #eee;
	height: 50px;
	color: #000;
	margin-bottom: 0px;
	background-color: #f1f1f1;
	padding: 0px 15px;
	font-size: 16px;
}

.login-container .login-form textarea {
	width: 100%;
	border: 1px solid #eee;
	height: 150px;
	color: #000;
	margin-bottom: 15px;
	background-color: #f1f1f1;
	padding: 20px 15px;
	font-size: 16px;
}

.login-container .login-form input[type="submit"] {
	text-transform: uppercase;
	background-color: var(--green-color);
	color: #fff;
	padding: 10px 20px;
	border: 2px solid var(--green-color);
	border-radius: 25px;
}

.login-container .login-form input[type="submit"]:hover {
	background-color: transparent;
	color: var(--green-color);
	border: 2px solid var(--green-color);
	border-radius: 25px;
}

.safety_wrapper a {
	color: #fff;
	font-size: 22px;
	background-color: var(--orange-color);
	padding: 10px 20px;
	display: inline-block;
	width: 100%;
	margin: 5px 0px;
}


/*404 error**/

.notfound .notfound-404 h1 {
	font-family: 'Maven Pro', sans-serif;
	color: #ececec;
	font-weight: 900;
	font-size: 276px;
	margin: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#notfound {
	position: relative;
	height: 400px;
}

#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 200px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.notfound {
	max-width: 920px;
	width: 100%;
	margin: auto;
	line-height: 1.4;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

.notfound .notfound-404 {
	position: absolute;
	height: 100px;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}

.notfound .notfound-404 h1 {
	font-family: 'Maven Pro', sans-serif;
	color: #cecece;
	font-weight: 900;
	font-size: 276px;
	margin: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.notfound h2 {
	font-family: 'Maven Pro', sans-serif;
	font-size: 46px;
	color: #000;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0px;
}

.notfound p {
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 15px;
}

.notfound a {
	font-family: 'Maven Pro', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #189cf0;
	display: inline-block;
	padding: 16px 38px;
	border: 2px solid transparent;
	border-radius: 40px;
	color: #fff;
	font-weight: 400;
	width: 300px;
	margin: 100px auto 0px auto;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.notfound a:hover {
	background-color: #fff;
	border-color: #189cf0;
	color: #189cf0;
}


.pickupdate .mat-mdc-form-field-flex.ng-tns-c46-0 {
	padding: 0;
}

.pickupdate .mat-mdc-form-field {
	width: 100%;
}

.pickupdate .mat-mdc-form-field-icon-suffix.ng-star-inserted {
	position: absolute;
	right: 0;
	top: -8px;
	color: #fff;
	background-color: var(--orange-color);
	padding: 0;
	border-radius: 0px 4px 4px 0px;
	height: 40px;
}

.pickupdate .mat-mdc-text-field-wrapper {
	position: relative;
	padding: 0;
}

.pickupdate .mat-mdc-form-field-flex.ng-tns-c46-0 {
	padding: 0;
}

.pickupdate .mat-mdc-form-field-infix {
	border: 0 !important;
	padding: 0 !important;
	min-height: 30px !important;
}

.pickupdate .mat-mdc-form-field-infix input {
	padding: 4px 0 0 10px;
}

.pickupdate .mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base {
	line-height: 3px;
	max-width: 30px;
	max-height: 30px;
	left: -8px;
}

.pickupdate .mdc-icon-button.mat-mdc-icon-button.mat-mdc-button-base svg {
	color: #fff !important;
	height: 22px;
}

.pickupdate .mdc-text-field--filled {
	height: 30px;
}


.pickupdate .mat-mdc-form-field-flex {
	padding: 0 !important;
}

.pickupdate .mat-mdc-form-field-underline {
	bottom: 0 !important;
	opacity: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.mobiletop_quote {
	display: none
}


/********suggest-complaint*******/

.suges_complaint {
	margin-bottom: 25px;
	background-color: #fff;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	padding: 30px
}

.suges_complaint label {
	margin-left: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	width: 100%;
	display: inline-block
}

.suges_complaint span {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	width: 100%;
	display: inline-block;
}

.suges_complaint .rating_rate {
	margin: 0px 0 10px 0;
	display: flex;
	width: 200px;
	padding: 0;
}

.rating_rate li {
	list-style-type: none;
	margin-bottom: 0 !important;
}

.suges_complaint h2 {
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	width: 100%;
	display: inline-block
}

.suges_complaint img {
	width: 80px;
}

.suges_complaint p {
	text-align: left !important;
	margin-top: 10px;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 400;
	color: #000;
	width: 100%;
	display: inline-block
}

.number.passengers_qty li.user_grp {
	width: 50px;
	background-color: var(--orange-color);
}


/**********about new*****/

.aboutnw_wrapper {
	padding: 100px 0px
}

.aboutnw_slider {
	padding: 30px 0px;
	background-color: #f5f5f5;
}

.custom-radio .aboutnw_slideriner {
	-webkit-transition: 0.5s ease 0s;
	-moz-transition: 0.5s ease 0s;
	-ms-transition: 0.5s ease 0s;
	transition: 0.5s ease 0s;
}

.aboutnw_slideriner {
	background-color: #fff;
	padding: 20px;
	text-align: left;
	height: 200px;
}

.aboutnw_slideriner h3 {
	color: var(--orange-color);
	font-size: 40px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: bold;
}

.aboutnw_slideriner p {
	font-size: 18px;
	color: #000;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500;
	margin-bottom: 0;
}

.aboutnw_sliderdesc {
	margin-top: 30px;
	padding: 20px;
	background-color: #fff;
}

.aboutnw_slider .loopd {
	padding-top: 50px;
}

.aboutnw_slider .owl-nav {
	position: absolute;
	right: 0;
	top: 0;
}

.aboutnw_slider .owl-nav button {
	outline: none
}

.aboutnw_slider .owl-nav button span:hover {
	background-color: var(--orange-color);
	color: #fff !important
}

.aboutnw_slider .owl-nav button span {
	background-color: #fff;
	color: #000 !important;
	margin-left: 15px;
	width: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	line-height: 25px;
	border-radius: 5px;
	height: 45px;
	padding-bottom: 5px;
	top: -90px;
	left: -90px;
	border: 2px var(--orange-color) solid;
}

.aboutnw_slider .owl-carousel .owl-nav button.owl-next {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
}

.aboutnw_slider .owl-carousel .owl-nav button.owl-prev {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
	left: -30px !important;
}

@media only screen and (max-width:767px) {
	.aboutnw_slider .owl-carousel .owl-nav button.owl-next {
		background: 0 0;
		color: inherit;
		border: none;
		padding: 0 !important;
		font: inherit;
		right: 0px !important;
		top: -5px !important;
	}

	.aboutnw_slider .owl-nav button span {
		background-color: #fff;
		color: #000 !important;
		margin-left: 15px;
		width: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 35px;
		line-height: 25px;
		border-radius: 5px;
		height: 40px;
		padding-bottom: 5px;
		top: -90px;
		left: -90px;
		border: 2px var(--orange-color) solid;
		margin-top: 15px;
	}

	.owl-stage-outer {
		margin-top: 15px;
	}

	.aboutnw_slideriner {
		background-color: #fff;
		padding: 15px;
		text-align: left;
		height: 200px;
	}

	.aboutnw_slider .owl-carousel .owl-nav button.owl-prev {
		background: 0 0;
		color: inherit;
		border: none;
		padding: 0 !important;
		font: inherit;
		left: -100px !important;
		top: -15px !important;
	}

	.aboutnw_slider .owl-nav button.owl-next span {
		top: -15px !important;
		left: -35px;
	}

	.aboutnw_slider .owl-nav button.owl-prev span {
		top: -5px !important;
		left: -20px;
	}
}

.aboutnw_wrapper img,
.aboutnw_sliderdesc img {
	max-width: 100%
}

.aboutnw_sliderdesc p {
	font-size: 15px;
	color: #000;
	margin-bottom: 15px;
	font-weight: 300;
	/* margin-bottom: 50px; */
}

.aboutnw_sliderdesc h4 {
	color: #000;
	font-family: 'Roboto', sans-serif !important;
	font-size: 30px;
	font-weight: normal;
}

.aboutnw_sliderdesc h3 {
	width: 140px;
	background-color: var(--orange-color);
	margin-bottom: 20px;
	height: 140px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-weight: bold;
	font-size: 40px;
	font-family: 'Roboto', sans-serif !important;
}

.aboutnw_history {
	padding: 30px 0px 0px 0px;
}

.aboutnw_history h2 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 30px;
	font-weight: bold;
	color: #000;
	/* margin-bottom: 40px; */
}

.aboutnw_history p {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
	font-size: 15px;
	margin-bottom: 20px;
}

.aboutnw_history img,
.personaldr_wrap img {
	max-width: 100%
}

.aboutnw_historyiner {
	border: 1px solid #000;
	padding: 20px;
	margin-bottom: 20px;
}

.aboutnw_historyiner p {
	margin: 0;
	font-family: 'Roboto', sans-serif !important;
}

.aboutnw_historyiner h3 {
	font-size: 24px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: bold;
}

.aboutnw_historyiner h3 span {
	color: var(--orange-color)
}

.wespecial_wrap {
	padding: 30px 0px 1px 0px;
	background-color: #f5f5f5;
}

.wespecial_wrap h2 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 30px;
	font-weight: bold;
	color: #000;
	/* margin-bottom: 30px; */
}

.wespecial_wrap p {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
	font-size: 15px;
	margin-bottom: 20px;
}

.personaldr_wrap {
	padding: 30px 0px;
	background-color: #fff;
}

.personaldr_wrap h2 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 30px;
	font-weight: bold;
	color: #000;
	/* margin-bottom: 30px; */
}

.personaldr_wrap p {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
	font-size: 15px;
	margin-bottom: 20px;
}


/*******homepage*****/

.bannerform_wrapper .row {
	justify-content: space-between;
	align-items: center;
}

.text_desktop {
	display: flex;
	flex-direction: column;
	/* gap: 15px; */
}

@media only screen and (max-width:767px) {
	.text_desktop {
		display: none;
	}
}

@media only screen and (min-width:768px) {
	.text_mobile {
		display: none;
	}

	.telephone_mobile {
		display: none;
	}
}

.chk_vehicles .item {
	/* border: 2px solid rgba(132, 132, 132, 21%); */
	width: 99%;
	padding: 5px 0;
	height: auto;
}


.chk_vehicles .owl-dots {
	margin-top: 15px !important;
}

.chk_vehicles.owl-theme .owl-dots .owl-dot span {
	width: 6px;
	height: 4px;
	background: rgba(243, 147, 61, 0.4) !important;
}

.chk_vehicles.owl-theme .owl-dots .owl-dot.active span {
	width: 25px;
	height: 4px;
	background: var(--orange-color) !important;
}


/* .chk_vehicles1 .owl-dots {
margin-top: 50px !important;
} */

.chk_vehicles1.owl-theme .owl-dots .owl-dot span {
	width: 5px;
	height: 5px;
	background: #000;
}

.chk_vehicles1.owl-theme .owl-dots .owl-dot.active span {
	width: 5px;
	height: 5px;
	background: var(--orange-color) !important;
}


/* .testimonials_wrapper .owl-dots {
margin-top: 50px !important;
} */

.testimonials_wrapper .owl-theme .owl-dots .owl-dot span {
	width: 5px;
	height: 5px;
	background: #fff;
}

.testimonials_wrapper .owl-theme .owl-dots .owl-dot.active span {
	width: 5px;
	height: 5px;
	background: var(--orange-color) !important;
}

.testimonialCarousel .owl-nav button {
	top: 123px !important;
}

.testimonialCarousel .owl-nav button span {
	top: -14px !important;
}

.testimonialCarousel .owl-nav button.owl-prev {
	left: -75px !important;
}

.testimonialCarousel .owl-nav button.owl-next {
	right: -75px !important;
}

.testimonialCarousel .owl-nav button.owl-prev span {
	left: 10px;
}

.testimonialCarousel .owl-nav button.owl-next span {
	right: 10px;
}

@media only screen and (max-width:812px) and (orientation: landscape) {
	.testimonialCarousel .owl-nav button {
		display: none !important;
	}

	.testimonialCarousel .owl-nav button span {
		display: none !important;
	}

	.testimonialCarousel .owl-nav button.owl-prev {
		display: none !important;
	}

	.testimonialCarousel .owl-nav button.owl-next {
		display: none !important;
	}

	.testimonialCarousel .owl-nav button.owl-prev span {
		display: none !important;
	}

	.testimonialCarousel .owl-nav button.owl-next span {
		display: none !important;
	}
}

/* @media (max-width:1024px) {
	.viewVehicleCarousel .owl-nav {
		text-align: center;
		position:relative;
		z-index:99
	}

	.chk_vehicles .item {
		height: auto
	}
	.viewVehicleCarousel .owl-nav{margin:5px 0px 15px 0px}
		.viewVehicleCarousel .owl-nav button.owl-prev{padding:0px 15px 15px 0px}
		.viewVehicleCarousel .owl-nav button.owl-next{padding: 0px 0px 15px 15px}
	.viewVehicleCarousel .owl-nav button.owl-prev,
	.viewVehicleCarousel .owl-nav button.owl-next {
		position: static;
	}
		.viewVehicleCarousel .owl-dots{margin-top:0px;position:relative;z-index:2}

} */
@media (max-width:767px) {
	.testimonialCarousel .owl-nav button {
		top: 123px !important;
	}

	.testimonialCarousel .owl-nav button span {
		top: -14px !important;
	}

	.testimonialCarousel .owl-nav button.owl-prev {
		left: -45px !important;
	}

	.testimonialCarousel .owl-nav button.owl-next {
		right: -45px !important;
	}

	.testimonialCarousel .owl-nav button.owl-prev span {
		left: 10px;
	}

	.testimonialCarousel .owl-nav button.owl-next span {
		right: 10px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.testimonialCarousel .owl-nav button {
		top: 123px !important;
	}

	.testimonialCarousel .owl-nav button span {
		top: -14px !important;
	}

	.testimonialCarousel .owl-nav button.owl-prev {
		left: -45px !important;
	}

	.testimonialCarousel .owl-nav button.owl-next {
		right: -46px !important;
	}

	.testimonialCarousel .owl-nav button.owl-prev span {
		left: 10px;
	}

	.testimonialCarousel .owl-nav button.owl-next span {
		right: 10px;
	}

	/* .owl-carousel {
		width      : 670px !important;
		margin-left: 10px;
	} */
}

@media (min-width:992px) and (max-width:1199px) {

	/* view vehicles */
	.testimonialCarousel .owl-nav button {
		top: 123px !important;
	}

	.testimonialCarousel .owl-nav button span {
		top: -14px !important;
	}

	.testimonialCarousel .owl-nav button.owl-prev {
		left: -45px !important;
	}

	.testimonialCarousel .owl-nav button.owl-next {
		right: -45px !important;
	}

	.testimonialCarousel .owl-nav button.owl-prev span {
		left: 10px;
	}

	.testimonialCarousel .owl-nav button.owl-next span {
		right: 10px;
	}

	.owl-carousel {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.whychoose_no {
		max-height: 320px !important;
	}

	.whychoose_no img {
		width: 190px;
	}

	.whychoose_no h3 {
		font-size: 14px;
	}

	.whychoosemidle span {
		font-size: 12px;
	}

	.whychoosemidle .col-12 ul>li {
		padding: 16px;
	}

	.footercontent {
		padding: 20px;
	}

	.login_btn {
		margin-left: 10px !important;
	}

}


/* .personalized_wrapper .owl-dots {
margin-top: 50px !important;
} */

.personalized_wrapper .owl-theme .owl-dots .owl-dot span {
	width: 6px;
	height: 4px;
	background: rgba(243, 147, 61, 0.4) !important;
}

.personalized_wrapper .owl-theme .owl-dots .owl-dot.active span {
	width: 25px;
	height: 5px;
	background: var(--orange-color) !important;
}

.footer-right {
	text-align: left;
	font-size: 14px;
}

@media only screen and (min-width:768px) {
	.footer-left {
		left: 50%;
	}

	.footer-right {
		right: 50%;
	}
}

.footer-left {
	text-align: right;
}


/* .footer-right a:first-child {
color: #fff !important;font-size: 18px;
} */

i.cross-btn:after {
	content: "";
	width: 2px;
	height: 30px;
	background: #fff;
	position: absolute;
	transform: rotate(-45deg);
}

i.cross-btn:before {
	content: "";
	width: 2px;
	height: 30px;
	background: #fff;
	position: absolute;
	transform: rotate(45deg);
}

i.cross-btn {
	position: relative;
}

.navbar-toggler.closemenus .cancel {
	height: 30px;
	width: 30px;
}

.navbar-dark .navbar-toggler-icon {
	background: none;
}

/* 
header .navbar-toggler {
	padding: 0px .75rem;
} */


/***************RESPONSIVE MEDIA QUERY**********************************/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

@media only screen and (max-width: 1350px) {
	.navbar-brand img {
		max-width: 265px
	}

	.cell-no {
		font-size: 20px;
	}
}

@media only screen and (max-width: 1199px) {
	.bannerform_wrapper .bannertext {
		width: 380px;
	}

	.bannerform_wrapper .bannertext h4 {
		max-width: 360px;
	}

}

@media only screen and (max-width: 991px) {
	/* header {
		height: 125px;
	} */

	.aboutnw_history img {
		margin: 0px auto 30px auto;
		display: block;
		width: 100%;
	}

	.personaldr_wrap img {
		max-width: 100%;
	}

	/* .navbar-collapse.collapse, ul.navbar-nav{background-color: transparent;} */
	.navbar-dark .navbar-toggler {
		border: 0
	}

	.bannerform_wrapper .quoteform_homewrapper span {
		font-size: 12px
	}

	.bannerform_wrapper .qutedrates li {
		margin-right: 20px;
	}


	.bannerform_wrapper .bannertext {
		width: 35%;
	}

	.bannerform_wrapper .quoteform_homewrapper {
		width: 60%;
	}

	.whychoosemidle {
		background-size: 210px;
		padding: 15px 0px  0px 5px;
	}

	.bannerform_wrapper {
		padding: 35px 15px 35px 15px;
	}

	.dropdown.button-signin {
		margin-left: 0px;
		width: 100%;
		background: #000;
	}

	.dropdown-menu.show {
		width: 100%;
		position: static
	}

	.ourservice_wrapper h2,
	.ourmission_wrapper h2 {
		font-size: 24px !important;
	}

	.bannerform_wrapper .quoteform_homewrapper .tab_innerform {
		padding: 5px 0px 0px 0px;
	}

	.bannerform_wrapper .quoteform_homewrapper h3,
	.bannerform_wrapper .quoteform_homewrapper h3 span {
		font-size: 22px;
		line-height: 32px;
	}

	header nav.navbar {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

.telephone_mobile {
	padding: 10px 0px 20px 0px !important;
}

@media only screen and (max-width: 767px) {
	.client_wrapper .owl-carousel .owl-nav button.owl-prev {
		left: -6px;
	}

	.client_wrapper .owl-carousel .owl-nav button.owl-next {
		right: -6px;
	}

	.bannerform_wrapper {
		background-image: none;
		background-color: #000;
	}

	/* header .nav-item.dropdown.button-signin {display: none;} */
	.bannerform_wrapper .quoteform_homewrapper input,
	.bannerform_wrapper .quoteform_homewrapper select {
		font-size: 16px;
	}

	.bannerform_wrapper .quoteform_homewrapper .tab_innerform {
		padding: 5px 0px 0px 0px !important;
	}

	.footer-right,
	.footer-left {
		text-align: center;
	}

	/* .ourmisservice_wrap {
		flex-wrap: wrap;
	} */

	.ourmission_wrapper,
	.ourservice_wrapper {
		width: 100%
	}

	.aboutnw_sliderdesc h4 {
		font-size: 20px;
	}

	.aboutnw_history h2,
	.wespecial_wrap h2 {
		font-size: 24px
	}

	.aboutnw_historyiner h3 {
		font-size: 20px;
	}

	/* .aboutnw_historyiner:last-child, .aboutnw_history p { margin-bottom: 0;} */
	.aboutnw_sliderdesc {
		margin-top: 15px;
		padding: 15x 15px 1px 15px
	}

	.aboutnw_wrapper,
	.aboutnw_slider,
	.wespecial_wrap,
	.personaldr_wrap {
		padding: 15px 0px
	}

	.aboutnw_slider .loopd {
		padding-top: 35px;
	}

	.aboutnw_history {
		padding: 15px 0px 0px 0px;
	}

	.desktop_quote {
		display: none
	}

	.mobiletop_quote {
		display: block
	}

	.chk_vehicles.owl-carousel .owl-item img {
		max-width: 300px;
		height: 150px !important; /* Reduced for mobile */
		object-fit: contain;
		margin: auto;
	}

	.testimonial-quote.right .quote-container {
		padding-right: 0;
		width: 100%;
		text-align: center;
	}

	.testimonial-quote .quote-container {
		padding-left: 0px;
		width: 100%;
		text-align: center;
	}

	.testimonial-quote.right cite {
		text-align: center;
	}

	.testimonial-quote img {
		margin: auto;
		position: static;
	}

	/* .allinner_wrapper header{margin-top: 0 !important;} */
	header a.navbar-brand {
		margin: auto
	}

	/* 
	header button.navbar-toggler {
		position: absolute;
		right: 0;
		top: 20px;
	} */

	.navbar-brand img {
		max-width: 240px;
		margin-top: 0 !important;
	}

	.headsmall .navbar-brand img {
		width: 240px;
		padding: 30px 0px 0px 0px;
	}

	.getintocuh_wrapperin {
		padding: 30px 15px;
		max-width: 100%
	}

	.getintocuh_wrapperin ul li {
		width: 40px;
	}

	.bannerform_wrapper {
		padding: 145px 0px 0px 0px;
	}

	.bannerform_wrapper .quoteform_homewrapper {
		background-color: #000
	}

	.client_wrapper {
		padding: 20px 0px 0px 0px !important;
	}

	.safety_wrapper {
		padding: 15px 0px 15px 0px !important;
	}

	.getintocuh_wrapper {
		padding: 30px 0px 30px 0px;
	}

	.getintocuh_wrapperin h3 strong {
		font-size: 34px;
	}

	.safety_wrapper h2,
	.checkourveh_wrapper h2,
	.discover_diff h2,
	.testimonials_wrapper h2 {
		font-size: 24px;
	}

	.safety_wrapper p {
		text-align: left
	}

	.bannerform_wrapper .quoteform_homewrapper .tab_innerform {
		padding: 5px 15px 0px 15px;
	}

	header {
		background-color: #000;
	}

	.cell-no {
		position: static;
		margin: auto;
		display: block;
		text-align: center;
		width: 250px;
	}

	header .nav_top {
		padding: 10px 15px 0px 15px;
	}

	.historytext_wraper hr {
		margin: 15px auto 20px auto;
	}

	.historytext_wraper h3,
	.historytext_wraper p {
		text-align: center
	}

	/* .abouthistory_wraper { padding: 15px 0px 10px 0px;} */
	.aboutext_rgt h3,
	.about_budgetwrap1 h3,
	.about_budgetwrap2 h3,
	.historytext_wraper h3 {
		font-size: 20px;
	}

	.aboutext_rgt p,
	.about_budgetwrap1 p,
	.about_budgetwrap2 p,
	.historytext_wraper p {
		font-size: 16px;
	}

	.aboutext_wraper li::after {
		left: 30px;
	}

	.aboutext_wraper label {
		width: 80px;
		height: 60px;
		font-size: 18px;
	}

	.footer {
		font-size: 12px;
	}

	.socials i {
		font-size: 30px;
	}

	.whychoosemidle h3 {
		font-size: 18px;
	}

	.whychoose_wrapper {
		padding: 30px 0 0px 0;
	}

	.footerinfo span {
		font-size: 13px !important;
	}

	footer .footercontent .block {
		border-bottom: 0px solid #8a8282;
		margin-bottom: -16px !important;
		padding-bottom: 0px;
	}

	.login_btn {
		margin-top: 10px !important;
		margin-left: 0px !important;
	}

	.whychoosemidle {
		margin-bottom: 15px
	}

	@media (min-width:300px) and (max-width:812px) {
		.Qualitymargin {
			margin-bottom: 0;
		}
	}

	/* .whychoose_wrapper .numb{margin:0px auto 15px} */
	.whychoosemidle li {
		font-size: 16px;
	}

	.checkourveh_wrapper {
		padding: 0px !important;
	}

	.ourmission_wrapper,
	.ourservice_wrapper {
		padding: 30px 15px;
	}

	.ourmission_wrapper {
		margin-bottom: 20px;
	}

	.ourmission_wrapper hr {
		margin: 0px auto 20px auto;
		display: block;
	}

	.ourmission_wrapper p,
	.ourservice_wrapper p,
	.whychoose_wrapper h6 {
		font-size: 18px;
		text-align: center !important;
		margin-bottom: 20px;
	}

	.checkourveh_wrapper .carousel {
		max-width: 100%
	}

	.checkourveh_wrapper .carousel img {
		width: 100%
	}

	.ourmission_wrapper h2,
	.ourservice_wrapper h2 {
		font-size: 28px;
		text-align: center
	}

	.personalized_wrapper hr {
		margin: 0px auto 20px auto !important;
	}

	.bannerform_wrapper .quoteform_homewrapper h3 {
		font-size: 22px;
	}

	.bannerform_wrapper .quoteform_homewrapper span {
		font-size: 14px;
	}

	.bannerform_wrapper .qutedrates li {
		font-size: 8px;
	}


	.bannerform_wrapper {
		flex-wrap: wrap;
	}

	.bannerform_wrapper .bannertext,
	.bannerform_wrapper .quoteform_homewrapper {
		width: 100%;
	}

	#topqutebot {
		padding: 20px 20px 40px;
		text-align: center;
	}

	header {
		height: auto;
	}

	header a.navbar-brand {
		margin: 0;
	}

	.home_header .navbar {
		display: flex;
		justify-content: space-between;
		width: 100%;
		background-color: #000 !important;
	}

	.bannerform_wrapper {
		padding: 53px 0px 0px 0px !important
	}

	.bannerform_wrapper {
		background-position: top left;
	}

	.bannertext .footer_logincreateacct {
		max-width: 185px;
		margin: auto;
		text-decoration: none !important;
	}

	.bannertext .dropdown-menu {
		max-width: 280px;
		right: 0;
		margin: auto;
		background-color: #000 !important;
		border: 1px solid var(--orange-color);
		top: -2px !important;
	}

	.bannertext .dropdown-menu .dropdown-item {
		color: #fff;
	}

	.checkourveh_wrapper .owl-nav button span {
		width: 30px;
		height: 30px;
		font-size: 26px;
		line-height: 29px;
	}

	.checkourveh_wrapper .owl-nav .owl-prev {
		left: -14px !important;
	}

	.checkourveh_wrapper .owl-nav .owl-next {
		right: -12px !important;
	}
}

@media only screen and (max-width:812px) and (orientation: landscape) {
	.checkourveh_wrapper .owl-nav button span {
		display: none !important;
	}

	/* .checkourveh_wrapper .owl-nav .owl-prev {
		display: none !important;
	} */

	/* .checkourveh_wrapper .owl-nav .owl-next {
		display: none !important;
	} */
}

@media only screen and (max-width: 599px) {
	.personalized_wrapper .owl-stage .owl-item {
		background-color: transparent;
	}
}

@media only screen and (max-width: 480px) {
	.release-text {
		text-align: center !important;
	}
	.notfound .notfound-404 h1 {
		font-size: 162px;
	}

	.notfound h2 {
		font-size: 26px;
	}

	.bannerform_wrapper {
		padding: 135px 0px 0px 0px;
	}
}

.logo_image {
	height: 400px;
}

.logo_image .col-2 {
	text-align: center;
}

.logo_image .col-2 img {
	max-height: 70px;
	max-width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.client_logo.owl-carousel .owl-item img {
	max-height: 100px;
	max-width: 140px;
	width: auto;
	height: auto;
	object-fit: contain;
	margin: 0 auto;
	display: block;
	opacity: 0.8;
	transition: opacity 0.3s ease, transform 0.3s ease;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	border: 1px solid #ea710517;
}

.client_logo.owl-carousel .owl-item:hover img {
	opacity: 1;
	transform: scale(1.05);
}

.client_logo .item {
	padding: 15px 5px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100px;
}

.client_logo {
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto;
}

/* Client logo carousel navigation arrows */
.client_logo .owl-nav {
	position: absolute;
	top: 0px;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
}

.client_logo .owl-nav button {
	pointer-events: auto;
	background: rgba(0, 0, 0, 0.7) !important;
	color: #fff !important;
	border: 2px solid rgba(243, 147, 61, 0.3) !important;
	border-radius: 50% !important;
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	transition: all 0.3s ease !important;
	margin: 0 !important;
	position: relative !important;
}

.client_logo .owl-nav button:hover {
	background: var(--orange-color) !important;
	border-color: var(--orange-color) !important;
	transform: scale(1.1);
}

.client_logo .owl-nav button.owl-prev {
	left: -50px;
}

.client_logo .owl-nav button.owl-next {
	right: -50px;
}

.client_logo .owl-nav button.disabled {
	opacity: 0.3;
	pointer-events: none;
}

.client_logo.owl-theme .owl-dots {
	text-align: center;
	margin-top: 20px;
}

.client_logo.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	margin: 0 4px;
}

.client_logo.owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(243, 147, 61, 0.3) !important;
	display: block;
	transition: all 0.3s ease;
}

.client_logo.owl-theme .owl-dots .owl-dot.active span {
	width: 24px;
	height: 8px;
	border-radius: 4px;
	background: var(--orange-color) !important;
}

/* Client logo carousel responsive improvements */
@media (max-width: 767px) {
	.client_logo {
		width: 100% !important;
		overflow: visible !important;
	}
	
	.client_logo .item {
		padding: 10px 3px !important;
		min-height: 80px !important;
		height: 80px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
	}

	.client_logo.owl-carousel .owl-item {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	.client_logo.owl-carousel .owl-item img {
		max-height: 80px !important;
		max-width: 120px !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
		-webkit-object-fit: contain !important;
		display: block !important;
		margin: 0 auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		-webkit-transform: translateZ(0) !important;
		transform: translateZ(0) !important;
		-webkit-perspective: 1000px !important;
		perspective: 1000px !important;
		position: relative;
		z-index: 1;
		will-change: transform;
	}

	/* Hide navigation arrows on mobile for cleaner look */
	.client_logo .owl-nav {
		display: none !important;
	}
	
	/* Ensure owl-carousel is visible */
	.client_logo.owl-carousel.owl-loaded {
		display: block !important;
		opacity: 1 !important;
	}

	/* Safari-specific fixes for resize */
	.client_logo .owl-stage {
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		will-change: transform;
	}

	.client_logo .owl-item {
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
	}
}

@media (max-width: 991px) {
	/* Adjust arrow positioning on tablets */
	.client_logo .owl-nav button.owl-prev {
		left: -30px;
	}

	.client_logo .owl-nav button.owl-next {
		right: -30px;
	}

	.client_logo .owl-nav button {
		width: 35px !important;
		height: 35px !important;
		font-size: 14px !important;
	}
	.whychoose_no {
		margin-bottom: 20px;
		padding: 0px !important;
		border: 1px solid rgba(243, 147, 61, 0.2);
		min-height: fit-content;
	}
}

/* Mobile responsiveness improvements */
@media (max-width: 767px) {
	/* Better mobile spacing for carousels */
	
}

	.section-reviews__decor {
		display: inline-block;
		font: 500 91px/1 Montserrat;
		color: #fff;
	}

	.section-reviews__decor::before,
	.section-reviews__decor::after {
		display: inline-block;
		width: 70px;
		height: 4px;
		margin: 0 14px;
		background-color: var(--orange-color);
		content: '';
		vertical-align: 55%;
	}

@media only screen and (max-width:767px) {
	.client_wrapper_desktop {
		display: none;
	}
}

@media only screen and (min-width:768px) {
	.client_wrapper_mobile {
		display: none;
	}
}
.closeButton {
	/* background   : #fff !important; */
	color: #ff0000 !important;
	position: absolute;
	top: 5px;
	right: 15px;
	border-radius: 20px;
	width: 25px;
	opacity: 1 !important;
}

.closeButton span {
	font-size: 3rem;
}

@media only screen and (max-width:767px) {
	.closeButton {
		position: absolute;
		top: 5px;
		right: 10px;
		border-radius: 20px;
		width: 25px;
	}

	#showCountriesModal .closeButton {
		background: #000 !important;
		position: absolute;
		top: 20px;
		right: 15px;
		border-radius: 20px;
		width: 40px;
	}

	#myModal .closeButton {
		/* background   : #fff !important; */
		color: #ff0000 !important;
		position: absolute;
		top: 20px;
		right: 15px;
		border-radius: 20px;
		width: 25px;
	}

	.modal-content {
		border-radius: 0 !important;
		border: none !important;
		padding: 1rem 0;
	}

	.modal-header {
		border-bottom: 0 !important;
		justify-content: left !important;
		/* width          : 100px; */
		padding-top: 0 !important;
	}

	#myModal .modal-header {
		color: #f69a40 !important;
		text-align: left !important;
		border-bottom: 0 !important;
		justify-content: left !important;
		width: 280px;
		padding-top: 0 !important;
	}

	.countriesValues {
		display: -webkit-inline-box;
		width: 0;
	}

	#myModal .close {
		height: 40px;
		width: 40px;
		color: #ff0000;
		box-shadow: none;
		text-shadow: none;
		font-size: 40px;
	}
}

.closeButton span:hover {
	color: #ff0000 !important;
}

@media only screen and (max-width:991px) {
	.modal-dialog {
		position: relative;
		width: auto;
		margin: 0.5rem;
		margin-top: 2.5rem !important;
		pointer-events: none;
	}

	.home_header .navbar .dropdown .dropdown-toggle {
		display: flex;
		color: orange !important;
	}
}

.closeButton span:hover {
	color: #ff0000 !important;
}

.instructionscloseButton {
	background: #fff !important;
	position: absolute;
	top: -15px;
	right: -25px;
	border-radius: 20px;
	width: 25px;
}

.instructionscloseButton span:hover {
	color: #000 !important;
}

.ImagecloseButton {
	background: #fff !important;
	/* position  : absolute !important; */
	top: -15px;
	right: -20px;
	border-radius: 20px;
	/* width     : 25px; */
}

.ImagecloseButton:hover {
	color: #000 !important;
}

.returnPickupDate .mat-mdc-form-field-icon-suffix.ng-star-inserted {
	position: absolute;
	left: 0;
	right: auto;
	top: -1px;
	color: #fff;
	background-color: var(--orange-color);
	padding: 0;
	border-radius: 4px 0px 0px 4px;
	height: 30px;
}

.returnPickupDate #returnPickupDate {
	padding-left: 40px;
}

.returnPickupTime svg {
	position: absolute;
	top: 0;
	right: auto;
	left: 0;
	color: #fff;
	background-color: var(--orange-color);
	z-index: 0;
	padding: 0px 2px 0px 2px;
	height: 30px;
	width: 30px;
	border-radius: 4px 0px 0px 4px;
	font-size: 22px;
	cursor: pointer;
}

.returnPickupTime #returnPickupTime {
	padding-left: 40px;
}

.pickupTime svg {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--orange-color);
	z-index: 0;
	padding: 0px 2px 0px 2px;
	height: 30px;
	width: 30px;
	border-radius: 0px 4px 4px 0px;
	cursor: pointer;
}

.tooltip-inner {
	max-width: 200px;
	padding: 0.25rem 0.5rem;
	color: #000 !important;
	text-align: center;
	background-color: #f8f87c !important;
	border-radius: 0.25rem;
}

.bs-tooltip-bottom .arrow::before {
	bottom: 0;
	border-width: 0 0.4rem 0.4rem;
	border-bottom-color: #f8f87c !important;
}


/* radio button css */

* {
	box-sizing: border-box;
	font-weight: 400;
}

.radio-tile-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.input-container {
	position: relative;
	height: 58px;
	width: 100%;
	margin-top: 20px;
}

.radio-button {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	cursor: pointer;
}

.borderright .radio-tile {
	border-right: 0;
}




.radio-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 2px solid var(--green-color);
	padding: 5px;
	transition: transform 300ms ease;
}

.radio-button:checked+.radio-tile {
	background-color: var(--green-color);
	color: #fff;
	transform: scale(1, 1);
}

.radio-button:checked+.radio-tile .radio-tile-label {
	color: #fff !important;
	background-color: var(--green-color);
}

@media only screen and (max-width:767px) {
	.mobilePadding {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 10px !important;
	}

	.borderright .radio-tile {
		border-right: 2px solid var(--green-color);
	}
}

@media only screen and (min-width:767px) {
	.mobilePadding {
		padding-left: 15px !important;
	}
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff !important;
	background-color: var(--orange) !important;
	border-color: var(--orange) !important;
}

.page-link:hover {
	z-index: 2;
	color: var(--orange) !important;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: var(--orange) !important;
	background-color: #fff;
	border: 1px solid #dee2e6;
}


/* big image side arrows */

.outer .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 160px !important;
	left: -40px !important;
	background: transparent !important;
	width: 20px;
	height: 20px;
	/* border-radius: 50%; */
	/* opacity      : 1 !important; */
}

.outer .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 160px !important;
	right: -40px !important;
	background: transparent !important;
	width: 20px;
	height: 20px;
}

.outer .owl-carousel .owl-nav button.owl-prev svg:hover {
	fill: var(--orange-color);
}

.outer .owl-nav button {
	top: 110px !important;
}

.outer .owl-nav button span {
	top: -14px !important;
}

.outer .owl-nav button.owl-prev {
	left: -75px !important;
}

.outer .owl-nav button.owl-next {
	right: -75px !important;
}

.outer .owl-nav button.owl-prev span {
	left: 10px;
}

.outer .owl-nav button.owl-next span {
	right: 10px;
}

@media (max-width:767px) {

	/* view vehicles */
	.outer .owl-nav button {
		top: 110px !important;
	}

	.outer .owl-nav button span {
		top: 1px !important;
	}

	.outer .owl-nav button.owl-prev {
		left: -45px !important;
	}

	.outer .owl-nav button.owl-next {
		right: -45px !important;
	}

	.outer .owl-nav button.owl-prev span {
		left: 2px;
	}

	.outer .owl-nav button.owl-next span {
		right: 2px;
	}
}

@media (min-width:768px) and (max-width:991px) {

	/* view vehicles */
	.outer .owl-nav button {
		top: 110px !important;
	}
	.whychoose_no{min-height:207px !important; justify-content: flex-start;}

	.outer .owl-nav button span {
		top: -14px !important;
	}

	.outer .owl-nav button.owl-prev {
		left: -45px !important;
	}

	.outer .owl-nav button.owl-next {
		right: -45px !important;
	}

	.outer .owl-nav button.owl-prev span {
		left: 10px;
	}

	.outer .owl-nav button.owl-next span {
		right: 10px;
	}

	.outer {
		width: 675px !important;
		margin-left: 5px;
		margin-right: 5px;
	}
}

.owl-carousel .owl-stage {
	margin: 0 auto;
}

@media (min-width:992px) and (max-width:1199px) {

	/* view vehicles */
	.outer .owl-nav button {
		top: 110px !important;
	}

	.outer .owl-nav button span {
		top: -14px !important;
	}

	.outer .owl-nav button.owl-prev {
		left: -45px !important;
	}

	.outer .owl-nav button.owl-next {
		right: -45px !important;
	}

	.outer .owl-nav button.owl-prev span {
		left: 10px;
	}

	.outer .owl-nav button.owl-next span {
		right: 10px;
	}

	.outer {
		width: 900px !important;
		margin-left: 15px;
		margin-right: 0px;
	}
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	min-width: 329px;
}

.bootstrap-datetimepicker-widget table td span {
	height: 24px !important;
	line-height: 24px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu table th {
	height: 20px !important;
	line-height: 20px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu table td.day {
	height: 18px;
	line-height: 18px;
}

/* .asterisk{
    font-size: 1.65rem;
    margin-left: 6px;
  } */

.disabled-input-field {
	pointer-events: none;
	cursor: not-allowed;
}

.timepicker-dial__container {
	flex-direction: row !important;
	gap: 17px !important;
}

.timepicker {
	display: flex !important;
	flex-direction: column;
	align-items: center !important;
	width: 100% !important;
	/* height: 303px !important; */
}

.timepicker__header {
	padding: 15px 64px;
	width: 100%;
	text-align: center;
	background-color: #00bfff;
}


@media only screen and (max-width:440px) {
	.personalized_wrapper .outer_div_pw {
        display: flex;
        flex-direction: column;
    }

    /* Flatten the text container */
    .personalized_wrapper .personalized_text {
        display: contents;
    }

    /* Order exactly as required */
    .personalized_wrapper .order-two {   /* heading */
        order: 1;
		padding-top:20px !important;
    }

    .personalized_wrapper .order-img {   /* image */
        order: 2;
    }

    .personalized_wrapper .order-three { /* paragraph */
        order: 3;
		text-align: center !important;
		padding: 20px !important;
    }
	.bannerform_wrapper,
	.personalized_wrapper {
		margin: 0 !important;
		border-radius: 0 !important;
	}

	.whychoose_no img{
		width: 240px !important;
	}
	.client_wrapper{margin:0 !important;}
	.checkourveh_wrapper,
	.whychoose_wrapper,
	.discover_diff,
	.ourmisservice_wrap {
		margin: 25px 0px;
		border-radius: 0 !important;
	}
	.ourmisservice_wrap_ride {
		margin: 25px 0px;
		border-radius: 0 !important;
	}
	.ourmisservice_wrap_content{
		text-align: center !important;
	}


	.checkourveh_wrapper h2,
	.ourmisservice_wrap h2,
	.ourmisservice_wrap_ride h2,
	.checkourveh_wrapper h2 span,
	.ourmisservice_wrap h2 span,
	.ourmisservice_wrap_ride h2 span,
	.whychoose_wrapper h2,
	.whychoose_wrapper h2 span,
	.client_wrapper h2,
	.client_wrapper h2 span,
	.personalized_wrapper h2,
	.personalized_wrapper h2 span {
		font-size: 24px;
	}

	.checkourveh_wrapper h6 {
		font-size: 12px;

	}

	.ourmisservice_wrap h6,
	.ourmisservice_wrap_ride h6,
	.whychoose_wrapper p,
	.personalized_wrapper h6,
	.whychoosemidle span {
		font-size: 14px;
	}

	.personalized_wrapper h4 {
		font-size: 16px;
		text-align: center;
	}

	.whychoosemidle {
		background: linear-gradient(264.04deg, rgba(243, 147, 61, 0.1) 4.98%, rgba(141, 85, 35, 0) 89.26%);
		padding: 0px !important;
		margin-right: -15px !important;
	}

	.remove_col_padding {
		padding: 0px !important;
	}


	.whychoosemidle .col-12 ul>li {
		padding: 12px;
	}

	.copyright_div {
		padding: 15px 5px;
		margin: 5px;
	}

	.copyright_div .inner_div1 {
		margin-bottom: 20px !important;
	}

	.copyright_div .inner_div2 {
		flex-direction: column;
	}

	.footercontent {
		text-align: center;
	}

	

	.footercontent p {
		margin-top: 20px;
	}

	.client_logo.owl-carousel .owl-nav button.owl-prev,
	.client_logo.owl-carousel .owl-nav button.owl-next,
	.client_logo.owl-carousel .owl-dots {
		display: none;
	}

	.client_logo .item {
		height: 80px;
		min-height: 80px;
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px 3px;
	}
	
	.client_logo.owl-carousel .owl-item img {
		max-height: 80px !important;
		max-width: 120px !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
		-webkit-object-fit: contain !important;
		display: block !important;
		margin: 0 auto !important;
		opacity: 1 !important;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.footercontent .content_qr_btn img {
		height: 100px;
		width: 100px;
	}

	.discover_diff h2,
	.discover_diff h2 span{
		font-size: 24px;
	}

	.discover_diff{
		padding: 15px 10px;
	}

	.discover_diff_inner_columns {
		min-height: auto;
		padding:14px 32px;
	}

	.discover_diff_inner_columns h4 {
		font-size: 18px !important;
	}
	
	.discover_diff_inner_columns p {
		font-size: 15px !important;
	}

	.how_works_wrapper {
		border-radius: 12px;
	}

	.how_works_wrapper h2,
	.how_works_wrapper h2 span {
		font-size: 22px;
		margin-bottom: 30px;
		line-height: 1.3;
	}

	/* Hide desktop progress lines on mobile */
	.steps-line-bg.d-none.d-md-block,
	.steps-line-progress.d-none.d-md-block {
		display: none !important;
	}

	/* Mobile Progress Line (Vertical) */
	.steps-line-mobile {
		position: absolute;
		left: 20px;
		top: 0;
		bottom: 0;
		width: 3px;
		background-color: rgba(243, 147, 61, 0.2);
		z-index: 0;
		border-radius: 2px;
	}

	.steps-line-progress-mobile {
		position: absolute;
		left: 20px;
		top: 0;
		width: 3px;
		height: 25%; /* Dynamically updated via Angular binding */
		background: linear-gradient(180deg, var(--primary-orange) 0%, rgba(243, 147, 61, 0.8) 100%);
		z-index: 1;
		transition: height 0.5s ease;
		border-radius: 2px;
		box-shadow: 0 2px 8px rgba(243, 147, 61, 0.4);
	}

	.steps-container {
		padding: 0;
		position: relative;
	}

	.step-item {
		margin-bottom: 20px;
		padding: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;
		position: relative;
		z-index: 2;
	}

	.step-item:last-child {
		margin-bottom: 0;
	}

	.step-item:hover {
		transform: translateY(-1px);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}

	.step-item.active {
		background: linear-gradient(135deg, rgba(243, 147, 61, 0.05) 0%, rgba(243, 147, 61, 0.02) 100%);
		border: 1px solid rgba(243, 147, 61, 0.2);
	}

	.step-img {
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
		min-height: 140px;
		max-height: 140px;
		object-fit: cover;
		border-radius: 8px;
		margin-bottom: 10px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
		transition: all 0.3s ease;
	}

	.step-item.active .step-img {
		box-shadow: 0 4px 12px rgba(243, 147, 61, 0.2);
		border: 2px solid var(--orange-color);
		transform: scale(1.01);
	}

	.step-icon-box {
		width: 32px !important;
		height: 32px !important;
		margin-bottom: 8px !important;
		border-width: 2px !important;
		position: relative;
		z-index: 3;
		transition: all 0.3s ease;
	}

	.step-icon-box i {
		font-size: 14px !important;
	}

	.step-item.active .step-icon-box {
		box-shadow: 0 0 0 4px rgba(246, 139, 31, 0.1);
		transform: scale(1.03);
		animation: stepPulseMobile 2s ease-in-out infinite;
	}

	.step-label {
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 4px;
		color: #333;
		letter-spacing: 0.3px;
		text-transform: uppercase;
		line-height: 1.2;
	}

	.step-sub-desc {
		font-size: 12px;
		line-height: 1.4;
		color: #555;
		font-weight: 500;
		padding: 0;
		max-width: 100%;
		margin: 0;
	}

	.whychoose_no {
		padding: 0 !important;
		border: none !important;
		min-height: auto !important; 
		max-height: auto !important;
	}

	/* Mobile pulse animation (reduced intensity) */
	@keyframes stepPulseMobile {
		0%, 100% {
			transform: scale(1.05);
			box-shadow: 0 0 0 6px rgba(246, 139, 31, 0.12);
		}
		50% {
			transform: scale(1.08);
			box-shadow: 0 0 0 8px rgba(246, 139, 31, 0.1);
		}
	}

	/* Extra small devices (phones, 480px and down) */
	@media only screen and (max-width: 480px) {
		.how_works_wrapper {
			padding: 0px !important;
			margin: 0px !important;
		}

		.how_works_wrapper h2, .how_works_wrapper h2 span {
			font-size: 1.6rem;
			margin-bottom: 20px;
			line-height: 1.2;
		}

		.step-item {
			padding: 8px;
			margin-bottom: 16px;
		}

		.step-img {
			min-height: 120px;
			max-height: 120px;
			margin-bottom: 8px;
		}

		.step-icon-box {
			width: 28px !important;
			height: 28px !important;
			margin-bottom: 6px !important;
		}

		.step-icon-box i {
			font-size: 12px !important;
		}

		.step-label {
			font-size: 11px;
			margin-bottom: 3px;
		}

		.step-sub-desc {
			font-size: 11px;
			line-height: 1.3;
		}

		.steps-line-mobile {
			left: 12px;
			width: 2px;
		}

		.steps-line-progress-mobile {
			left: 12px;
			width: 2px;
		}
	}

	.footercontent .content_qr_btn{
		text-align: center;
	}

}
/* CLient carousel css */
.client_logo .owl-stage,
.client_logo .owl-item {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  backface-visibility: hidden;
}

.client_logo img {
  max-width: 100%;
  height: auto;
  display: block;
}

.return-trip-card {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 18px 0; /* More breathing room */
	width: 100%;
  }
  
  .return-trip-card .badge {
	color: #f3933d;
	width: unset !important;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #000; /* Matches your dark bg to hide the line behind text */
	padding: 0 15px;
	z-index: 2;
	white-space: nowrap;
  }
  
  /* The Line */
  .return-trip-card::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(
	  90deg,
	  transparent 0%,
	  rgba(243, 147, 61, 0.5) 20%, /* Orange tint */
	  rgba(243, 147, 61, 0.5) 80%,
	  transparent 100%
	);
	z-index: 1;
  }

  .circle-orange-lighter {
    /* Create the Circle */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;  /* Fixed size for perfect circle */
    height: 62px;
    border-radius: 50%;
    
    /* The Soft Orange Background */
    background-color: rgba(243, 147, 61, 0.1); /* 10% opacity orange */
    margin: 0 auto 24px; /* Center it and push text down */
    
    /* Smooth Animation */
    transition: transform 0.3s ease, background-color 0.3s ease;
}

/* Size the image inside so it doesn't touch edges */
.circle-orange-lighter img {
    width: 35px;
    height: 35px;
	margin-bottom: 0px;
    object-fit: contain;
}

/* Hover Effect */
.circle-orange-lighter:hover {
    transform: translateY(0px); /* Floats up slightly */
    background-color: rgba(243, 147, 61, 0.2); /* Darkens slightly */
    box-shadow: none; /* Soft shadow */
}
.mobile-app-minimal {
	display: flex;
	padding: 20px 0px;
	width: 100%;
  }
  
  .content-container {
	display: flex;
	flex-direction: column; /* Stacks text above buttons */
	gap: 15px;
  }
  
  .store-icons {
	display: flex;
	gap: 10px;
	flex-wrap: wrap; /* Prevents icons from breaking on small screens */
	justify-content: center;
  }

  
  .store-img {
	height: 45px; /* Adjust based on your screenshot preference */
	width: auto;
	cursor: pointer;
	transition: transform 0.2s;
  }
  
  .store-img:hover {
	transform: scale(1.05);
  }
  .order-img{max-height: 200px !important; min-height: 200px !important;}

  /* Remove Angular Material background & underline */
.date-input .mat-form-field-flex {
    background: transparent !important;
    padding: 0 !important;
}

.date-input .mat-form-field-underline,
.date-input .mat-form-field-ripple {
    display: none !important;
}

/* Match bootstrap input */
.date-input .mat-input-element {
    height: 30px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

/* Remove label spacing */
.date-input .mat-form-field-wrapper {
    padding-bottom: 0;
}