body {
	font-family: 'Poppins', sans-serif
}

.header {
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 99
}

.logo img {
	width: 158px
}

.menu-header ul.menu {
	margin: 0;
	padding: 0
}

.menu-header ul.menu li {
	list-style-type: none
}

.menu-header ul.menu li a {
	padding: 22px 10px;
	color: #151515;
	text-decoration: none;
	font-weight: 500;
	position: relative;
	display: block
}

.menu-header ul.menu li a.active {
	color: #1596cc
}

.menu-header ul.menu li a.active:before {
	content: '';
	display: block;
	background: #1596cc;
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px
}

.menu-header ul.menu li a:hover {
	color: #1596cc
}

.header-right a {
	color: #151515;
	text-decoration: none;
	font-weight: 500
}

.btn-login {
	padding: 0 !important;
	border-left: 1px solid #cacaca;
	border-radius: 0;
	padding-left: 12px !important
}

#login-modal .modal-dialog,
#pay-qr-modal .modal-dialog {
	width: 420px !important;
	--bs-modal-width: 420px
}

#login-modal .modal-header,
#pay-qr-modal .modal-header {
	border-bottom: 0;
	justify-content: flex-start;
	align-items: center;
	padding-top: 16px;
	background: #20BBDA;
	padding-bottom: 14px;
	border-radius: 0
}

#login-modal .modal-header h5,
#pay-qr-modal .modal-header h5 {
	width: 100%;
	font-weight: 600;
	display: block;
	padding-left: 11px;
	width: 100%;
	display: block;
	padding-left: 12px;
	font-size: 20px;
	font-weight: 700;
	color: #fff
}

#login-modal .modal-header .login-close,
#pay-qr-modal .modal-header .login-close {
	width: 14px;
	display: block;
	margin: initial;
	color: #fff;
	border: 1px solid #fff;
	background: url(../img/arrow-back-login.svg);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: 50%;
	padding: 10px
}

#pay-qr-modal .qr-code p {
	font-size: 14px
}

#pay-qr-modal .qr-code .qr-img {
	width: 75%;
	margin: 0 auto;
	display: inline-block;
	margin-bottom: 15px;
	border: 1px solid #5f5f5f;
	padding: 15px;
	border-radius: 12px
}

#login-modal .form-group label {
	font-size: 18px;
	font-weight: 600
}

#login-modal .desc {
	font-size: 14px;
	color: #535353
}

#login-modal .form-group input {
	width: 100%;
	padding: 12px 8px;
	border-radius: 8px;
	border: 1px solid #d3d3d3;
	margin-bottom: 15px;
	background: #f7f7f7
}

#login-modal .login-btn {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff;
	border: 0;
	display: block;
	width: 100%;
	padding: 12px 0;
	font-weight: 600;
	margin-bottom: 15px
}

#login-modal .desc.privacy-text {
	font-size: 12px;
	width: 100%;
	text-align: center
}

.social-login {
	text-align: center
}

.social-login p {
	font-size: 16px;
	font-weight: 600;
	color: #151515
}

.social-login a {
	font-size: 14px;
	border: 1px solid #dbdbdb;
	padding: 9px 17px;
	border-radius: 7px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 9px;
	color: #616161 !important;
	text-decoration: none;
	transition: .2s
}

.social-login a:hover {
	background: #efefef;
	transition: .2s
}

.social-login a img {
	width: 28px
}

.hero-wrapper {
	background: url(../img/hero-bg.svg) no-repeat;
	background-size: cover;
	padding: 40px 0;
	margin-top: 98px
}

.search-main ul.nav-tabs {
	border: 0
}

.search-main ul.nav-tabs li .nav-link {
	background: #fff;
	color: #151515;
	font-weight: 500;
	padding: 12px 25px;
	border: 0
}

.search-main ul.nav-tabs li:nth-child(1) .nav-link {
	border-top-right-radius: 0;
	border-top-left-radius: 16px
}

.search-main ul.nav-tabs li:nth-child(2) .nav-link {
	border-top-left-radius: 0;
	border-top-right-radius: 16px
}

.search-main ul.nav-tabs li .nav-link.active {
	background: #20BFDB;
	color: #fff
}

.search-main .tab-content {
	background: #fff;
	padding: 18px 15px 35px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	border-top-right-radius: 16px
}

.search-main .tab-content h4 {
	font-size: 24px;
	font-weight: 700;
	color: #20bfdb;
	margin: 0
}

.search-main .tab-content h1 {
	font-size: 14px;
	color: #414141
}

.search-main .tab-content input {
	padding: 10px 9px;
	border-radius: 6px;
	border: 1px solid #1515157a;
	width: 32%;
	color: #656565;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	border-radius: 9px
}

.search-main .tab-content .location-select-button {
	border: 1px solid #9d9d9d;
	color: #656565;
	font-weight: 600;
	font-size: 14px;
	width: 32%;
	text-align: left;
	background: #fff url(../img/location.svg) no-repeat;
	background-size: 25px;
	background-position-y: 50%;
	background-position-x: 5px;
	padding-left: 32px;
	border-radius: 9px
}

.datetimepicker {
	padding: 0 !important;
	border: 0;
	box-shadow: 0 3px 14px #00000024;
	border-radius: 10px !important;
	overflow: hidden;
	min-height: 300px
}

.datetimepicker-dropdown-bottom-right:before,
.datetimepicker-dropdown-bottom-right:after {
	display: none !important
}

.datetimepicker .datetimepicker-days table thead tr:nth-child(1),
.datetimepicker .datetimepicker-hours table thead tr:nth-child(1),
.datetimepicker .datetimepicker-minutes table thead tr:nth-child(1) {
	background: #1fbcda
}

.datetimepicker .datetimepicker-days table thead tr:nth-child(2) th,
.datetimepicker .datetimepicker-hours table thead tr:nth-child(2) th,
.datetimepicker .datetimepicker-minutes table thead tr:nth-child(2) th {
	font-size: 12px;
	padding: 7px 0 10px
}

.datetimepicker .datetimepicker-days table thead tr:nth-child(1) th,
.datetimepicker .datetimepicker-hours table thead tr:nth-child(1) th,
.datetimepicker .datetimepicker-minutes table thead tr:nth-child(1) th {
	color: #fff;
	background: #1fbcda;
	border-radius: 0;
	padding: 13px 0
}

.datetimepicker .datetimepicker-days table thead tr:nth-child(1) th .fa,
.datetimepicker .datetimepicker-hours table thead tr:nth-child(1) th .fa,
.datetimepicker .datetimepicker-minutes table thead tr:nth-child(1) th .fa {
	display: none
}

.datetimepicker .datetimepicker-days table thead tr:nth-child(1) th.prev,
.datetimepicker .datetimepicker-hours table thead tr:nth-child(1) th.prev,
.datetimepicker .datetimepicker-minutes table thead tr:nth-child(1) th.prev {
	background: url(../img/arrow-next.svg) no-repeat;
	background-position: 50%;
	background-size: 9px;
	transform: rotate(180deg);
	min-width: 30px
}

.datetimepicker .datetimepicker-days table thead tr:nth-child(1) th.next,
.datetimepicker .datetimepicker-hours table thead tr:nth-child(1) th.next,
.datetimepicker .datetimepicker-minutes table thead tr:nth-child(1) th.next {
	visibility: visible !important;
	background: url(../img/arrow-next.svg) no-repeat;
	background-position: 50%;
	background-size: 9px;
	min-width: 30px
}

.datetimepicker .datetimepicker-days table thead tr:nth-child(1) th.switch,
.datetimepicker .datetimepicker-hours table thead tr:nth-child(1) th.switch,
.datetimepicker .datetimepicker-minutes table thead tr:nth-child(1) th.switch {
	pointer-events: none;
	width: 200px
}

.datetimepicker .datetimepicker-days table tbody tr td.day {
	font-size: 12px;
	padding: 8px 10px
}

.datetimepicker .datetimepicker-hours table tbody tr span {
	font-size: 12px;
	padding: 8px 10px;
	display: block;
	height: 32px;
	line-height: inherit
}

.datetimepicker .datetimepicker-minutes table tbody tr span {
	font-size: 12px;
	padding: 8px 10px;
	display: block;
	height: 32px;
	line-height: inherit
}

.datetimepicker .datetimepicker-days th,
.datetimepicker .datetimepicker-hours th {
	cursor: pointer;
	font-size: 14px;
	font-weight: 600
}

#location-modal .modal-content {
	border-radius: 18px
}

#location-modal .modal-dialog,
#coupan-modal .modal-dialog {
	width: 400px
}

#location-modal .modal-body h2,
#coupan-modal .modal-body h2 {
	font-size: 16px;
	color: #1195ac
}

#location-modal .modal-title,
#coupan-modal .modal-title {
	font-size: 15px;
	font-weight: 400
}

#location-modal .modal-body ul {
	list-style: none;
	padding-left: 0;
	display: block;
	margin-bottom: 0;
}

#location-modal ul li {
	display: block;
	margin-bottom: 2px;
	padding: 8px 10px;
	border-radius: 7px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
}

#location-modal ul li:hover {
	background: #168DCC;
	color: #fff;
}

.search-main .tab-content .start-timepicker {
	position: relative
}

.search-main .tab-content .end-timepicker {
	position: relative
}

.search-main .tab-content .start-timepicker:before {
	content: 'Start Date';
	display: block
}

.search-main .tab-content .end-timepicker:before {
	content: 'End Date';
	display: block
}

.search-main .tab-content .action .btn-themed {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff;
	border: 0;
	padding: 10px 30px
}

.hero-info-card {
	text-align: center
}

.hero-info-card h4 {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 5px
}

.hero-info-card p {
	font-size: 16px;
	color: #fff;
	font-weight: 400
}

.title h2,
.common_heading_main_page {
	color: #151515;
	font-family: Poppins;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 0
}

.title p {
	color: rgba(21, 21, 21, 0.75);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal
}

.btn-themed {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff;
	border: 0;
	padding: 6px 27px;
	position: relative;
	transition: .2s
}

.car-card .btn-themed {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff;
	border: 0;
	padding: 6px 27px 6px 20px;
	position: relative;
	transition: .2s;
	font-size: 14px
}

.car-card .btn-themed:before {
	content: '';
	display: block;
	background: url(../img/right-arrow-view-white.svg) no-repeat;
	position: absolute;
	right: 8px;
	top: 23%;
	width: 20px;
	height: 20px;
	background-size: 20px
}

.header-section .btn-themed {
	background: url(../img/right-arrow-view.svg);
	background-repeat: no-repeat;
	background-position: 97% 50%;
	color: #757575;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px
}

.main-content-wrapper {
	background-color: #F8F8F8
}

.car-card {
	padding: 10px;
	border-radius: 14px;
	transition: .3s;
	position: relative
}

.car-card:hover {
	box-shadow: 0 0 13px #76767673;
	transition: .3s
}

.car-card .photo {
	width: 100%;
	margin-bottom: 10px;
	text-align: center
}

.car-card .photo img {
	margin: auto;
	width: 100%
}

.distance-tag {
	display: flex;
	background: #ffffffe3;
	position: absolute;
	top: 17px;
	left: 18px;
	font-size: 12px;
	font-weight: 500;
	padding: 4px 9px;
	border-radius: 4px
}

.distance-tag img {
	width: 18px
}

.car-card .title .car-name h2 {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600
}

.car-card .title .car-name p {
	font-size: 14px
}

.car-card .car-info .car-item {
	display: flex;
	font-size: 12px
}

.car-card .car-info .car-item img {
	margin-right: 4px
}

.car-card .footer {
	border-top: 1px solid #E6E6E6;
	margin-top: 8px !important;
	padding-top: 9px
}

.car-card .footer .price {
	font-size: 22px;
	font-weight: 700
}

.car-card .footer .price span {
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through
}

.car-card .rating {
	display: flex;
	flex-direction: column;
	align-items: end
}

.car-card .rating span:nth-child(1) {
	display: flex;
	font-weight: 600
}

.car-card .rating span:nth-child(2) {
	font-size: 12px
}

.slick-list {
	margin: 0 -10px !important;
	overflow-x: hidden !important;
	overflow-y: visible !important;
	padding: 15px 0 !important
}

.slick-slide {
	margin: 0 10px !important
}

.slick-slider .slick-arrow {
	border-radius: 8px;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.17);
	border: 0;
	font-size: 0;
	width: 45px;
	height: 45px
}

.slick-slider .slick-prev.slick-arrow {
	background: url(../img/arrow_prev.svg) no-repeat;
	background-position: 50%;
	position: absolute;
	top: 35%;
	left: -50px
}

.slick-slider .slick-next.slick-arrow {
	background: url(../img/arrow_next.svg) no-repeat;
	background-position: 50%;
	position: absolute;
	top: 35%;
	right: -50px
}

.offer-card {
	border-radius: 14px;
	border: 0;
	background-color: transparent;
	padding: 0;
	position: relative
}

.offer-card img {
	width: 100%
}

.offer-card .btn-themed {
	position: absolute;
	bottom: 25px;
	right: 20px;
	padding: 0 10px;
	height: 35px;
	font-size: 14px
}

.why-car-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 15px 20px;
	border-radius: 14px;
	border: 1px solid #F0F0F0;
	background: #FFF;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06);
	margin-top: 15px;
}

.why-car-card img {
	width: 50px;
	margin-right: 25px
}

.why-car-card .content h2 {
	color: #151515;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0
}

.why-car-card .content p {
	color: rgba(21, 21, 21, 0.75);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0
}

.blog-card .description {
	font-size: 14px
}

.blog-card .footer {
	border-top: 0
}

.blog-info p {
	font-size: 12px;
	margin-bottom: 5px;
	white-space: nowrap
}

.blog-info img {
	width: 13px
}

.blog-card .car-name h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px
}

.client-tales .testimonial-card {
	border-radius: 14px;
	border: 1px solid #F0F0F0;
	background: #FFF;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06);
	padding: 15px 20px
}

.client-tales .testimonial-card p {
	font-size: 14px
}

.client-tales .testimonial-card .rating {
	font-size: 14px;
	display: flex
}

.client-tales .testimonial-card .rating img {
	margin-right: -4px !important
}

.client-tales .testimonial-card .rating img:last-child {
	margin-right: 6px !important
}

.client-tales .testimonial-card .user-info .photo {
	margin-right: 4px !important;
	margin-top: 8px !important;
	align-items: flex-start
}

.client-tales .testimonial-card .user-info .photo img {
	margin-right: 10px
}

.client-tales .testimonial-card .user-info .photo h4, .client-tales .testimonial-card .user-info .photo h3 {
	font-size: 14px;
	font-weight: 600
}

.client-tales .testimonial-card .user-info .photo h4 span, .client-tales .testimonial-card .user-info .photo h3 span {
	font-size: 12px;
	font-weight: 400
}

.faq-card {
	border-radius: 14px;
	border: 1px solid #F0F0F0;
	background: #FFF;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06);
	padding: 10px 15px;
	margin-bottom: 20px
}

.faq-card h1 {
	font-size: 16px;
	font-weight: 700
}

.faq-card p {
	font-size: 14px;
	font-weight: 400;
	margin: 0
}

.faq-sec .accordion-item {
	margin-bottom: 14px;
	border-radius: 9px;
	overflow: hidden;
	border: 1px solid #F0F0F0;
	background: #FFF;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06)
}

.faq-sec .accordion-item .accordion-header .accordion-button {
	font-size: 16px;
	font-weight: 700
}

.faq-sec .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background-color: #3aa2b745;
	color: #141414
}

.description-text {
	font-size: 14px
}

.footer-head {
	font-size: 18px;
	font-weight: 700
}

.footer-menu {
	padding: 0;
	margin: 0;
	list-style: none
}

.footer-menu li {
	background: url(../img/arrow-link-f.svg) no-repeat;
	background-size: 20px;
	padding-left: 24px;
	margin-bottom: 10px;
	background-position: center left;
}

.footer-menu li a {
	color: #151515;
	text-decoration: none
}

.btn-themed-color {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff
}

.copyright {
	background: #eeeeee;
	padding: 10px 10px
}

.desktop-none {
	display: none
}

.partners-card {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06)
}

.partners-card img {
	width: 100%
}

.review-section {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06);
	background-color: #fff;
	padding: 40px;
	border-radius: 14px;
	margin-top: 35px
}

.review-section h4 {
	font-size: 24px;
	font-weight: 700
}

.review-section p {
	font-size: 14px
}

.review-section .rating {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 600
}

.review-section .rating img {
	width: 25px;
	margin: 0 -3px
}

.review-section .rating img:last-child {
	margin-right: 5px
}

.footer-menus {
	padding: 30px 35px;
	background: #272727;
	border-radius: 14px;
	margin-top: 30px
}

.footer-menus h4 {
	color: #fff;
	margin-bottom: 20px;
	font-weight: 600
}

.footer-menus ul li {
	background: none;
	padding: 0
}

.footer-menus ul li a {
	color: #dfd5d5;
	font-size: 14px;
	text-transform: capitalize;
	padding-left: 20px;
	position: relative;
	transition: 0.5s;
}

.footer-menus ul li a:hover {
	color: #fff;
}

.footer-content h2 {
	font-size: 24px;
	font-weight: 700;
	color: #909090
}

.footer-content p {
	font-size: 14px;
	color: #515151
}

.right .modal-dialog,
.left .modal-dialog {
	transition: transform .25s ease-out;
	position: fixed;
	margin: auto;
	height: 100%
}

.modal.right .modal-content,
.modal.left .modal-content {
	overflow-y: auto;
	border-radius: 0;
	border: none;
	height: 100%
}

.right .modal-dialog {
	transform: translateX(50px);
	right: 0
}

.left .modal-dialog {
	transform: translateX(-50px);
	left: 0
}

.otp-field .otp-items input {
	width: 48px;
	padding: 12px 8px;
	border-radius: 8px;
	border: 1px solid #d3d3d3;
	margin-bottom: 15px;
	background: #f7f7f7;
	margin-right: 15px
}

.otp-field .otp-items {
	display: flex
}

.header.inner {
	position: relative
}

.header-bottom {
	border-top: 1px solid #c3c3c3;
	box-shadow: 0 0 12px #0000001a
}

.content-wrapper .filter-sidebar {
	padding: 15px;
	background: #f5f5f5;
	border-radius: 8px;
	position: sticky;
	top: 15px;
	height: 99vh;
	overflow: auto
}

.content-wrapper .filter-sidebar h5 {
	color: #000
}

.content-wrapper {
	padding: 30px 0
}

.content-wrapper .filter-box h6 {
	font-size: 14px;
	margin-top: 14px;
	color: #000;
	font-weight: 500
}

.content-wrapper .filter-box h5 {
	font-weight: 600;
	color: #000
}

.content-wrapper .filter-items .form-check label {
	color: #6a6a6a;
	font-size: 14px
}

.content-wrapper .filter-items ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap
}

.content-wrapper .filter-items ul li {
	display: inline-block;
	width: 32%;
	border: 1px solid #d9d9d9;
	text-align: center;
	padding: 12px 3px;
	margin-bottom: 10px;
	margin-right: 2%
}

.content-wrapper .filter-items ul li:nth-child(3n) {
	margin-right: 0
}

.content-wrapper .content-area .car-listing {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px
}

.content-wrapper .content-area .car-listing .car-card {
	width: 32%;
	margin-right: 1%;
	margin-bottom: 2%
}

.content-head h6 {
	color: #0882bd;
	font-size: 16px;
	font-weight: 600
}

.content-head .head-right .item {
	margin-left: 10px
}

.content-head .head-right p {
	margin-right: 10px;
	margin-bottom: 0;
	font-size: 14px;
	color: #4d4d4d
}

.content-head .sort-drop .btn {
	background: #fff;
	border: 1px solid #bdbdbd;
	color: #797979;
	padding: 5px 11px;
	font-weight: 600;
	font-size: 14px
}

.header-bottom {
	border-top: 1px solid #c3c3c3;
	box-shadow: 0 0 12px #0000001a;
	padding: 10px 0 16px
}

.filter-box-top .filter-item {
	margin-left: -1px
}

.filter-box-top .filter-item:first-child button {
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important
}

.filter-box-top .filter-item:last-child input {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important
}

.filter-box-top .filter-item.location button {
	border: 1px solid #c7c7c7;
	color: #434343;
	font-weight: 600;
	font-size: 12px;
	text-align: left;
	background: #fff url(../img/location.svg) no-repeat;
	background-size: 19px;
	background-position-y: 50%;
	background-position-x: 5px;
	padding-left: 27px;
	border-radius: 0;
	height: 40px
}

.filter-box-top .filter-item input {
	padding: 10px 9px;
	border: 1px solid #c7c7c7;
	color: #434343;
	font-weight: 600;
	font-size: 12px;
	cursor: pointer;
	border-radius: 0;
	height: 40px
}

.filter-box-top .filter-item.action .action-btn {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff;
	border: 0;
	padding: 10px 30px
}

p.tag-text {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	color: #939393;
	margin-bottom: 4px
}

.header-bottom .filter-action {
	margin-left: 7px
}

.header-bottom .filter-action .action-btn {
	height: 40px;
	padding: 11px 5px;
	font-size: 12px;
	font-weight: 600
}

.plan-wrapper {
	background: #f5f5f5;
	padding: 4px 10px;
	border-radius: 29px;
	width: 100%;
	justify-content: space-between
}

.plan-wrapper .km-item {
	font-size: 13px;
	padding: 4px 8px;
	cursor: pointer
}

.plan-wrapper .km-item.active {
	border-radius: 19px;
	box-shadow: 0 3px 6px 0 rgba(144, 157, 170, .35);
	border: 1px solid #b6e5e1;
	background-color: #fff
}

.inner-page .footer-inner {
	background: #fbfbfb
}

.header.inner {
	border-bottom: 1px solid #d9d9d9
}

.card.car-details {
	border: 1px solid #d5d5d5;
	padding: 16px 21px;
	border-radius: 15px
}

.card.car-details .car-side {
	position: relative
}

.card.car-details .car-side h6 {
	font-size: 14px;
	color: #6d6d6d
}

.card.car-details .car-side h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px
}

.card.car-details .car-side .car-image {
	margin-bottom: 11px
}

.card.car-details .booking-detail-car {
	position: relative;
	padding-left: 17px;
	padding-top: 8px;
	height: 100%;
	text-align: center
}

.card.car-details .booking-detail-car:before {
	content: '';
	background: #dfdfdf;
	width: 1px;
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	padding-left: 0
}

.card.car-details .booking-detail-car h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0
}

.card.car-details .booking-detail-car .time-slection {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
	margin-bottom: 27px;
	margin-top: 26px
}

.card.car-details .booking-detail-car .time-slection .total-days {
	position: absolute;
	left: 46%;
	border: 1px dotted #3a3a3a;
	font-size: 12px;
	padding: 3px 7px;
	border-radius: 15px
}

.card.car-details .booking-detail-car .time-slection:after {
	content: '';
	display: block;
	background: #008fd5;
	position: absolute;
	bottom: -13px;
	width: 100%;
	height: 1px
}

.card.car-details .booking-detail-car .time-slection .time-inner {
	font-size: 14px;
	position: relative
}

.card.car-details .booking-detail-car .time-slection .time-inner.start:before {
	content: '';
	display: block;
	background: #008fd5;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	position: absolute;
	bottom: -18px;
	left: 0
}

.card.car-details .booking-detail-car .time-slection .time-inner.end:before {
	content: '';
	display: block;
	background: #008fd5;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	position: absolute;
	bottom: -18px;
	right: 0
}

.card.car-details .booking-detail-car .time-slection .time-inner.start:after {
	content: '';
	display: block;
	width: 100%
}

.card.car-details .booking-detail-car .location {
	margin-top: 10px
}

.card.car-details .booking-detail-car .location p {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px
}

.card.car-details .booking-detail-car .location button {
	font-weight: 400;
	color: #008fd7;
	text-decoration: underline;
	font-size: 12px;
	font-weight: 500;
	margin-left: 5px;
	background-color: transparent;
	border: 0
}

.card.car-details .booking-detail-car .plan p {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0
}

.card.car-details .booking-detail-car .plan p+p {
	font-size: 12px;
	font-weight: 400
}

.card.car-details .total-days {
	font-size: 14px
}

.security-details h5 {
	font-size: 14px;
	font-weight: 500
}

.security-details h6 {
	font-size: 16px;
	font-weight: 700
}

.security-details p {
	font-size: 14px;
	color: #8f8f8f;
	margin: 0;
	margin-top: 12px
}

.card.car-details.location {
	margin-top: 18px;
	margin-bottom: 10px;
}

.card.car-details.location p {
	font-size: 14px
}

.location .location-head h6 {
	font-size: 16px;
	font-weight: 700
}

.distance-tag-1 {
	display: flex;
	background: #10b1cb3d;
	border-radius: 26px;
	justify-content: center;
	align-items: center;
	padding: 1px 3px;
	border: 1px solid #1691cc
}

.distance-tag-1 img {
	width: 16px
}

.distance-tag-1 p {
	margin: 0;
	font-size: 10px
}

.fare-details {
	background: #e7f9fb;
	border: 1px solid #10b1cb !important;
	position: sticky;
	top: 10px
}

.fare-details hr {
	margin: 2px 0 10px
}

.fare-details h2 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 12px
}

.fare-details h5 {
	font-size: 14px;
	color: #676767;
	flex: 1;
	margin-right: 10px
}

.fare-details h6 {
	font-size: 14px;
	color: #676767
}

.fare-details .final h5 {
	font-size: 14px;
	color: #000;
	font-weight: 600
}

.fare-details .final h6 {
	font-size: 14px;
	color: #000;
	font-weight: 600
}

.fare-details .action {
	display: flex;
	justify-content: space-between;
	margin-top: 12px
}

.fare-details .action .action-btn-secondary {
	background: #151515;
	color: #fff;
	font-size: 12px;
	padding: 8px 10px;
	width: 49%;
	border-radius: 10px;
	font-weight: 600
}

.fare-details .action .action-btn-primary {
	font-size: 13px;
	padding: 8px 10px;
	border-radius: 10px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff;
	width: 49%;
	font-weight: 600
}

.coupan {
	margin-bottom: 10px
}

.coupan p {
	font-weight: 600;
	font-size: 14px;
	margin: 0
}

.coupan .apply-btn {
	color: #151515;
	background: transparent;
	border: 0;
	text-decoration: underline;
	font-weight: 500
}

#coupan-modal input {
	width: 100%;
	padding: 7px 9px;
	border: 1px solid #c1c1c1;
	border-radius: 7px;
	margin-bottom: 12px
}

.car-term {
	font-size: 12px;
	margin-top: 7px;
	margin-bottom: 0
}

.days-selected {
	background: #f5f5f5;
	padding: 6px 10px;
	border-radius: 29px;
	margin-bottom: 0;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	margin-left: 5px;
	color: #767676
}

.days-selected span {
	font-weight: 700;
	color: #151515;
	margin-left: 6px
}

#edit-booking-detail {
	padding: 0;
	margin-left: 10px
}

#edit-booking-detail img {
	width: 24px
}

.update-btn {
	margin-top: 18px
}

.delivery-btn {
	height: 40px;
	font-size: 12px;
	font-weight: 500;
	min-width: 120px;
	width: auto !important;
	padding: 0;
}

.customer-rating {
	background-color: #feffff12;
	border-radius: 20px;
	margin-top: 34px
}

.customer-rating .inner-heading-1 {
	font-size: 19px;
	font-weight: 600
}

.customer-rating .left-r .inner-heading-1 {
	font-size: 16px;
	font-weight: 600
}

.customer-rating .left-r {
	width: 35%;
	margin-right: 5%
}

.customer-rating .left-r h1 {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
	margin-top: 12px
}

.customer-rating .left-r h1 .fa {
	color: #f49e1e;
	margin-right: 6px
}

.customer-rating .left-r h1 b {
	font-weight: 500
}

.customer-rating .right-review-status {
	width: 60%
}

.customer-rating .right-review-status .rating-status {
	display: flex;
	align-items: center;
	margin-bottom: 12px
}

.customer-rating .right-review-status .rating-status .progress {
	width: 100%;
	height: 4px;
	background: #bdbdbd;
	margin-right: 10px
}

.customer-rating .right-review-status .rating-status .progress .progress-bar {
	background: #116cc2
}

.customer-rating .right-review-status .rating-status .star-rate {
	margin: 0;
	margin-right: 10px;
	width: 37px
}

.customer-rating .right-review-status .rating-status .star-rate .fa {
	color: #116cc2;
	font-size: 13px
}

.customer-rating .right-review-status .rating-status .users-c {
	margin: 0;
	margin-left: 10px
}

.customer-rating hr {
	background: #a3a3a3
}

.customer-review {
	margin: 25px 0
}

.customer-review .img {
	width: 60px;
	height: 60px;
	background: #efefef;
	border-radius: 100%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 13px 0;
	margin-right: 10px
}

.customer-review .img img {
	width: 30px
}

.customer-review .title {
	width: 84%
}

.customer-review .title h4 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: capitalize
}

.customer-review .title p {
	margin-bottom: 10px;
	color: #343434b8;
	font-size: 14px
}

.customer-review .rate {
	font-size: 15px;
	padding-top: 7px;
	width: 40px
}

.customer-review .rate .fa {
	color: #f49e1e
}

.customer-review .desc {
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #00000014;
	padding-bottom: 11px;
	padding-left: 84px;
	text-transform: capitalize
}

.customer-rating a {
	font-weight: 500;
	font-size: 15px
}

.header-shadow {
	box-shadow: 0 0 16px #0000002b
}

.position-relative {
	position: relative
}

.thankyou-card {
	box-shadow: 0 5px 20px #1591cc26;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #00000024
}

.thankyou-card .card-header {
	background: #fff
}

.thankyou-card .card-header img {
	width: 40px
}

.thankyou-card .card-header h4 {
	font-size: 20px
}

.thankyou-card .card-body h5 {
	color: #1596cc;
	font-size: 18px
}

.thankyou-card .card-body h6 {
	font-size: 17px;
	color: #2f2f2f;
	font-weight: 600;
	margin-bottom: 2px
}

.thankyou-card .card-body .car-details .img img {
	width: 175px
}

.thankyou-card .card-body p {
	font-size: 14px;
	margin-bottom: 8px;
	color: #373737
}

.thankyou-card .card-body p span {
	font-weight: 600;
	color: #000
}

.thankyou-card .card-body p a {
	color: #1596cc;
	font-size: 16px;
	text-decoration: none
}

.monthly-car-listing .car-card {
	width: 100%;
	height: 150px;
	margin-bottom: 20px;
	overflow: hidden
}

.monthly-car-listing .car-card .photo {
	width: 200px
}

.monthly-car-listing .car-card .photo img {
	width: 100%
}

.monthly-car-listing .ltu-card-box-shadow {
	border-radius: 4px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
	background-color: #fff;
	border: transparent;
	padding: 38px 20px 14px;
	height: auto;
	position: relative;
	overflow: hidden;
	border-radius: 14px
}

.monthly-car-listing .car-card .available-from {
	position: absolute;
	top: 0;
	left: 0
}

.monthly-car-listing .car-card .car-amt .plp-card-amt-wrapper+div {
	margin-top: 6px;
	text-decoration: line-through;
	color: #919191;
	font-weight: 600
}

.ltu-card-box-shadow:hover {
	border: 1px solid rgba(27, 28, 36, .1);
	box-shadow: unset
}

.content-area a {
	text-decoration: none
}

.plp-card-img {
	max-width: 170px;
	min-height: 75px
}

.available-from,
.start-from {
	font-family: Poppins;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	text-align: left
}

.car-amt {
	width: 50%
}

.car-amt span {
	margin: 0;
	font-family: Poppins;
	font-weight: 700;
	line-height: .82;
	text-align: left;
	color: #1b1c24;
	font-size: 20px
}

.available-from {
	font-size: 11px;
	font-weight: 600;
	line-height: 3.09;
	color: #1baba1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px 2px 5px 0;
	max-width: 166px;
	height: 24px;
	background-color: #f7f7f7
}

.monthly-car-listing .car-detail .car-info {
	justify-content: flex-start !important
}

.car-amt .month {
	font-size: 15px;
	font-weight: 500;
	color: #717171
}

.car-amt .cut-amt {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	color: #8e909f
}

.car-amt .rupee-font-grey {
	color: #8e909f;
	font-size: 14px;
	font-family: rubik !important
}

.car-avilable {
	width: 20%;
	margin-right: 15px
}

.car-avilable img {
	width: 100%
}

.car-detail .car-name h2 {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 600;
	color: #151515;
	font-family: Poppins
}

.car-detail .car-card .car-info .car-item {
	display: flex;
	font-size: 14px
}

.car-detail {
	width: 30%
}

.car-detail p {
	color: rgba(21, 21, 21, 0.75);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal
}

.plp-transmission-text {
	font-family: Poppins;
	line-height: 1.58;
	text-align: left;
	color: rgba(89, 89, 105, .8)
}

.plp-transmission-text img {
	width: 12px;
	margin-right: 6px;
	display: inline-block;
	margin-top: -3px
}

.sub-inner-heading {
	font-size: 15px;
	margin-bottom: 13px
}

.monthly-detail-page .car-side .car-image img {
	width: 100%
}

.feature-items {
	text-align: center;
	padding: 15px 25px;
	border: 1px solid #e3e3e3;
	margin-left: -1px;
	width: 25%
}

.feature-items img {
	max-width: 34px;
	margin-bottom: 10px
}

.feature-items p {
	font-size: 14px;
	margin-bottom: 3px
}

.feature-items h4 {
	font-size: 16px;
	font-weight: 700
}

.feature-items:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.feature-items:nth-child(4) {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

.monthly-detail-page .sub-heading {
	font-size: 18px;
	font-weight: 600
}

.monthly-detail-page .card.car-details {
	border: 0
}

.monthly-subscription {
	box-shadow: rgba(0, 0, 0, 0.16) 0 2px 6px 0;
	background-color: #fff;
	position: sticky;
	top: 20px;
	border-radius: 18px
}

.monthly-subscription .car-name h6 {
	font-size: 14px;
	color: #5d5d5d
}

.monthly-subscription .car-name h3 {
	font-size: 18px;
	font-weight: 700
}

.monthly-subscription .action-btn-primary {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff
}

.monthly-subscription h5 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px
}

.monthly-subscription .tenure {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px
}

.monthly-subscription .tenure .tenure-item {
	text-align: center;
	color: #656565;
	border-radius: 4px;
	border: 1px solid rgba(27, 28, 36, .2);
	padding: 10px 14px;
	margin-right: 0;
	cursor: pointer;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1607843137254902);
	border-radius: 9px
}

.monthly-subscription .tenure .tenure-item h4 {
	font-size: 16px;
	font-weight: 700;
	margin: 0
}

.monthly-subscription .tenure .tenure-item h4 span {
	font-size: 12px;
	display: block;
	font-weight: 400
}

.monthly-subscription .price {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 5px
}

.monthly-subscription .price span {
	font-size: 14px;
	font-weight: 400
}

.monthly-subscription .price span:nth-child(2) {
	text-decoration: line-through
}

.inner-page-wraper {
	margin-top: 68px
}

.header.inner-page {
	border-bottom: 1px solid #d9d9d9
}

.inner-page-banner {
	background-color: #000;
	padding: 60px 0
}

.inner-page-banner h1 {
	color: #fff;
	margin: 0;
	font-size: 24px
}

ol.breadcrumb li {
	color: #fff !important
}

ol.breadcrumb li a {
	color: #fff
}

ol.breadcrumb .breadcrumb-item::before {
	color: #fff !important
}

.about-page-title h2 {
	font-weight: 500;
	color: #0c1315;
	font-family: Epilogue, sans-serif;
	font-size: 28px;
	line-height: 1.30952em;
	margin: 25px 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word
}

.about-page-subtitle {
	font-family: Inconsolata, sans-serif;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: .25em;
	text-transform: uppercase;
	display: inline-flex;
	vertical-align: middle;
	flex-wrap: wrap;
	color: #bfa37c
}

.about-title-line {
	padding: 0;
	background: 0 0;
	border: 0;
	outline: 0;
	border-color: #D9D6CE;
	border-style: solid;
	width: 100%;
	border-bottom-width: 1px
}

.description-section-title h5 {
	font-weight: 400;
	color: #0c1315;
	font-family: Epilogue, sans-serif;
	font-size: 22px;
	line-height: 1.45455em;
	margin: 25px 0 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word
}

.description-section-title h5 img {
	background: #efefef;
	padding: 11px;
	border-radius: 11px;
	margin-right: 4px
}

.description-section-title p {
	color: #54595F;
	font-size: 17px
}

.about-content {
	background: url(../img/blue-abstract-gradient-wave-wallpaper.jpg);
	background-size: cover;
	padding: 50px 0
}

.about-content .card {
	padding: 16px 24px;
	border-radius: 12px;
	min-height: 266px;
	box-shadow: rgba(0, 0, 0, 0.16) 0 2px 6px 0;
	background-color: #fff
}

.about-content .card h5 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 15px
}

.about-content .card p {
	font-size: 14px;
	font-weight: 400;
	color: #747474;
	line-height: 24px
}

.sidebar .card {
	border-radius: 10px;
	overflow: hidden
}

.sidebar .card .heading {
	font-size: 18px;
	font-weight: 500
}

.blog-card.card {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 20px
}

.blog-card.card .content {
	padding: 20px
}

.blog-card.card .content .blog-info span {
	font-size: 13px;
	letter-spacing: 1px
}

.blog-card.card .content h2.title {
	font-size: 20px;
	font-weight: 600;
	margin-top: 6px;
	margin-bottom: 8px
}

.blog-card.card .content p {
	font-size: 15px;
	margin-bottom: 5px;
}

.blog-card.card .content a {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff;
	border: 0;
	padding: 10px 30px;
	text-decoration: none;
	margin-top: 6px;
	display: inline-block;
	font-size: 13px;
}

.blog-thumb {
	display: flex;
	margin-bottom: 25px
}

.blog-thumb .text {
	width: 70%
}

.blog-thumb h5 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 2px
}

.blog-thumb span {
	font-size: 12px;
	font-weight: 500
}

.blog-thumb .img {
	width: 25%;
	margin-right: 20px;
	border-radius: 6px;
	overflow: hidden;
	height: 60px
}

.blog-thumb .img img {
	height: 100%;
	width: 100%
}

.benefits {
	border-radius: 10px;
	margin-bottom: 16px;
	min-height: 123px
}

.benefits .img {
	padding: 0 12px
}

.benefits .img img {
	width: 54px;
	max-width: 54px
}

.benefits .content {
	text-align: left
}

.benefits .content h5 {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 2px
}

.benefits .content p {
	font-size: 12px
}

.back-action {
	font-size: 15px;
	color: #168dcc;
	text-decoration: none
}

.back-action img {
	width: 20px;
	opacity: .7;
	margin-right: 6px
}

.payment-breakage .breakage-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px
}

.payment-breakage .breakage-item h4 {
	font-size: 15px;
	font-weight: 500
}

.payment-breakage .breakage-item p {
	font-size: 14px;
	color: #232323;
	margin: 0
}

.pay-details {
	box-shadow: rgba(0, 0, 0, 0.16) 0 2px 6px 0;
	background-color: #fff;
	border-radius: 18px;
	padding: 15px 24px;
	text-align: center;
	border: 1px solid #cecece;
	height: 100%
}

.pay-details h6 {
	font-size: 16px;
	font-weight: 600
}

.pay-details img {
	width: 38%
}

.pay-details p {
	background: #ddf8fc;
	padding: 10px 30px;
	font-weight: 600;
	border: 1px solid #1591cb;
	border-radius: 10px;
	display: inline-block;
	margin-top: 9px
}

.description {
	font-size: 12px
}

.user-dashboard-wrapper {
	border-top: 1px solid #e4e4e4;
	margin-top: 68px;
	min-height: 80vh;
	background: #F9FAFC
}

.user-sidebar {
	background: #1596cc;
	border-right: 1px solid #d8d8d8;
	height: calc(100vh - 68px);
	position: sticky;
	top: 68px
}

.user-sidebar .user-profile {
	text-align: center;
	padding: 19px 0;
	border-bottom: 1px solid #d2d2d2
}

.user-sidebar .user-profile .user-photo {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 2px 3px 7px #136b95;
	margin-bottom: 13px;
	position: relative;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.user-sidebar .user-profile .user-photo img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	object-position: center;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.user-sidebar .user-profile h4 {
	font-size: 16px;
	margin: 0;
	color: #fff
}

.user-sidebar .user-profile p {
	font-size: 14px;
	margin-top: 3px;
	margin-bottom: 0;
	color: #fff
}

.side-nav-user {
	padding: 15px 0
}

.side-nav-user ul {
	list-style: none;
	padding: 0 14px;
	margin: 0
}

.side-nav-user ul li a.menu-link {
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	display: block;
	padding: 14px 16px;
	margin-bottom: 6px;
	border-radius: 9px;
	transition: .2s
}

.side-nav-user ul li a.menu-link img {
	margin-right: 8px;
	filter: invert(1)
}

.side-nav-user ul li a.menu-link.active,
.side-nav-user ul li a.menu-link:hover {
	background: #ffffff40;
	transition: .2s
}

.user-content-area .user-content-card {
	border: 0;
	margin-top: 15px;
	box-shadow: 1px 2px 10px 0 #e5dede;
	background-color: #fff;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 0
}

.user-content-area .user-content-card .card-header {
	background: #fff;
	border-bottom: 1px solid #dbdbdb;
	padding: 15px
}

.user-content-area .user-page-title {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.user-content-area .user-page-title h1 {
	font-size: 15px;
	margin: 0
}

.user-content-area .user-page-title h1 img {
	width: 34px;
	margin-right: 7px
}

.user-inner-content label {
	font-size: 14px
}

.user-inner-content input {
	padding: 12px 16px;
	border-radius: 10px;
	border: 1px solid #e6e8ed
}

.user-inner-content .btn-themed {
	max-width: 180px;
	padding: 13px 14px;
	text-align: center;
	text-decoration: none;
	display: block;
	transition: .2s
}

.user-inner-content .btn-themed:hover {
	transform: scale(0.93);
	transition: .2s
}

.page-title-inner {
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
	border-left: 4px solid #1596cc;
	padding-left: 8px;
	margin-left: 12px;
	margin-bottom: 10px;
	width: auto
}

.booking-type .nav .nav-item {
	margin-left: 5px
}

.booking-type .nav .nav-item .nav-link {
	padding: 6px 10px;
	font-size: 14px;
	color: #000;
	background: #e4e4e4
}

.booking-type .nav .nav-item .nav-link.active {
	border-radius: 8px;
	background: linear-gradient(90deg, #168DCC 0%, #10B3CB 100%);
	color: #fff
}

.bookings h2 {
	font-size: 16px;
	font-weight: 600;
	border-left: 3px solid #1596cc;
	padding-left: 6px;
	margin-bottom: 23px
}

.bookings h4 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 11px;
	display: flex;
	justify-content: flex-start;
	align-items: baseline
}

.bookings h4 span {
	font-size: 14px;
	font-weight: 400;
	color: #2f2f2f;
	position: relative;
	margin-left: 6px;
	padding-left: 10px
}

.bookings h4 span:before {
	content: ":";
	display: inline-block;
	position: absolute;
	left: 0
}

span.badge:before {
	display: none !important
}

.booking h1 {
	font-size: 16px !important;
	font-weight: 600
}

.booking h1 span {
	font-weight: 400
}

.total-fare-card {
	border: 1px solid #c5c5c5;
	background: #f9f9f9;
	padding: 17px 12px;
	border-radius: 7px;
	display: flex;
	justify-content: space-between
}

.total-fare-card h4 {
	margin: 0
}

.car_document_images>img {
	width: 100%;
	border-radius: 10px;
	height: 140px;
	object-fit: cover
}

.car_documents {
	margin-bottom: px
}

.car_documents>div {
	padding: 0 5px;
	padding: 0 5px;
	margin-bottom: 20px
}

.document {
	width: 100%;
	border: 0 solid #acacac;
	border-radius: 12px;
	box-shadow: 0 2px 9px #00000038;
	text-align: center;
	padding: 15px;
	position: relative
}

.document button.btn-themed {
	margin: auto;
	padding: 10px 30px
}

.document img {
	margin: 0 auto 12px;
	text-align: center;
	border-radius: 12px;
	max-width: 100%;
	height: 180px;
	object-fit: cover
}

.user-content-card .card-header .btn-themed {
	font-size: 13px;
	padding: 8px 13px;
	border-radius: 7px
}

.verification .card-body {
	text-align: center
}

.verification .card-body img {
	max-width: 230px
}

.verification button {
	margin: 0 auto;
	padding: 10px 14px !important;
	margin-top: 23px
}

.car-card .title .car-name h4, .car-card .title .car-name h3 {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600
}

.car_mobile_card {
	display: none
}

.desktop_card .photo img {
	max-width: 100%;
	max-height: 150px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px
}

.filter_box_cars .col {
	width: 33.33%;
	padding: 0 5px;
	margin-top: 8px
}

.heath_back_cars {
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6px;
	border: 1px solid #cccc;
	border-radius: 5px
}

.heath_back_cars.active {
	border-color: #2e91ce;
	border-width: 2px
}

.heath_back_cars label {
	font-size: 13px;
	font-weight: 500
}

.heath_back_cars img {
	max-width: 100%;
	margin-bottom: 6px;
	max-height: 18px
}

.car_image_slider .slick-slide {
	margin: 0 !important
}

.car_image_slider .slick-list {
	padding-top: 0 !important
}

.card.car-details .car-side h3 span {
	color: #6d6d6d;
	font-weight: 400;
	font-size: 14px;
	padding-left: 5px
}

.car-side_main h3 {
	margin: 0 !important
}

.car-side_main {
	margin-bottom: 14px
}

.car-slider .car-card .photo img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	border-radius: 10px;
	object-position: center
}

.web_whatsapp_icon img {
	animation: blink 1s linear infinite
}

.user-area .img>.user-img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	object-fit: cover;
	object-position: center;
	padding: 0
}

.user-area .img {
	width: 50px;
	height: 50px;
	overflow: hidden
}

.head-right._mobile_menu {
	display: none
}

@keyframes blink {
	0% {
		opacity: .1
	}

	50% {
		opacity: .5
	}

	100% {
		opacity: 1
	}
}

.car_offer_message img {
	width: 100%;
	border-radius: 6px;
	overflow: hidden
}

.car_offer_message_body {
	position: relative
}

.car_offer_message_body button {
	position: absolute;
	right: -20px;
	border-radius: 50px;
	width: 38px;
	height: 38px;
	background: #000;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	overflow: hidden;
	top: -12px
}

.cross_photo svg {
	background: #1497cb;
	fill: #fff;
	width: 24px;
	height: 24px;
	padding: 0 6px;
	border-radius: 50px;
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer;
	z-index: 9
}

.save_btns button {
	padding: 10px 5px;
	font-size: 15px;
	width: 130px;
	font-weight: 600
}

@media (max-width:768px) {
	.user-content-area .user-content-card {
		margin-top: 0;
		margin-bottom: 20px
	}

	.document img {
		height: 130px
	}

	.save_btns {
		margin-bottom: 30px
	}

	.user-content-area .user-page-title h1 img {
		width: 20px;
		margin-right: 5px
	}

	.save_btns button {
		padding: 8px 3px;
		font-size: 13px;
		width: 110px
	}
}

.why-car-card h4 , .why-car-card h3{
	font-size: 17px;
	margin-bottom: 4px;
	font-weight: 600;
}

.site_offer_tip a {
	background: orange;
	color: #fff;
	text-decoration: none;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
}

.site_offer_tip {
	background-color: #01a5db;
	color: #fff;
	padding: 7px;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
}

.profile_score {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	border: 4px solid #6bff00;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: 9;
}

.profile_score span {
	position: absolute;
	background: #ffffff;
	color: #1596cc;
	left: 0;
	bottom: -6px;
	right: 0;
	margin: auto;
	border-radius: 10px;
	font-size: 12px;
	width: 50px;
}

.profile_confrmation_step ul {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
	justify-content: flex-end;
}

.profile_confrmation_step ul li {
	margin-left: 20px;
	display: flex;
	align-items: center;
}

.profile_confrmation_step ul li a {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #000;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 600;
	box-shadow: 0 1px 6px #dcdbdb;
	text-decoration: none;
	position: relative;
	transition: 0.5s;
}

.profile_confrmation_step {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.profile_confrmation_step_title {
	font-size: 16px;
}

.profile_confrmation_step_title span {
	font-weight: 600;
	color: #1596cc;
}

.profile_confrmation_step ul li.active a,
.profile_confrmation_step ul li a:hover {
	background-color: #1596cc;
	color: #fff;
}

.profile_confrmation_step ul li span {
	margin-left: 5px;
	font-size: 14px;
}

.profile_confrmation_step ul li.active span,
.profile_confrmation_step ul li:hover span {
	color: #1596cc;
}

.camera_icon {
	position: absolute;
	right: 0;
	margin: auto;
	top: 6px;
	background-color: white;
	width: 28px;
	height: 28px;
	overflow: hidden;
	border-radius: 50px;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}

.camera_icon svg {
	fill: #1596cc;
	width: 14px;
	height: 14px;
}

.camera_icon input[type="file"] {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
}

.profile_confrmation_step .progress {
	display: none;
}

.font-size-medium {
	font-size: small;
}

.user-content-card .card-header .form-control {
	font-size: 13px;
}

@media (min-width:768px) {
	.user-content-area .user-content-card .card-header {
		min-height: 110px;
	}

	.delivery-address input {
		font-size: 13px;
		height: 40px;
	}
}

@media (max-width:767px) {
	.site_offer_tip {
		background: rgb(155 0 0);
		font-size: 10px;
		margin-bottom: 6px;
	}

	.site_offer_tip a {
		display: none;
	}

	.user-content-area .user-content-card {
		margin-bottom: 10px;
	}

	.user-dashboard-wrapper {
		margin-top: 43px;
	}

	.user-dashboard-wrapper .user-sidebar {
		background: rgb(82, 204, 255) !important;
		background: linear-gradient(180deg, rgb(35 179 239) 0%, rgba(21, 150, 204, 1) 100%) !important;
	}

	.user-sidebar .user-profile {
		padding: 5px 15px 15px;
		border-width: 0;
		display: flex;
		align-items: center;
		justify-self: flex-start;
	}

	.user-sidebar .user-profile .user-photo {
		width: 100px;
		height: 100px;
		margin: 0;
	}

	.user-sidebar .user-profile .user-photo img {
		width: 86px;
		height: 86px;
	}

	.user-sidebar {
		display: flex;
		flex-direction: column-reverse;
	}

	.user-profile_name {
		text-align: left;
		flex: 1;
		margin-left: 15px;
	}

	.user-content-area .user-content-card {
		box-shadow: 0px -2px 5px #ebebeb;
		margin-top: 10px;
	}

	.user-inner-content .row>div {
		padding: 0 5px;
		margin-bottom: 6px !important;
	}

	.user-inner-content .row>div .form-control {
		padding: 10px;
		font-size: 12px;
	}

	.side-nav-user ul {
		display: block;
		white-space: nowrap;
		overflow-x: auto;
		padding: 0 5px;
	}

	.side-nav-user ul li {
		display: inline-block;
	}

	.user-sidebar .user-profile h4 {
		font-size: 18px;
	}

	.side-nav-user ul li a.menu-link {
		padding: 8px 12px;
		margin-bottom: 6px;
		font-size: 12px;
		margin-bottom: 0;
	}

	.side-nav-user ul li a.menu-link img {
		margin-right: 0px;
		width: 16px;
		display: none;
	}

	.side-nav-user {
		display: block !important;
		padding: 15px 0 10px !important;
	}

	.user-content-area .user-content-card .card-header {
		padding: 6px 5px !important;
	}

	.page-title-inner {
		display: none !important;
	}

	.user-content-area .user-page-title h1 {
		font-size: 16px;
		margin: 2px 0 4px;
		display: block;
		width: 100%;
	}

	.user-content-area .user-content-card .card-body {
		padding-top: 5px;
	}

	.verification .btn.btn-themed {
		margin: 10px auto 0;
	}

	.verification .card-body img {
		max-width: 140px;
	}

	.verification .user-inner-content h6 {
		font-size: 14px;
		margin-top: 8px;
	}

	.bookings h2 {
		background-color: #f5f5f5;
		padding: 8px !important;
		border-radius: 10px;
		font-size: 14px !important;
		border-width: 0 !important;
		display: inline-block;
		margin-bottom: 4px !important;
	}

	.bookings h4 {
		font-weight: 500 !important;
		font-size: 12px !important;
	}

	.user-area {
		display: flex;
		align-items: center;
	}

	#menu-left-modal .modal-header {
		padding: 6px 10px;
	}

	.profile_confrmation_step {
		margin: 10px 0;
	}

	.profile_confrmation_step_title {
		display: block;
		text-align: left;
		width: 100%;
		margin-bottom: 0px;
		font-size: 0px;
	}

	.profile_confrmation_step_title span {
		font-size: 13px;
	}

	.profile_confrmation_step ul {
		display: none;
	}

	.profile_confrmation_step .progress {
		width: 100%;
		display: block;
	}

	.profile_confrmation_step .progress {
		height: 24px;
	}

	.profile_confrmation_step .progress .progress-bar {
		background-color: #3ac600;
		height: 24px;
	}

	.user-content-card .card-header .form-control {
		width: 250px;
		border-color: #ccc;
	}

	.user-content-area .user-page-title h1 {
		font-size: 14px;
	}

	.user-content-area .user-page-title h1 img {
		width: 14px;
		margin-right: 0;
		margin-top: -2px;
	}

	.document img {
		height: 100%;
		width: 60%;
		margin-bottom: 0;
	}

	.user-inner-content.document .btn-themed {
		font-size: 12px;
		padding: 8px 0;
	}

	.booking h1 span {
		display: inline-block !important;
		font-size: 12px !important;
		vertical-align: middle !important;
		margin-top: 0px !important;
	}

	.help_dropdwon>a {
		font-size: 12px !important;
		font-weight: 400 !important;
	}

	.help_dropdwon .dropdown-menu .dropdown-item {
		font-size: 13px;
	}

	.profile_score {
		border: 3px solid #fff;
	}

	.profile_score span {
		display: none;
	}

	.camera_icon {
		top: auto;
		bottom: 10px;
	}

	.side-nav-user ul li a.menu-link.active,
	.side-nav-user ul li a.menu-link:hover {
		background: #ffffff;
		color: #189cd4;
	}

	.user-content-area .form-text {
		position: absolute;
		background: #fff;
		right: 52px;
		margin-top: -30px;
		color: green;
		font-size: 12px;
	}

	.user-content-card .card-header .form-control {
		width: 100%;
	}

	.card.user-content-card .card-body {
		padding: 10px 8px 0px;
	}

	.slect_box_document select {
		font-size: 13px;
	}

	.slect_box_document {
		margin-left: 0 !important;
	}

	.title p {
		font-size: 11px !important;
	}

	.car-card .title .car-name p {
		margin-bottom: 5px;
	}

	.car-card .title .car-name h4, .car-card .title .car-name h3 {
		margin-bottom: 2px;
	}

	section.car-slider-listing.mt-5 {
		margin-top: 1rem !important;
	}

	.review-section h4 {
		font-size: 16px;
	}

	.review-section div>div {
		font-size: 12px;
	}

	.review-section p {
		margin-bottom: 8px;
	}

	.review-section {
		background-color: #fbfbfb !important;
	}

	section.client-tales.mt-5 {
		margin-top: 1.4rem !important;
	}

	.faq-sec {
		margin-bottom: -20px !important;
	}

	section.faq-sec.mt-5 {
		margin-top: 1.4rem !important;
	}

	.user-inner-content.bookings .row>div {
		padding: 0 16px;
	}

	.user-inner-content.bookings .col-lg-6 h2 {
		display: block !important;
	}

	.total-fare-card {
		margin-top: 0 !important;
	}

	.bookings h4 span {
		font-size: 12px;
		font-weight: 400 !important;
	}

	.our_blog_title p {
		margin: 0 0 10px 0px;
	}

	.faq-sec .accordion-item .accordion-header .accordion-button {
		font-size: 12px;
		font-weight: 600;
		padding: 8px;
	}

	.accordion-body {
		font-size: 13px;
		padding: 10px 10px;
	}

}

.user-inner-content .btn-themed {
	margin: auto;
}

.hero-info-card {
	text-align: left;
	padding: 0 30px;
}

.hero-info-card_list {
	list-style: none;
	padding: 0;
	font-size: 15px;
	margin: 0 0 25px;
}

.hero-info-card_list li {
	padding-top: 10px;
	color: #fff;
}

.hero-info-card_list li svg {
	width: 14px;
	height: 14px;
	margin-right: 3px;
}

.rental_page {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 5px;
	display: block;
	color: #20bfdb;
}

.footer a img {
	width: 26px;
	height: 26px;
}

.footer p a {
	text-decoration: none;
	color: #252525;
}

#location-modal .modal-header {
	padding: 8px 15px;
}

#location-modal .modal-header .btn-close {
	background-size: 12px;
}

#location-modal .common_heading_main_page {
	color: #898989;
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
}

div#location-modal .modal-body {
	padding: 5px 15px 10px;
}

#location-modal .common_heading_main_page {
	color: #757575;
	font-size: 13px;
	font-weight: 400;
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
}

.footer-menus ul li a::before {
	content: "";
	background-color: #fff;
	opacity: 0.7;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	margin-right: 5px;
	position: absolute;
	left: 6px;
	top: 6px;
	/*background-image:url(../img/checkbg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;*/
}

.footer_menus_inner {
	font-size: 18px;
	color: #f7f7f7 !important;
	margin-bottom: 10px;
	font-weight: 500 !important;
}

.hire_car_section {
	position: fixed;
	right: -25px;
	top: 50%;
	z-index: 99;
	transform: rotate(90deg);
}

.hire_car_section a {
	background-color: #ffffff;
	padding: 8px 10px;
	border-radius: 5px;
	transition: 0.5s;
	box-shadow: 0 0px 5px rgba(0, 0, 0, .12);
	display: block;
	color: #1aa9d3;
	font-size: 13px;
	text-decoration: none;
}

.hire_car_section:hover a {
	background-color: #1aa9d3;
	color: #fff;
}

.hire_car_section .badge {
	background-color: #00b43b;
	animation: blink 3s linear infinite;
	font-size: 10px;
	font-weight: 400;
	right: 74px;
	position: absolute;
	top: 9px;
	border-radius: 5px;
	transform: rotate(-90deg);
}

.add_a_car_form>div {
	background-color: #f9f9f9;
	border-radius: 20px;
	padding: 20px 25px;
}

.add_a_car_form {
	margin: 50px 0;
}

.add_a_car_form .form_list .form_group label {
	font-size: 14px;
}

.add_a_car_form .form_list .form_group .form_control {
	padding: 12px 10px;
	font-size: 13px;
	background-color: transparent;
	border-color: #6a6a6a;
	color: #000;
}

.add_a_car_form .form_list .form_group .form_control::placeholder {
	color: #000;
}

.add_a_car_form .form_list .form_group textarea {
	height: 100px !important;
	text-align: left;
	margin: 0;
}

.add_a_car_form .btn_group .btn-themed {
	font-size: 15px;
	padding: 12px 34px;
	color: #fff !important;
}

.search-main ul.nav-tabs li .nav-link {
	border-radius: 0 !important;
}

.search-main ul {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.search-main ul.nav-tabs li:last-child a {
	border-radius: 0px 10px 0 0 !important;
}

.khimb_ooffer_tip {
	background-image: url(https://cardekhen.com/web-layout/banner_khumbh.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
	align-items: center;
	padding: 5px;
}

.khimb_ooffer_tip * {
	color: #fff;
}

.khimb_ooffer_tip .btn.btn-themed {
	color: #fff !important;
	padding: 4px 9px;
	font-size: 13px;
	margin: 0 10px;
}

.khimb_ooffer_tip marquee {
	flex: 1;
}

.header-inner-mobile .khimb_ooffer_tip {
	margin-bottom: 10px;
	margin-top: -12px;
}

.footer_contact {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 6px;
}

.footer_contact_in {
	font-size: 16px;
}

.our_location img {
	position: relative;
	top: 3px;
}


.footer_contact_in img {
	width: 18px;
}

.blog-content .sidebar {
	position: sticky;
	top: 110px;
}

.blog-content .sidebar a {
	text-decoration: none;
	color: #191919;
}

@media (max-width) {
	.call_action_btn {
		padding-left: 0 !important;
	}
}

@media (max-width:600px) {
	.copyright {
		flex-direction: column;
		gap: 12px;
	}
}

.blog-card.card .photo img {
	height: 100% !important;
	object-fit: cover;
	aspect-ratio: 16 / 5;
	background-color: #f5f5f5;
}