@font-face {
  font-family: 'gilroylight';
  src: local("gilroylight"), url("/css/test-rides/fonts/Gilroy-Light.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'gilroyregular';
  src: local("gilroyregular"), url("/css/test-rides/fonts/Gilroy-Regular.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'gilroymedium';
  src: local("gilroymedium"), url("/css/test-rides/fonts/Gilroy-Medium.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'gilroysemibold';
  src: local("gilroysemibold"), url("/css/test-rides/fonts/Gilroy-Semibold.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-Semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'gilroybold';
  src: local("gilroybold"), url("/css/test-rides/fonts/Gilroy-Bold.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'gilroythin';
  src: local("gilroythin"), url("/css/test-rides/fonts/Gilroy-Thin.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-Thin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'gilroyultralight';
  src: local("gilroyultralight"), url("/css/test-rides/fonts/Gilroy-UltraLight.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-UltraLight.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'gilroyextrabold';
  src: local("gilroyextrabold"), url("/css/test-rides/fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy-Black';
  src: local("Gilroy-Black"), url("/css/test-rides/fonts/Gilroy-Heavy.woff2") format("woff2"), url("/css/test-rides/fonts/Gilroy-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova Medium';
	src: url(/css/test-rides/fonts/proximanova/ProximaNova-Medium.woff2) format('woff2'), url(/css/test-rides/fonts/proximanova/ProximaNova-Medium.woff) format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

body{margin:0; overflow-x: hidden;}
*{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{margin: 0;}
p{margin: 0}
input,button{outline: 0; box-shadow: none;}
a{text-decoration: none;}
select{-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none;}
textarea{resize: none;}
ul,li{padding: 0; margin:0; list-style-type: none;}

main{
	width: 100%;
}


.test-ride-component{
	/*height: calc(90vh - 70px);*/
	    height: auto;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 170px;

}
.test-ride-component.thrilling-wrap {
    height: calc(100vh - 70px);
}
.test-ride-component > .row{
	height: 100%;
}

.test-ride-component .mob-text{
	display: none;
	position: relative;
}

.test-ride-component > .row > div:first-child:before{
	position: absolute;
	content: '';
	/*height: 100%;*/
	height: auto;
	background: #f2f2f2;
	width: calc(100% - 30px);
	left: 0;
	top:0;
}
.test-ride-component .image {
    position: inherit;
    left: inherit;
    top: inherit;
    right: inherit;
    width: 100%;
    float: left;
    background: #f2f2f2;
}
.test-ride-component .image picture{width:100%;float: left;}
.test-ride-component .image img{
	max-width: 100%;
    margin-left: 0;
}
.test-ride-component h2{
	font-size: 35px;
	color: #006AD0;
	font-family: 'gilroymedium';
	margin: 0 0 10px;

}
/*.test-ride-component .top-content.text-upper h2{text-transform: uppercase;}*/
.test-ride-component h2.black{
	color: #444;
	margin: 0 0 20px;
}
.test-ride-component .cancel-ride h2.black{margin: 0 0 0px;}
.test-ride-component h4{
	font-size: 24px;
	color: #444;
	/*font-family: 'gilroyregular';*/
	margin-bottom: 30px;
}
.test-ride-component .thank-you h4{
	width: 100%;
}
.test-ride-component h4 strong{
	font-family: 'gilroysemibold';
}
.test-ride-component .right-sec{
	padding: 0px 0 0 0px;
    max-width: 100%;
    width: 100%;
    float: right;
}
.test-ride-component .test-drive{width: 100%;float: left;background: #ffffff;padding: 20px 30px 30px 30px;box-shadow: rgb(0 0 0 / 14%) 0 0px 12px;height: 726px;}
.testride-sub-content{
	width:100%;float:left;
}
.testride-sub-content{
	width: 100%;
	float: left;
	font-size: 20px;
    color: #444;
    font-family: 'gilroyregular';
    margin-bottom: 30px;

}

.test-ride-component .form label{
	font-size: 11px;
	color: #444;
	font-family: 'gilroyregular';
	padding-left: 10px;
	margin: 0;
}

.test-ride-component .form .otp-box label{
	padding-left: 0;
}

.test-ride-component .form .field{
	display: flex;
	position: relative;

}
.test-ride-component .form .cityPin .input-field{
	display: flex;
	width: calc(100% - 27px);
	align-items: center;
}
.test-ride-component .form .field .img-icon{
	width: 27px;
	margin-right: 6px;
	text-align: left;
	align-items: flex-end;
    display: flex;
}
.test-ride-component .form .field .img-icon img {
    width: auto;
}
.test-ride-component .form .field .select-box{
	    width: 100%;
    display: inline-block;
    position: relative;
}
.test-ride-component .form .field .select-box select{
	width: 100%;
    padding: 8px 0px;
    font-size: 15px;
    border: none;
    border-bottom: solid 1px #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(https://cdn.bajajauto.com/images/bajaj-images/campaigns/platina-110-abs-on/drop-down-icon.png) 99% center no-repeat;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.test-ride-component .form .field .select-box select option{color: #000;}
.test-ride-component .form .field .select-box select:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.test-ride-component .form .form-control1{
	font-size: 15px;
	color: #444;
	height: auto;
	/*font-family: 'gilroyregular';*/
	width: 100%;
	border:0;
	border-radius: 0;
	border-bottom: 1px solid #e1e1e1;
	padding: 8px 0;
	font-family: inherit;
	font-weight: 400;

}
.test-ride-component .form .form-control1{
	outline: 0;
	box-shadow: none;
}
.test-ride-component .form .field a{
	font-size: 11px;
	color: #006AD0;
	font-family: 'gilroymedium';
	letter-spacing: 0.22px;
	line-height: 18px;
	border: 1px solid #006AD0;
	border-radius: 23px;
	padding: 6px 13px 4px 27px;
	display: inline-block;
	background: url(../../images/test-rides/direct-icon.png) 8px center no-repeat;
}
.test-ride-component .form .cityPin .input-field a{
	position: relative;
	margin-top:-7px;
}
.test-ride-component .form .field a:hover{
	text-decoration: none;
}
/*.test-ride-component .form .cityPin span{
	font-size: 14px;
	color: #444;
	font-family: 'gilroysemibold';
	text-transform: uppercase;
	display: inline-block;
	padding: 0 10px 0 5px;
}*/

.test-ride-component .form .field-grp{
	display: flex;
	justify-content: space-between;
	width: 70%;
}
.test-ride-component .form .field-grp input{
	width: 38px;
	background: transparent;
    padding: 16px 0px;
    margin-right: 4px;
    border-bottom: #444 solid 1px;
    border-radius: 0px;
    text-align: center;
}
.date-picker-chip:hover, .date-picker-chip.active {
	background: #006AD0 !important;
	color: #fff !important;
}
.date-picker-chip:hover p.calender-description, .date-picker-chip:hover p.calender-date{
	color: #fff;
}
.date-picker-chip.active .calender-description {
	color: #fff !important;
}
.date-picker-chip.active .calender-date {
	color: #fff !important;
}
.test-ride-component .form .time{
	font-size: 11px;
	color: #006AD0;
	font-family: 'gilroysemibold';
	width: 45%;
	padding-left: 10px;
	display: flex;
	align-items: center;
	position: absolute;
	right: -90px;
    bottom: 0;

}
.test-ride-component .form .time img {
    width: auto;
}

.test-ride-component .form .time span{display: inline-block; margin: 5px 0 0 2px;}

.test-ride-component .form .resend, .test-ride-component .form .sendOtp{
	font-size: 11px;
	color: #006AD0;
	font-family: 'gilroysemibold';
	width: 60%;
	cursor: pointer;
}
.test-ride-component .form .resend{
	padding-left: 10px;
	/*position: absolute;*/
   /* right: -115px;
    bottom: 0;*/
    float: left;
    padding: 10px 10px;
    text-align: center;
    font-size: 12px;
    width: 100%;
}

.test-ride-component .form .mobOtp{
	width: calc(100% - 27px);
	position: relative;
}
.test-ride-component .form .mobOtp .form-control1{
	width: 100%;

}
.test-ride-component .form .sendOtp{
	position: absolute;
	width: auto;
	top: 0;
	right: -50px;
	z-index: 9;
	cursor: pointer;
}


.test-ride-component .form  .custom-drop{
	position: relative;
	width: 100%;

}
.test-ride-component .form  .custom-drop .selected-text{
	font-size: 14px;
	color: #444;
	height: 25px;
	font-family: 'gilroyregular';
	width: 100%;
	border:0;
	border-radius: 0;
	border-bottom: 1px solid #e1e1e1;
	padding:2px 0 5px 0;
	line-height: 1.5;
	position: relative;
	background: url(/images/test-rides/down-arrow.png) 99% center no-repeat;
}
.test-ride-component .form  .custom-drop .customDrop-content{
	position: absolute;
	left: 0;
	width: 100%;
	top: 100%;
	padding: 0;
	background: #fff;
	box-shadow: 0px 0px 30px #00000026;
	z-index: 99;
	display: none;
	height: 114px;
	overflow: hidden;
}
/*.test-ride-component .form #fld_model .customDrop-content{height: 0;}*/

.test-ride-component .form .custom-drop ul li {
    cursor: pointer;
    font-size: 12px;
    color: #444;
    font-family: 'gilroyregular';
    display: block;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 25px;
    position: relative;
}
.green-disclaimer {
    font-size: 10px;
    font-family: 'gilroyregular';
    color: #444444;
    opacity: 0.6;
    text-align: right;
	padding: 0.5em 0;
	position: relative;
}
.green-disclaimer:after{
    content: "";
    background: #5ccb5c;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    display: inline-block;
    left: 36%;
    position: absolute;
    top: 11px;
    display: none;
}

.test-ride-component .form .custom-drop ul li.green::before {
    content: "";
    background: #5ccb5c;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    display: inline-block;
    left: 12px;
    position: absolute;
    top: 17px;
    display: none;
}
.test-ride-component .form .custom-drop ul li:hover {
    background: #ddd;
}
.test-ride-component .form  .custom-drop ul li span{
	font-size: 11px;
	color: #444;
	font-family: 'gilroyregular';
	opacity: 0.6;
}

.test-ride-component .form .checkbox-group{
	margin-top: 12px;
}
.test-ride-component .form .checkbox-group > div{
	margin-bottom: 15px;
}
.test-ride-component .form .highlight-cta{
	font-size: 14px;
	color: #fff;
	font-family: 'gilroymedium';
	background: #006ad0;
	border-radius: 23px;
	padding: 12px 38px;
	display: inline-block;
	margin: 15px 0;
	text-decoration: none;
	cursor: pointer;
	width: 100%;
	text-align: center;
}
.test-ride-component .form .highlight-cta:hover{color: #fff;background: #0062cc;}

.test-ride-component .form .disable {
	pointer-events: none !important;
	cursor: default !important;
	opacity: 0.4;
	width: 100%;
	text-align: center;
}

.test-ride-component .form .date-time-slot{
	display: flex;
	align-items: flex-end;
}

.test-ride-component .form .date-time-slot .form-group{
	margin-right: 15px;
	width: 100%;
}
.available_slots {
    float: left;
    width: 100%;
    display: flex;
}
.form .form-group {
    position: relative;
	margin-bottom: 4.5%;
}
.form .form-group.otp-box{margin-top: -8px;}
span.ErrorMessage {
    position: absolute;
    bottom: -18px;
    color: red;
    padding-left: 32px;
    font-size: 11px;
    width: 100%;
    z-index: 1;
    left: 0;
}

span#fld_otp_err{bottom: -26px;}

span#fld_date_err {
    bottom: -15px;
    line-height: 100%;
}
span#fld_mobile_err{bottom: inherit;display: inline-block;margin-top: 4px;}
.otp-box span.ErrorMessage{padding-left: 0px;}
span#chkWhatsappDisclaimer_err, span#chkDisclaimer_err{padding-left: 23px; bottom: -16px;}
span#fld_slot_err{bottom: 3px;}
span#fld_submit_err{left: 0;padding-left: 27px;bottom: -14px;}
.comment-box{position: relative;margin-bottom: 10px;}
textarea#otherReasonComment{    
	width: 100%;
    padding: 10px 10px;
    margin-bottom: 14px;
    border-radius: 4px;
}
span#fld_submit_err{font-weight: bold;font-size: 16px;}
#otherReasonComment_err{bottom: 0;padding-left: 0px;}

#cancelMsg{
	margin-bottom: 20px;
    padding: 10px 7px;
    width: 65%;
    font-size: 18px;
}

.test-ride-component .form .date-time-slot .form-group:first-child{
	width: 100%;
	position: relative;
}

.test-ride-component .form .optional{
	background: rgba(241,241,241,0.7);
	padding:15px 20px 20px;
	margin-bottom: 30px;
}
.test-ride-component .form .option-grp{
	display: flex;
	position: relative;
}

.test-ride-component .form .option-grp .form-group{
	padding-right: 15px;
	margin-bottom: 0;
}

.test-ride-component .form .optional label{
	color: #8B8B8B;
	padding: 0;
}
.test-ride-component .form .optional p{
	font-size: 12px;
	color: #444;
	font-family: 'gilroyregular';
	margin: 0 0 10px;
}

.test-ride-component .address-list{
	font-size: 12px;
	color: #444;
	font-family: 'gilroyregular';
	margin-bottom: 30px;
}
.test-ride-component .address-list .dealer{
	padding-left: 22px;
	position: relative;
	background: url(/images/test-rides/location.svg) left top no-repeat;
}

.test-ride-component .address-list .dealer.callAdd{
	background: url(/images/test-rides/phon-img.svg) left top no-repeat;
}

.test-ride-component .address-list h6{
	font-size: 11px;
	color: #8B8B8B;
	font-family: 'gilroyregular';
	margin: 0;
}
.test-ride-component .address-list a{
	font-family: 'gilroymedium';
	margin-top: 2px;
	display: inline-block;
	cursor: pointer !important;
}

.test-ride-component .explore-sec{
	display: flex;
	background: rgba(0,106,208,0.05);
	padding: 30px 25px;
	align-items: center;
	margin-top: 1em;
}
.test-ride-component .explore-sec h5{
	font-size: 18px;
	color: #444;
	font-family: 'gilroymedium';
}
.test-ride-component .explore-sec a{
	font-size: 12px;
	color: #006AD0;
	font-family: 'gilroymedium';
	border: 1px solid #006AD0;
	border-radius: 23px;
	display: inline-block;
	padding: 10px 16px;
	margin-left: 10px;
	text-decoration: none;
	transition: 0.6s;
}

.test-ride-component .explore-sec a:hover{
	background: #006AD0;
	border:1px solid #006AD0;
	color: #fff;
	transition: 0.6s;
}

.test-ride-component .btn-grp{
	margin-bottom: 60px;
}
.test-ride-component .blue-btn{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-family: 'gilroymedium';
	background: #006AD0;
	border:1px solid #006AD0;
	padding: 10px 34px;
	border-radius: 23px;
	text-decoration: none;
	margin-right: 11px;
	margin-left: 20px;
}
.test-ride-component .white-btn{
	display: inline-block;
	font-size: 14px;
	color: #006AD0;
	font-family: 'gilroymedium';
	background: #fff;
	border:1px solid #006AD0;
	padding: 12px 23px;
	border-radius: 23px;
	text-decoration: none;
	transition: 0.6s;
}

.test-ride-component .white-btn:hover{
	background: #006AD0;
	border:1px solid #006AD0;
	color: #fff;
	transition: 0.6s;
}

.popup-box .modal-content{
	padding: 35px 40px;
}
.popup-box .close{
	position: absolute;
	top:35px;
	right: 40px;
	opacity: 1;
}
.popup-box h2{
	font-size: 24px;
	color: #000000;
	font-family: 'gilroymedium';
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 20px;
	margin: 0 0 30px;
}
.popup-box .miss-out-list .image{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #006AD0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 0.5em;
}
.popup-box ul{
	margin-bottom: 30px;
}
.popup-box ul li{
	font-size: 12px;
	color: #444444;
	font-family: 'gilroymedium';
	line-height: 130%;
}
.popup-box .miss-out-list{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.popup-box .miss-out-list li{
	width: 33.33%;
	padding:10px;
}
.popup-box .blue-btn{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-family: 'gilroymedium';
	background: #006AD0;
	padding: 12px 45px;
	border-radius: 23px;
}
.popup-box .blue-btn:hover{
	text-decoration: none;
}
.cancel-component {
	max-width: 760px;
	margin: 50px auto 0;
	width: 100%;
}
.cancel-component > .row{
	height: auto;
}
.cancel-component > .row > div:first-child:before{
	display: none;
}
.cancel-component h2.black{
	margin-bottom: 5px;
}
.cancel-component .explore-sec{
	margin-top: 20px;
}
.cancel-component .explore-sec h5{
	font-family: 'gilroyregular';
	font-size: 24px;
}
.cancel-component .explore-sec a{
	padding: 10px 22px;
}
.cancel-component .top-content p{
	max-width: 530px;
	width: 100%;
	font-family: 'gilroyregular';
	font-size: 18px;
	color: #444;
	margin-bottom: 30px;
}
.cancel-component .top-content .blue-btn{
	margin: 10px 0 0 5px;
	padding: 11px 31px;
}

#cancel-reason .modal-content{
	background-color: #fff !important;
    border: 1px solid rgba(0,0,0,.2) !important;
}
#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    border-radius: 0;
    height: auto;
    top: auto;
    width: auto;
}
.date-overlay {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
	top: 60px;
    box-shadow: 0 2px 8px rgb(40 41 61 / 4%), 0 16px 24px rgb(96 97 112 / 16%);
	padding: 12px;
	background: #fff;
	display: none;
}	
.date-picker-chip {
    cursor: pointer;
    border: 0.5px solid rgba(0,0,0,.1);
    box-shadow: 0 2px 8px rgb(96 97 112 / 16%);
    border-radius: 2px;
    padding: 5px;
    margin: 4px 6px;
	text-align: center;
    display: inline-block;
	width: 28%;
}

.date-picker-chip p.calender-date {
    font-size: 13px;
    line-height: 15px;
    color: #888;
	margin-bottom: 0;
    padding-bottom: 2px;
}
.date-picker-chip p.calender-description {
    font-size: 14px;
    line-height: 16px;
    color: #181818;
    margin-bottom: 0;
    padding-bottom: 2px;
}
.calendar-button {
    margin-top: 12px;
    font-size: 13px;
    line-height: 15px;
    color: #006ad0;
	background: transparent;
}
#testRideDate input.date-change {
    border: none;
    border-bottom: 1px solid #e9e9e9;
    color: #000;
    font-size: 15px;
    padding-bottom: 8px;
	margin-left: 5px;
	width: 100%;
	background: #fff url(/images/test-rides/down-arrow.png) 99% center no-repeat;
}

#testRideDate .ui-datepicker-trigger, #testRideDate input.Calender-Button-label {
    background: transparent;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #006ad0;
    font-weight: bold;
    margin: 12px 0 0;
}


.ui-datepicker {
    width: 20em;
}
.ui-datepicker td span, .ui-datepicker td a{
	    padding: 12px 12px!important;
	    border-radius: 50%!important;
}
.ui-widget-header .ui-icon{background-position: -32px 0!important;}
.ui-datepicker .ui-datepicker-prev span{background-position: -96px 0!important;}

.ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: none;
	font-weight: normal;
}
.ui-datepicker th {
    padding: 0.5em 0.2em;
    text-align: center;
    font-weight: normal;
    border: 0;
}
#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default {
    border: none;
    background: transparent;
    border-radius: 0;
    height: auto;
    top: auto;
    width: auto;
    font-size: 15px;
}
a.ui-state-default.ui-state-hover{
	background: #006ad0 !important;
	color: #fff !important;
}
.ui-widget-content {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
    border-radius: 5px !important;
}
.modal-backdrop.show {
    opacity: .7;
}
.modal-dialog {
    max-width: 550px;
}
#miss-out .modal-content {
    background-color: #fff!important;
    border: none!important;
	border-radius: 0 !important;
}
.popup-box .miss-out-list li img {
    width: auto;
}
.Calender-Button-label {
    display: none;
}
span.chnage-date-text{
	position: absolute;
    right: 20px;
    top: 6px;
    font-size: 11px!important;
    text-transform: capitalize!important;
    color: #006AD0!important;
    cursor: pointer;
}

.modal {
	position: fixed !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%);
	left: 50% !important;
	margin: 0 0% !important;
}

.popup-box .modal-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.cancel-ride .top-content {
	margin-bottom: 30px;
}
.infopopup .modal-content{background-color: #fcfcfc!important;}
.infopopup .modal-content .info-text{width: 100%;float: left;padding: 30px 15px;}
.infopopup .close{top: 19px;right: 17px;}
.overlay-loader{width: 100%;float: left;height: 100vh;position: fixed;background:rgba(0, 0, 0, 0.7);display: none;z-index:9991;left: 0;top: 0;}
.overlay-loader .loader{position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width:100%;;text-align: center;z-index: 9;}
.overlay-loader .loader img{width: 100px;}
.infopopup.show{background:rgba(0, 0, 0, 0.7);}
/*.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #006ad0;
  background: #006ad0 url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x!important;
  font-weight: normal;
  color: #fff;
}*/

#fld_model_search{
	width: 100%;
    padding: 16px 10px;
    margin: 0;
    border-bottom: #eaeaea solid 1px;
    position: relative;
}
#mCSB_1_container:after{
	content: "";
    position: absolute;
    top: 5px;
    right: 9px;
    width: 20px;
    height: 20px;
    background: url(../../images/test-rides/search-icons.png) no-repeat top center;
    background-size: cover;
    background-position: 0px 1px;
}

.undermaintainence{width: 100%;display: flex;justify-content: center;align-items: center;min-height: 50vh;height: 100%;}
.undermaintainence .under-maintaince-main{width: 100%;}
.undermaintainence .under-maintaince-main .underm-icon{width: 120px;text-align: center;height: 120px;display: flex;margin: 0 auto;border: #dedede solid 1px;border-radius: 50%;}
.undermaintainence .under-maintaince-main .underm-icon img{max-width:100%;text-align: center;padding: 10px;}
.undermaintainence .underm-content{width: 100%;text-align: center;    margin-top: 15px;}
.undermaintainence .underm-content p{width:100%;font-size:2em;font-family: 'gilroysemibold';color:#006ad0;text-align: center;line-height: 120%;}
.undermaintainence .underm-content span{width: 100%;color: #444;font-size:1.4em;font-family: 'gilroyregular';text-align: center;margin-top: 17px;
    display: inline-block;}

    .test-ride-component.thrilling-wrap {height: calc(100vh - -130px);}

/***** finanace thank you css ***/
   
   .test-ride-component .explore-sec.finance-journy-thank{width: 100%;flex-wrap: wrap;margin-bottom: 30px;}
   .finance-thank-div{display: flex;width: 100%;border-bottom: #c9e3ff solid 1px;padding: 0px 0 23px;    margin-bottom: 30px;}
   .finance-thank-div .finance-congts{display: flex;width: 70%;}
   .finance-thank-div .finance-congts img{width: 80px;}
   .finance-thank-div .finance-congts .congats-text{display: flex;justify-content: flex-start;align-items: center;    font-family: 'gilroymedium';
    font-size: 20px;line-height: normal;padding: 0 10px;}
   .finance-proceed-btn{display: flex;width: 30%;align-items: center;}
   .finance-proceed-btn a{text-decoration: none;background: #006AD0;border: 1px solid #006AD0;color: #fff!important;padding: 10px 32px!important;}
   .finance-proceed-btn a:hover{color: #006AD0!important;border: 1px solid #006AD0;background: transparent!important;}

/****** end of finance thank you css ****/

.ui-widget-content{width: auto!important;}
.test-ride-component .form .field.cityPin input{
	width: 100%;
	border:none; 
	border-bottom: solid 1px #ccc;
	padding: 8px 0;
}
.container-test-ride{float: left;width: 100%;margin-top: 0px;}
.container-test-ride.thanks-container{height: 87vh;}
.container-test-ride.thanks-container .test-ride-component{ height: 100%;}
.container-test-ride.thanks-container .test-ride-component .right-sec{height: 100%;}
.thanks-icon {width: 100%;}
.thanks-icon img {max-width: 140px;}
.thank-you{width: 100%;text-align: center;}
.overlay-otp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 991;
    background: rgba(0, 0, 0, 0.65);
    display: none;
}
.overlay-otp .otp-popup {
    max-width: 350px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 0px;
}
.overlay-otp .otp-popup .optp-text {
    width: 100%;
    float: left;
    padding: 40px 20px;
}
.close-icn {
    position: absolute;
    right: 0;
    width: 30px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
    z-index: 1;
}
.overlay-otp .otp-popup .optp-text h2 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 600;
    margin-bottom: 10%;
    color: #444;
}
.test-ride-component .form .overlay-otp .field{float: left;width: 100%;display: inherit;}
.test-ride-component .form .overlay-otp .field-grp{width: 100%;display: inline-block;text-align: center;position: relative;}
.test-ride-component .form .overlay-otp .field-grp input{display: inline-block;padding: 4px 0px 5px 0px;}
.test-ride-component .form .checkbox-group .input-group{align-items: center;width: 100%;justify-content: center;margin-bottom: 4%;}
#sidebar-form.sticky {
    position: fixed;
    top: 5px;
    right: 5.7%;
    width: 24%;
    z-index: 91;
}

.header-main {
    width: 100%;
    float: left;
    padding: 15px 0;
}

.header-main .header-logo {
    width: 100%;
    float: left;
    text-align: center;
}
.header-main .header-logo img {
    width: 40px;
}
.footer-copyright {
    border-top: #e1e1e1 solid 1px;
}

.checkbox-group .checkbox-label {
    font-size: 14px !important;
    color: #444444;
    padding-left: 0px;
    position: relative;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.what-icon{width: 13px;display: inline-block;}
.chekboxdisc {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    left: 10px;
}
.chekboxdisc input[type="checkbox"], .chekboxdisc input[type="radio"] {
    position: absolute;
    visibility: hidden !important;
    display: none;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.chekboxdisc input:focus ~ label, .chekboxdisc input:valid ~ label {
    top: 2px;
    font-size: 12px;
}
.chekboxdisc label {
    cursor: pointer;
    padding-right: 35px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    padding: 5px 8px;
}
.chekboxdisc input[type="checkbox"] + label:before, .chekboxdisc input[type="radio"] + label:before {
    width: 30px;
    height: 16px;
    right: 0px;
    background: #808080;
    border: 1px solid #e4e3e1;
    border-radius: 15px;
}
.chekboxdisc input[type="checkbox"] + label:before, .chekboxdisc input[type="radio"] + label:before, .chekboxdisc input[type="checkbox"] + label:after, .chekboxdisc input[type="radio"] + label:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    box-sizing: border-box;
}
.chekboxdisc input[type="checkbox"]:checked + label:before, .chekboxdisc input[type="radio"]:checked + label:before {
    background: #006ad0;
}

.chekboxdisc input[type="checkbox"]:checked + label:after, .chekboxdisc input[type="radio"]:checked + label:after {
    right: 0px;
    background: #fff;
}
.chekboxdisc input[type="checkbox"] + label:before, .chekboxdisc input[type="radio"] + label:before, .chekboxdisc input[type="checkbox"] + label:after, .chekboxdisc input[type="radio"] + label:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    box-sizing: border-box;
}
.chekboxdisc input[type="checkbox"] + label:after, .chekboxdisc input[type="radio"] + label:after {
    width: 15px;
    height: 15px;
    right: 14px;
    background: #fff;
    border-radius: 50%;
    transition: all 200ms ease-out;
    top: 5px;
}

.test-ride-component .form .form-control1 input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #444444;opacity: 1;
}
.test-ride-component .form .form-control1 input::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #444444;opacity: 1;
}
.form-control1 input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #444444;opacity: 1;
}
.form-control1 input::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #444444;opacity: 1;
}

.footer-copyright .text-center{font-size: 13px;padding: 10px 0;margin-bottom: 0;}
.test-ride-component .w70{padding: 0;flex: 0 0 70%;max-width: 70%;}
.test-ride-component .w30{margin-left: 2%;flex: 0 0 27%;max-width: 27%;padding: 0;}

@media screen and (max-width: 1680px){
  .test-ride-component .test-drive{height: auto;}
}

@media screen and (max-width: 1440px){
  .test-ride-component{margin-bottom: 100px;}
  .test-ride-component{width: 88%;}
}

@media screen and (max-width: 1366px){
	.test-ride-component .right-sec{padding: 0px 0 0 0px;}
	.test-ride-component {/*height: calc(90vh - 8px);*/height:auto;}
	.test-ride-component .form .checkbox-label{padding-left: 0px;}
	.checkbox-group .checkbox-label{    font-size: 12px !important;}
}

@media only screen and (max-width:1280px){
	.test-ride-component{
		height: auto;
	}
	.test-ride-component.thrilling-wrap {
    height: auto;
	}
   
	.test-ride-component .form .field-grp input{width:30px;}
	.test-ride-component .form .resend{right: -90px;}
	.test-ride-component .form .time{    right: -65px;}
	.undermaintainence .under-maintaince-main{margin-top: -90px;}
	.undermaintainence{min-height: 73vh;}
	.test-ride-component .right-sec{width: 100%;}
}

@media screen and (max-width: 1024px){
	.test-ride-component .right-sec{padding: 0px 0 0 0px;}
	.test-ride-component h2{    font-size: 20px;}
	.test-ride-component .test-drive{height:auto;padding: 10px 15px;}
   .test-ride-component{width: 90%;}
}
@media only screen and (max-width:992px){
	
	.test-ride-component .mob-text, .test-ride-component .mob-text .top-content,
	.test-ride-component .mob-text .top-content h2{
		display: block;
	}
	.test-ride-component h2{
		margin-bottom: 20px;
		font-size: 28px;
	}
	.test-ride-component h4{
		font-size: 17px;
	}
	.test-ride-component > .row > div:first-child{
		margin-bottom: 20px;
	}
	.test-ride-component > .row > div:first-child:before{
		width: 100%;
		height: calc(100% - 15px);
	}
	.container-test-ride.thanks-container .test-ride-component > .row > div:first-child:before{height: auto;}
	.test-ride-component .image{
		position: relative;
	}
	.test-ride-component .right-sec{
		padding-left: 0;
	}
	.test-ride-component .form .date-time-slot{
		flex-wrap: wrap;
	}
	.test-ride-component .form .date-time-slot .form-group{
		margin-right:1%;
		margin-left: 1%;
	}
	.test-ride-component .form .date-time-slot .form-group:first-child {
		width: auto;
		margin-right: 0;
		min-width: 49%;
	}
	div#testRideDate {
    	width: 100%;
	}
	.popup-box h2{
		padding: 0 0 10px;
		margin: 0 0 15px; 
	}
	.test-ride-component .image {
    left: 0;
    right: 0;
    text-align: center;
    top: 18px;
    min-height: 305px;
    background: transparent;

}

	.test-ride-component .image img{
		max-width: 500px;
	}
	.cancel-component .top-content, .cancel-component .top-content h2{
		display: block !important;
	}
	.cancel-component > .row > div:first-child{
		margin-bottom: 0;
	}
	.cancel-component .explore-sec h5{
		font-size: 18px;
	}
	.date-picker-chip {
    	width: 45%;
	}
	.modal{
		position: absolute;    
		width: 96%;
        margin: 0 2%;
        top: 27%;
  }
  .popup-box .close{top: 22px;right: 13px;}
  .ui-datepicker{width: 18em;}
  .ui-datepicker td span, .ui-datepicker td a{ padding: 10px 12px!important;}
  .test-ride-component{width: 100%;    margin-bottom: 50px;}
  .test-ride-component .test-drive{height: auto;}
  .test-ride-component .test-drive{padding: 25px 18px;}
  .test-ride-component .right-sec{padding: 0px 0 0 0px;}
  .container-test-ride{margin-top: 0;}
  .overlay-otp .otp-popup{max-width: 90%;}
  .test-ride-component .w70{flex: 0 0 100%;max-width: 100%;}
  .test-ride-component .w30{margin-left: 0;flex: 0 0 100%;max-width: 100%;padding: 0px 15px;}
}

@media only screen and (max-width:767px){
	.test-ride-component .form .time img{display: none;}
	.test-ride-component .form .optional{
		margin-bottom: 30px;
	}
	.test-ride-component .form .option-grp {
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.test-ride-component .form .option-grp .form-group{
		margin-bottom: 10px;
	}
	.test-ride-component .address-list{
		margin-bottom: 0;
	}
	.test-ride-component .address-list > div{
		margin-bottom: 20px;
	}
	.test-ride-component .form .highlight-cta{
		width: 100%;
		text-align: center;
	}
	.test-ride-component .explore-sec{
		flex-wrap: wrap;
		padding: 15px;
	}
	.test-ride-component .explore-sec h5{
		width: 100%;
		margin-bottom: 10px;
	}
	.test-ride-component .explore-btn-grp{
		display: flex;
	}
	.test-ride-component .explore-btn-grp a{
		margin:0;
		padding: 10px 15px;
	}
	.test-ride-component .explore-btn-grp a + a{
		margin-left: 10px;
	}
	.test-ride-component .btn-grp a + a{
		margin-top: 10px;
	}
	.test-ride-component .btn-grp a{
		width: 100%;
		text-align: center;
	}
	.popup-box .modal-content{
		padding: 20px 15px;
	}
	.popup-box .modal-dialog-centered{
		align-items: flex-end;
		min-height: 100%;
		margin: 0;
	}
	.popup-box.fade .modal-dialog{
		-webkit-transform:translate(0,100%);
		-moz--transform:translate(0,100%);
		transform: translate(0,100%);
	}
	.popup-box.show .modal-dialog{
		-webkit-transform: none;
		-moz-transform: none;
    	transform: none;
	}
	.popup-box .miss-out-list{
		text-align: left;
	}
	.popup-box .miss-out-list li{
		width: 100%;
		display: flex;
    	align-items: center;
    	padding: 10px 0;

	}
	.popup-box .miss-out-list .image{
		margin:0 10px 0 0;
		width: 56px;
		height: 56px;
	}
	.popup-box .blue-btn{
		width: 100%;
		text-align: center;
	}
	
	.test-ride-component .image img{
		max-width: 350px;
	}
	.cancel-component .top-content p{
		font-size: 16px;
	}
	span#fld_submit_err{bottom: -38px;}
	.test-ride-component.thrilling-wrap .form{    margin-bottom: 47px;}
	#cancelMsg{width: 100%;}
	.test-ride-component .blue-btn{margin-top: 10px;margin-left: 0px;}
	.modal{
		position: fixed;    
		top: 20%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        left: 50%;
        margin: 0 0%;
   }

   .form .form-group.otp-box{padding: 0 32px;}
   .test-ride-component .form .time{right: -65px;}
   .test-ride-component .form .resend {right: -100px;}
   .test-ride-component .form .field-grp input {width: 34px;}

   .undermaintainence{margin-top: -50px;}
   .undermaintainence .underm-content p{font-size: 1.3em;}
   .undermaintainence .underm-content span{font-size: 1em;}
   .undermaintainence{min-height: 50vh;}

   .finance-thank-div{flex-direction: column;}
   .finance-thank-div .finance-congts{width: 100%;}
   .finance-proceed-btn{width: 100%;flex-wrap: wrap;justify-content: center;margin-top: 24px;}
}

@media screen and (max-width: 480px){
	.test-ride-component .form .date-time-slot .form-group:first-child{
		margin-right: 6px;min-width: 50%;}
		.test-ride-component .form .option-grp{justify-content: left;}
		.test-ride-component .form .option-grp .form-group{width: 50%;}
		.test-ride-component .image{    min-height: 241px;}
}

@media only screen and (max-width:360px){
.test-ride-component .image img{
		max-width: 300px;
	}
	
}