/**
 * All of the CSS for your frontend-facing functionality should be
 * included in this file.
 */
/*globalcss*/
* {
	box-sizing: border-box;
}

body .rhm-section {
	max-width: 100% !important;
	padding: 0px 15px;
	margin: 0 auto;
}

img {
	max-width: 100%;
}

.rhm-loader {
	color: black;
	background-color: rgba(202, 202, 202, 0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 25000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.rhm-loader .rhm-spinner {
	width: 80px;
	height: 80px;
	margin-left: auto;
	position: relative;
	margin-right: auto;
	top: 50%;
	transform: translateY(-40px);
	text-align: center;
}

.rhm-spinner i {
	vertical-align: middle;
	line-height: 80px;
	font-size: 36px;
}

.rhm-logged-in .hide-on-login,
.logged-in .hide-on-login {
	display: none;
}

body .rh-container {
	max-width: 100%;
	padding: 0px 15px;
	margin: 0 auto;
}

.rh-row {
	margin-right: -15px;
	margin-left: -15px;
	display: flex;
	flex-wrap: wrap;
}

.rh-col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.rh-col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.rh-col-4 {
	flex: 0 0 auto;
	width: 33.33%;
}

.rh-col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.rh-col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.rh-col-12 {
	width: 100%;
}

.rh-col-1,
.rh-col-2,
.rh-col-3,
.rh-col-4,
.rh-col-5,
.rh-col-6,
.rh-col-7,
.rh-col-8,
.rh-col-9,
.rh-col-10,
.rh-col-11,
.rh-col-12 {
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");

/*globalcss*/
.date-time-group {
	display: flex;
}

/* .date-time-group .feild-icon {
	width: 55%;
} */
/* .date-time-group .rh-time {
	width: 60%;
	margin-left: 2%;
} */

.rhm-btn {
	width: 100%;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #ff6e00;
	background: #ff6e00;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	max-width: 250px;
}

ul.ui-autocomplete li a em {
	color: black;
	font-style: normal;
	font-weight: 700;
}

.popular-bar {
	position: absolute;
	left: -20px;
	top: 0px;
	background-color: #00a52e;
	margin: 0px;
	padding: 10px 20px;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
}

.rh-booking-listing-row {
	padding: 50px 0px;
}

/* ToolTip */

.rhm-tooltip {
	position: relative;
	border-bottom: 1px dotted black;
}

.tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.rhm-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.rhm-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


/* ------------------------------------------------------------------------------------------- */

/* ToolTip */

.rhm-tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.rhm-tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	text-align: center;
	border-radius: 6px;
	padding: 8px;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.rhm-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.rhm-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.pick-information .rh-booking-table {
	border-bottom: none;
}

.i-icon i {
	height: 24px;
	width: 24px;
	display: inline-block;
	vertical-align: bottom;
	background: url(../images/icons-96.png) no-repeat;
	background-size: 96px;
	background-position: -24px -288px;
}

.office-icon i {
	height: 24px;
	width: 24px;
	display: inline-block;
	vertical-align: bottom;
	background: url(../images/icons-96.png) no-repeat;
	background-size: 96px;
	background-position: -24px -264px;
}

.location-icon i {
	height: 24px;
	width: 24px;
	display: inline-block;
	vertical-align: bottom;
	background: url(../images/icons-96.png) no-repeat;
	background-size: 96px;
	background-position: -72px -240px;
}

.fuel-details i {
	height: 24px;
	width: 24px;
	display: inline-block;
	vertical-align: bottom;
	background: url(../images/icons-96-green.png) no-repeat;
	background-size: 96px;
	background-position: -24px -0px;
}

.fuel-details {
	font-size: 14px;
	color: green;
	padding-top: 10px;
}


/* ======= Car Popup Style Start Here ======== */
.rhm-new-vehicle-btn,
.rhm-old-vehicle-btn {
	text-transform: unset;
	font-size: 14px;
	font-weight: 500;
}

.vehicle-upselling-title,
.service-upselling-title {
	font-size: 30px;
	font-weight: 600;
	margin-top: 30px;
}

.vehicle-upselling-pricedetails {
	padding-bottom: 10px;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 10px;
	line-height: 1.5;
}

.rhm-new-vehicle-btn,
.rhm-new-service-btn {
	width: 100%;
	background: green;
	border-radius: 10px;
	padding: 15px 5px;
	color: #fff;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

.rhm-new-vehicle-btn:hover,
.rhm-new-service-btn:hover {
	background: #015201;
}

.rhm-old-vehicle-btn,
.rhm-old-service-btn {
	width: 100%;
	margin-top: 10px;
	color: #757575;
	padding: 15px 5px;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	border: 1px solid #bdbdbd;
}

.rhm-old-vehicle-btn:hover,
.rhm-old-service-btn:hover {
	background: #dbdbdb;
}

.service-upselling-pricedetails {
	font-weight: bold;
	font-size: 20px;
	color: #2f2f2f;
	margin-bottom: 20px;
}

.service-upselling-description {
	color: gray;
	font-size: 20px;
	line-height: 1.5;
}

#rhmUpsellingModalFooter {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #dbdbdb;
}

.rhm-btn.rhm-skip-service-btn {
	width: 100%;
	max-width: 100%;
	text-transform: unset;
}

.rhm-error.rhm-resp {
	padding-top: 10px;
	color: #cf1021;
	font-weight: 600;
}

.rh-details-section {
	background: #fff;
}

.cards-logo img {
	display: inline-block;
}

.rhm-forget-pass-submit {
	width: 100%;
	padding: 10px;
	border: none;
	border-radius: 6px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	background-color: #8f8f8f;
}

article#post-537 .rh-details-section {
	background: transparent;
}

/*======= Car Popup Style End Here =========*/

/*============SEARCH FORM DATEPICKER START================*/

#ui-datepicker-div {
	font-family: "Open Sans", sans-serif !important;
}

#ui-datepicker-div {
	z-index: var(--zindex2) !important;
}

#ui-datepicker-div {
	--cal-width: 400px;
	--tx-size: 20px;
	--tx-header-size: 22px;
	--cell-space: 8px;
	--cell-hover: #f7c83e57;
	--cell-today-border: #ffeda4;
	--h-header: 52px;
	--day-color: #092bd3;
	--day-color-active: #222;
	--day-color-off: #222;
	--header-bg: var(--brand-color);
	border-radius: 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0 5px 15px;
	margin-top: 47px;
	border: 1px solid #ddd;
	padding: 3px;
	width: var(--cal-width) !important;
	font-size: 14px;
}

#ui-datepicker-div.ui-datepicker-multi {
	--cal-width: 600px;
}

.Home #ui-datepicker-div {
	border-color: #767676;
}

.Most_Popular #ui-datepicker-div {
	border-color: #767676;
}

.Home[data-tipoveh="crv"] #ui-datepicker-div,
.Most_Popular #ui-datepicker-div {
	margin-top: 6px;
}

#ui-datepicker-div .ui-datepicker-header {
	border-radius: 0;
	background: var(--brand-color);
	border: none;
	padding: 0;
}

#ui-datepicker-div .ui-datepicker-title {
	font-size: var(--tx-header-size);
	line-height: var(--h-header);
}

#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-prev {
	width: var(--h-header);
	height: var(--h-header);
	top: 0;
	border-radius: 0;
}

#ui-datepicker-div .ui-datepicker-next:not(.ui-state-disabled):hover,
#ui-datepicker-div .ui-datepicker-prev:not(.ui-state-disabled):hover {
	background-color: #fff3;
	cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header .ui-icon,
#ui-datepicker-div .ui-datepicker-header .ui-state-focus .ui-icon,
#ui-datepicker-div .ui-datepicker-header .ui-state-hover .ui-icon {
	background-image: url(../../images/frontend/right-arrow.png);
	background-size: 24px;
	background-position: initial;
}

#ui-datepicker-div .ui-datepicker-next span,
#ui-datepicker-div .ui-datepicker-prev span {
	transform: translate(-50%, -50%);
	margin-top: 0;
	margin-left: 0;
}

#ui-datepicker-div .ui-datepicker-prev {
	transform: rotate(180deg);
	left: 0;
}

#ui-datepicker-div .ui-datepicker-next {
	right: 0;
}

#ui-datepicker-div .ui-datepicker-header .ui-icon {
	width: 24px;
	height: 24px;
}

#ui-datepicker-div table {
	font-size: var(--tx-size);
	table-layout: fixed;
}

#ui-datepicker-div th {
	padding: var(--cell-space) 0;
}

#ui-datepicker-div td {
	padding: 0;
}

#ui-datepicker-div td a,
#ui-datepicker-div td span {
	background: 0 0;
	text-align: center;
	padding: var(--cell-space) 0;
	line-height: 1;
}

#ui-datepicker-div td a {
	font-weight: 700;
	color: var(--day-color);
}

#ui-datepicker-div td span {
	font-weight: 400 !important;
}

#ui-datepicker-div td.ui-state-range a {
	background: var(--cell-hover);
	opacity: 1;
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
	border: none;
	box-shadow: 0 0 0 1px var(--cell-today-border) inset;
	color: var(--day-color);
}

#ui-datepicker-div .ui-datepicker-week-end .ui-state-focus,
#ui-datepicker-div .ui-datepicker-week-end .ui-state-hover,
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-hover {
	border-color: #fff;
	background: var(--cell-hover);
}

#ui-datepicker-div .ui-datepicker-week-end .ui-state-focus,
#ui-datepicker-div .ui-datepicker-week-end .ui-state-hover {
	background: #f7c83eb8;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
#ui-datepicker-div td.ui-state-range-ini a.ui-state-default {
	border-color: #fff;
	background: var(--brand-color);
	color: var(--day-color-active);
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-priority-secondary {
	font-weight: 700;
	border: none;
}

#ui-datepicker-div .ui-datepicker-buttonpane button {
	font-size: 16px;
}

#ui-datepicker-div .ui-state-active a,
#ui-datepicker-div .ui-state-active a:link,
#ui-datepicker-div .ui-state-active a:visited {
	text-decoration: none;
	opacity: 1;
	filter: Alpha(Opacity=100);
	border: 1px solid #fff;
	background: var(--brand-color);
}

#ui-datepicker-div .ui-state-range .ui-state-hover {
	color: #000 !important;
}

#ui-datepicker-div table .ui-state-disabled span {
	text-align: center;
	font-weight: 400;
	padding: var(--cell-space) 0;
	color: var(--day-color-off);
}

#ui-datepicker-div td.range-highlight a {
	background: var(--brand-color) !important;
	color: #000 !important;
	opacity: 1 !important;
}

#ui-datepicker-div .finalRow .ui-state-focus,
#ui-datepicker-div .finalRow .ui-state-hover,
#ui-datepicker-div .finalRow .ui-widget-header .ui-state-focus,
#ui-datepicker-div .finalRow .ui-widget-header .ui-state-hover {
	background: var(--brand-color);
	opacity: 1;
	color: #000;
}

#ui-datepicker-div {
	--cal-width: 363px;
	--cal-radius: 4px;
	--tx-size: 15px;
	--cell-space: 14px;
	--row-space: 2px;
	--h-header: 59px;
	--day-color: #444;
	--day-color-active: #000;
	--header-bg: #ebebeb;
	--range-radius: 26px;
	border-radius: var(--cal-radius);
	box-shadow: 0 0 10px #000000b3;
	border: none;
}

#ui-datepicker-div,
body[data-steplist="home"] #ui-datepicker-div {
	margin-top: 54px;
}

#ui-datepicker-div table {
	font-size: var(--tx-size);
	position: relative;
	margin: 0;
}

#ui-datepicker-div td a,
#ui-datepicker-div td span {
	border: none;
}

#ui-datepicker-div .ui-datepicker-header {
	background: var(--header-bg);
}

#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-prev {
	max-width: 60px;
}

#ui-datepicker-div .ui-datepicker-header .ui-icon {
	width: 34px;
	height: 34px;
	background-position: 10px center;
	border-radius: 50%;
	background-color: #fff;
	background-size: 16px;
	box-shadow: 0 0 0 1px #b5b5b5;
}

#ui-datepicker-div .ui-datepicker-header .ui-icon,
#ui-datepicker-div .ui-datepicker-header .ui-state-focus .ui-icon,
#ui-datepicker-div .ui-datepicker-header .ui-state-hover .ui-icon {
	background-size: 16px;
	background-position: 10px center;
}

#ui-datepicker-div .ui-datepicker-title::after,
#ui-datepicker-div .ui-datepicker-title::before {
	content: "";
	position: absolute;
	left: 77px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

#ui-datepicker-div .ui-datepicker-title::after {
	top: -14px;
	border-bottom: 14px solid #ebebeb;
}

#ui-datepicker-div .ui-datepicker-title::before {
	top: -15px;
	border-bottom: 12px solid #00000047;
	filter: blur(1px);
}

#ui-datepicker-div[style*="top: 0px"] .ui-datepicker-title::after,
#ui-datepicker-div[style*="top: 0px"] .ui-datepicker-title::before {
	display: none;
}

#ui-datepicker-div[style*="top: 21px"] .ui-datepicker-title::after,
#ui-datepicker-div[style*="top: 21px"] .ui-datepicker-title::before {
	display: none;
}

#ui-datepicker-div .ui-datepicker-group-last .ui-datepicker-title::after,
#ui-datepicker-div .ui-datepicker-group-last .ui-datepicker-title::before {
	display: none;
}

#ui-datepicker-div th {
	font-size: 14px;
	padding: 7px 0 4px 0;
}

#ui-datepicker-div .ui-state-active a,
#ui-datepicker-div .ui-state-active a:link,
#ui-datepicker-div .ui-state-active a:visited {
	border: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	display: none;
}

#ui-datepicker-div .ui-datepicker-calendar:after {
	content: "";
	position: absolute;
	width: calc(100% / 7 * 2);
	height: calc(100%);
	background-color: #fcfcfc;
	top: 0;
	right: 0;
	z-index: -1;
	pointer-events: none;
	box-shadow: -1px 0 0 #e6e6e6;
}

#ui-datepicker-div.ui-datepicker-multi .ui-datepicker-calendar:after {
	box-shadow: -1px 0 0 #e6e6e6, 1px 0 0 #e6e6e6;
}

#ui-datepicker-div.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-calendar:after {
	box-shadow: -1px 0 0 #e6e6e6;
}

#ui-datepicker-div td.ui-datepicker-week-end>* {
	color: #9e361e;
}

#ui-datepicker-div td.ui-state-range.ui-datepicker-week-end {
	border-color: #d5ceb5;
}

#ui-datepicker-div .ui-datepicker-week-end .ui-state-focus,
#ui-datepicker-div .ui-datepicker-week-end .ui-state-hover {
	background: var(--cell-hover);
}

#ui-datepicker-div .finalRow .ui-state-focus,
#ui-datepicker-div .finalRow .ui-state-hover,
#ui-datepicker-div .finalRow .ui-widget-header .ui-state-focus,
#ui-datepicker-div .finalRow .ui-widget-header .ui-state-hover {
	background: var(--brand-color);
}

#ui-datepicker-div.ui-pickup-calendar .ui-state-active {
	border-radius: var(--range-radius);
}

#ui-datepicker-div table tbody tr {
	border-bottom: var(--row-space) solid #ffffff00;
}

#ui-datepicker-div td.ui-state-range-ini {
	background: 0 0;
}

#ui-datepicker-div td.ui-state-range-ini a {
	border-top-left-radius: var(--range-radius);
	border-bottom-left-radius: var(--range-radius);
}

#ui-datepicker-div td.ui-state-range-end:not(.range-highlight),
#ui-datepicker-div.ui-dropoff-calendar td:hover {
	background: 0 0;
}

#ui-datepicker-div td.ui-state-range-end:not(.range-highlight) a,
#ui-datepicker-div.ui-dropoff-calendar td:hover a.ui-state-hover {
	border-top-right-radius: var(--range-radius);
	border-bottom-right-radius: var(--range-radius);
}

#ui-datepicker-div.ui-datepicker-multi .ui-datepicker-group table {
	width: 97%;
}

#ui-datepicker-div.ui-datepicker-multi .ui-datepicker-group-last table {
	margin-left: 3%;
}

#rh-pickupContainer,
#rh-dropContainer {
	width: 100%;
}

.rh-booking-form-main .feild-icon {
	width: 57%;
}
.rh-booking-form-main .rh-time {
	width: 43%;
}

/* ===== Login-Signup Form ===== */
.rhm-login-section .rhm-title,
.rh-login-register-section .rhm-title {
	font-size: 20px;
	font-weight: 800;
	color: gray;
}

.rhm-login-section .rhm-subtitle,
.rh-login-register-section .rhm-subtitle {
	font-size: 17px;
	color: gray;
	font-weight: 400;
}

.rhm-login-section .rhm-group {
	margin: 10px 0px;
}

.rhm-login-section label {
	font-size: 16px;
	color: #666;
	font-weight: 700;
}

.rhm-login-section .rhm-input {
	padding: 10px 15px;
	font-size: 16px;
	outline: none;
}

#rhmLoginOrRegisterModal {
	max-width: 700px;
	padding: 25px 30px;
}

.rhm-login-submit {
	margin: 10px 0px;
}

.rhm-register-features ul {
	padding-left: 0px;
	list-style: none;
	margin-left: 0;
	margin-top: 20px;
}

.rhm-register-features li {
	font-size: 16px;
	color: #555;
}

.rhm-register-features li:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	color: green;
	margin-right: 10px;
}

.rhm-register-features li {
	margin-bottom: 10px;
}

.rhm-service-add-btn:hover,
.rhm-close-info:hover,
.rhm-login-submit:hover,
.rhm-register-submit:hover {
	background: #ff5a00;
	border: 1px solid #ff5a00;
}

.rhm-skip-service-btn:hover,
.rhm-forget-pass-submit:hover {
	background: #666;
}

.rhm-login-submit,
.rhm-register-submit {
	width: 100%;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #ff6e00;
	background: #ff6e00;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	max-width: 250px;
}

form#rhm-password-reset-form {
	display: none;
}

.rhm-skip-service-btn:hover,
.rhm-forget-pass-submit:hover {
	background: #ff5a00;
}

.rhm-login-section .error {
	color: #cf1021;
	margin-top: 5px;
}

.rhm-new-vehicle-btn,
.rhm-new-service-btn {
	text-transform: unset;
}

.rhm-old-service-btn {
	text-transform: unset;
}

.rhm-error {
	color: #cf1021;
}

/* ===== Login-Signup Form End ===== */
div#rhmLoggedinModal .rhm-container {
	margin-top: 10px;
}

div#rhmLoggedinModal .rhm-container .rhm-button {
	width: 100%;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #ff6e00;
	background: #ff6e00;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	max-width: 250px;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}

div#rhmLoggedinModal .rhm-container .rhm-button:hover {
	transition: 0.3s;
	background: #ff5a00;
	border: 1px solid #ff5a00;
}



/*============SEARCH FORM DATEPICKER END ================*/


/* Media-query */
@media (max-width: 1536px) {

	#rh-pickupContainer,
	#rh-dropContainer {
		padding: 15px 20px 15px 35px;
	}

}

@media (max-width: 1399px) {

	img.rh-show-pickupdate,
	img.rh-show-time,
	img.rh-show-dropdate {
		left: 7px;
		width: 15px;
		height: 15px;
	}
}

@media (max-width: 1199px) {
	.rh-booking-form .rh-col-4 {
		width: 100%;
	}

	.rh-booking-form .rh-col-3 {
		width: 50%;
	}

	.rh-booking-form-main label.rh-form-label {
		margin-top: 10px;
	}

	.rh-booking-form .rh-col-2 {
		width: 100%;
	}

	.rh-booking-form-main .rh-form-group button[type="submit"] {
		top: 0;
		margin: auto;
		margin-top: 20px;
		text-align: center;
		max-width: 290px;
	}

	#rh-pickupContainer,
	#rh-dropContainer {
		width: 100%;
	}

	.rh-booking-form-main .feild-icon,
	.rh-booking-form-main .rh-time {
		width: 50%;
	}

	.rh-booking-listing-row .rh-row .rh-col-3,
	.rh-booking-listing-row .rh-row .rh-col-9 {
		width: 100%;
	}

	.rh-details-img-box {
		width: 50%;
		margin: auto;
	}

	.rh-booking-listing-row .rh-row .rh-col-3 {
		margin-bottom: 30px;
	}

}

@media (max-width: 1024px) {
	.rhm-extra-service-icon img.rhm-icon {
		width: 70px;
		height: 70px;
		object-fit: cover;
	}

	.detail-right-box .mid-table {
		width: 95%;
		margin: auto;
	}

	.rh-upselling-group.rh-upselling-container .rh-group-services {
		display: flex;
		flex-wrap: wrap;
	}

	.rh-upselling-group.rh-upselling-container .rh-group-services>div {
		width: 50%;
	}

	.rhm-extra-services-wrap {
		flex-wrap: wrap;
	}

	.rh-upselling-group .rh-group-title h3 {
		font-size: 26px;
	}
}

@media (max-width: 767px) {



	img.rh-show-pickupdate,
	img.rh-show-time,
	img.rh-show-dropdate {
		width: 18px;
	}

	#rh-pickupContainer,
	#rh-dropContainer {
		padding: 15px 15px 15px 32px;
	}

	.rh-upselling-group.rh-upselling-container .rh-group-services>div {
		width: 100%;
	}

	.features-list ul {
		margin-left: 0;
	}

	.rhm-btn {
		margin-bottom: 20px;
	}
}

@media (max-width: 480px) {

	.vehicle-upselling-title,
	.service-upselling-title {
		font-size: 20px;
	}

	.vehicle-upselling-pricedetails {
		line-height: 1.4;
		font-size: 16px;
	}

	.rh-upselling-group .rh-group-title h3 {
		font-size: 22px;
	}

	.rhm-extra-services-wrap .rhm-extra-service:first-child {
		border: none;
	}

	.rhm-extra-service {
		width: 100%;
		padding: 10px;
		display: flex;
		padding-left: 0;
	}

	.rhm-extra-service-icon {
		width: 25%;
	}

	.rhm-extra-service-details {
		width: 75%;
	}

	.rhm-btn {
		margin-bottom: 20px;
		max-width: 100%;
	}
}



/* SHANKAR-SIR-CSS */
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
	position: relative;
	overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
	/* Required only for block elements like <li>'s */
	float: left;
}

.rhm-cancel-book-btn {
	width: 100%;
	justify-content: space-between;
}