@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

body {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #666666;
	text-align: left;
}

strong {
	font-weight: 600;
}

a#btnBookingHowdid{
	min-height: 40px;
	padding: 9px 18px;
	
	min-width: 170px;
	font-size: 16px;
	border-radius:55px;
	font-weight: 400;
	line-height: 20px;
	background-color: var(--red);
	color: #ffffff !important;
	margin-top: 10px !important;
	border: 1px solid var(--red);
	box-shadow: 0px 0px 14px rgba(237, 27, 36, 0.4);
	cursor: pointer;
}
a,
a:hover,
a:focus {
	color: #009900;
	text-decoration: none;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
a.moreless-button{
	color: #0258ff !important;
	font-size:12px;
	font-weight: 600;
}
/*h1,
h2 {
	margin-top: 10px;
	font-size: 38px;
	font-weight: 700;
	color: #262626;
	line-height: 50px;
}

h3 {
	font-size: 22px;
	font-weight: 600;
	color: #262626;
	line-height: 30px;
}*/

img {
	max-width: 100%;
}

/*** CSS custom update ***/

/** Layout **/

.container {
	max-width: 1492px;
}
.h-container {
	max-width: 1160px;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
}

.nav-wrapper .h-container {
	padding-left: 0;
	padding-right: 0;
}
.buttons a.btn {
    cursor: pointer;
}
/** End Layout **/

/** Header **/

.navbar-brand img {
	width: 200px;
}

.header-column-right {
	padding-left: 5%;
	padding-right: 0;
}

.quotes-text,
.navbar-nav .nav-item .quotes-text a {
	text-align: left;
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0;
	padding-top: 4px;
	color: #333333;
	display: inline-block;
	font-size: 25px;
}
.enquiries-text {
	line-height: 14px;
	margin-left: 8px;
	text-align: left;
	font-size: 16px;
	letter-spacing: 0;
	color: #333333;
}

.navbar-nav .nav-item a {
	line-height: 25px;
	padding-left: 0;
	font-size: 15px;
	letter-spacing: 0;
	color: #191919 !important;
	font-weight: normal;
}

/*.main-menu-con {
	width: 100%;
}*/

.main-menu-con .nav-item .nav-link {
	padding-right: 1.45rem;
}

div#navbarNav.mobile-header {
	display: none;
	width: 100%;
}

.nav-wrapper .navbar-light .navbar-nav .nav-link:hover {
	color: rgba(0, 0, 0, 0.5);
}
.mobile-promo{display: none;}
.step-container {
	background: #effaff 0% 0% no-repeat padding-box;
	opacity: 0.9;
	margin-top: 95px;
}

@media (max-width: 1160px) {
	.main-menu-con .nav-item .nav-link {
		padding-right: 1.3rem;
	}
}

@media (max-width: 1147px) {
	.header-column-right {
		padding-left: 0;
	}

	.main-menu-con .nav-item .nav-link {
		padding-right: 1.3rem;
	}
}

@media (max-width: 1049px) {
	.main-menu-con .nav-item .nav-link {
		padding-right: 1rem;
	}
}

@media (max-width: 1029px) {
	.navbar-nav .nav-item .align-middle {
		width: 72% !important;
		text-align: center;
	}

	.main-menu-con .nav-item .nav-link {
		padding-right: 0.5rem;
	}
}

@media (max-width: 991px) {
	.navbar .col-sm-12 {
		position: initial;
	}

	.navbar-light .navbar-toggler {
		position: absolute;
		top: 50px;
		right: 40px;
	}
}

@media (max-width: 768px) {
	.navbar-brand img {
		max-width: 100% !important  ;
	}

	.nav-wrapper.fixed-top {
		padding: 5px 0;
	}

	.navbar-light .navbar-toggler {
		position: absolute;
		top: 50px;
		right: 40px;
	}

	.navbar .col-sm-12 {
		position: initial;
	}

	.mobile-header .navbar-nav.mb-2 {
		display: inline-flex;
		flex-direction: initial;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	.mobile-header .navbar-nav .enquiries-text {
		text-align: center;
		font-size: 16px;
	}

	.mobile-header .navbar-nav .quotes-text {
		font-size: 14px;
	}

	.mobile-header .main-menu-con {
		padding-top: 0;
	}

	.mobile-header .contact-button {
		margin-top: 30px;
	}

	.navbar-nav .nav-item .quotes-text a {
		font-size: 17px;
	}

	.step-container {
		margin-top: 95px;
	}
}

@media (max-width: 575px) {
	.navbar-light .navbar-toggler {
		top: 22px;
	}

	.navbar .logo-con {
		min-height: 65px;
		-ms-flex: 0 0 50.666667%;
		flex: 0 0 50.666667%;
		max-width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
		padding-left: 0;
		margin-left: 15px;
	}

	.mobile-header .navbar-nav .enquiries-text {
		text-align: center;
		font-size: 13px;
	}

	.mobile-header .navbar-nav .quotes-text {
		font-size: 16px;
	}
	.desk-hide
		{
		display: none !important;
		}
}

@media (max-width: 480px) {
	.navbar-light .navbar-toggler {
		position: absolute;
		top: 22px;
		right: 27px;
	}

}

@media (max-width: 320px) {
	.mobile-header .navbar-nav .enquiries-text {
		font-size: 12px;
	}

	.navbar-nav .nav-item .quotes-text a {
		font-size: 14px;
	}
}

#frmStep3 a.btn {
	color: #fff;
}

/** End Header **/

/** Progress Bar **/

.progress-bar-step a {display: flex; flex-wrap: wrap; align-items: center;}

.progress-bar-step.done .step_number {
	background: url('../../images/check-green.png') no-repeat scroll 0 0 transparent;
	display: inline-block;
	width: 45px;
	height: 45px;
}

.progress-bar-step.current,
.progress-bar-step.current a {
	color: #fff;
}

#progress-bar {
	padding: 0 27px;
}

.progress-bar-step {
	height: inherit;
}

.progress-bar-step {
	padding-top: 15px;
	width: 19%;
	padding-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.progress-bar-step.current {
	background: #7d96a2 0% 0% no-repeat padding-box;
	width: 22%;
	max-width: 227px;
}

.progress-bar-step.last {
	width: 19%;
}

.progress-bar-step .step_name {
	text-align: left;
	font-size: 16px;
	letter-spacing: 0;
	color: #c9cbce;
	margin-top: 0;
}

.progress-bar-step.done .step_name {
	color: #009900;
	margin-top: 0;
}

@media (max-width: 780px) {
	.progress-bar-step.last {
		width: 20%;
	}
}

@media (max-width: 767px) {
	.progress-bar-step {
		padding: 10px 13px 62px;
	}

	.progress-bar-step {
		height: 72px;
	}

	.progress-bar-step .step_name {
		float: left;
		width: 0px !important;
	}
}

@media (max-width: 575px) {
	.progress-bar-step.current,
	.progress-bar-step.last,
	.progress-bar-step.done,
	.progress-bar-step {
		width: 18%;
	}
}

@media (max-width: 400px) {
	.progress-bar-step .step_number {
		height: 40px;
		width: 40px;
		line-height: 2.7;
		background-size: 90% !important;
	}

	.progress-bar-step {
		padding: 10px 10px 50px;
		height: 58px;
	}

	.progress-bar-step.current,
	.progress-bar-step.last,
	.progress-bar-step.done,
	.progress-bar-step {
		width: 60px;
	}
}

/** End Progress Bar **/

/** Selection **/

.selection-con {padding: 0; background: #E3F3FB 0% 0% no-repeat padding-box; margin: 0 0 64px;}
.selection-con .form-bottom {padding: 35px 0 30px; margin: 0; border-radius: 0; background: transparent;}
.selection-con .form-bottom form {display: flex; flex-wrap: wrap; margin: 0 -50px;}
.selection-con .form-bottom form .pickup-boxs {display: block; width: 50%; padding: 0 50px; position: relative;}
.pickup-boxs label {
    font-size: 14px;
    color: black;
    font-weight: 500;
    
}
.selection-con .form-bottom form .pickup-boxs:before {content: ''; position: absolute; right: 0; top: 50px; bottom: 13px; border-right: dashed 2px #707070;}
.selection-con .form-bottom form .pickup-boxs.last-child:before {border-right: 0;}
.selection-con .form-bottom form .pickup-boxs h3 {display: block; font-size: 18px; color: #333333; line-height: 1; margin: 0 0 24px 117px; font-weight: 700;}

.selection-con .form-bottom form .pickup-boxs .form-group {display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 13px;}
.selection-con .form-bottom form .pickup-boxs .form-group label {margin: 0 !important; text-align: right; font-size: 14px; font-weight: 400; color: #8D8D8D; line-height: 1; width: 117px; padding: 0 10px 0 0;}
.selection-con .form-bottom form .pickup-boxs .form-group select.form-control {width: calc(100% - 117px); padding: 11px 20px; border-color: #fff;}
.selection-con .form-bottom form .pickup-boxs .form-group .form-control.txtpickup {width: calc(50% - 63px); padding: 11px 20px; margin-right: 10px;}
.selection-con .form-bottom form .pickup-boxs .form-group .form-control.txtpickuptime {width: calc(50% - 64px); padding: 11px 20px;}

.selection-con .form-bottom form .promocode-boxs {display: block; width: 100%; padding: 20px 50px 0;}
.selection-con .form-bottom form .promocode-boxs .form-group {display: block; margin: 0 0 25px;}
.selection-con .form-bottom form .promocode-boxs .form-group label {display: block; font-size: 14px; font-weight: 400; color: #8D8D8D; line-height: 1;}
.selection-con .form-bottom form .promocode-boxs .form-group select.form-control {padding: 11px 20px; border-color: #fff;}
.selection-con .form-bottom form .promocode-boxs .form-group .form-control {padding: 11px 20px;}



.selection-con label,
.selection-con select {
	font-size: 14px;
	letter-spacing: 0;
	color: #555555;
}

.select-col-2 {
	max-width: 11.666667%;
}

.select-col-3 {
	max-width: 23%;
	margin-right: 5%;
}

.select-last {
	max-width: 23%;
	flex: 0 0 23.666667%;
}

.btn.continue-button {
	text-align: center;
	font-size: 14px;
	letter-spacing: 0;
	color: #ffffff;
	margin: 0 !important;
	padding: 0px 8% !important;
	height: 36px;
	margin-top: 10px !important;
}

body input[type='text'],
body textarea,
body textarea.form-control,
body .selection-con select {
	background: #ffffff 0% 0% no-repeat padding-box;
	border: 1px solid #d1d1d1;
	border-radius: 0px;
	font-size: 14px;
	/* font-weight: lighter;*/
	color: #555555;
}

@media (max-width: 768px) {
	#progress-bar {
		padding: 0;
		box-shadow: none;
	}

	.progress-bar-step.current {
		width: 20%;
	}

	.progress-bar-step {
		width: 19%;
	}

	.select-col-2 {
		max-width: 100%;
		flex: 0 0 100%;
	}

	.select-col-3 {
		max-width: 100%;
		flex: 0 0 100%;
		margin-right: 0;
	}

	.select-last {
		max-width: 100%;
		flex: 0 0 100%;
	}

	#frmStep2 .col-md-3.col-sm-12.margin4 {
		padding-right: 0px !important;
		padding-left: 4px !important;
		text-wrap: avoid !important;
		padding-bottom: 10px !important;
		max-width: 100%;
		flex: 0 0 100%;
	}

	.selection-con select {
		min-height: 38px;
	}
}

/** End Selection **/

/** Choose your vehicle **/

.choose-your-vehicle-con {
	
	padding-bottom: 23px;
	color: #333333;
	font-weight: bold;
}

.choose-your-vehicle-con label.choose-your-vehicle-text {
	
	font-size: 30px;
	font-weight: 600;
	color: #333333;
}

.choose-your-vehicle-con label.choose-your-vehicle-subtext {
	font-size: 15px;
	font-weight: normal;
	color: #8d8d8d;
}

.your-vehicle-content .vehicle-title {
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}

.your-vehicle-content .vehicle-desc {
	font-size: 13px;
	color: #6d6d6d;
}

.your-vehicle-content .vehicle-list {
	font-size: 14px;
	color: #6d6d6d;
}

.user-seats {
	position: absolute;
	bottom: 30px;
	clear: both;
	text-align: center;
	width: 100%;
	color: #999999;
	font-weight: 600;
    font-size: 10px;
}

.user-seats .fa-users:before {
	margin-right: 5px;
}

.vehicleThumbnail img {
	height: auto;
	width: 90%;
	max-width: 267px;
	margin-top: 0;
}

.vehicle-content {padding: 50px 0 30px;}

.vehicleThumbnail .row .col-sm-12 {
	padding: 0;
	height: 200px;
	overflow: hidden;
}

.hr-step3 .vehicleThumbnail .row .col-sm-12 {
	height: initial;
	min-height: 200px;
}

.hr-step3 .user-seats {
	top: initial;
	bottom: 8px;
}

.hr-step3 .DescText {
	color: #333333;
}

.hr-step3 .col-xs-2 {
	margin-bottom: 5px;
}

.hr-step3 .total-con {
	margin-top: 55px;
	border-top: 1px solid #8D8D8D;
	padding-top: 50px;
	display: flex;
	flex-wrap: wrap;
}

.hr-step3 .total-con .total-title {font-size: 20px; color: #333333; font-weight: 700; width: auto;}
.hr-step3 .total-con .total-right {font-size: 38px; color: #333333; font-weight: 400; width: auto; margin-left: auto;}
.hr-step3 .total-con .total-right label {font-size: 48px; font-weight: 700; margin-left: 10px;}

.verticalMiddle {
	margin: 0;
	background: #EEFAFF;
}

.totalCostFinal-text {margin: 0; padding: 15px 0; width: 100%;}
.hr-step-2 .form-box .totalCostFinal-text .price-match {background: #009900; display: flex; flex-wrap: wrap; text-align: center; padding: 13px 0; justify-content: center; font-size: 18px; color: #fff; font-weight: 400; line-height: 1;}
.hr-step-2 .form-box .totalCostFinal-text .price-match i {font-size: 20px; color: #fff; margin-right: 16px;}
.hr-step-2 .form-box .totalCostFinal-text .results-price {display: flex; flex-wrap: wrap; margin: 10px 0 0 0; padding: 0px; justify-content: center; align-items: flex-end;}
.hr-step-2 .form-box .totalCostFinal-text .results-price .results-small {font-size: 38px; color: #333333; font-weight: 400; margin-right: 10px;}
.hr-step-2 .form-box .totalCostFinal-text .results-price strong {font-size: 58px; color: #333333; font-weight: 700;}
.hr-step-2 .form-box .totalCostFinal-text .price-match {
    margin-bottom: 15px;
    border-radius: 12px 12px 0px 0px !important;
    height: 36px;
}

.hr-step-2 .form-box .verticalMiddle p.available-text {display: block; text-align: center; font-size: 20px; color: #009900; line-height: 1; font-weight: 400; margin: 0; width: 100%;}
.hr-step-2 .form-box .verticalMiddle p.unavailable-text {display: block; text-align: center; font-size: 20px; color: #ED1B23; line-height: 1.6; font-weight: 400; margin: auto !important; max-width: 52%;}

.hr-step-2 .form-box .verticalMiddle #dvbooknow.buttons-boxs {display: block; text-align: center; margin: 20px 0; padding: 0; width: 100%;}
.hr-step-2 .form-box .verticalMiddle #dvbooknow.buttons-boxs .btn {height: 46px; padding: 14px 55px; line-height: 1;}

body .results-price {
	color: #191919 !important;
	font-size: 18px;
	font-weight: normal;
}

body .results-price strong {
	font-weight: 900;
}

@media (max-width: 768px) {
	.vehicleThumbnail img {
		height: auto;
	}

	.user-seats {
		top: 170px;
	}
}

@media (max-width: 480px) {
	.vehicleThumbnail img {
		margin-bottom: 30px;
	}

	.user-seats {
		top: initial;
		bottom: 10px;
	}

	.your-vehicle-content .col-sm-3 {
		margin-bottom: 20px;
	}

	#availablecars .results-price {
		padding-left: 0;
	}

	.hr-step3 .col-xs-2 {
		padding: 0;
	}
}

/** End Choose your vehicle **/

/**  Current Promotions **/

.current-promotions-con {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0;
	margin: 0 0 100px;
}

.current-promotions-con label.current-promotions-text {
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	color: #333333;
	width: 100%;
}

label.current-promotions-subtext {
	font-size: 18px;
	font-weight: 400;
	color: #8d8d8d;
}

.current-promotions-item .label-1 {
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0;
	color: #fef100;
}

.current-promotions-item .label-2 {
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	color: #ffffff;
	margin-bottom: 5px !important;
	line-height: 1.2;
}

.current-promotions-item .label-3 {
	text-align: center;
	font-weight: lighter;
	font-size: 13px;
	color: #ffffff;
}

.current-promotions-item .curent-promotions-button button.btn {
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	background: #ed1b23 0% 0% no-repeat padding-box;
	border-radius: 5px;
	margin-top: 12px !important;
}

/** End Current Promotions **/

/** Testimonials **/

.testi-wrapper {
	background: #f6fcff 0% 0% no-repeat padding-box;
	padding-top: 30px;
	margin-top: 80px;
	margin-bottom: 30px;
	padding-bottom: 85px;
}

.testi-con {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 95px;
}

.testi-wrapper .testi-con .testi-text {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #333333;
}
.testi-wrapper .testi-con .testi-subtext {
	font-size: 15px;
	font-weight: normal;
	color: #8d8d8d;
}

/** End Testimonials **/

/** Comparison **/

.comparison-con {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
}

.comparison-con .comparison-text {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #333333;
}
.comparison-con .comparison-subtext {
	font-size: 15px;
	font-weight: normal;
	color: #8d8d8d;
}

/** Table **/

.table.vehicle-table-con {
	margin-bottom: 80px;
}

.table.vehicle-table-con .thead-dark th {
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
}

.table.vehicle-table-con td,
.table th {
	padding: 1.2rem;
}

.vehicle-table-con tbody {
	border: 1px solid #e4e4e4;
}

.vehicle-table-con tr th:nth-of-type(1) {
	width: 20%;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #3d3d3d;
	text-transform: uppercase;
	opacity: 1;
}

.table.vehicle-table-con td {
	font-size: 15px;
}

@media (max-width: 768px) {
	.table-overlow-scroll {
		overflow-x: auto;
	}
}

/** End Table **/

/** Still need **/

.still-need-wrapper {
	padding: 7.5px 0;
}

.still-need-con {
	padding-bottom: 80px;
	text-align: center;
}

.still-need-con .label-1 {
	font-size: 30px;
	font-weight: 600;
	color: #ffffff;
}

.still-need-con .label-2 {
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
}

.still-need-con .still-need-help-button-con .btn {
	background: #ed1b24 0% 0% no-repeat padding-box;
	border-radius: 7px;
	font-size: 20px;
	font-weight: bold;
	padding: 13px 31px 13px 32px;
	margin-top: 15px !important;
	height: inherit;
}

/** End Still need **/

/** Copyright **/

.copyright-con label {
	text-align: left;
	font-size: 14px;
	color: #606060;
}

/** End Copyright **/

.medium-paragraph {
	font-size: 18px;
	line-height: 32px;
}

.blue {
	color: #009900;
}

.btn-link-1 {
	display: inline-block;
	height: 50px;
	margin: 0 5px;
	padding: 16px 20px 0 20px;
	background: #009900;
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	color: #009900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-link-1:hover,
.btn-link-1:focus,
.btn-link-1:active {
	outline: 0;
	opacity: 0.6;
	color: #009900;
}

.btn-link-2 {
	display: inline-block;
	height: 50px;
	margin: 0 5px;
	padding: 15px 20px 0 20px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #009900;
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	color: #009900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-link-2:hover,
.btn-link-2:focus,
.btn-link-2:active,
.btn-link-2:active:focus {
	outline: 0;
	opacity: 0.6;
	background: rgba(0, 0, 0, 0.3);
	color: #009900;
}
.navbar-brand {
	height: auto !important;
	margin-top: 0;
	color: #009900 !important;
}

.navbar-brand h3 {
	margin-top: 0;
	color: #009900 !important;
}

.navbar-brand img {
	border-radius: 11px;
	opacity: 1;
	height: auto;
}

.emailusHR {
	width: 60px;
	height: 60px;
	background: #ed1b24 0% 0% no-repeat padding-box;
	opacity: 1;
}

.emailusFa {
	width: 25px;
	height: 25px;
	text-align: center;
	font: Regular 25px/25px Font Awesome 5 Free;
	letter-spacing: 0;
	color: #ffffff;
	opacity: 1;
}

/***** Top content *****/
.inner-bg {
	/*padding: 120px 0 170px 0;*/
}

.banner-main {display: block; width: 100%; position: absolute; top: 0; left: 0; }
.banner-main img {display: block; max-width: 100%; width: 100%;}

.bookhandy-main {margin: 92px 0 0 0; padding: 15px 0 100px 0; display: block; position: relative; z-index: 1;}
.bookhandy-main h2 {
    display: block;
    margin: 0 0 45px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #000;
}


.top-content .text {
	padding-top: 120px;
	color: #009900;
}

.top-content .text h1 {
	color: #009900;
}

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p {
	opacity: 0.8;
}

.top-content .description a {
	color: #009900;
}

.top-content .description a:hover,
.top-content .description a:focus {
	border-bottom: 1px dotted #009900;
}

.top-content .top-big-link {
	margin-top: 35px;
}

.form-box h2,
.form-box p {
	font-weight: 700;
	font-size: 40px;
	color: #333333;
	text-align: center;
}

.form-box p {
	font-size: 20px;
	font-weight: normal;
}
.form-box p.bg-error {margin: 0;}

.hr-step-2 .form-box p {
	font-size: 20px;
	font-weight: 400;
}
.hr-step-2 .form-box p.vehicle-desc {
	display: block;
	font-size: 15px;
	color: #8D8D8D;
	line-height: 1.5;
	margin: 0 0 10px;
}

.hr-step-2 .form-box p.vehicle-list {font-size: 15px; color: #8D8D8D; padding: 0 0 0 46px; margin: 0 0 29px;}
.hr-step-2 .form-box p.vehicle-list i {margin: 0 10px 0 0;}


.hr-step-1 .form-box h3 {
	font-weight: 700;
	font-size: 30px;
	color: #ed1b24;
	margin: 30px 0 15px;
}

.hr-step-1 select.form-control,
body.hr-step-1 input[type='text'],
body.hr-step-1 textarea,
body.hr-step-1 textarea.form-control {
	background: #ffffff;
}

.hr-step3 .form-box h3 {
	font-size: 16px;
}

.hr-step-1 .form-box label {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 10px;
}

.hr-step-2 .form-box label,
.hr-step3 .form-box label {
	font-size: 16px;
	display: block;
}

.hr-step-2 .form-box h2, .hr-step-2 .form-box p {
	text-align: left;
	margin: 0;
}

.hr-step-2 .form-box .verticalMiddle p {
	text-align: right;
}

.form-group {margin-bottom: 25px;}
.form-group label {display: block; margin: 0 0 20px !important; font-size: 16px; color: #8D8D8D; font-weight: 400; line-height: 1; width: 100%;}
select.form-control {-moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff url(../../images/arrow-back.png) right 18px center no-repeat !important;}

select.form-control,
body input[type='text'],
body textarea,
body textarea.form-control {
	font-weight: 400;
	font-size: 16px;
	border-radius: 0;
	color: #8D8D8D;
	padding: 19px 27px;
	height: auto;
	border: solid 1px #000;
	background: #FFFFFF;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.2s linear;
}

select.form-control:focus,
body input[type="text"]:focus,
body textarea:focus,
body textarea.form-control:focus {
	border: solid 1px #000;
	box-shadow: none;
}

.btn.find-my-vehicle {
	background-color: #ed1b24;
	color: #ffffff;
	font-weight: 700;
	line-height: 3.7;
	font-size: 14px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 40px;
	border-radius: 50px;
	height: 50px;
}

.hr-step-1 .btn.find-my-vehicle {
	margin-top: 20px;
}

.hr-step-1 .find-my-vehicle-button {
	text-align: center;
}

.extra-fields {
	margin-top: 50px;
}

.hr-step-1 .extra-fields {
	margin-top: 30px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #009900;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 {
	margin-top: 0;
}

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #ddd;
	line-height: 100px;
	text-align: right;
}

.form-bottom {padding: 55px; background: #fff; border-radius: 20px; margin: 0 0 178px 0;border: 1px solid #000;}
.form-bottom .registration-form {display: flex; flex-wrap: wrap; margin: 0 -50px;}
.form-bottom .registration-form .pickup-boxs {display: block; padding: 0 50px; border-right: solid 0.5px #0f0f0f; width: 50%;}
.form-bottom .registration-form .pickup-boxs.last-child {border-right: 0;}

.form-bottom .registration-form .pickup-boxs .title-box {display: flex; flex-wrap: wrap; align-items: center; width: 200px; background: none; border-radius: 10px; margin: 0 0 20px;}
.form-bottom .registration-form .pickup-boxs .title-box img {display: block; margin: 0 7px 0 0;}
.form-bottom .registration-form .pickup-boxs .title-box h4 {display: block; margin: 0; font-size: 25px; color: #1F1F1F; line-height: 1; font-weight: 700;}
.form-bottom .registration-form .buttons-box {display: block; width: 100%; text-align: center; margin: 40px 0 0 0;}
#availablecars.form-bottom {padding: 0; background: transparent; border-radius: 0; margin: 64px 0 0 0;}

.product-details {display: block; background: #FFFFFF; box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.08); padding: 78px 0;}
.product-details h4 {display: block; font-size: 22px; line-height: 33px; color: #333333; margin: 0 0 20px; font-weight: 700;}
.product-details .list-text {display: flex; flex-wrap: wrap; font-size: 18px; color: #333333; line-height: 1.6; align-items: center;}
.product-details .list-text .vehicle-title {font-weight: 600; margin-right: 5px;}
.product-details .list-text.pickup-box {margin: 0 0 20px;}

.step-main {display: block; padding: 130px 0 30px 0;}

/* .step-main .card-boxs {display: block; padding: 85px 50px 55px; margin: 0 0 60px; background: #F6FCFF; position: relative;} */
.step-main .card-boxs{
	display: block;
    padding: 20px 30px 20px;
    margin: 0 0 20px;
    background: #EEFAFF;
    position: relative;
    width: 100%;
}


.step-main .card-boxs h3.vehicle-title {position: absolute; left: 0; top: 0; background: #FEF200; padding: 8px 48px; font-size: 22px; font-weight: 700; color: #333333; line-height: 30px; margin: 0; min-width: 295px;}

.step-main .card-boxs .optional-boxs {display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 25px;}
.step-main .card-boxs .optional-boxs:last-child {margin: 0;}
.step-main .card-boxs .optional-boxs .checkbox-plane {width: calc(100% - 261px); display: block; position: relative;}
.step-main .card-boxs .optional-boxs .checkbox-plane input {width: 100%; display: block; position: absolute; left: 0; top: 0; height: 100%; opacity: 0; cursor: pointer;}
.step-main .card-boxs .optional-boxs .checkbox-plane input + label {width: 100%; display: block; position: relative; padding: 0 0 0 37px; font-size: 18px; color: #333333; line-height: 27px;}
.step-main .card-boxs .optional-boxs .checkbox-plane input + label span {width: 22px; height: 22px; position: absolute; left: 0px; top: 5px; border: solid 1px #707070; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #fff;}
.step-main .card-boxs .optional-boxs .checkbox-plane input + label span i {display: none; font-size: 14px; color: #707070;}
.step-main .card-boxs .optional-boxs .checkbox-plane input:checked + label span i {display: block;}
.step-main .card-boxs .optional-boxs .qty-plane {width: 125px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.step-main .card-boxs .optional-boxs .qty-plane span {font-size: 14px; color: #8D8D8D; margin-right: 15px;}
.step-main .card-boxs .optional-boxs .qty-plane .qty-boxs {padding: 0; width: 50px; height: 50px; border: solid 1px #8D8D8D; text-align: center;}
.step-main .card-boxs .optional-boxs .price-text {width: 136px; font-size: 22px; color: #333333; font-weight: 400; text-align: right;}
.step-main .card-boxs .optional-boxs .price-text label {font-size: 22px; color: #333333; font-weight: 400;}

.step-main .card-boxs .tnsurance-main {display: flex; flex-wrap: wrap; margin: 0 -8px;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs {display: block; margin: 0 8px; width: calc(33.33% - 16px); background: #FFFFFF; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);margin-top: 10px;}

.Insurance46 {
    background-color: #ffbf00; /* Background color for the first child */
}

.Insurance287 {
    background-color: #01ff00; /* Background color for the second child */
}

.Insurance12 {
    background-color: #ff0000; /* Background color for the third child */
}


.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title {display: block; position: relative; min-height: 80px;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input {position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input + label {display: block; padding: 35px 10px; font-size: 20px; font-weight: 700; color: #333333; line-height: 25px; margin: 0; text-align: center;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input + label span {position: absolute; left: 14px; top: 14px; width: 15px; height: 15px; border: solid 1px #707070; background: #fff;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input + label span i {font-size: 12px; color: #707070; display: none;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input:checked + label span i {display: block;}

.step-main .card-boxs .tnsurance-main .tnsurance-boxs p {display: block; margin: 15px 30px; text-align: center; font-size: 14px; color: #8D8D8D; font-weight: 400;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .img {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 0 20px;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .img img {display: block; max-width: 100%;}

.step-main .card-boxs .tnsurance-main .tnsurance-boxs .price-box {display: block; margin: 15px 0; text-align: center; font-size: 12px; color: #333333; font-weight: 400;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .price-box span {font-size: 25px; color: #333333; font-weight: 700;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .price-box span label {font-size: 25px; color: #333333; font-weight: 700;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .more-btn {display: block; margin: 0px 0 25px; text-align: center;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .more-btn a {font-size: 12px; color: #333333; font-weight: 300;}
.step-main .card-boxs .tnsurance-main .tnsurance-boxs .more-btn a i {color: #333333;}

.step-main .card-boxs .kms-main {display: flex; flex-wrap: wrap; margin: 0 -10px;}

/* .step-main .card-boxs .kms-main .kms-boxs {display: block; margin: 0 10px; width: calc(50% - 20px); position: relative; background: #E2F6FE;} */

.step-main .card-boxs .kms-main .kms-boxs {
    display: block;
    margin: 0 10px;
    width: 100%;
    position: relative;
    /* background: #E2F6FE; */
}
.step-main .card-boxs .kms-main .kms-boxs input {position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%;}
.step-main .card-boxs .kms-main .kms-boxs input + label {display: block; margin: 0; width: 100%; position: relative; padding: 34px 45px 40px 106px; font-size: 14px; color: #333333; font-weight: 700;}
/* .step-main .card-boxs .kms-main .kms-boxs input + label span {width: 22px; height: 22px; border: solid 1px #707070; background: #fff; position: absolute; left: 43px; top: 34px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} */
.step-main .card-boxs .kms-main .kms-boxs input + label span i {display: none; font-size: 14px; color: #707070;}
.step-main .card-boxs .kms-main .kms-boxs input:checked + label span i {display: block;}
.step-main .card-boxs .kms-main .kms-boxs input + label .price-text {display: flex; flex-wrap: wrap; align-items: flex-end; margin: 10px 0 0 0; width: 100%; position: relative; padding: 0; font-size: 12px; color: #333333; font-weight: 300; line-height: 0.5;}
.step-main .card-boxs .kms-main .kms-boxs input + label .price-text .off,
.step-main .card-boxs .kms-main .kms-boxs input + label .price-text .on {font-size: 25px; font-weight: 700; position: relative; top: 0; left: 0; background: transparent; border: 0; width: auto; height: auto; margin-right: 10px; color: #333333;}

.step-main .sidebar-boxs {display: block; padding: 0; margin: 0; background: #EEFAFF; position: sticky; top: 120px; width: 100%; box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.08);}
.step-main .sidebar-boxs h3.vehicle-title {position: relative; width: 100%; background: #FEF200; padding: 8px 54px; font-size: 22px; font-weight: 700; color: #333333; line-height: 30px; margin: 0;}
.step-main .sidebar-boxs .sidebar-main {padding: 47px 30px 75px;}
.step-main .sidebar-boxs .sidebar-main h4 {display: block; margin: 0 0 5px; padding: 0; font-size: 20px; font-weight: 700; line-height: 1; color: #333333;}
.step-main .sidebar-boxs .sidebar-main .daily-boxs {display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 18px;}
/* .step-main .sidebar-boxs .sidebar-main .daily-boxs .title-text {font-size: 18px; color: #333333; font-weight: 400; line-height: 1; padding-left: 50px;} */
.step-main .sidebar-boxs .sidebar-main .daily-boxs .price-text {font-size: 20px; color: #333333; font-weight: 400; line-height: 1; margin-left: auto;}
.step-main .sidebar-boxs .sidebar-main .gst-text {display: block; text-align: right; font-size: 20px; color: #333333; font-weight: 400;}
.step-main .sidebar-boxs .sidebar-main .buttons { margin: 55px 0 0 0; text-align: center; }
.step-main .sidebar-boxs .sidebar-main .buttons .btn { margin: 15px 0 0 0; min-width: 253px; text-align: center; padding: 18px 10px; background: #ED1B24; border-radius: 30px; font-size: 25px; color: #FFFFFF; line-height: 1;}

.customer-main {display: block; margin: 0 0 0px; padding:0px 52px 30px !important; background: #EEFAFF;}
.customer-main.customer-main-below {display: block; margin: 0 0 0px; padding:0px 40px ; background: #EEFAFF;}
.customer-main h3 {display: block; text-align: left; font-size: 28px; color: #0f0f0f; font-weight: 700; line-height:35px	; margin: 0 0 6px;}
.customer-main #bookedbefore {display: block; margin: 0 0 20px;}
.customer-main #bookedbefore a.link-text {display: block; margin: 0 0 40px; font-size: 16px; color: #1DAB06; text-align: left; font-weight: 400;}
.customer-main .form-group {display: block; margin: 0 0 35px;}
.customer-main .control-label {display: block; margin: 0 0 20px !important; font-size: 16px; font-weight: 400; color: #8D8D8D;}
.customer-main .form-control {display: block; padding: 20px 34px; font-size: 16px; color: #8D8D8D; background: #FFFFFF; line-height: 1.3;}
.customer-main textarea.form-control {height: 177px !important;}
.customer-main .date-dropdowns {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.customer-main .date-dropdowns select {margin: 0 10px; width: calc(33.33% - 20px); border: 0; background: #fff; font-size: 16px; color: #8D8D8D; line-height: 1.3; padding: 19px 10px;}
.customer-main hr {margin: 10px 0 3rem; border-top: dashed 2px #707070;}

.customer-main .btn {margin: 0; min-width: 253px; text-align: center; padding: 18px 0; background: #ED1B24; border-radius: 30px; font-size: 25px; color: #FFFFFF; line-height: 1;}



.hr-step-1 .form-bottom {
	background: #ffffff;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form .input-error {
	border-color: #009900;
}


.classWithPad {
	padding: 10px;
}

.classWithPad2 {
	margin: 2px;
	padding: 5px;
}

.modal-header {
	padding: 5px;
}

.modal-footer {
	padding: 10px;
}

.modal-body {
	padding: 10px;
}

.vehicleThumbnail {
	border-radius: 0px;
	overflow: hidden;
	background: #fff;
	text-align: center;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
}

.vehicleThumbnail img {
	display: inline;
}

.vehicle-title {
	letter-spacing: 0;
	color: #333333;
	opacity: 1;
}

.results-price {
	border-radius: 5px;
	padding: 5px 10px;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
}

ol,
ul {
	margin-bottom: 2px;
	line-height: 16px !important;
}

.RemovePadding_p {
	margin: 0 0 0px !important;
}

.topdiv {
	background-color: pink;
	border-radius: 5px;
}

/*.topdiv:nth-child(odd) {
        background-color: #e5f7fd 
    }

    .topdiv:nth-child(even) {
        background-color: #FFFFFF;
    }*/

.topdiv {
	margin-top: 15px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 0;
	box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.08);
	opacity: 1;
}

.TopPad {
	margin: 50px 88px 0 88px;
}

.DescText {
	color: #333333;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 700;
	margin: 0 0 13px;
}



@media (min-width: 768px) {
	#dvbooknow {
		padding-top: 5px;
	}
}

#logo {
	margin-top: -10px;
	max-width: 100%;
	height: auto !important;
}

.navbar {
	margin-bottom: 0px !important;
	/*min-height: 55px;*/
}
.nav-wrapper.fixed-top{
	min-height: 55px;
}
.margin0 {
	padding-right: 0px !important;
	padding-left: 4px !important;
	text-wrap: avoid !important;
	padding-bottom: 10px !important;
}

.caldispl select {
	padding: 5px;
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-right: 8px;
}

.your-vehicle-content {
	min-height: 297px;
	padding: 15px;
}

.cartypetitle {
	text-align: center;
	height: 30px;
	font: 14px arial;
	font-weight: bold;
	border: 2px solid #ccf;
	border-radius: 0.4em;
	background-color: #fcc;
	padding-top: 5px !important;
}

.cartypetitle span {
	padding-left: 12px;
	padding-right: 6px;
}
/*Ezz*/
.MultiCarousel {
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	margin: 0 45px;
	position: relative;
	display: block;
}

.MultiCarousel .MultiCarousel-inner {
	transition: 1s ease all;
	float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
	float: left;
}

.MultiCarousel .MultiCarousel-inner .item > div {
	text-align: center;
	padding: 0;
	margin: 0px 25px;
	/* background: #f1f1f1; */
	background-image: url(../../images/CarouselItemBack.png);
	color: #666;
	border-radius: 4px;
}

.MultiCarousel .MultiCarousel-inner .pad15 p {
	margin-bottom: 0;
}

.MultiCarousel .MultiCarousel-inner .pad15 p:nth-child(3) button {
	font-size: 12px;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
	position: absolute;
	border-radius: 50%;
	top: calc(50% - 20px);
	height: 45px;
	font-size: 15px;
	font-weight: normal;
	width: 45px;
	padding: 0;
}

.MultiCarousel .leftLst:focus,
.MultiCarousel .rightLst:focus {
	box-shadow: none;
}

.MultiCarousel .leftLst {
	left: 0;
}

.MultiCarousel .rightLst {
	right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
	pointer-events: none;
	background: #ccc;
}

.blockquote-custom {
	position: relative;
	font-size: 1.1rem;
	min-height: 312px;
	margin-bottom: 60px;
}

.blockquote-custom-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -48px;
	left: 50%;
	margin-left: -40px;
}

.bg-info {
	background-color: #f2f2f2 !important;
}

.bg-info .fa {
	color: #c6c6c6 !important;
	font-size: 38px;
}

.bg-footerimg {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url('../../images/footerImage.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.modal .modal-backdrop {background: rgba(0, 0, 0, 0.33);}
.modal .modal-dialog {max-width: 100%; z-index: 1050; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%;}
.modal .modal-dialog .modal-content {max-width: 676px; margin: 0 auto; border: 0; border-radius: 0; background: #FFFFFF;}
.modal .modal-dialog .modal-content .modal-header {width: 100%; background: #BCE2F3; padding: 70px 0; border: 0; border-radius: 0;}
.modal .modal-dialog .modal-content .modal-header h2 {width: 100%; display: block; text-align: center; margin: 0; font-size: 40px; font-weight: 700; color: #333333; line-height: 1;}
.modal .modal-dialog .modal-content .modal-body {width: 100%; padding: 40px 80px;}
.modal .modal-dialog .modal-content .modal-body h4 {width: 100%; text-align: center; margin: 0 0 30px; font-size: 25px; color: #333333; line-height: 38px; font-weight: 700; padding: 0;}
.modal .modal-dialog .modal-content .modal-body ul {margin: 0 0 30px 0; padding: 0; width: 100%; list-style: none;}
.modal .modal-dialog .modal-content .modal-body ul li {display: block; text-align: center; line-height: 30px; font-size: 20px; color: #333333; font-weight: 400;}
.modal .modal-dialog .modal-content .modal-body p {display: block; width: 100%; font-size: 20px; color: #0f0f0f; line-height: 30px; text-align: center; margin: 0;}
.modal .modal-dialog .modal-content .modal-body div.brief_desc {display: block; width: 100%; font-size: 20px; color: #333333; line-height: 30px; text-align: center; margin: 0;}

.modal .modal-dialog .modal-content .modal-footer {  width: 100%;padding: 40px 0 80px 0; border: 0; justify-content: center;}
.modal .modal-dialog .modal-content .modal-footer .btn {padding: 12px 60px; font-size: 25px; height: 60px;}


.modal.waitdont-boxs .modal-dialog .modal-content {max-width: 600px;}
.modal.waitdont-boxs .modal-dialog .modal-content .modal-header {background: #fef200; padding: 20px 0; line-height: 1; border-top: solid 3px;}
.modal.waitdont-boxs .modal-dialog .modal-content .modal-header h2 {font-size: 30px; color: #000;}
.modal.waitdont-boxs .modal-dialog .modal-content .modal-body {text-align: center;}
.modal.waitdont-boxs .modal-dialog .modal-content .modal-body p {margin: 0 0 40px;}


#kminsurance-popup .modal-header {
    padding: 30px 0px !important;
}

#kminsurance-popup .modal-body{
	width: 100%;
    padding: 20px 40px;
}


#kminsurance-popup .modal-footer{
	padding: 20px 0 20px 0;
}
	

.fbgo-bg {padding: 80px 0; position: relative;}
.fbgo-bg .fbgo-main {display: flex; flex-wrap: wrap;}
.fbgo-bg .fbgo-box {display: block; position: relative; text-align: center; border-right: solid 1px #C9C9C9; padding: 40px 15px; width: 50%;}
.fbgo-bg .fbgo-box:last-child {border-right: 0;}
.fbgo-bg .fbgo-box h2 {display: block; font-size: 30px; color: #ed1b24; line-height: 55px; font-weight: 700; margin: 0 0 30px; line-height: 1;}
.fbgo-bg .fbgo-box .star {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 30px;}
.fbgo-bg .fbgo-box .star i {font-size: 30px; color: #fef100; margin: 0 5px;}
.fbgo-bg .fbgo-box .img {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 10px;}
.fbgo-bg .fbgo-box .img img {max-height: 25px;}
.fbgo-bg .fbgo-box p {display: block; font-size: 20px; color: #4a4a4a; line-height: 1; text-align: center; margin: 0;}

/****css by .net dev**/
.cstm-promo-code-txt
{
	text-align: center!important;
	font-size: 17px!important;
	color: #009900!important;
}
.results-price-original .results-small
{
    float: left;
    margin-left: 25%;
    font-size: 10px;
    padding-top: 15px;

}
.results-price-original
{
	font-size: 26px;
}

.results-price-original {
	position: relative;
  }
  .results-price-original:before {
    position: absolute;
    content: "";
    left: -20px;
    width: 120px;
    top: 50%;
    right: 0;
    border-top: 3px solid;
    border-color: #ed1b24;
    -webkit-transform: rotate(
-5deg
);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(
-5deg
);
}


.step-main .card-boxs .extraoptions-main {display: flex; flex-wrap: wrap; margin: 0 -8px;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs {display: block; margin: 0 8px; width: calc(25% - 16px); background: #FFFFFF; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .options-title {display: block; background: #E2F6FE; position: relative; min-height: 120px;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .options-title input {position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .options-title input + label {display: block; padding: 35px 10px; font-size: 20px; font-weight: 700; color: #333333; line-height: 25px; margin: 0; text-align: center;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .options-title input + label span {position: absolute; left: 14px; top: 14px; width: 15px; height: 15px; border: solid 1px #707070; background: #fff;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .options-title input + label span i {font-size: 12px; color: #707070; display: none;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .options-title input:checked + label span i {display: block;}

.step-main .card-boxs .extraoptions-main .cstm-optional-boxs p {display: block; margin: 15px 30px; text-align: center; font-size: 14px; color: #8D8D8D; font-weight: 400;min-height: 65px;max-height: 70px;}


.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .img {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 0 20px;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .img img {display: block; max-width: 100%;    height: 150px;}

.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .price-box {display: block; margin: 30px 0; text-align: center; font-size: 12px; color: #333333; font-weight: 400;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .price-box span {font-size: 25px; color: #333333; font-weight: 700;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .price-box span label {font-size: 25px; color: #333333; font-weight: 700;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .more-btn {display: block; margin: 0px 0 25px; text-align: center;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .more-btn a {font-size: 12px; color: #333333; font-weight: 300;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .more-btn a i {color: #333333;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs { margin-top: 20px;}
/* .step-main .card-boxs .extraoptions-main .cstm-optional-boxs:nth-child(6n) { margin-top: 20px;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs:nth-child(7n) { margin-top: 20px;}
.step-main .card-boxs .extraoptions-main .cstm-optional-boxs:nth-child(8n) { margin-top: 20px;} */

/****css by .net dev**/

@media (min-width: 1000px) {
	.navbar-brand {
		margin: 0;
	}
}

.nav-link:hover {
	text-decoration: none;
}

@media (max-width: 980px) {
	.blockquote-custom {
		min-height: 210px;
	}
}


/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {
	/*.step_name {  visibility: hidden;}*/
	/*.progress-bar-step .step_name{width: 100px;}*/
}

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


@media (max-width: 1600px) {
	.bookhandy-main {padding: 20px 0 75px 0;}
	.form-bottom {margin: 0 0 78px 0;}
}


@media (max-width: 1500px) {
	.container {max-width: 1200px;}
	.bookhandy-main {margin: 99px 0 0 0; padding: 20px 0;}
	.bookhandy-main h2 {margin: 0 0 40px;}
	.form-bottom {padding: 55px; margin: 0 0 55px;}
	.current-promotions-con {margin: 0 0 55px;}

	.selection-con {margin: 0;}
	.TopPad {margin: 50px 0px 0 0;}

	.hr-step-2 .form-box .totalCostFinal-text .price-match {font-size: 14px; padding: 12px 0;}
	.hr-step-2 .form-box .totalCostFinal-text .price-match i {font-size: 16px;}
	.hr-step-2 .form-box .totalCostFinal-text .results-price .results-small {font-size: 28px;}
	.hr-step-2 .form-box .totalCostFinal-text .results-price strong {font-size: 38px;}
	.hr-step-2 .form-box .verticalMiddle p.available-text {font-size: 16px; line-height: 1.3; padding: 0 20px;}
	.hr-step-2 .form-box .verticalMiddle p.unavailable-text {font-size: 16px;}
	.vehicle-content {padding: 30px 0;}

	.product-details {padding: 60px 0; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.08);}
	.product-details .col-lg-7 {flex:0 0 80%; max-width: 80%;}


	.step-main {padding: 80px 0 30px 0;}
	.step-main .card-boxs .optional-boxs .checkbox-plane input + label {font-size: 16px; line-height: 26px;}
	.step-main .card-boxs .optional-boxs .price-text {line-height: 1; font-size: 18px;}
	.step-main .card-boxs .optional-boxs .price-text label {font-size: 18px;}

	.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input + label {padding: 25px 15px; font-size: 14px; line-height: 20px;}
	.step-main .card-boxs .tnsurance-main .tnsurance-boxs .price-box span {font-size: 20px;}
	.step-main .card-boxs .tnsurance-main .tnsurance-boxs .price-box span label {font-size: 20px;}

	.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .options-title input + label {padding: 25px 15px; font-size: 14px; line-height: 20px;}
	.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .price-box span {font-size: 20px;}
	.step-main .card-boxs .extraoptions-main .cstm-optional-boxs .price-box span label {font-size: 20px;}


	.step-main .card-boxs .kms-main .kms-boxs input + label {padding: 30px 30px 30px 90px;}
	.step-main .card-boxs .kms-main .kms-boxs input + label span {top: 30px; left: 40px;}

	.step-main .card-boxs h3.vehicle-title {padding: 8px 30px; font-size: 20px;}
	.step-main .sidebar-boxs h3.vehicle-title {padding: 8px 30px; font-size: 20px;}

	.step-main .sidebar-boxs .sidebar-main {padding: 30px 30px 45px;}
	.step-main .sidebar-boxs .sidebar-main h4 {margin: 0 0 10px; font-size: 18px;}
	.step-main .sidebar-boxs .sidebar-main .daily-boxs .title-text {padding: 0;}
	.step-main .sidebar-boxs .sidebar-main .daily-boxs .price-text {font-size: 18px;}

	.step-main .sidebar-boxs .sidebar-main .buttons {margin: 40px 0 0 0;}
	.step-main .sidebar-boxs .sidebar-main .buttons .btn {font-size: 20px;}

	.hr-step3 .total-con {margin-top: 30px; padding-top: 30px;}
	.hr-step3 .total-con .total-right label {font-size: 38px;}

	.customer-main {padding: 50px; margin: 0 0 80px;}
	.customer-main #bookedbefore {margin: 0px 0 50px;}
	.customer-main .form-control {padding: 15px;}
	.customer-main .date-dropdowns select {padding: 14px 10px;}

	.modal .modal-dialog .modal-content .modal-header {padding: 50px 0;}
	.modal .modal-dialog .modal-content .modal-footer {padding: 10px 0 50px 0;}

}


@media (max-width: 1366px) {
	.container {max-width: 1140px;}
	.main-menu-con .nav-item .nav-link {font-size: 14px; padding-right: .5rem;}
	.bookhandy-main {padding: 20px 0;}
	.form-bottom {padding: 40px; margin: 0 0 40px;}
	.form-bottom .registration-form {margin: 0 -30px;}
	.form-bottom .registration-form .pickup-boxs {padding: 0 30px;}
	.form-bottom .registration-form .buttons-box {margin: 30px 0 0 0;}

	.testi-wrapper {padding: 30px 0;}

	.fbgo-bg .fbgo-box .star i {font-size: 25px;}

}


@media (max-width: 1199px) {

	.container, .h-container {max-width: 960px;}
	.navbar-brand {padding: 0;}
	.navbar-brand img {width: 130px;}
	.navbar-expand-lg .navbar-collapse.header-column-right ul.main-menu-con {display: flex; flex-wrap: wrap; align-items: center;}
	.navbar-expand-lg .navbar-collapse.header-column-right ul.main-menu-con li:last-child a {display: block;}
	.navbar-expand-lg .navbar-collapse.header-column-right ul.main-menu-con li:last-child a img {display: block; max-width: 150px;}
	.banner-main {top: 0px;}
	.bookhandy-main {margin: 58px 0 0 0;}
	.bookhandy-main h2 {font-size: 40px;}

	.form-bottom .registration-form .pickup-boxs .title-box {padding: 13px 20px; margin: 0 0 30px; width: 190px;}
	.form-bottom .registration-form .pickup-boxs .title-box h4 {font-size: 18px;}
	.form-bottom .registration-form .pickup-boxs .title-box img {max-height: 20px;}

	.step-container {margin-top: 62px;}

	.selection-con .form-bottom form {margin: 0;}
	.selection-con .form-bottom form .pickup-boxs {padding: 0 20px;}
	.selection-con .form-bottom form .pickup-boxs h3 {margin: 0 0 20px 0;}
	.selection-con .form-bottom form .promocode-boxs {padding: 20px 20px 0;}

	.selection-con .form-bottom form .pickup-boxs .form-group label {width: 100%; text-align: left; padding: 0; margin: 0 0 10px !important;}
	.selection-con .form-bottom form .pickup-boxs .form-group select.form-control {width: 100%;}
	.selection-con .form-bottom form .pickup-boxs .form-group .form-control.txtpickup,
	.selection-con .form-bottom form .pickup-boxs .form-group .form-control.txtpickuptime {width: calc(50% - 5px);}

	#availablecars.form-bottom {margin: 50px 0 0 0;}

	.hr-step-2 .form-box .totalCostFinal-text .price-match {font-size: 13px;}
	.hr-step-2 .form-box .totalCostFinal-text .price-match i {font-size: 13px;}
	.hr-step-2 .form-box .totalCostFinal-text .results-price {margin: 50px 0 0 0;}
	.hr-step-2 .form-box .totalCostFinal-text .results-price .results-small {font-size: 22px;}
	.hr-step-2 .form-box .totalCostFinal-text .results-price strong {font-size: 30px;}
	
	.hr-step-2 .form-box .verticalMiddle p.unavailable-text {max-width: 80%;}
	.hr-step-2 .form-box .verticalMiddle p.available-text {font-size: 14px;}
	.hr-step-2 .form-box .verticalMiddle #dvbooknow.buttons-boxs {margin: 30px 0;}

	.DescText {font-size: 18px;}
	.hr-step-2 .form-box p {font-size: 16px;}
	.hr-step-2 .form-box p.vehicle-desc {font-size: 14px;}
	.hr-step-2 .form-box p.vehicle-list {font-size: 14px; padding: 0 0 0 30px;}

	.product-details .col-lg-7 {flex: 0 0 100%; max-width: 100%;}
	.product-details .list-text {font-size: 16px;}

	.step-main .card-boxs {padding: 65px 30px 35px; margin: 0 0 40px;}
	.step-main .card-boxs h3.vehicle-title {font-size: 18px; line-height: 26px; min-width: 265px;}

	.step-main .card-boxs .optional-boxs .checkbox-plane {width: calc(100% - 180px);}
	.step-main .card-boxs .optional-boxs .checkbox-plane input + label {font-size: 14px; line-height: 22px;}

	.step-main .card-boxs .optional-boxs .qty-plane {width: 90px;}
	.step-main .card-boxs .optional-boxs .qty-plane span {margin-right: 10px;}
	.step-main .card-boxs .optional-boxs .qty-plane .qty-boxs {width: 40px; height: 40px;}

	.step-main .card-boxs .optional-boxs .price-text {width: 90px; font-size: 16px;}
	.step-main .card-boxs .optional-boxs .price-text label {font-size: 16px;}

	.step-main .card-boxs .tnsurance-main {margin: 0 -15px;}
	.step-main .card-boxs .tnsurance-main .tnsurance-boxs {width: calc(50% - 30px); margin: 0 15px 30px;}
	.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title {min-height: 128px;}
	.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input + label {font-size: 18px; padding: 25px 20px; line-height: 26px;}

	.step-main .card-boxs .kms-main .kms-boxs input + label {padding: 25px 25px 25px 50px;}
	.step-main .card-boxs .kms-main .kms-boxs input + label span {top: 25px; left: 15px;}

	.step-main .sidebar-boxs h3.vehicle-title {padding: 8px 20px; font-size: 18px;}
	.step-main .sidebar-boxs .sidebar-main {padding: 25px;}
	.step-main .sidebar-boxs .sidebar-main h4 {font-size: 16px;}
	.step-main .sidebar-boxs .sidebar-main .daily-boxs {margin: 0 0 15px;}
	.step-main .sidebar-boxs .sidebar-main .daily-boxs .title-text {font-size: 14px;}
	.step-main .sidebar-boxs .sidebar-main .daily-boxs .price-text {font-size: 14px;}

	.hr-step3 .total-con {margin-top: 20px; padding-top: 20px;}
	.hr-step3 .total-con .total-title {font-size: 16px;}
	.hr-step3 .total-con .total-right {font-size: 22px;}
	.hr-step3 .total-con .total-right label {font-size: 30px;}
	.step-main .sidebar-boxs .sidebar-main .gst-text {font-size: 14px;}
	.step-main .sidebar-boxs .sidebar-main .buttons {margin: 20px 0 0 0;}
	.step-main .sidebar-boxs .sidebar-main .buttons .btn {min-width: 100%; padding: 15px 8px; font-size: 18px;}

	.customer-main {padding: 40px; margin: 0 0 50px;}
	.customer-main h3 {font-size: 30px;}
	.customer-main #bookedbefore {margin: 0px 0 40px;}
	.customer-main #bookedbefore a.link-text {font-size: 16px;}
	.customer-main .form-group {margin: 0 0 25px;}
	.customer-main .control-label {font-size: 14px; margin: 0 0 15px !important; line-height: 1.4;}

	.customer-main .date-dropdowns {margin: 0 -5px;}
	.customer-main .date-dropdowns select {margin: 0 5px; width: calc(33.33% - 10px);}
	.customer-main .btn {font-size: 20px; min-width: 200px; padding: 15px 0;}

	.fbgo-bg .fbgo-box {padding: 30px 10px;}
	.fbgo-bg .fbgo-box h2 {font-size: 25px;}
	.fbgo-bg .fbgo-box .star {margin: 0 0 20px;}
	.fbgo-bg .fbgo-box .star i {font-size: 20px; margin: 0 3px;}
	.fbgo-bg .fbgo-box p {font-size: 16px;}


}


@media (max-width: 991px) {

	.container, .h-container {max-width: 720px;}

	button.btn {height: 53px; padding: 11px 55px; font-size: 16px;}

	select.form-control, body input[type="text"], body textarea, body textarea.form-control {padding: 15px; font-size: 13px;}

	.navbar .logo-con {display: flex; flex-wrap: wrap; align-items: center;}
	.navbar-light .navbar-toggler {position: relative; top: 0; right: 0; margin-left: auto;}
	.mobile-header .contact-button {margin-top: 10px;}
	.form-bottom {padding: 30px; margin: 0 0 30px;}
	.form-bottom .registration-form {margin: 0 -20px;}
	.form-bottom .registration-form .pickup-boxs {padding: 0 20px;}
	.form-group label {font-size: 14px; margin: 0 0 15px !important;}

	.MultiCarousel {margin: 0;}
	.MultiCarousel .MultiCarousel-inner .item > div {margin: 0px 10px;}

	.topdiv {box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.08);}
	.vehicleThumbnail {padding: 20px 30px; height: 270px;}
	.vehicle-content {padding: 30px;}
	.hr-step-2 .form-box .totalCostFinal-text .results-price {margin: 30px 0 0 0;}

	.product-details {padding: 40px 0;}
	.product-details h4 {font-size: 18px; line-height: 1.5;}
	.product-details .list-text {font-size: 14px;}
	.vehicleThumbnail {padding: 20px; height: 240px;}

	.step-main {padding: 60px 0 30px 0;}
	.step-main .sidebar-boxs {position: relative; top: 0; box-shadow: none;}
	.step-main .sidebar-boxs .sidebar-main .buttons .btn {margin: 10px 10px 0; min-width: 240px;}

	.modal .modal-dialog .modal-content {max-width: 80%;}

	.fbgo-bg .fbgo-box {padding: 20px 10px;}
	.fbgo-bg .fbgo-box h2 {font-size: 20px; margin: 0 0 20px;}
	.fbgo-bg .fbgo-box .star {margin: 0 0 20px;}
	.fbgo-bg .fbgo-box .star i {font-size: 16px; margin: 0 3px;}
	.fbgo-bg .fbgo-box p {font-size: 14px;}

}


@media (max-width: 767px) {

	.container, .h-container {max-width: 540px;}

	.navbar {
		/*padding-top: 0;*/
	}

	.navbar.navbar-no-bg {
		background: #333;
		background: transparent /*rgba(51, 51, 51, 0.9)*/;
	}

	.navbar-inverse .navbar-toggle {
		background-color: #333;
	}
	/*.navbar-brand { height: 83px; margin-left: 15px; }*/
	.navbar-collapse {
		border: 0;
	}

	.navbar-toggle {
		margin-top: 12px;
	}

	#slider1_container {
		visibility: hidden;
	}

	#dvEmailLbl {
		visibility: hidden;
	}

	#dvEmailtxt:before {
		content: 'Email : ';
	}

	/*.inner-bg { padding: 60px 0 110px 0; }*/
	.top-content .text {
		padding-top: 0;
		padding-bottom: 60px;
	}

	.top-content .top-big-link {
		margin-top: 25px;
	}

	.top-content .top-big-link a.btn {
		margin-top: 10px;
	}

	.step_name {
		visibility: hidden;
	}

	#divPickup,
	#divReturn,
	#divDriver,
	#divDesc {
		text-align: left;
	}

	.dashboard-panel-8 {
		width: 100% !important;
		margin-top: 5px;
	}

	#totalCostFinal {
		text-align: left !important;
		padding-bottom: 5px;
	}

	#dvbooknow {
		text-align: left !important;
		padding-bottom: 5px;
	}

	#divCheckcustomer {
		text-align: center;
		padding-top: 10px;
	}

	#databeforecheck {
		padding-bottom: 10px !important;
	}

	.qtyitem {
		width: 35px;
	}

	span.glyphicon-remove {
		display: none !important;
		visibility: hidden !important;
	}

	.hr-step-2 .price-match {
		text-align: left !important;
	}

	.bookhandy-main h2 {font-size: 30px; margin: 0 0 30px;}
	.form-bottom {padding: 45px;}
	.form-bottom .registration-form {margin: 0;}
	.form-bottom .registration-form .pickup-boxs {padding: 0; width: 100%; margin: 0 0 30px; border-right: 0; border-bottom: dashed 2px #707070;}
	.form-bottom .registration-form .pickup-boxs.last-child {border: 0; margin: 0;}
	.form-bottom .registration-form .buttons-box {margin: 0;}
	.current-promotions-con {margin: 0 0 35px;}
	label.current-promotions-subtext {font-size: 16px;}

	.selection-con .form-bottom form .pickup-boxs {padding:20px 0; width: 100%;}
	.selection-con .form-bottom form .pickup-boxs::before {bottom: 0; top: auto; left: 0; right: 0; border: 0; border-bottom: dashed 2px #707070;}
	.selection-con .form-bottom form .pickup-boxs.last-child:before {border: 0;}
	.selection-con .form-bottom form .promocode-boxs {padding: 20px 0px 0;}

	.hr-step-2 .form-box label h1 {font-size: 25px;}
	.hr-step-2 .form-box .verticalMiddle #dvbooknow.buttons-boxs {text-align: center !important;}
	#totalCostFinal {padding-bottom: 15px;}
	.verticalMiddle {height: 260px;}
	.product-details .verticalMiddle {margin-bottom: 20px;}
	.hr-step3 .user-seats {bottom: 60px;}

	.step-main {padding: 60px 0 50px 0;}
	.step-main .card-boxs {padding: 75px 20px 30px; margin: 0 0 50px;}
	.step-main .card-boxs h3.vehicle-title {min-width: 100%; text-align: center; padding: 8px 0; line-height: 30px; font-size: 22px;}
	.step-main .sidebar-boxs h3.vehicle-title {font-size: 22px; line-height: 30px; padding: 8px 0; text-align: center;}
	.customer-main {padding: 30px;}
	.customer-main h3 {font-size: 25px;}
	.customer-main #bookedbefore {margin: 0px 0 30px;}
	.customer-main #bookedbefore a.link-text {font-size: 14px;}

	.modal .modal-dialog .modal-content .modal-header {padding: 30px 0;}
	.modal .modal-dialog .modal-content .modal-header h2 {font-size: 25px;}
	.modal .modal-dialog .modal-content .modal-body {padding: 20px 30px;}
	.modal .modal-dialog .modal-content .modal-body h4 {font-size: 22px; line-height: 1.4; margin: 0 0 15px;}
	.modal .modal-dialog .modal-content .modal-body ul li {font-size: 18px;}
	.modal .modal-dialog .modal-content .modal-body p {font-size: 18px;}
	.modal .modal-dialog .modal-content .modal-footer {padding: 10px 0 40px 0;}

	.fbgo-bg .fbgo-box {padding: 20px 10px;}


	.step-main .card-boxs .extraoptions-main .cstm-optional-boxs {
    margin-top: 20px;
    width: 100%;
	}


}

@media (max-width: 575px) {

	.step-container {margin-top:90px;}

	button.btn {padding: 13px 45px; height: 43px; font-size: 14px; line-height: 1;}
	.nav-wrapper.fixed-top {padding: 13px;}
	.navbar {padding: 0; margin: 0;}
	.navbar .logo-con {flex: 0 0 100%; margin: 0;}
	.container, .h-container {max-width: 100%;}

	select.form-control, body input[type="text"], body textarea, body textarea.form-control {padding: 11px 15px; font-size: 12px;}

	.banner-main {top: 0px; overflow: hidden; height: 400px;}
	.banner-main img {display: block; max-width: inherit; position: absolute; left: 50%; top: auto; transform: translateX(-50%); bottom: 0; max-height: 100%;}

	.bookhandy-main {padding: 12px 0; margin: 90px 0 0 0;}
	.bookhandy-main h2 {font-size: 24px;}

	.form-bottom {padding: 30px 20px; border-radius: 6px; margin: 0 0 60px 0;}
	.form-bottom .registration-form .pickup-boxs {padding: 0 0 20px;}
	.form-bottom .registration-form .pickup-boxs .title-box {margin: 0 0 15px; padding: 9px 15px; width: 125px;}
	.form-bottom .registration-form .pickup-boxs .title-box img {max-height: 16px;}
	.form-bottom .registration-form .pickup-boxs .title-box h4 {font-size: 20px;}
	.form-bottom .registration-form .pickup-boxs.last-child {padding: 0;}

	.form-group {margin-bottom: 15px;}
	.form-group label {margin: 0 0 8px !important; font-size: 12px;}

	.current-promotions-con {margin: 0 0 30px;}
	.selection-con .form-bottom {padding: 10px 0 30px;}
	.hr-step-2 .form-box .verticalMiddle #dvbooknow.buttons-boxs {margin: 20px 0;}
	.vehicle-content {padding: 20px;}

	.copyright-con {padding: 20px 15px !important;}
	.copyright-con label {font-size: 12px;}

	.product-details {padding: 30px 15px;}
	.hr-step3 .user-seats {display: none;}
	.step-main .card-boxs .optional-boxs {margin: 0 0 30px;}
	.step-main .card-boxs .optional-boxs .checkbox-plane {width: 100%; margin: 0 0 20px; min-height: 44px;}
	.step-main .card-boxs .optional-boxs .qty-plane {margin-left: auto;}
	.step-main .card-boxs .optional-boxs .qty-plane .qty-boxs {width: 30px; height: 30px;}
	.step-main .card-boxs .tnsurance-main {margin: 0;}
	.step-main .card-boxs .tnsurance-main .tnsurance-boxs {width: 100%; margin: 0 0px 30px;}
	.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input + label {padding: 35px; font-size: 18px; line-height: 30px;}
	.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title input + label span {top: 10px; left: 10px;}

	.step-main .card-boxs .kms-main {margin: 0px;}
	.step-main .card-boxs .kms-main .kms-boxs {width: 100%; margin: 0 0 20px;}
	.step-main .card-boxs .kms-main .kms-boxs input + label {padding: 25px 25px 25px 70px;}
	.step-main .card-boxs .kms-main .kms-boxs input + label span {left: 25px;}
	.customer-main h3 {margin: 0 0 30px;}
	.customer-main #bookedbefore {margin: -20px 0 30px;}
	.customer-main .btn {font-size: 18px;}

	.modal .modal-dialog .modal-content .modal-footer .btn {padding: 8px 40px; font-size: 18px; height: 44px;}

	.fbgo-bg .fbgo-box {width: 100%; border-bottom: solid 1px #C9C9C9; border-right: 0;}
	.fbgo-bg .fbgo-box:last-child {border-bottom: 0; border-right: 0;}

}


@media (max-width: 415px) {
	h1, h2 {font-size: 32px;}
	.form-bottom {padding: 15px; margin: 0 0 30px 0;}
	.current-promotions-con label.current-promotions-text {font-size: 20px;}
	label.current-promotions-subtext {font-size: 14px;}

	.modal .modal-dialog .modal-content {max-width: 90%;}
	.modal .modal-dialog .modal-content .modal-body {padding: 20px;}
	.modal .modal-dialog .modal-content .modal-body h4 {font-size: 16px;}
	.modal .modal-dialog .modal-content .modal-body ul {margin: 0 0 20px 0;}
	.modal .modal-dialog .modal-content .modal-body ul li {font-size: 16px;}
	.modal .modal-dialog .modal-content .modal-body p {font-size: 14px; line-height: 1.6;}

}

/* Retina-ize images/icons */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {
	/* logo 
    .navbar-brand {
      background-image: url(../img/logo.png) !important; background-repeat: no-repeat !important; background-size: 106px 53px !important;
    }*/
}


/*Ezz End*/

@media (max-width: 480px) {
	.MultiCarousel {
		padding: 0;
	}

	.MultiCarousel .leftLst,
	.MultiCarousel .rightLst {
		background: none !important;
	}

	.MultiCarousel .leftLst {
		left: 5px;
	}

	.MultiCarousel .rightLst {
		right: 5px;
	}

	.MultiCarousel .MultiCarousel-inner .item > div {
		padding: 40px 25px;
	}
}


/* Designer Poon */

.step-main .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-title {
	min-height: 80px;
}
/*.step-main .card-boxs h3.vehicle-title {
    	left: 50px;
}*/
#displquote .customer-main .control-label{
	color:#000;
}
.bookhandy-main .container {
    max-width: 1210px;
}
#apply_promocode {
	color:#333;
	background-color: #DAF2FD !important;
	border-color: #DAF2FD !important;
}


/* ==== My Css ==== */
body{
	font-family: "Roboto", sans-serif;
}

:root {
	--red:#ED1B24;
	--yellow:#FDF100;
	--darkblack:#0F0F0F;
	--black:#000000;
}
h1, h2, h3, h4, h5, h6, p{
	font-family: "Roboto", sans-serif;
	color: var(--darkblack);
}
h1, h2, h3, h4, h5, h6{
	font-weight: 700 !important;
}
h1{
	font-size: 60px;
	line-height: 75px;
}
h2{
	font-size: 56px;
	line-height: 64px;
}
h3{
	font-size: 28px;
	line-height: 35px;
}
h4{
	font-size: 20px;
	line-height: 30px;
}


p{
	font-size: 20px;
	line-height: 30px;
	color: var(--darkblack);
	font-weight: 400 !important;
}

.fs-18{
	font-size: 18px;
	line-height: 30px;
}
.fs-16{
	font-size: 16px;
	line-height: 20px;
}

/*Common*/
/*.heading-2{
	font-size: 48px;
	line-height:58px;
}*/
.heading span.bg-red{
	background-color: var(--red);
	color: #ffffff;
}
.heading span.bg-yellow{
	background-color: var(--yellow);
	color: var(--darkblack);
}
.heading span.bg-black{
	background-color: var(--darkblack);
	color:#ffffff;
}
.heading span{
	border-radius: 6px;
	padding: 6px 8px;
}

.hero-banner{
	position: relative;
}
/*=== Header ===*/
.fixed-top{
		position: sticky;
}
.navbar{
	padding: 0px !important;
	/*display: none;*/
}
.nav-wrapper.fixed-top{
	padding: 10px 15px !important;
}

.navbar .navbar-toggler img{
	height: 25px;
    width: 25px;
    object-fit: contain;
}
.navbar .navbar-toggler{
	border:unset !important;
	padding: 0px;
}
.navbar .navbar-toggler:focus{
	box-shadow: none;
	outline: unset;
}

.navbar .navbar-nav li a{
	font-weight: 600;
	color: #000000;
}

.navbar .navbar-nav li.active a{
	color: #eb202e !important;
}
.navbar-nav{
	display: none !important;
}
.header-sec .container{
	max-width: 1280px;
}

/*Hero*/
.hero-banner {
	background-size: cover;
	background-position: center;
	background-repeat: 	no-repeat;
	    padding: 52px 8px 52px;
    margin-bottom: 60px;
    height: auto !important	;

}
.hero-banner .hero-des{
	font-size: 28px;
	line-height: 35px;
}
.hero-banner .bookhandy-main{
	margin-top:0px !important;
	padding-top: 0px !important;
}

select.form-control, body input[type='text'], body textarea, body textarea.form-control{
	padding: 10px 20px;
}
.hero-banner .bookhandy-main .container{
	max-width: 1280px;
}
.hero-banner .title-box img{
	height: 16px;
	width: 22px;
	object-fit: contain;
	min-height: unset;	
}
.hero-banner .form-bottom{
	margin-bottom: -80px !important;
	padding:40px 136px;
}
.hero-banner .form-bottom .registration-form .pickup-boxs{
	padding:0px 25px;
}

.hero-banner .form-bottom .form-group{
	position: relative;
}
.hero-banner .form-bottom .form-group label{
	margin-bottom: 8px !important;
}
.hero-banner .form-bottom .form-group svg{
	position: absolute;
    top: 32%;
    left: 20px;
    height: 20px;
    width: 20px;
    object-fit: contain;
}
.hero-banner .form-bottom .form-group .form-Pickup-Location,
.hero-banner .form-bottom .form-group .form-Dropoff-Location,
.hero-banner .form-bottom .form-group .form-Pickup-Date,
.hero-banner .form-bottom .form-group .form-Pickup-Time,
.hero-banner .form-bottom .form-group .form-Dropoff-Date,
.hero-banner .form-bottom .form-group .form-Dropoff-Time {
	padding: 10px 20px 10px 50px;
}

.hero-banner .buttons-box button{
	font-size: 20px;
	padding: 11px 20px;
	min-width:257px;
	line-height:25px;
	color: #ffffff;
	background-color: var(--red);
	height: 48px;
	font-weight: 600;
}
.banner-main{
	height: 660px;
}
.banner-main img{
	min-height: 350px;
	height: 100%;
	object-fit: cover;
}
.form-bottom{
	margin: 0px 0px 0px 0px!important;
}

.bookhandy-main{
	margin-bottom:0px !important;
	padding-bottom: 0px !important;
}
.form-group label{
	color: #000000 !important;
}
/* === End Header === */

/* === Google review red sec === */
.google-review-sec .container{
	max-width: 1280px;
}
.review-sec{
	padding: 40px;
	margin-top: 0px;
	position: relative;
	border-radius: 6px;
}
.review-sec::before{
	content: "";
	background-image: url("../../images/home/review-red-bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0px;
	opacity: 0.35;
}
.review-sec .user-review{
	font-size:12px;
	color: #ffffff;
}
.review-sec .id-details{
	display: flex;
	column-gap:24px; 
	align-items: center;
}
.review-sec .star img{
	height: 18px;
	width: auto;
	object-fit: contain;
}

.review-sec .review-icon{
	border:1px solid #FFFEF2;
	height: 45px !important;
	width: 100% !important;
	max-width:45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	box-shadow: 0 8px 12px rgba(255, 255, 255, 0.8);
}
.review-sec .review-icon img{
	height: 18px;
	width: 18px;
	object-fit: contain;
}
.review-box .fs-16{
	font-weight: 700 !important;
}
.review-star p{
	padding-right: 5px;
}
.review-star i{
	font: normal normal normal 14px / 1 FontAwesome;
}
.bg-red{
	background-color: #eb202e;
}
.sec-pad{
	padding:80px 8px;
}
.fs-16{
	font-size: 16px;
}
.fs-22{
	font-size: 22px;
	line-height:30px;
}
.mb-10{
	margin-bottom: 10px;
}
.review-box{
	padding:10px;
}

.card-header {
	padding:0px;
}
.card-header .btn-link{	    
	width: 100%;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    background: #FEF035;
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    border-left: none;
    border-right: none;
    padding: 20px 30px;
    padding-right: 70px;
    position: relative;
    transition: all 0.3s ease-in-out
}
.card-header .btn-link::after{
		content: "\f055";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 3rem;
    transition: all 0.3s ease-in-out;
    color: inherit;
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    transition: inherit;
}
/* .bg-yellow{
	background-color: #FEF035;
} */

.btn-red,
.btn-white{
	display: inline-block;
	min-height: 78px;
    margin: 0;
    padding: 18px 40px;
    vertical-align: middle;
    background: var(--red);
    border: 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    color: #fff;
    border-radius: 42px;
    text-shadow: none;
    box-shadow: none;
    text-transform: capitalize;
    font-family: "Roboto", sans-serif !important;
    box-shadow: 0px 0px 17px #ED1B24;
    min-width: 299px;
}
.btn-red:hover{
	background-color: transparent;
	/*color: #ffffff;*/
}
.btn-white{
	box-shadow: 0px 0px 17px #ffffff;
	background: #ffffff;
	color: var(--red);
}

.quality-sec .map-img img{
	height:448px;
	width: 100%;
	object-fit: contain;
}
.quality-sec .container{
	max-width:1200px;
}

.why-choose-sec {
	padding:80px 8px;
}
.why-choose-sec .container{
	max-width: 1100px;
}
.why-choose-info {
	padding: 80px 8px !important;
}
.why-choose-info .container {    max-width: 1200px !important;}
.why-choose-info ul{
	padding:0;
	list-style: none;
	column-count: 2;
}
.why-choose-info ul li{
	padding: 0;
	display: flex;
	gap:12px;
	margin-bottom: 15px;
}
.why-choose-info ul li img{
	height:50px;
	width: 50px;
	object-fit: contain;
}
.why-choose-info ul li h3{
	font-size: 22.5px;
    line-height: 50px;
    font-weight: 700;
    color: #000000;
    font-family: 'Poppins';
}
.why-choose-info .book-btn{    margin: 15px 0px 0px;}

 p.mx-612{
	max-width: 614px;
	margin: 0px auto 78px;
}
.why-choose-sec .choose-box-row{
	display: flex;
	flex-wrap: wrap;
	column-gap:90px;
	row-gap:40px;
}
.why-choose-sec .choose-box-row .choose-box{
	background-color: #ffffff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
	padding:26px 8px 30px;
	width: calc(33.33% - 60px);
	text-align: center;
	border-radius: 12px;
}
.why-choose-sec .choose-box-row .choose-box .icons{
	background-color: var(--red);
	height:100px;
	width:100px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.why-choose-sec .choose-box-row .choose-box .icons img{
	height:40px;
	width: 40px;
	object-fit: contain;
}
.why-choose-sec .choose-box-row .choose-box h3{
	margin-bottom: 8px;
	word-wrap: break-word;
}

/* ==== FAQ Sec === */
.g-review{
    padding: 100px 20px;
	overflow: hidden;
}
.faq-sec{
	/*background-color: var(--red);*/
	position: relative;
}
.faq-sec::before{
	content: "";
	background-image: url("../../images/home/faq-bg-red-img.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0px;
}
.faq-sec .container{
	max-width: 865px;
}
.faq-sec h2 span{
	color: var(--darkblack);
}

.faq-sec .faq-info .accordion-item{
	position: 	relative;	
	background-color: transparent;
	border-color: #E4E6E6;
	padding-bottom: 40px;
	border:unset;
	/*border-bottom: 1px solid #E4E6E6!important;*/
}
.faq-sec .faq-info *{
	outline: unset;	
}
.faq-sec .faq-info .accordion-button{
	width: 100%;
    text-align: left;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #ffffff;
    background: transparent;
    border-bottom:none;
    border-top: 1px solid #E4E6E6;
    border-left: none;
    border-right: none;
    padding: 40px 0px 0px;
    /*padding-right: 70px;*/
    gap:10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* Default state (collapsed) */
.accordion-button::after {
  content: '\f105' !important;
  background-image: none !important;
  margin-left: auto !important;
  background-size: contain;
  transition: none !important;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: var(--red);
	font: normal normal normal 24px / 1 FontAwesome;
}
.accordion-button:not(.collapsed)::after{
	    transform: none !important;
}
/* Expanded state */
.accordion-button[aria-expanded="true"]::after {
  content: '\f107' !important;
  font-size: 24px;
}
.faq-sec .faq-info .accordion-button:focus{
	box-shadow: unset;	
}
.accordion-flush .accordion-item:last-child{
	border-bottom: 1px solid #E4E6E6!important;
}
.accordion-flush .accordion-item:first-child .accordion-button{
	border-top: unset;
}
.faq-sec .faq-info .accordion-body{
	/*background-color: #FFFEEB;*/
    padding: 16px 0px 0px 0px;
    border-color: #E4E6E6;
}
.faq-sec .faq-info .accordion-body p{
	font-size: 18px;
	font-weight: 500 !important;
	line-height:30px;
	color:#ffffff;
	margin-bottom: 0px !important;
}
.faq-sec .faq-info .accordion-body p a{
	color: #ffffff;
}
.faq-sec .faq-info .accordion-body p a:hover{
	color: var(--darkblack);
}
.faq-sec .faq-info .accordion-item .accordion-collapse.show + button.accordion-button{
	padding-bottom: 0px;
}

/*.faq-sec .faq-info .accordion-item .accordion-collapse::before{
	content: "";
    position: absolute;
    width: 5px;
    background-color: #FEF035;
    left: 0;
    bottom: 5px;
    transition: 200ms ease-in-out;
    z-index: 10;
    height: 0px;
}*/
/*.faq-sec .faq-info .accordion-item .accordion-collapse.show::before{
	height: calc(100% - 10px);
}*/

/*.faq-sec .faq-info .accordion-item button:not(.collapsed){
	background-color: #FFFEEB;
    border-bottom-color: #FFFEEB;
}
*/.accordion-button:not(.collapsed){
	box-shadow: unset;
}


/* === Step 2 === */
.choose-vehicle .TopPad{
	margin: 0px 0px !important;
	margin-bottom: 20px !important;
	border: 1px solid #E4E6E6;
	border-radius: 12px;
	box-shadow: unset !important;
}

.choose-vehicle .choose-your-vehicle-text h1{
	font-size: 24px;
	line-height: 36px;
	color: #000000;
}
.choose-vehicle .vehicleThumbnail img{
	height:110px;
	object-fit: contain;
	width: 100%;
	max-width: 100%;
}
.step-2 .choose-vehicle .vehicleThumbnail{
	flex-direction: column;
	justify-content: start;
	/* padding: 25px 20px 25px; */
	padding: 25px 0px 25px 20px;
	
}
.choose-vehicle .user-seats{
	color: #000000;
	position: relative;
	bottom: unset;
	margin-top: 15px;
	margin-bottom: 15px;
}
.choose-vehicle .totalCostFinal-text{
	padding: 0px 0px !important;
}
.step-2-details .choose-vehicle .totalCostFinal-text .price-match{
	font-size: 12px !important;
	align-items: center;
	height: auto !important;
	margin-bottom: 0px !important;
}
.choose-vehicle .totalCostFinal-text .price-match i{
	font-size: 10px !important;
	margin-right: 5px !important;
}
.choose-vehicle .totalCostFinal-text .results-price .results-small{
	font-size: 24px !important;
}
.choose-vehicle .totalCostFinal-text .results-price strong{
	font-size: 28px !important;
}
.choose-vehicle .available-text{
	font-size: 10px !important;
}

.choose-vehicle .buttons-boxs{
	margin-top: auto !important;
    margin-bottom: 25px !important;
    padding: 0px 15px !important;
}
.choose-vehicle .unavailable-text{
	max-width:100% !important;
	font-size: 16px !important;
}
.choose-vehicle .buttons-boxs button{
	width:100% !important;
	padding: 14px 20px !important;
}
.choose-vehicle-sec .form-bottom{
	padding: 0px !important;
}
.mb-40{
	margin-bottom: 40px;
}
select.form-control, body input[type='text'], body textarea, body textarea.form-control{
	color: var(--block);
}
.hero-banner .form-bottom .registration-form .pickup-boxs .title-box{
	padding: 0px 0px !important;
    margin: 0 0 20px !important;
}

/* Review section */
.feed-powered-by-es,
.es-header-btn{
	display: none !important;
}
.quality-sec{
	background-image: url("../../images/home/yellow-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position:cover;
}

.step-container{
	margin-top: 0px !important;
	background-color: #F1FAFF !important;
	padding: 26px 8px;
}

.progress-bar-step.done .step_number{
	width: 30px;
    height: 30px;
	background:url('../../images/step-2/check-icon.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	font-size: 0px;
}

#progress-bar{
	background: unset !important;
	box-shadow: unset !important;
}

.progress-bar-step .step_number{
	background-color: #B1B1B1;
	color: #ffffff;
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-family: "Lexend", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;

}
.progress-bar-step.current{
	background-color: transparent;
}
.progress-bar-step.current .step_number{
	background-color: #1DAB06;
}

 #progress-bar-steps .step_name{
	color: #B1B1B1;
	font-family: "Lexend", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	margin: 0px !important;
}
#progress-bar-steps .progress-bar-step.current .step_name,
#progress-bar-steps .progress-bar-step.done .step_name{
	color: #1DAB06;
}
.progress-bar-step,
.progress-bar-step a{
	gap: 12px;
}
.progress-bar-step{
	position: relative;
	padding-bottom: 0px;
	padding-top: 0px;
	height: unset !important;
}
.progress-bar-step::before{
	content: "";
	background-color: #B1B1B1;
	height: 1px;
	width: calc(100% - 114px);
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.step-2 .progress-bar-step.done::before{
	background-color: #1DAB06;
} 
.progress-bar-step:last-child::before{
	display: none;
}
.step-2-details{
	padding: 60px 5px;
	overflow: hidden;
}
.step-2-details .container{
	max-width: 1280px;
}
.step-2-details .choose-your-vehicle-con{
	padding-bottom: 0px !important;
}
.step-2-details h3{
	color: #0F0F0F;
	margin-bottom: 24px;
}
.step-2-details .verticalMiddle{
	/* flex-direction: column; */
	/* justify-content: space-between !important; */
	border-radius: 12px 12px;
}
.step-2-details .results-price-container{
	border-radius: 20px 12px 12px 20px;
	display: block;
	width: 100%;
}

.step-2-details .vehicle-content .RemovePadding_p{
	color: #0F0F0F !important;
	font-size: 12px !important;
	line-height: 15px !important;
	font-weight: 400 !important;
	margin-bottom: 10px !important;
}
.step-2-details .vehicle-content .RemovePadding_p span.green-text{
	color: #1DAB06 !important;
	font-weight: 600 !important;
}
.step-2-details .moreless-button {
	color: #0258FF !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 15px;
	padding-bottom: 10px !important;
	display: inline-block;
}

.step-2-details .vehicle-Toggle p.RemovePadding_p{
	color: #0F0F0F;
	font-size: 12px !important;
	line-height: 14px !important;
	margin-bottom: 10px;
}
.step-2-details .vehicle-Toggle .vehicle-list{
	padding-left: 0px !important;
}
.step-2-details .vehicle-content .vehicle-title{
	margin-bottom: 10px !important;
}
.step-2-details .choose-vehicle .unavailable-text span.red{
	font-size: 10px;
	color: #ED1B24;
	line-height: 12px;
	font-weight: 400;
}
.step-2-details .results-price{
	text-align: center;
	display: block;
	padding: 20px 10px !important;
}

.step-2-details .border-box{
	border: 1px solid #E4E6E6;
	border-radius: 12px;
	padding: 30px;
}
.step-2-details .border-box .pickup-text p{
	color: #0F0F0F;
	font-weight: 300;
	font-size: 13px;
	line-height: 16px;
}
.mb-20{
	margin-bottom: 20px;
}
.step-2-details .border-box .pickup-text h4{
	font-weight: 500 !important;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: var(--darkblack);
	margin-bottom: 10px;
}
.step-2-details .user-seats img{
	width: 14px !important;
	height: 12px !important;
	object-fit: contain;
	margin-bottom: 2px !important;
    margin-right: 5px;
}
.rental-list ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.show-booking-summary-container.sticky {
    position: fixed;
    top: 81px; /* Push it below the fixed header */
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensure it stays above other elements */
    background-color: #fff; /* Optional: Add background for better visibility */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add shadow */
    
}
p.clause_note {
   
    width: 100%;
    font-size: 10px !important;
}
.rental-list p{
	font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    color: var(--darkblack);
    margin-top: 10px !important;
}
.rental-list ul li{
	display: flex;
	align-items: center;
	color: #0F0F0F;
	font-weight: 300;
	font-size: 13px;
	line-height: 16px;
	gap: 8px;
	margin-bottom: 10px;
}
.rental-list ul li:last-child{
	margin-bottom: 0px;
}
.step-2-details .modify-text{
	color: #0F0F0F;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px;
	gap: 5px;
	justify-content: end;
}
.step-2-details .vehicle-content{
	padding: 30px 20px 30px 0px !important;
}
.step-2-details .buttons-boxs{
	padding: 0px !important;
	margin-top: 15px !important;
	margin-bottom: 0px !important;
}
.step-2-details .buttons-boxs .btn{
	display: inline-block;
	color: #ffffff;
	background-color: #ED1B24;
	border: 1px solid #ED1B24;
	box-shadow: 0px 0px 14px rgba(237, 27, 36, 0.4);
	padding: 5px 20px !important;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px !important;
	height: unset !important;
	width: auto !important;
}
.step-2-details .results-price .results-small{
	font-size: 16px ;
	line-height: 20px;
	font-weight: 400;
	color: var(--darkblack);
	margin-bottom: 10px;
}
.step-2-details .results-price .results-small strong{
	font-size: 32px ;
	line-height: 40px;
	font-weight: 700;
	color: var(--darkblack);
	margin-left:4px;
}
.step-2-details .RemovePadding_p.available-text{
	padding: 0px !important;
}
.step-2-details p.unavailable-text{
	line-height: 12px !important;
}
.slide-bar .mb-20:last-child,
.slide-bar .border-box .mb-20:last-child {
	margin-bottom: 0px;
}

/* ==== Step 3 ==== */
.step-3-details h3.vehicle-title{
	display: inline-block;
	color: #0F0F0F;
	background-color: #FEF200;
	padding: 3px 4px;
}
.step-3-details .card-boxs{
	padding: 35px 30px 35px;
	border-radius: 12px;
	margin: 0 0 20px !important;
}
.step-3-details .card-boxs .tnsurance-main{
	gap: 60px;
	margin: 0px 0px !important;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs{
	margin: 0px 0px;
	width: calc(33.33% - 40px);
	background-color: transparent;
	box-shadow: unset;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .insurance-price-box{
	background-color: #ffffff;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.25);
	border-radius: 12px;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .insurance-price-box .tnsurance-title{
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 12px;
	padding: 10px 20px;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .insurance-price-box .tnsurance-title label{
	color: #0F0F0F;
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-radio{
	text-align: center;
	position: relative;
	margin-bottom: 15px;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-radio input[type="radio"],
.step-3-details .card-boxs .kms-main .kms-boxs input[type="radio"],
.step-3-details .card-boxs .kms-main .kms-boxs input[type="checkbox"]{
	margin: 0px !important;
	border: 1px solid #B1B1B1;
	border-radius: 50%;
	background-color: #FFFFFF;
	height: 26px;
	width: 26px;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-radio input:checked[type="radio"],
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-radio input:checked[type="checkbox"]{
	width: 26px;
    height: 26px;
    background-image: url("../../images/step-2/check-icon.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
	position: relative;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .tnsurance-radio input:checked{
	background-color: unset;
	background: unset ;
	-webkit-appearance: none; /* For Webkit browsers */
  -moz-appearance: none; /* For Firefox */
  appearance: none;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .insurance-price-box{
	padding: 0px 0px 30px;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .insurance-price-box p{
	margin: 0px 0px !important;
	padding: 12px 40px 6px 40px;
	font-size: 10px;
	line-height: 12px;
	color: #0F0F0F;
	font-weight: 300;
}

.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .insurance-price-box .price-box,
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .insurance-price-box .more-btn,
.step-3-details .card-boxs .kms-main .kms-boxs{
	margin:0px 0px !important;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .insurance-price-box .price-box{
	margin-bottom: 4px !important;
	font-size: 16px;
	line-height: 20px;
	color: var(--darkblack);
	font-weight: 400;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .price-box span label,
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .price-box span{
	color: var(--darkblack);
	font-size: 32px;
	line-height: 40px;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .more-btn a{
	color: var(--darkblack);
	font-size: 10px;
	line-height: 12px;
	font-weight: 400;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .more-btn a i{
	display: none;
}
.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs .more-btn a:hover{
	color: var(--red);
}
.step-3-details .card-boxs .kms-main .kms-boxs input{
	opacity: 1;
	left: 20px !important;

}
.step-3-details .card-boxs .kms-main .kms-boxs label > span{
	display: none !important;
}
.step-3-details .card-boxs .kms-main .kms-boxs > label{
	padding: 0px 45px 0px 50px !important;
	position: relative !important;

	/* display: flex;
    align-items: center;
	flex-direction: column; */
}
.step-3-details .card-boxs .kms-main .kms-boxs label strong,
.step-3-details .card-boxs .kms-main .kms-boxs > label{
	font-size: 16px;
	font-weight: 400 !important;
	line-height: 20px;
	text-align: left;
	color: var(--darkblack);
}
.step-3-details .card-boxs .kms-main .kms-boxs label strong{
	margin-left: 5px;
}
.step-3-details .card-boxs .kms-main .kms-boxs{
	margin-bottom: 20px !important;
}
.step-3-details .card-boxs .kms-main .kms-boxs label .price-text span,
.step-3-details .card-boxs .kms-main .kms-boxs label .price-text label{
	color: var(--darkblack) !important;
	font-weight: 700;
	font-size: 32px !important;
	line-height: 40px !important;
}
.step-3-details .card-boxs .kms-main .kms-boxs label .price-text {
	color: #B1B1B1 !important;
	font-size: 16px !important;
	line-height: 40px !important;
	font-weight: 400  !important;
	/* align-items: center; */
}
.step-3-details .card-boxs .kms-main .kms-boxs  input:checked{
	background-color: unset;
	background: unset ;
	-webkit-appearance: none; /* For Webkit browsers */
  -moz-appearance: none; /* For Firefox */
  appearance: none;
}

.step-3-details .card-boxs .kms-main .kms-boxs input[type="radio"]:checked + label::before,
.step-3-details .card-boxs .kms-main .kms-boxs input[type="checkbox"]:checked + label::before {
	content: "";
    background-image: url("../../images/step-2/check-icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    display: inline-block;
    width: 26px; /* Adjust size as needed */
    height: 26px;
    margin-right: 10px;
    vertical-align: middle;
	position: absolute;
	left: 20px;
}
.step-3-details .pickup-text p.mt-n2{
	margin-top: -72px !important;
}
.step-3-details .modify-information img{
	object-fit: contain;
}
.step-3-details .sidebar-boxs .sidebar-main{
	padding: 26px 30px 30px;
}
.step-3-details .sidebar-boxs .sidebar-main h4.DescText,
.step-3-details .sidebar-boxs .sidebar-main .total-con .total-title{
	font-weight: 500 !important;
	font-size: 16px;
	line-height: 20px;
	color: var(--darkblack) !important;
	margin-bottom: 10px !important;
}
.step-3-details .sidebar-boxs .sidebar-main .daily-boxs .title-text,
.step-3-details .sidebar-boxs .sidebar-main .daily-boxs .price-text,
.step-3-details .sidebar-boxs .sidebar-main .daily-boxs .price-text label,
.step-3-details .sidebar-boxs .sidebar-main .gst-text{
	font-weight: 300 !important;
	font-size: 13px;
	line-height: 16px;
	color: var(--darkblack) !important;
}
.step-3-details .sidebar-boxs .sidebar-main .total-con{
	margin-top: 20px;
	border-top: 1px solid #E4E6E6 !important;
    padding-top: 20px !important;
}
.step-3-details .sidebar-boxs .sidebar-main .total-con .total-title{
	margin-bottom: 0px !important;
}

.step-3-details .sidebar-boxs .sidebar-main .total-con  .total-right{
	font-size: 20px;
	color: var(--darkblack);
	line-height: 25px;
	font-weight: 400;
}
.step-3-details .sidebar-boxs .sidebar-main .total-con  .total-right label{
	font-size: 32px;
	color: var(--darkblack);
	line-height: 40px;
	font-weight: 700;
}
.step-3-details .sidebar-boxs .sidebar-main .gst-text{
	margin-top: 10px;
}
.step-3-details .sidebar-boxs{
	box-shadow: unset !important;
	border-radius: 12px !important;
	background-color: #EEFAFF;
}
.step-3-details .sidebar-boxs .sidebar-main .buttons{
	margin: 30px 0 0 0 !important;
	display: inline-flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width: 100%;
	
}

.step-3-details .sidebar-boxs .sidebar-main .buttons .small-btn{
	min-height: 40px;
	padding: 9px 18px;
	min-width: 150px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #ffffff !important;
	margin-top: 0px !important;
	border: 1px solid var(--red);
	cursor: pointer;
	box-shadow: 0px 0px 14px rgba(237, 27, 36, 0.4);
}
.step-3-details .sidebar-boxs .sidebar-main .buttons .small-btn:hover{
	color: var(--red) !important;
	background-color: transparent;
}


.km-select-insurance {
    min-height: 40px;
    padding: 9px 18px;
    width: calc(100% - 60px);
    font-size: 16px;
    font-weight: 400;
    background: #ED1B24;
    line-height: 20px;
    color: #ffffff !important;
    margin-top: 0px !important;
    border: 1px solid var(--red);
    border-radius: 55px;
    box-shadow: 0px 0px 14px rgba(237, 27, 36, 0.4);
}
.step3-form-wrapper a#btnBooking,
#databeforecheck .small-btn{
	min-height: 40px;
	padding: 9px 18px;
	min-width: 150px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #ffffff !important;
	margin-top: 0px !important;
	border: 1px solid var(--red);
	box-shadow: 0px 0px 14px rgba(237, 27, 36, 0.4);
	cursor: pointer;
	margin-bottom: 20px;
}
#databeforecheck .small-btn:hover,
.step3-form-wrapper a#btnBooking:hover{
	color: var(--red) !important;
	background-color: transparent;
}
a#kminsurance_more_details {
    font-size: 16px;
    padding-left: 10px;
    color: #0258FF;
    font-weight: 400;
}
a#cost_brekdown{
font-size: 16px;
    color: #0258FF;
    font-weight: 400;
}
.breakout , .vehicle-Toggle {
	display: none;  /* Hide the div by default */
}

.breakout{
	margin-top: 15px;
}

.step-3-details .sidebar-boxs .sidebar-main .buttons .border-btn{
	background-color: transparent;
	color: var(--red) !important;
	box-shadow: unset;
}
.step-3-details .sidebar-boxs .sidebar-main .buttons .border-btn:hover{
	background-color: var(--red) ;
	color: #ffffff !important;
}
.step-3-details .card-boxs .kms-main .kms-boxs input[type="radio"],
.step-3-details .card-boxs .kms-main .kms-boxs input[type="checkbox"]{
	height: 18px;
	width: 18px;
}
.step-3-details .card-boxs .kms-main .kms-boxs input[type="radio"]:checked + label::before,
.step-3-details .card-boxs .kms-main .kms-boxs input[type="checkbox"]:checked + label::before{
	width: 18px;
	height: 18px;
	/* left: 10px; */
}

.custom-details-form .container{
	max-width: 1280px;
}

.custom-details-form .customer-main{
	margin: 0px 0px 0px!important;
	padding: 30px 40px !important;
	border-radius: 12px;
}
.custom-details-form .customer-main .form-group input,
.custom-details-form .customer-main .form-group select{
	padding: 5px 16px;
    font-size: 16px;
    line-height: 20px;
	font-weight: 400;
    color: var(--darkblack);
    background: #FFFFFF !important;
	border: unset !important;
	border-radius: 6px !important;
	min-height: 30px;
}
.custom-details-form .customer-main .form-group{
	display: flex;
	gap: 8px;
	/* align-items: center; */
}

 .customer-main label{
	margin-bottom: 0px !important;
	font-size: 16px;
    line-height: 20px;
    color: var(--darkblack);
	font-weight: 400;
}
.step3-form-wrapper .container , .step4-form-wrapper .container{
    max-width: 1280px;
}
.step3-form-wrapper .customer-main{
    margin: 0 0 0px;
}
.step3-form-wrapper .customer-main input,
.step3-form-wrapper .customer-main select{
	height: 30px;
	padding: 4px 12px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 14px;
	color: var(--darkblack);
	background: #ffffff !important;
	/* border: unset !important; */
}
.step3-form-wrapper .customer-main input::placeholder{
	color: var(--darkblack);
}
label.control-label.control-label-email {
    max-width: 80px;
}
.step3-form-wrapper .customer-main select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../../images/arrow-back.png") white  no-repeat calc(100% - 5px) !important;
	background-size: 10px !important;
	/* background: #fff url(../../images/arrow-back.png) right 7px center no-repeat !important; */
}
.step3-form-wrapper .customer-main select:focus{
	outline: unset;
}
#databeforecheck .caldispl{
	width: calc(100% - 80px);
}
#databeforecheck .date-dropdowns select:focus{
	outline: unset !important;
}
.step3-form-wrapper .customer-main label{
	margin-bottom: 0px !important;
	/* width: auto;
    white-space: nowrap; */

}

.btnquote #btnQuote,
#dvbtn {
	margin-top: 40px !important;
}

.btnquote #btnQuote{
	min-height: 40px;
    padding: 9px 18px;
    min-width: 168px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff !important;
    /* margin-top: 0px !important; */
    border: 1px solid var(--red);
    box-shadow: 0px 0px 14px rgba(237, 27, 36, 0.4);
    cursor: pointer;
    margin-bottom: 20px;
	/* display: inline-block !important; */
	width: auto !important;
}

#displbook .customer-main{
	padding-top: 0px !important;
}
.step3-form-wrapper .customer-main .form-group
{
	margin-bottom: 20px !important;
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}
.step3-form-wrapper .customer-main .customer-main-below textarea{
	border-radius: 6px;
	min-height: 140px;
	height: auto !important;
	padding: 12px 16px !important;
	background: #ffffff !important;
	color: var(--darkblack);
	border: unset !important;
}
.step3-form-wrapper .customer-main .customer-main-below label{
	width: auto;
}
.step3-form-wrapper .customer-main .customer-main-below .form-group{
	align-items: start;
}
.kms-main .extra_option_heading h3{
	font-size: 20px;
	line-height: 25px;
	color: var(--darkblack);
	margin-bottom: 10px;
	padding-left: 20px;

}
.optional-box.card-boxs .kms-main .kms-boxs > label{
	padding: 0px 0px 0px 50px !important;
}
.optional-box.card-boxs .kms-main .kms-boxs{
	width: auto !important;
	margin-bottom: 10px !important;
}
.optional-box .kms-main .kms-boxs .price-text{
	margin: 0px 0px 0px 0px !important;
}
.optional-box .extra_option_detail{
	display: flex;
	flex-wrap: wrap;
}
.optional-box a#kminsurance_more_details{
	color: #0258FF;
	font-size: 16px;
	line-height: 20px;
	padding-left: 20px !important;
}
.optional-box .mb-20{
	margin-bottom: 20px;
}

.step4-payment-note {
    padding: 40px 0 40px 0;
    text-align: left;
    max-width: 710px;
}
p.payment-text {
    text-align: left;
    margin-top: 15px;
    padding-left: 60px;
    font-size: 28px;
}

span.payment-heiglight {
    color: red;
    text-decoration: underline;
    /* padding-bottom: 2px; */
}
.customer-main {
	padding: 26px 52px 30px !important;
	border-radius: 12px !important;
}
div#making_booking .customer-main {
    padding-bottom: 0 !important;
}
.customer-main #dvbtn a{
	box-shadow: unset;
}
#btnQuote{
	cursor: pointer;
	width: 250px;
    display: block;
    min-height: 40px;
    padding: 9px 18px;
    min-width: 150px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff !important;
    margin-top: 0px !important;
    border: 1px solid var(--red);
    box-shadow: 0px 0px 14px rgba(237, 27, 36, 0.4);
    cursor: pointer;
    margin-bottom: 20px;
}
#btnQuote:hover{
	color: var(--red) !important;
	background-color: transparent;
}



/* ===== Step 4 ===== */
.step-4-details .step4-payment-note{
    padding: 0px 0px !important;
}
.step-4-details .step4-payment-note .payment-text span{
	color: var(--red) !important;
}
.step-4-details .padlock{
	padding: 0px 10px!important;
	margin: 0px 0px !important;
}
.step-4-details .secure-credit{
	padding: 20px;
	margin-bottom: 0px !important;
}
.step-4-details .form-box{
	border: 1px solid #E4E6E6 !important;
	margin-bottom: 26px;
}
#divCard iframe{
	width: 100%;
	/* max-width: 500px; */
}
#kminsurance-popup .modal-dialog .modal-content{
	background-color: #ffffff;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.25);
	border-radius: 12px;
	max-width: 686px;
}
#kminsurance-popup .modal-dialog .modal-content .modal-header{
	padding: 30px ;
	background-color: #EEFAFF;
	border-radius: 12px;
	padding: 30px 20px !important;
}
#kminsurance-popup .modal-dialog .modal-content .modal-header .modal-title{
	color: var(--darkblack);
	font-size: 40px;
	line-height: 50px;
	text-align: center;
}
#kminsurance-popup .modal-dialog .modal-content .modal-header button{
	right: 15px !important;
    font-size: 26px !important;
    top: 8px !important;
	font-size: 36px !important;
}
#kminsurance-popup .modal-dialog .modal-content .modal-header button:focus{
	outline: unset;
}
#kminsurance-popup .modal-dialog .modal-body p{
	color: var(--darkblack);
	font-size: 20px;
	line-height: 25px;
}
#kminsurance-popup .modal-dialog .modal-body{
	padding: 20px 60px;
}
#kminsurance-popup .modal-dialog .modal-footer{
	padding: 0px 60px 45px;
}
#kminsurance-popup .modal-dialog .modal-footer button{
	width: 100%;
}
#kminsurance-popup{
	padding: 0 20px;
}
.kit-popup .modal-content button.close{
	position: absolute;
    top: 2px;
    right: 20px;
	font-size: 36px;
}
.kit-popup .modal-content button.close:focus{
	outline: unset;
}

/* Step 5 */
.req-info{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.req-info p{
	margin-bottom: 0px;
}
.book-check img{
	width: 178px !important;
	height: 178px;
	object-fit: contain;
}

#reqtitle {
	font-size: 40px;
	line-height: 50px;
	color: var(--red);
} 
.borderred{
	border: 1px solid #E4E6E6;
	padding: 30px 52px;
	border-radius: 12px;
	margin-bottom: 20px;
}
.req-details-how-did{
	padding: 30px 52px;
	border-radius: 12px;
	margin-bottom: 20px;
	background-color: #EEFAFF;
}
.form-country{
	width:354px;
	border: 0;
}
#refno{
	color: #B1B1B1;
	font-size: 28px;
	line-height: 35px;
	font-weight: 700;
}
#refno h1{
	font-size: 44px;
	line-height: 55px;
	color: var(--darkblack);
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 0px;
}
.req-details-col h3{
	margin-bottom: 20px;
}
.req-info p{
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: var(--darkblack);
}
.req-info p.text-gray{
	color: #B1B1B1;
	max-width: 90px;
}
.req-info{
	margin-bottom: 10px;
}
.book-check{
	margin-bottom: 20px;
}

/* Step 2 Mobile */
.step-2-details .bg-yellow {
	background-color: #FFFF7F;
	padding: 20px;
	border-radius: unset !important;
	border: unset !important;
}
.step-2-details .border-box .pickup-text h3{
	font-size: 16px;
	line-height: 20px;
}
.step-2-details .pickup-details{
	flex-wrap: wrap;
}
.step-2-details .pickup-details .w-50{
	width: 50%;
}
.step-2-details .pickup-details .w-100{
	width: 100%;
}
.step-2-details .bg-lightblue{
	background-color: #EEFAFF;
	padding: 15px;
	width: calc(100% + 40px);
	left: -20px;
	position: relative;
}
.booking-btn{
	background-color: #ED1B24;
	border: 1px solid #ED1B24;
	border-radius: 6px;
	color: #ffffff;
	font-size: 18px;
	line-height: 22px;
	padding: 12px 20px;
	width: 100%;
	display: inline-block;
	font-weight: 400;
	text-transform: uppercase;
}
.booking-btn:hover{
	color: var(--red);
	background-color: transparent;
}
.booking-btn.collapsed {
    background-color: #ED1B24; /* Color when collapsed */
    color: #fff;
}
.booking-btn:focus{
	box-shadow: unset;
	outline: unset;	
}
.booking-btn-info{
	text-align: center;
	margin: 0px 20px 20px;
}
#booking-summary{
	margin: 0px 20px;
}
.kms-main .extra_option_main a{
	padding-left: 20px;
}

/*Responsive*/

@media (max-width: 1200px){
	/*.heading-2{
		font-size: 40px;
		line-height:50px;
	}*/
	h1{
		font-size: 34px;
		line-height: 42px;
	}
	h2{
		font-size: 32px;
		line-height: 42px;
	}
	h3{
		font-size: 18px;
		line-height: 26px;
	}
	h4{
		font-size: 14px;
		line-height: 20px;
	}


	p{
		font-size: 16px;
		line-height: 22px;
	}
	.hero-banner .hero-des{
		font-size: 18px;
		line-height: 22px;
	}
	.review-sec .id-details{
		gap:12px;
	}
	.sec-pad{
		padding:80px 8px;
	}
	.why-choose-sec .choose-box-row .choose-box .icons{
		height:50px;
		width:50px;
	}
	.why-choose-sec .choose-box-row .choose-box .icons img{
		height:22px;
		width: 22px;
	}
	.why-choose-sec .choose-box-row{
		column-gap:30px;
		row-gap:20px;
	}
	.why-choose-sec .choose-box-row .choose-box{
		width: calc(33.33% - 20px);
	}
	 p.mx-612{
		margin: 0 auto 40px;
	}
	.accordion-button::after{
		width: 40px;
    	height: 40px;
    	font-size:20px;
	}
	.accordion-button[aria-expanded="true"]::after{
		font-size: 20px;
	}
	.hero-banner .form-bottom{
		padding: 40px 30px;
	}
	.step-2-details .results-price .results-small strong{
		font-size: 22px;
    	line-height: 32px;
	}
	.step-2-details .border-box{
		padding: 30px 20px;
	}
	.step-3-details .card-boxs .tnsurance-main{
		gap: 30px;
	}
	.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs{
		width: calc(33.33% - 20px);
	}
	#reqtitle{
		font-size: 30px;
		line-height: 40px;
	}
}
@media (max-width: 992px){
	/*.heading-2{
		font-size: 36px;
		line-height:48px;
	}*/
	h1{
		font-size: 32px;
		line-height: 40px;
	}
	h2{
		font-size: 30px;
		line-height: 40px;
	}
	h3{
		font-size: 16px;
		line-height: 20px;
	}
	h4{
		font-size: 14px;
		line-height: 20px;
	}


	p{
		font-size: 14px;
		line-height: 20px;
	}
	.sec-pad{
		padding:60px 8px;
	}
	.g-review{
		padding: 60px 20px;
		
	}

	.fs-18{
		font-size: 14px;
		line-height: 20px;
	}
	.fs-16{
		font-size: 14px;
		line-height: 20px;
	}
	.btn-red,
	.btn-white{
	    min-height: 50px;
	    font-size: 18px;
	    line-height: 20px;
	    min-width: 150px;
	}
	/*.review-sec .id-details{
		justify-content: center;
	}*/
	.quality-sec .map-img img{
		height:350px;
	}
	 p.mx-612{
		margin: 0 auto 38px;
	}
	.hero-banner .hero-des{
		font-size: 16px;
		line-height: 20px;
	}
	.why-choose-info ul li h3{
		font-size: 18px;
		color: #000000;
		line-height:26px;
	}
	.choose-vehicle .totalCostFinal-text .price-match{
		margin-bottom: 30px !important;
	}
	.choose-vehicle .available-text{
		margin-bottom: 10px !important;
	}
	.choose-vehicle .results-price{
		margin-bottom: 0px !important;
	}
	.progress-bar-step .step_number{
		height: 30px;
    	width: 30px;
    	/* background-size: contain !important; */
    	background-repeat: no-repeat;
    	background-position: center;
    	display: flex;
        justify-content: center;
        align-items: center;
	}
	#progress-bar{
		padding: 0 15px;
	}
	.progress-bar-step.done .step_number{
		height: 30px;
    	width: 30px;
	}
	.faq-sec .faq-info .accordion-button{
		font-size: 18px;
		line-height: 24px;
		padding: 20px 0px 0px;
	}
	.accordion-button::after{
		width: 35px;
    	height: 35px;
    	font-size:20px;
	}
	.accordion-button[aria-expanded="true"]::after{
		font-size: 20px;
	}
	.faq-sec .faq-info .accordion-body p{
		font-size: 14px;
		line-height: 24px;
	}
	.faq-sec .faq-info .accordion-item{
		padding-bottom: 20px;
	}
	.faq-sec .faq-info .accordion-body{
		padding: 8px 0px 0px 0px;
	}
	.why-choose-info ul li img{
		height: 35px;
    	width: 35px;
	}
	.why-choose-sec .choose-box-row{
		column-gap:30px;
		row-gap:20px;
	}
	.why-choose-sec .choose-box-row .choose-box{
		width: calc(50% - 15px);
	}
	.hero-banner .form-bottom .registration-form .pickup-boxs{
		padding: 0 20px;
	}
	/* .step-2 .h-container{
		max-width: 1100px !important;
	} */
	.step-2-details .vehicle-content{
		/* padding: 15px 20px !important; */
		padding: 15px 20px 15px 0px !important;
	}

	.step-2-details .verticalMiddle{
		height: auto;
	}
	.step-2-details .choose-vehicle .vehicleThumbnail{
		/* padding: 20px 20px 15px; */
		padding: 20px 0px 15px 20px;
	}
	.step-2-details .user-seats {
		top: unset;
	}
	.step-2-details .border-box{
		padding: 25px 20px;
	}
	.step-2-details .border-box .pickup-text h4{
		font-size: 12px;
		line-height: 15px;
	}

	
	.rental-list p{
		font-size: 12px !important;
		line-height: 12px !important;
	}
	p.clause_note {
		width: 100%;
		text-align: center !important;
		margin-top: 10px !important;
	} 
	.step-2-details .border-box .pickup-text p,
	.rental-list ul li{
		font-size: 10px;
    	line-height: 12px;
	}
	.step-2-details{
		padding: 40px 4px;
	}
	.step-4-details .secure-credit{
		padding: 26px 10px 26px;
	}
	.step-4-details .secure-credit h3,
	.step-4-details .step4-payment-note .payment-text{
		font-size: 20px !important;
		color: var(--darkblack);
		line-height: 25px !important;
	}
	#kminsurance-popup .modal-dialog {
		font-size: 30px;
		line-height: 40px;
	}
	#reqtitle{
		font-size: 25px;
		line-height: 32px;
	}
	.book-check img{
		width: 92px !important;
		height: 92px;
	}
	.book-check{
		margin-bottom: 24px;
	}
	#refno,
	.req-details-col h3{
		font-size: 22px;
		line-height: 28px;
	}
	#refno h1{
		font-size: 26px;
    	line-height: 32px;
	}
	.borderred{
		padding: 30px 30px;
	}
	.req-details-how-did{
		padding: 30px 30px;
	}
	.req-info p{
		font-size: 14px;
		line-height: 18px;
	}
	
}
@media (max-width: 768px){
	/*.heading-2{
		font-size: 24px;
		line-height:34px;
	}*/
	h1{
		font-size: 30px;
		line-height: 38px;
	}
	h2{
		font-size: 28px;
		line-height: 38px;
	}
	h3{
		font-size: 14px;
		line-height: 17px;
	}
	h4{
		font-size: 12px;
		line-height: 22px;
	}


	p{
		font-size: 10px;
		line-height: 15px;
	}
	.mb-40{
		margin-bottom: 24px;
	}

	.fs-18{
		font-size: 14px;
		line-height: 20px;
	}
	.fs-16{
		font-size: 8px;
		line-height: 10px;
	}
	.heading span{
		padding: 0px 4px;
	}
	.gap-30{
		gap:30px;
	}
	.mobile-header{
		padding:16px 0px;
	}
	.nav-wrapper.fixed-top{
		padding: 8px 8px !important;
	}
	.sec-pad{
		padding:50px 8px;
	}
	.btn-red,
	.btn-white{
		padding:8px 40px;
		font-size: 16px;
		min-height: 39px;
		line-height: 22px;

	}
	.hero-banner .hero-des{
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 20px !important;
		color: var(--darkblack) !important;
	}
	.why-choose-info .container{
		max-width: 320px;
	}
	.why-choose-info ul {
		column-count: 1;
	}
	.why-choose-info{
		padding: 60px 30px !important;
	}
	.why-choose-info ul li{
		justify-content: start;	
	}
	.why-choose-info ul li img{
		height: 30px;
    	width: 30px;
	}
	.why-choose-sec .choose-box-row .choose-box .icons{
		height:42px;
		width:42px;
	}
	.why-choose-sec .choose-box-row .choose-box .icons img{
		height:20px;
		width: 20px;
	}
	.why-choose-sec .heading span.bg-yellow{
		background-color: unset;
		padding: 0px 0px;
		border-radius: unset;
	}
	.why-choose-sec h2.heading{
		font-size: 25px;
	}
	.faq-sec .faq-info .accordion-button,
	.why-choose-info ul li h3{
		font-size: 14px;
		line-height: 20px;
	}
	.faq-sec h2.heading{
		font-size: 28px;
		line-height: 30px;
	}
	
	.faq-sec .faq-info .accordion-button{
		font-size: 14px;
		line-height: 20px;
	}
	.accordion-button::after{
		width: 20px;
    	height: 20px;
    	font-size:10px;
    	border-radius: 3px;
	}
	.accordion-button[aria-expanded="true"]::after{
		font-size: 10px;
	}
	.faq-sec h2{
		margin-bottom: 10px !important;
	}
	.faq-sec .faq-info .accordion-body p{
		font-size: 12px;
		line-height: 15px;
	}
	.faq-sec .faq-info .accordion-body{
		padding: 4px 0px 0px 0px;
	}
	.faq-sec p{
		font-size: 12px !important;
	}

	.review-sec .id-details img{
		height: 20px;
	}
	.review-box{
		padding: 0px 4px 30px;
	}
	.review-box .fs-16{
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 1px !important;
	}
	.review-box .fs-22{
		font-size: 15px;
		line-height: 18px;
	}
	.review-box .mb-10{
		margin-bottom: 1px;

	}
	.review-box .star{
		line-height: 12px;
	}
	.review-sec .id-details img{
		height: 12px;
	}
	.review-sec .user-review{
		font-size: 6px;
		line-height: 7px;
    	color: #ffffff;
	}
	.review-sec .review-icon{
		height:36px !important;
		max-width: 36px;
	}
	.review-sec{
		padding:15px 12px;
	}
	.review-star p{
		font-size: 15px;
		line-height: 18px;
	}
	.rating-box:nth-of-type(3) .review-box,
	.rating-box:nth-of-type(4) .review-box{
		padding-bottom: 7px !important;
	}
	.accordion-button::after{
		font-size: 16px;
		width: 20px;
		height: 20px;
	}
	.quality-sec .map-img img{
		height: 194px;
	}
	.quality-sec h2{
		font-size: 20px;
		line-height: 32px;
	}
	.quality-sec .book-btn a{
		min-width: 122px !important;
		padding: 8px 20px !important;
		font-size: 12px;
        min-height: 31px;
        line-height: 15px;
	}
	.hero-banner .form-bottom{
		padding: 16px 0px 30px;
	}
	.hero-banner{
		background-image: unset !important;
		background-color: var(--yellow);
	}
	.hero-banner h2{
		color: var(--darkblack);
	}
	.navbar-nav{
		display: block !important;
	}
	.hero-banner .form-bottom .form-group svg{
		left: 16px;
	    height: 16px;
	    width: 16px;
	    top: 32%;
	}
	.hero-banner .form-bottom .registration-form .pickup-boxs{
		border-bottom: unset;
	}
	.hero-banner .buttons-box button{
		max-width: 297px;
        width: 100%;
        min-width: unset;
	}
	.hero-banner .form-bottom .registration-form .pickup-boxs:last-child{
		border-bottom: unset;
	}
	.hero-banner .form-bottom .registration-form .buttons-box{
		margin: 0 20px;
	}
	.hero-banner .form-bottom{
		background-color: rgba(255, 255, 255, 0.95);
		box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	}
	select.form-control, body input[type='text'], body textarea, body textarea.form-control,
	.customer-main .date-dropdowns select{
		border:0.25px solid #0F0F0F;
		border-radius: 6px;
		color: #0f0f0f;
	}
	select#foundus {
		border: 0 !important;
	}
	.step3-form-wrapper .customer-main .customer-main-below textarea{
		border:0.25px solid #0F0F0F !important;
		border-radius: 6px;
		color: #0f0f0f
	}
	.col-12.col-lg-6.mobile-device-date-time {
		width: 50%;
	}
	form#frmStep1 select {
		
		font-weight: 400;
		color: #0f0f0f;
	}
	form#frmStep1 input[type="text"]::-webkit-input-placeholder, form#frmStep1 textarea::-webkit-input-placeholder, form#frmStep1 textarea.form-control::-webkit-input-placeholder{
		color: #0f0f0f !important;
	}
	.mobile-promo{
		display: block;
	}
	.desktop-promo{
		display: none;
	}
	/* ==== Step 2 === */
	.step-num-sec{
		overflow: hidden;
	}
	.step-num-sec .progress-bar-step{
		width: 20%;
		/* justify-content: center; */
        padding: 0px ;
	}
	#progress-bar-steps{
		display: flex;
		justify-content: center;
	}
	#progress-bar-steps .progress-bar-step:last-child{
		width: auto;
	}
	
	.step-2 .progress-bar-step .step_number{
		height: 20px;
    	width: 20px;
		font-size: 11px;
		line-height: 10px;
	}
	.step-2 .progress-bar-step.done .step_number{
		width: 20px;
		height: 20px;
	}
	.step-2 .progress-bar-step .step_name{
		display: none;
	}
	.progress-bar-step::before{
		position: absolute;
		/* width: calc(100% - 40px);
		right: -20px; */
		width: calc(100% - 40px);
		right: -45px;
		z-index: -1;
	}
	.step-2 .step-container{
		padding: 20px 5px;
	}
	.step-2-details .vehicle-content{
		padding: 15px 20px 15px 20px!important;
	}
	.step-2 .choose-vehicle .vehicleThumbnail{
		padding: 20px 20px 20px 20px !important;
	}
	.step-2-details h3{
		margin-bottom: 20px;

	}
	.choose-vehicle .vehicleThumbnail img{
		margin-bottom: 10px;
	}
	
	
}
@media (max-width: 767px){
	.progress-bar-step::before{
		width: calc(100% - 30px);
        right: 5px;
	}
	.step-2-details .user-seats{
		font-size: 16px;
		line-height: 20px;
	}
	.step-2-details .moreless-button{
		font-size: 12px;
		line-height: 15px;
	}
	.choose-vehicle .vehicleThumbnail img{
		height: 200px;
		width: 230px;
	}
	.step-3-details .card-boxs .tnsurance-main{
		gap: 20px;
	}
	.step-3-details .card-boxs .tnsurance-main .tnsurance-boxs{
		width: 100%;
	}
	.step-3-details .card-boxs .kms-main .kms-boxs input{
		left: 10px !important;
	}
	.step-3-details .card-boxs .kms-main .kms-boxs > label{
		padding: 0px 0px 0px 32px !important;
	}
	.step-3-details .card-boxs .kms-main .kms-boxs input[type="radio"],
	.step-3-details .card-boxs .kms-main .kms-boxs input[type="checkbox"]{
		height: 18px;
		width: 18px;
	}
	.step-3-details .card-boxs .kms-main .kms-boxs input[type="radio"]:checked + label::before,
	.step-3-details .card-boxs .kms-main .kms-boxs input[type="checkbox"]:checked + label::before{
		width: 18px;
    	height: 18px;
		left: 10px;
	}
	.step-3-details h3.vehicle-title{
		margin-bottom: 0px !important;
		width: 100%;
		display: block;
		padding: 3px 20px;
		font-size: 28px;
        line-height: 35px;
		text-align: center;
	}
	.step-3-details .card-boxs,
	.step-3-details .sidebar-boxs{
		border-radius: unset !important;
	}
	.step-4-details .secure-credit h3,
	.step-4-details .step4-payment-note .payment-text{
		text-align: center;	
	}
	#divCard iframe{
		max-width: 100% !important;
		height: 420px;
	}
	.step-4-details .form-box{
		margin-bottom: 20px !important;
	}
	#kminsurance-popup .modal-dialog .modal-content .modal-header .modal-title{
		font-size: 24px;
		line-height: 30px;
	}
	#kminsurance-popup .modal-dialog .modal-content .modal-header{
		padding: 24px 20px !important;
	}
	#kminsurance-popup .modal-dialog .modal-body{
		padding: 20px 20px !important;
	}
	#kminsurance-popup .modal-dialog .modal-footer{
		padding: 0px 20px 30px;
	}
	#kminsurance-popup .modal-dialog .modal-body p{
		font-size: 12px;
		line-height: 15px;
	}
	#kminsurance-popup .modal-dialog .modal-content{
		max-width: 292px;
	}
	.customer-main{
		padding: 26px 20px 30px !important;
		border-radius: unset !important;
	}
	.kms-main .extra_option_heading h3{
		text-align: center;
	}
	.step-3-details .card-boxs{
		padding: 20px 40px 60px;
	}
	.optional-box.card-boxs .kms-main .kms-boxs{
		width: 100% !important;
	}
	a#kminsurance_more_details{
		background-color: #EEFAFF;
		display: block;
		text-align: center;
		padding: 10px 10px 30px;
	}
	.optional-box a#kminsurance_more_details{
		margin-left: 0px !important;
		padding-left: 12px !important;
		text-align: left;
		padding: 0px 0px 0px;
	}
	.step-3-details .card-boxs.optional-box{
		padding: 20px 12px 20px;
	}
	.optional-box.card-boxs .kms-main .kms-boxs{
		margin-bottom: 15px !important;
	}
	.optional-box.card-boxs .kms-main .extra_option_detail .kms-boxs:last-child{
		margin-bottom: 10px !important;
	}
	.optional-box.card-boxs .kms-main .extra_option_main:last-child{
		margin-bottom: 0px !important;
	}
	.kms-main .extra_option_heading h3{
		padding-left: 0px;
	}
	#reqtitle{
		font-size: 20px;
		line-height: 25px;
		text-align: center;
	}
	.book-check img{
		width: 88px !important;
		height: 88px;
	}
	.book-check{
		text-align: center !important;
		margin-bottom: 24px;
	}
	#refno,
	.req-details-col h3{
		font-size: 20px;
		line-height: 25px;
	}
	#refno h1{
		font-size: 24px;
    	line-height: 30px;
	}
	.borderred{
		padding: 30px 20px;
	}
	.req-details-how-did{
		padding: 30px 30px;
	}
	.req-info p{
		font-size: 12px;
		line-height: 15px;
	}
	.step-2 .choose-vehicle .vehicleThumbnail{
		padding: 0px 0px 0px 0px !important;
	}
	.step-2-details .user-seats{
		margin: 0px !important;
	}
	.step-2-details .mobile-listing .vehicle-content{
		padding: 0px 0px !important;
		gap: 20px;
	}
	.step-2-details .mobile-listing .verticalMiddle{
		justify-content: center !important;
	}
	.step-2-details .mobile-listing .vehicle-content .RemovePadding_p,
	.step-2-details .mobile-listing .vehicle-content  .view-details{
		width: 50%;
	}
	.choose-vehicle .form-bottom{
		display: none !important;
	}
	.choose-vehicle .form-bottom.mobile-listing {
		display: block !important;
	}
	.step-2-details .mobile-listing .verticalMiddle,
	.step-2-details .mobile-listing{
		border: unset !important; 
		border-radius: unset;
	}
	.step-2-details .choose-vehicle .mobile-listing .totalCostFinal-text .price-match{
		border-radius: unset !important;
	}
	.step-2-details .choose-vehicle .mobile-listing .view-details{
		text-align: center;
	}
	.step-2-details .choose-vehicle .mobile-listing .results-price{
		padding: 0px 0px !important;
	}
	.step-2-details .mobile-listing .RemovePadding_p.available-text{
		text-align: center;
	}
	.step-2-details .mobile-listing .results-price .results-small{
		margin-bottom: 2px;
	}
	.step-2-details .mobile-listing .buttons-boxs .btn{
		padding: 8px 32px !important;
		line-height: 19px !important;
		max-width: 143px;
        width: 100% !important;
	}
	.step-2-details .choose-vehicle .mobile-listing .totalCostFinal-text .price-match{
		padding: 12px 5px;
	}
	.mobile-listing h3{
		text-align: center;
		margin-top: 20px;
		font-size: 20px;
		line-height: 25px;
	}
	.mobile-listing .vehicle-Toggle{
		padding-top: 20px;
	}
	.mobile-listing #dvbooknow{
		text-align: center !important;
	}
	.step-2-details .mobile-listing .vehicle-content p.RemovePadding_p{
		font-size: 16px !important;
    	line-height: 20px !important;
		font-weight: 700 !important;
	}
	.step-2-details .mobile-listing .price-content{
		gap: 20px;
	}
	.step-2-details .mobile-listing .vehicle-content .RemovePadding_p span.green-text{
		color: var(--darkblack) !important;
	}
	.step-2-details .border-box.bg-yellow .pickup-text h3{
		margin-bottom: 0px !important;
	}
	/* .step-2-details .border-box.bg-yellow .pickup-text{
		margin-bottom: 12px !important;
	} */
	.step-2-details .bg-yellow{
		padding:20px 20px!important;
	}
	/* .step-2-details .bg-yellow  .pickup-details .pickup-text{
		margin-bottom: 0px !important;
	} */
	.step-2-details .user-seats img{
		width: 25px !important;
    	height: 21px !important;
		margin-right: 8px;
	}
	.kms-main .extra_option_main a{
		padding-left: 10px;
	}
	.moving-box .moving-radio input[type="radio"]:checked + label::before{
		display: none;
	}
	.btnquote{
		text-align: center;
	}
	.btnquote #btnQuote{
		text-align: center;
		margin-top: 30px !important;
	}
	#dvbtn{
		margin-top: 30px !important;
		text-align: center !important;
	}
}

@media (max-width: 575px){
	.nav-wrapper.fixed-top{
		padding: 8px 8px;
	}
	.hero-banner .form-bottom{
		margin-bottom: 0px !important;
	}
	.hero-banner{
		padding: 50px 8px 28px;
	}
	.banner-main.hero-banner img{
		position: relative;
		left: unset;
		top: unset;
		transform: unset;
	}
	.hero-banner .form-bottom .registration-form .pickup-boxs{
		padding: 0 20px;
	}
	.step-2 #progress-bar{
		padding: 0 0px;
	}
}

@media (max-width: 500px){
	.step-2 .progress-bar-step::before{
		width: calc(100% - 30px);
		right: 5px;
		/* right: -40px; */
	}
}

@media (max-width: 400px){
	.step-num-sec .progress-bar-step{
        padding: 0px ;
	}
	.step-2 .progress-bar-step .step_number{
		background-size: unset !important;
	}
	.step-2 .progress-bar-step.done .step_number{
		background-size: contain !important;
	}
	.step-2 .progress-bar-step::before{
		/* width: calc(100% - 0px); */
		right: 5px;
	}
}

@media (max-width: 385px){
	.why-choose-sec .choose-box-row .choose-box h3{
		font-size: 12px;
        line-height: 17px;
	}
	.review-sec .review-icon{
		height: 30px !important;
        max-width: 30px;
	}
	.review-box .fs-16{
		font-size: 10px;
		line-height: 12px;
	}
}


@media (max-width: 375px){
	.booking-btn{
		font-size: 16px;
	}
}

@media (max-width: 992px) and (min-width: 768px){
	.kit-popup .modal-content button.close{
		top: 30px;
	}
}

/* --- Grey Badge Container --- */
.secure-payment-info{
	padding: 2%;
}
.secure-payment-badge {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 12px 16px; /* reduced for cleaner spacing */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  
  max-width: 100%;
  margin-bottom: 20px;
}

/* --- Flex Container for Text Badges --- */
.badge-lines {
  display: flex;
  gap: 12px;
}

/* --- Individual Badge Text + Icon --- */
.secure-payment-badge .badge-line {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 16px;
  color: #0F0F0F;
  margin-bottom: 0;
}

.secure-payment-badge .icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Optional Hover Effect */
.secure-payment-badge .badge-line:hover {
  color: #000;
  transition: color 0.3s ease;
}

/* --- Trusted Logos Section --- */
.trusted-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 18px;
  align-items: center;
}

.trusted-logos img {
  height: 50px;
  max-width: 80px;
  object-fit: contain;
  transition: transform 0.3s ease;
  filter: grayscale(0.2);
}

.trusted-logos img:hover {
  transform: scale(1.05);
  filter: grayscale(0);
}

/* --- Responsive Mobile Styles --- */
@media (max-width: 600px) {
  .badge-lines {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .secure-payment-badge {
    padding: 14px 12px;
  }

  .secure-payment-badge .badge-line {
    justify-content: center;
    font-size: 15px;
    gap: 10px;
  }

  .secure-payment-badge .icon {
    width: 20px;
    height: 20px;
  }

  .trusted-logos {
    justify-content: center;
    gap: 12px;
  }

  .trusted-logos img {
    height: 26px;
    max-width: 70px;
  }
}

/* Responsive adjustments */
@media (max-width: 600px) { 
  .trusted-logos {
    justify-content: center;
    gap: 12px;
  }

  .trusted-logos img {
    height: 26px;
    max-width: 70px;
  }
}

.warning-text {
    color: red;
    margin-top: 24px;
    padding-top: 8px;
    font-size: 14px;
    text-align: center;
    max-width: 100%;
	font-family: 'Poppins';
}
.afterpay_click{
	    color: #0258FF !important;
    font-weight: 600;
}
.afterpay-close{
	width: 200px;
    padding: 15px;
	min-height: 40px;
    font-size: 16px;
    font-weight: 400;
    background: #ED1B24;
    line-height: 20px;
    color: #ffffff !important;
    margin-top: 0px !important;
    border: 1px solid var(--red);
    border-radius: 55px;
    box-shadow: 0px 0px 14px rgba(237, 27, 36, 0.4);
}