*{font-family: 'Blender-Pro-Heavy', sans-serif;box-sizing:border-box;outline:none}
@font-face {
    font-family: 'Trade-Gothic-LT';
    src: url('../fonts/Trade-Gothic-LT.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Trade-Gothic-LT-Bold';
    src: url('../fonts/Trade-Gothic-LT-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Blender-Pro-Heavy';
    src: url('../fonts/Blender-Pro-Heavy.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Blender-Pro-Bold';
    src: url('../fonts/Blender-Pro-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'BlenderPro-Medium';
    src: url('../fonts/BlenderPro-Medium.woff') format('woff');
    font-display: swap;
}
html,body{padding:0; margin:0; font-family: 'Blender-Pro-Heavy', sans-serif;}
/* ---Custom Scrollbar CSS Starts Here--- */
::-webkit-scrollbar{height:5px;width:8px;border-radius:18px}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:#b7b7b7;border-radius:18px}
::-webkit-scrollbar-thumb:hover{background:#555;}
/* ---Custom Scrollbar CSS Ends Here--- */
a{color: #ff6600;}
img{border:none}
.header{
	width:100%;height:64px;box-shadow:0px 4px 12px 3px rgba(120, 120, 120, 0.14);justify-content: space-between;
	background-color:rgb(42, 42, 42) ;padding-right: 3rem!important;padding-left: 3rem!important;position: sticky;z-index: 2;
}
label span{color: #c92a1c;}
h6 span{color: #c92a1c;}
.inr-font{font-family: 'Blender-Pro-Heavy'; margin-right: 2px;}
.header .login-blk{color:#ffffff;font-size: 14px; display: flex;align-items:center; letter-spacing: 2px;}
.header .login-blk .icon{margin-right:8px; position: relative; top: -2px;}
.sticky-tabs{position: fixed;width: calc(100% - 456px);background: #fff;top: 60px; padding: 20px 0; z-index: 1;}
.sticky-tabs .top-section h1{font-size: 26px; text-align: left;}
.sticky-tabs .top-section h2.sub-heading.selecturmodel{font-size: 20px; font-weight: normal;}
/*.body-content h1{font-size: 28px; text-align: left;}*/
.tab-content{padding-top: 90px;}
.listing-blk .img-zoom{transition: transform .5s ease;}
.listing-blk .img-zoom:hover{transform: scale(1.1);}
.col01{min-width:80px;}
.main-wrap{display: flex}
.main-wrap .section-side{width:375px;background:#f46400  no-repeat bottom center;}
.main-wrap .body-content{width:calc(100% - 347px);height: calc(100vh - 64px);padding: 40px 23px;}
.main-wrap .body-content .sub-heading{color:#444;font-size: 24px;}

.main-wrap .body-content .nav-tabs{border-bottom:none}
.main-wrap .body-content .nav-tabs .nav-item.show .nav-link, .main-wrap .body-content .nav-tabs .nav-link.active{
	    color:#006AD0;border: none;
    border-bottom: 2px solid #006AD0;
}
.main-wrap .body-content .nav-tabs .nav-link{
	color:#5d5d5d; border:none;outline:none;
	margin-right: 19px;margin-left: 19px;padding-left:0;padding-right:0;transition:all 0.26s
}
.main-wrap .body-content .nav-tabs .nav-item:first-child .nav-link{margin-left:0}
.main-wrap .body-content .tabs-wrap{width:100%;justify-content: space-between}

.main-wrap .body-content .search-blk{position: relative;}
.main-wrap .body-content .search-blk .input{width: 310px;height: 38px;border:1px solid #CDCED5;border-radius: 8px;padding-left: 40px;}
.main-wrap .body-content .search-blk .input::placeholder{color:#9B9FB0}
.main-wrap .body-content .search-blk .icon.forSearch{width:17px;height:auto;top: 0;bottom: 0;left: 19px;right: auto;margin: auto;position: absolute;}

.main-wrap .body-content .tab-content-wrap{padding:22px 0}
.main-wrap .body-content .tab-content-wrap .listing-blk{
	/*width:310px;*/width:calc(calc(100% - 2.4rem ) / 3);height:180px;background-color: #f7f7f7;border-radius: 8px;
	margin-right:0.8rem;margin-bottom:0.8rem;align-items: center;justify-content: end;flex-direction: column;display: flex;
}
.main-wrap .body-content .tab-content-wrap .listing-blk .vehicle-img{width:206px;height:144px;margin: auto;display: block;}
.main-wrap .body-content .tab-content-wrap .listing-blk .blk-title{
	color: #444;font-size: 16px; text-align: center;line-height: normal;padding-bottom: 10px;
}

.main-wrap{width:100%;height:calc(100vh - 64px);display: flex}
.main-wrap .section-side{
	width:374px;height:100%;/*background: #F7F7F7 url('../images/bike-graphic-new.png') center bottom no-repeat;*/background-size:100% auto;flex-shrink:0;
}
.main-wrap .section-side .process-points{margin-top: 34px}
.main-wrap .section-side .process-points .step{width: 290px;height:auto;margin: auto;border-bottom:1px solid #e1e1e1;line-height:normal; color: #ffffff;}
.main-wrap .section-side .process-points .step .icon.checkmark-circle{margin:16px 16px 16px 0;line-height:normal}
.main-wrap .body-content{width: calc(100% - 347px);height: calc(100% - 0px); padding: 40px 23px 30px 40px; overflow: auto;}

.main-wrap .body-content .top-section{/*position: sticky;top: 0;*/background-color: #ffffff;}
/*.tabs-wrap{position: sticky; top: 0;}*/
.hd-section{background: #ffffff; position: sticky; top: 0; padding-top: 40px;}
.main-wrap .body-content .sub-heading{color:#262626;font-size: 26px; font-family: 'Blender-Pro-Heavy'; text-transform: uppercase; letter-spacing: -1px;}

.main-wrap .body-content .nav-tabs{border-bottom:none}
.main-wrap .body-content .nav-tabs .nav-item.show .nav-link, .main-wrap .body-content .nav-tabs .nav-link.active{
	    color:#ff6600;border: none;
    border-bottom: 2px solid #ff6600;
}
.main-wrap .body-content .nav-tabs .nav-link{
	color:#5d5d5d; border:none;outline:none;
	margin-right: 19px;margin-left: 19px;padding-left:0;padding-right:0;transition:all 0.26s
}
.main-wrap .body-content .nav-tabs .nav-item:first-child .nav-link{margin-left:0}
.main-wrap .body-content .tabs-wrap{width: 100%;justify-content: space-between;*position: sticky;top: 37px;background-color: rgba(255,255,255,0.7);}

/*.main-wrap .body-content .search-blk.mobile-search{display:none !important}*/
.main-wrap .body-content .search-blk{position: relative;}
.main-wrap .body-content .search-blk .input{width: 310px;height: 38px;border:1px solid #CDCED5;border-radius: 2px;padding-left: 40px;}
.main-wrap .body-content .search-blk .input::placeholder{color:#9B9FB0}
.main-wrap .body-content .search-blk .icon.forSearch{width:17px;height:auto;top: 0;bottom: 0;left: 19px;right: auto;margin: auto;position: absolute;}

/*.main-wrap .body-content .login-blk .text, .main-wrap .body-content .login-blk .link{color: #444444;font-size: 16px;font-family: 'poppinssemibold';}
.main-wrap .body-content .login-blk .link{color:#006AD0}*/
.header .login-blk .link{color: #ffffff;font-size: 14px;display: flex; text-decoration: underline; margin-left: 3px; font-weight: 500;}
.header .login-blk .link:hover{color: #ff6600;}

.main-wrap .body-content .tab-content-wrap{padding:22px 0}
.main-wrap .body-content .tab-content-wrap .listing-blk,
.main-wrap.congratulations-page .section-side .listing-blk{
	width:calc(calc(100% - 2.4rem ) / 3);height:200px;background-color: #fbf5f0;border-radius: 8px;
	margin-right:0.8rem;margin-bottom:0.8rem;align-items: center;justify-content: end;flex-direction: column;display: flex;
}
.main-wrap.congratulations-page .section-side .listing-blk{
	width: 100%;max-width: 328px;height: auto;background-color: #fff;margin: 0px auto;justify-content: start
}
.aside-inner{padding-top: 0 !important;}

.main-wrap .body-content .tab-content-wrap .listing-blk .vehicle-img,
.main-wrap.congratulations-page .section-side .listing-blk .vehicle-img{width:100%;max-width:206px;height:auto;/*height:144px;*/margin: auto;display: block; cursor: pointer;}
.main-wrap.congratulations-page .section-side .listing-blk .vehicle-img{margin:0 auto}

.main-wrap.congratulations-page .section-side .listing-blk .variant-colour{width:100%; padding: 0 15px;}
.main-wrap.congratulations-page .section-side .listing-blk .variant-colour .variant-blk,
.main-wrap.congratulations-page .section-side .listing-blk .variant-colour .colour-blk{width:100%;padding-bottom:4px;display: flex}

.main-wrap.congratulations-page .section-side .listing-blk .variant-colour .label{color:#000;font-size: 12px; font-style: italic; justify-content: center; font-weight: 600;}
.main-wrap.congratulations-page .section-side .listing-blk .variant-colour .value{color:#444;font-size: 12px;font-family: 'Blender-Pro-Heavy'}
.main-wrap.congratulations-page .section-side .listing-blk .variant-colour .label,
.main-wrap.congratulations-page .section-side .listing-blk .variant-colour .value{width:50%;display:flex;}

.main-wrap .body-content .tab-content-wrap .listing-blk .blk-title,
.main-wrap.congratulations-page .section-side .listing-blk .blk-title{
	 	color: #444;text-align: center;font-size: 16px; line-height: normal;
    padding-bottom: 10px;width: 100%;margin-bottom: 8px; font-family: 'Blender-Pro-Heavy';
}
.main-wrap.congratulations-page .section-side .listing-blk .blk-title{padding:10px 2px}
.variant-colour table tr td.td-text{border: 0; font-size:12px; letter-spacing: -0.5px; color:#000; font-weight: 600; font-style: italic;}
.variant-colour table tr td{font-size: 12px; border: 0;}
.variant-colour table tr td:nth-child(1){width: 60%;}

.nav .btn.btn-fill, .apply-btn{color:#fff;font-size:16px;background-color: #ff6600;margin-right:16px; font-family: 'Blender-Pro-Heavy'; position: relative; z-index: 1; padding: 10px;}
.nav .btn.btn-fill:after, .apply-btn:after{content: ''; width: 0; height: 100%; position: absolute;background: #fff;left: 0;top: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.nav .btn.btn-fill:hover, .apply-btn:hover{border: 1px solid #ff6600; color: #ff6600; background: #ffffff;}
.nav .btn.btn-fill:hover:after, .apply-btn:hover:after{width: 100%;}
.nav .btn.btn-clear{color:#006AD0;font-size: 16px;background-color: #ffffff;border-color:#007BFF !important;margin-right:20px;}
.nav .icon.search{margin-right:20px}
.nav .btn.btn-fill.proceed-btn{width: 100%; margin-right: 0px; pointer-events: none; opacity: .6; margin: 15px 0 0 0; font-family: 'Blender-Pro-Heavy';}
.nav .btn.btn-fill.proceed-btn:focus{box-shadow: none;}
.nav .btn.btn-fill.proceed-btn.show{pointer-events: inherit; opacity: 1;}
.nav .btn{padding:10px 21px;transition:all 0.26s}
.nav .btn:hover{box-shadow:0px 1px 10px -5px #000}
.color-code{color: #ffffff; font-size: 14px;}

.back_to_home{color: #ffffff; background: #ff6600; margin: 10px 0 0 0; text-decoration: none; padding: 15px 0px; text-align: center; width: 200px; margin: 0 auto; border-radius: 4px;}
.back_to_home:hover{color: #ffffff; background: #2a2a2a;}

.listingmodal .vehicle-blk{height:auto;background-color: #fbf5f0;border-radius: 12px; text-align: center; flex-shrink: 0; margin-bottom: 10px; padding-bottom: 10px;}
.listingmodal .vehicle-blk .title{font-size: 16px; color: #444444; font-weight: bold;}
.listingmodal .modal-dialog{width: 100%;max-width: 880px;height: 320px;}
.listingmodal .modal-dialog .modal-content .modal-body{*display: flex; padding: 12px 24px 24px 24px;}
.listingmodal .modal-header{border: none;}
.listingmodal .modal-header button{ padding-right:30px; }
.listingmodal .modal-header .btn-close{background: url(../images/close-icon-chetak.svg) no-repeat; opacity: 1; width: auto; height: auto; position: relative; top: 4px; right: -20px;}
.listingmodal .modal-header .btn-close:focus{box-shadow: none;}
.listingmodal .modal-dialog .modal-content .modal-body .content-blk{padding-left:0px}
.listingmodal .modal-dialog .modal-content .modal-body .content-blk > .title{
	color: #444;font-size: 18px;line-height: normal;height: 52px;
  display: flex;justify-content: space-between;align-items: start;padding-top: 5px;
}

.listingmodal .modal-dialog .modal-content .modal-body .variants-blk .title{
	color:#262626; font-size: 14px; line-height: normal;height:24px;
}

/*.btn.back-btn, .btn.proceed-btn{width: 100%;height:48px;} .btn.btn-fill.proceed-btn{margin-right:0}*/

/* The container */
.variants-blk .container {
  color:#9B9FB0;display: block;position: relative;padding-left: 16px;margin-bottom: 12px;cursor: pointer;font-size: 16px;line-height:24px;
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
  width:240px;height:48px;border:1px solid #CDCED5;display: flex;align-items: center;justify-content: start;
}
.variants-blk .container_round {
	width: 40px;height: 40px;border-radius: 50%;margin-right: 15px;cursor: pointer;
}
.variants-blk .container_round.active::before {
	content: "";margin:auto;position: absolute;left: 8%;top: 54%;background: url(../images/check-icon_d2c.svg) no-repeat;width: 20px;height: 20px;
}
/* Hide the browser's default checkbox */
.variants-blk .container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;
}
.variants-blk{margin-top: 30px; max-height: 246px; overflow: auto;}
.duel-single-block{display: flex; align-items: center; justify-content: space-between;}
.duel-single-block .varient-block{width: 48% !important; margin: 0px;}
.varient-block.activate{border-color: #006AD0 !important;}
.duel-single-block .varient-block input:checked ~ .checkmark{background: url(../images/blue-check.png) no-repeat; width: 20px; height: 20px; background-size: 18px; border-color: #007bff;}
.duel-single-block .varient-block input:checked ~ .checkmark:after {display: none !important;}

/* Create a custom checkbox */
.variants-blk .checkmark {
	width: 20px;height: 20px;margin:auto;position: absolute;top: 0;right:14px;bottom:0;left: auto;background-color: #fff;border:1px solid #CDCED5;border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.variants-blk .container:hover input ~ .checkmark {background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.variants-blk .container input:checked ~ .checkmark {background-color: #ff6600; border-radius: 50%;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;
}

/* Show the checkmark when checked */
.variants-blk .container input:checked ~ .checkmark:after {display: block;
}

/* Style the checkmark/indicator */
.variants-blk .container .checkmark:after {
	left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
	left: 0;top: 0;width: 8px;height: 8px;border: solid white;border-width: 3px 3px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
    border-radius: 50%;background-color: #fff;margin: auto;right: 0;bottom: 0;
}

.variants-blk.select-colour-blk .container{width:40px;height:70px;border:none;padding:0;margin:0 22px 0 0}
.variants-blk.select-colour-blk .container .checkmark{width:48px;height:48px;left:0;right:auto;}

.variants-blk.select-colour-blk .container .checkmark:after{  
	left: 0;top: -4px;width: 10px;height: 20px;border: solid white;border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-ms-transform: rotate(45deg);
    margin: auto;right: 0;bottom: 0;border-radius: 0;background:none ;
}
.variants-blk.select-colour-blk .container.blue-blk input ~ .checkmark{background-color: #231F20;border:1px solid #231F20}
.variants-blk.select-colour-blk .container.red-blk input ~ .checkmark{background-color: #E2302A;border:1px solid #E2302A}
.variants-blk.select-colour-blk .container.grey-blk input ~ .checkmark{background-color: #006BBD;border:1px solid #006BBD}
/*.variants-blk.select-colour-blk .container:hover input ~ .checkmark{background: none}*/

.congratulations-page .body-content{padding:0}
.congratulations-page .congratulations-blk{text-align:center;width:100%;height:auto;background-color:#0098601A;padding:22px}
.congratulations-page .congratulations-blk .congrats-text{color: #444;font-size: 24px; line-height: normal;margin:7px auto 0;}
.congratulations-page .congratulations-blk .congrats-caption{color:#444;font-size: 18px; line-height: normal;margin:11px auto;}

.rejection-block{background: #f8d7da !important;}
.rejection-block .congrats-caption{color: #000000 !important;}
.rej-voucher-steps{display: block !important; text-align: center; margin: 0 auto;}
.rej-voucher-steps .steps-block{margin: 0 auto;}
.our-financiers{margin: 15px 0 0 0;}
.our-financiers h2{font-size: 24px; font-weight: bold; margin-bottom:15px;}
.our-financiers article {display: flex; justify-content: center;}
.our-financiers article span{width: 150px; height: 70px; border: 1px solid #eaeaea; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.container.voucher-blk{width:252px;}


.offer-card{/*display: flex;align-items: center;*/ display: flex;
    grid-template-columns: repeat(6, 1fr);
    padding: 0px 24px; /*gap: 10px;width: 977px;*/min-height: 150px; background: #FFFFFF;box-shadow: 0px 2px 8px rgba(96, 97, 112, 0.16);border-radius: 4px; font-family:'Trade-Gothic-LT';}

/*.container-ms{max-width: 977px;}*/
.offer-filter{display: flex; grid-template-columns: repeat(6, 1fr); /*gap: 0 10px;*/ padding: 0px 24px;}
.bank-logo{min-width: 120px;flex: 0 0 50px;flex-grow: 0;flex-shrink: 0;flex-basis: 120px;}
.filter-out a{font-style: normal;font-weight: 400;font-size: 12px;line-height: 22px;color: #006AD0; text-decoration: none;}
.emi-filter{margin-right: 60px;}
.fee-filter{margin-right: 30px;}
.emi-price:before{content: ""; border-left: 1px solid rgba(0, 0, 0, 0.5); padding-left: 20px; padding-right: 20px;}
.view-details:before{content: ""; border-left: 1px solid rgba(0, 0, 0, 0.5); padding-left: 40px; display: none;}
.view-details a{ font-style: normal;font-weight: 400;font-size: 14px;line-height: 22px;text-align: center;color: #ff6600 !important; font-weight: bold; text-decoration: none; white-space: nowrap;}
.offer-card{ font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #444444; transition: 0.8 cubic-bezier(0.51,0.61,0,2.3);background: rgba(255, 255, 255, 0.70) !important;}
.download-btn{ /*width: 183px;height: 40px;line-height: 24px;*/ width: 180px; padding: 11px 16px;background: #ffffff;border: 1px solid #ff6600;border-radius: 50px;font-weight: 600;
font-size: 14px; color: #ff6600; line-height:normal; white-space: nowrap; position: relative; z-index: 1; overflow: hidden;}
.download-btn:after{content: ''; width: 0; height: 100%; position: absolute; background: #ff6600; left: 0;top: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.download-btn.bg-secondary{color: #ffffff;}
.download-btn:hover{background: #ff6600; color: #ffffff;}
.download-btn:hover:after{width: 100%;}
.no-border{background: none; border: none;}
.emi-price{padding-left: 0 !important;}
.emi-price, .fee-price, .inte-price{padding: 0px 25px;} 
.fee-price{padding: 0; /*width: 7%;*/}
.view-details{padding-right: 30px;}
.alert-msg{display: flex;align-items: center;padding: 8px;gap: 8px;/*width: 977px;*/height: 40px;background: rgba(255, 156, 35, 0.2);border-radius: 0px 0px 4px 4px;font-family: 'Trade-Gothic-LT';font-style: normal;font-weight: 400;font-size: 12px;line-height: 24px; color: #000;}
.editemi-sliders{width: 330px; background: #fff; margin: auto; padding: 20px; border-radius: 8px;}
.bike-det{font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #444444;}
.bike-det span{font-size: 14px; font-weight: 600;}
.loan-range h4{font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #444444; width: 280px;}
.rupee-icon span{ position: absolute; left: 10px; top: 8px;}
.rupee-icon .form-control{padding-left: 20px; font-weight: 600; font-size: 15px; line-height: 25px; width: 125px;}
.t-months .form-control{font-weight: 600; font-size: 15px; line-height: 25px; width: 125px;}
.form-control{font-family: 'Trade-Gothic-LT'; font-size: 14px; height: 40px; background: #FFFFFF;border: 1px solid #E0E0E0;border-radius: 2px; appearance: none; -webkit-appearance:none; -moz-appearance: none;}
.persoanl-information .form-control{border-radius:4px;}
input{appearance: none; -webkit-appearance:none; -moz-appearance: none;}
.changingval{font-style: normal;font-weight: 400;font-size: 14px;line-height: 22px;display: flex;align-items: center;color: #6F6F6F;}
.total-loan-amount{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 16px 8px;gap: 24px;width: 296px;height: 36px;background: rgba(255, 102, 0, 0.1);border-radius: 2px;flex: none;order: 2;align-self: stretch;flex-grow: 0; font-weight: 400;font-size: 14px !important;line-height: 22px;color: #181818;}
.total-loan-amount h6{font-weight: 400;font-size: 14px !important;line-height: 22px;color: #181818;}
.t-months span {position: absolute;left: 44px;top: 8px;height: 20px;border-left: 1px solid #ebebeb;padding-left: 8px;font-size: 14px;font-weight: bold;color: #ff6600;line-height: 24px;}
h4.bike-title{font-style: normal;font-weight: 600;font-size: 16px; text-align: center;color: #444444; border-bottom: 1px solid #f1f1f1;line-height: 40px; /*margin-left: -20px;margin-right: -20px;*/}
.font-3{font-weight: 400;font-size: 12px;line-height: 22px;color: #444444;}
.form-outer{width:475px; margin: auto;}
.form-in{font-style: normal;font-weight: 400;font-size: 14px;line-height: 22px;color: #555555; padding-right: 12px; padding-left: 12px;}
.form-in.mt-5{margin-top: 25px !important;}
.request_callback{border: none; background: none; color: #2a2a2a; font-weight: 600; font-size: 14px; text-decoration: underline; white-space: nowrap;}

.col8 .dropdown-menu.show {left: -12px !important;}

.w-80{width: 80px;}
.col5{width: 207px;}
.col6{ width: 135px;}
.col7{width: 200px;}


.resident{width: 104px;height: 104px;background: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.08);border-radius: 4px; text-align: center; cursor: pointer;}
.resident p{font-family: 'Blender-Pro-Heavy';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;color: #9B9FB0;}
.step01 h6{font-family: 'Blender-Pro-Heavy';font-style: normal;font-weight: 400;font-size: 14px;line-height: 22px;color: #666C84;/*margin-bottom: 20px;*/}
.resident-out.mt-4{/*border-bottom: 1px solid #E8E8E8;padding-bottom: 22px;*/ }
.resident-out h6{text-align: center;}
.form-check-input[type=radio]{width: 22px; height: 22px;}
.detect-btn{background: url("../images/detect.svg") no-repeat 10px center; width: 92px;font-family: 'Blender-Pro-Heavy';font-style: normal;font-weight: 500;font-size: 14px;line-height: 22px;color: #ff6600; height: 38px;border: 1px solid #ff6600;border-radius: 50px; padding-left: 20px;}
.col8{width: 340px;}
select.form-control{background:#ffffff url(../images/down-arrow-gray.svg) no-repeat right 12px top 15px;color: #666C84}
.resident.active, .resident:hover{border-color:#006AD0; }
/*Steps styles*/
/*Progress steps styles*/
.step-app{margin-top: 0px;}
.step-app .step-steps {padding: 0; display: flex; border-radius: 0; /*  overflow: hidden;*/ position: relative; width: 100%; margin: 0 auto; height: 70px;  justify-content: center;}
.step-app .step-steps::before {height: 1px; width: 54%; background-color: rgba(0, 0, 0, 0.08); content: ''; position: absolute; top: 13px; left: 23%; right: 0;}
.step-app .step-steps li{list-style: none; width: 50%; position: relative; text-align: center; }
.step-app .step-steps li .step-footer{ position: absolute; height: 30px; }
.step-app .step-steps li h5{font-family: 'Blender-Pro-Heavy', sans-serif; font-size: 16px; font-weight: 400; margin-top: 2px; line-height: 20px; letter-spacing: 0.3px; color: #666C84;}
.step-app .step-steps li h5 br{display: none;}
/*.fm-55{width: 55px;height: 55px;background: #FFFFFF;border: 1.2px solid #CDCED5;border-radius: 9.6px; text-align: center;}*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.otp-model .modal-dialog{margin-top: 0; margin-bottom: 0; max-width: 460px; margin-right: 0;}
.otp-model .modal-content{height: 100vh; border-radius: 0; border: 0; /*transform: translateX(1000px);*/ background: rgb(42, 42, 42);}
.otp-model.modal.fade .modal-dialog{transform: translateX(800px);}
.otp-model.modal.show .modal-dialog{transform: translateX(0);}
.otp-model .form-control{text-align: center; width: 55px; height: 44px; border-radius: 10px;}
.otp-session .form-control, .otp-block .otp-session .form-control { height: 55px; border-radius:2px; }
.otp{font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #666C84;}
.clock-f{font-style: normal;font-weight: 600;font-size: 16px;color: #666C84;}
.modal.fade .modal-dialog{width: 460px;}
.resend a{font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;color: #2C68C9; text-decoration: none;}
h4{font-style: normal;font-weight: 600;font-size: 24px;line-height: 36px;}
.blue-img{display: none;}
.gray-img{display: inline-block;}
.radio-wrapper-new {/*display: flex; justify-content: space-between;*/ display: grid; grid-template-columns: repeat(3, 1fr);gap: 0 18px; display: flex; align-items: center; justify-content:center;}
.radio-wrapper-new .form-check{position: relative; height: 104px; width: 104px; margin-bottom: 0px; margin-right: 0px;}
.radio-wrapper-new .form-check:last-child{margin-right: 0;}
.radio-wrapper-new .form-check-label{position: absolute; left: 0; z-index: 1; right: 0; margin: 0 auto; text-align: center; color: #333333; width: 104px;
    height: 104px; cursor: pointer; border: 1px solid #E8E8E8; border-radius: 4px;}
.radio-wrapper-new .form-check-input{width: 104px; height: 104px; border-radius: 8px; border: 0; background: #ffffff; margin-top: 0; appearance: none; -webkit-appearance:none; -moz-appearance:none;}
.radio-wrapper-new .form-check-input:focus{box-shadow: none; border-color: #E8E8E8;}
.radio-wrapper-new .form-check-input:checked[type=radio]{background-image:none; background-color:#ffffff;}
.radio-wrapper-new .form-check-input:checked:checked ~ label{color:#313131; border:1px solid #ff6600; border-radius:4px; background: #ffffff;}
.radio-wrapper-new .form-check-input:checked:checked ~ label p{color: #ff6600;}
.radio-wrapper-new .form-check-input:checked:checked ~ label::before{content: ''; background: url(../images/blue-tick.svg) no-repeat; width: 12px; height: 12px; background-size: 12px; position: absolute; top: 10px; right: 10px;}
.radio-wrapper-new .form-check-input:checked:checked ~ label .gray-img{display: none;}
.radio-wrapper-new .form-check-input:checked:checked ~ label .blue-img{display: inline-block;}
.radio-wrapper-new .form-check-input:active{background: none;}
.form-check-input:checked{background-color: #ff6600; border-color: #ff6600;}

.form-control, .form-check-input {  
    -webkit-box-shadow: none!important;
/*    outline: -webkit-focus-ring-color auto 0px!important;*/
    outline: none;
} 
.form-control:focus{outline: none !important; border-color: #E0E0E0;}
.dropdown-menu.show{width: 100%; left: -12px !important; top: 4px !important;}
.dropdown-toggle{padding: 3px 0; width: 100%; text-align: left;font-family: 'Trade-Gothic-LT', sans-serif; font-size: 14px;}
.dropdown-toggle::after{background:url("../images/down-arrow.svg") no-repeat center center; border: none;width: 18px; height: 18px; position: absolute; right: 7px;top: 11px;}
.search-d{background:url("../images/search1.svg") no-repeat left 10px center; padding-left: 40px; border: none;}
.close-rt{position: absolute; top: 5px; right: 10px;}
.distance{background: url("../images/distance.svg") no-repeat left center;font-size: 10px; padding-left: 17px;color: #444444;}
.dropdown-item label p{font-size: 14px; color: #444;margin-bottom: 0px;line-height: 20px;}
.dropdown-item .form-check-input[type=radio]{width: 22px;height: 22px;float: right;margin-top: 10px;}
.dropdown-item .form-check{border-bottom: 1px solid #f1f1f1;padding-bottom: 10px !important;}
.dropdown-item.active, .dropdown-item:active{background: transparent;}
.locat{background: url("../images/location.svg") no-repeat left center;font-size: 10px; padding-left: 25px;color: #444444;}
.blue-border{/*border-color: #006AD0 !important;*/ border: 2px solid #ff6600 !important; color: #ff6600 !important;}




.step-app .step-steps li.active h5{color: #000000 !important;}
.step-app .step-steps li h5 small{font-weight: 600; color: #757575;}
.step-app .step-steps li .default-step{flex: 1; cursor: pointer; display: block; height: 10px; width: 28px; height: 28px; margin-right: 10px; color: #333; background-color:transparent; text-decoration: none; border-radius: 50%; border: none; position: relative; margin: auto;}
/*.step-app .step-steps li:nth-child(1){margin-right: 20px;}
.step-app .step-steps li:nth-child(2) .default-step{width: 60px; padding:0 0 0 18px; left: 53px;}
.step-app .step-steps li:nth-child(2) h5{margin-left: 16px;}*/
.step-app .step-steps li .default-step::before{content: '2'; /*background: url(../images/3.svg) no-repeat;*/ width: 24px; height: 24px; display: inline-block; background-size: 24px; border-radius: 50%; background-color: #CDCED5; color: #fff; font-size: 12px; line-height: 23px; text-align: center; font-weight: 500;}
.step-app .step-steps li:nth-child(2) .default-step::before{ content: '2';}
.step-app .step-steps li:nth-child(3) .default-step::before{ content: '3';}
.step-app .step-steps li .default-step::after{content: ''; height: 1px; width: 100%; background: #9f9f9f; left: 27px; top: 11px; width: 100px; position: absolute; z-index: 1; display: none;}
.step-app .step-steps li.done .default-step::after{background: #9f9f9f; left: 22px; width: 102px;}
.step-app .step-steps li:last-child .default-step::after{ display: none; }
.step-app .step-steps li.active .btn-next{ display: block;}
.step-app .step-steps li:last-child{ margin-right: 0; }
.step-app .step-steps li:hover { /*background-color: #ddd;*/}
.step-app .step-steps li:last-child a { border: none;}
.step-app .step-steps li.active .default-step{ background-color:transparent; border: none; color: #fff;}
.step-app .step-steps li.active .default-step::before{content: '1'; /*background: url(../images/2.svg) no-repeat;*/ width: 24px; height: 24px; border-radius: 50%; border: 1px solid #ff6600; background-color: #ff6600; line-height: 22px; color: #ffffff;}
.step-app .step-steps li:nth-child(2).active .default-step::before{content: '2';}
.step-app .step-steps li:nth-child(3).active .default-step::before{content: '3';}
.step-app .step-steps li.error .default-step{background-color: #e7505a; color: #fff;}
.step-app .step-steps li.done .default-step{background-color: none; border: none; color: #fff;}
.step-app .step-steps li.done .default-step::before{content: ''; background: url("../images/circle-steps.svg") no-repeat; width: 24px; height: 24px; border-radius: 50%; }
.step-app .step-steps li .number .default-step{background: #fff; padding: 0 8px; display: inline-block; text-align: center; margin-right: 15px; border-radius: 3px; color: #333;}
.step-app .step-content { *max-width: 892px; margin: 0 auto; padding-bottom: 20px;}
.step-app .step-content .step-tab-panel {display: none; margin-bottom: 0px;}
.step-app .step-content .step-tab-panel.active {display: block;}
.step-app .step-footer {margin-top: 0; margin-bottom: 0;}
.step-app .step-steps li h5 br {
    display: none;
}

.hierarchy-select.dropdown .hs-searchbox{padding:0 5px 4px}.hierarchy-select.dropdown .dropdown-menu a[data-level='2']{padding-left:40px}.hierarchy-select.dropdown .dropdown-menu a[data-level='3']{padding-left:60px}.hierarchy-select.dropdown .dropdown-menu a[data-level='4']{padding-left:80px}.hierarchy-select.dropdown .dropdown-menu a[data-level='5']{padding-left:100px}.hierarchy-select.dropdown .dropdown-menu a[data-level='6']{padding-left:120px}.hierarchy-select.dropdown .dropdown-menu a[data-level='7']{padding-left:140px}.hierarchy-select.dropdown .dropdown-menu a[data-level='8']{padding-left:160px}.hierarchy-select.dropdown .dropdown-menu a[data-level='9']{padding-left:180px}.hierarchy-select.dropdown .dropdown-menu a[data-level='10']{padding-left:200px}



/*Ram 24-04-2023 start*/

.filter-blk{font-size: 13px; border: 1px solid #dbdbdb; background-color: #fff; padding: 4px 8px;}
.filter-blk::before{content: ''; background: url(../images/compare-icon.svg) no-repeat; width: 12px; height: 14px; background-size: 12px; display: inline-block; margin-right: 5px;}
.filter-blk.sortby::before{content: ''; background: url(../images/filter-sort.svg) no-repeat; width: 12px; height: 14px; background-size: 12px; display: inline-block; margin-right: 5px;}
.compare.activate{border-color: #ff6600; color: #ff6600;}
.compare.activate::before{display: none;}
.compare-sort{display: flex; align-items: center;}
.compare-sort .sortby{display: none !important;}
.compare-offers{padding: 0 0;}
.compare-offers .inner-block{display: flex; width: 100%;}
.column-one{width: 100%; border-left:solid 1px rgba(0, 0, 0, 0.08); border-top: solid 1px rgba(0, 0, 0, 0.08); border-bottom: solid 1px rgba(0, 0, 0, 0.08)}
.column-one:nth-child(2),.column-one:nth-child(3),.column-one:nth-child(4),.column-one:nth-child(5){border-left: 0;}
.column-one:last-child{border-right: solid 1px rgba(0, 0, 0, 0.08); border-left: 0}
.compare-offers .form-check{padding: 0}
.compare-offers .form-check label{width: 100%;}
.compare-offers .form-check .form-check-input{float: inherit; margin: 0}
.logo-block{width: 100%; background: #ffffff; height: 110px;}
.logo-block img{margin: 10px 0 10px 0;}
.empty-block{background: #ffffff; width: 100%; text-align: center; font-size: 13px; color: #444444;}
.empty-block span { height: 100%; display: inline-flex; justify-content: center; align-items: center; }
.count-block{background: #ffffff; width: 100%; color: #444444; text-align: center; font-size: 14px; line-height: 16px; font-weight: bold; border-right: solid 1px rgba(0, 0, 0, 0.08); padding: 10px 0 !important;}
.activate .count-block{color: #006AD0}
.count-block:nth-child(1){border-left: 0;}
.count-block a{color: #006ad0; padding: 15px 0; display: block;}
.column-one:last-child .count-block, .count-block:last-child{border:none;}
.compare-section-selected.loan-offers-section{padding-top: 0px; padding-left: 0; padding-right: 0; width: 400px; display: none;}
.compare-section-selected.active1{display: block;}
.compare-section-selected.loan-offers-section .listing{border-radius: 16px 16px 0 0; padding: 16px 0; height: 160px;}
.compare-section-selected.loan-offers-section .listing .line .sect{border-right: 0;}
.compare-section-selected.loan-offers-section .listing} .line{margin-bottom: 10px;}
.compare-section-selected.loan-offers-section .listing.pre-approved-blk{margin-top: 0px;}
.close-btn{position: absolute; right: 0; top: 0; cursor: pointer;}
.editemi-blk.selected img{ transform:rotate(180deg); }
.howitworks-section .sect-wrap .sect.w-10{width: 30% !important; margin-right: 15% !important:}
.howitworks-section .sect-wrap .sect:last-child{margin-right: 0px !important;}
.loan-offers-section .header{background: none}
  .loan-offers-section .header .title{color:#181818; font-size: 18px;}
  .loan-offers-section .header .pre-apprved-blk .preapproved-switch label{color:#888888;font-size: 12px;}
  .loan-offers-section .header .pre-apprved-blk .preapproved-switch .form-check-input:checked{background-color: #009860;border-color:#009860}
  .loan-offers-section .header .pre-apprved-blk .preapproved-switch .form-check-input:focus{border-color:#84db76; box-shadow: none;}
  .loan-offers-section .header .pre-apprved-blk .preapproved-switch .form-switch .form-check-input:focus{background-image:url('/images/focus-circle.svg');box-shadow: 0 0 0 0.25rem rgb(82 185 97 / 25%); }
  .loan-offers-section .header .pre-apprved-blk .preapproved-switch .form-switch .form-check-input:checked {
      background-position: right center;
      background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e);
  }
  .loan-offers-section .listing{
      *height:132px;
      display: flex;flex-direction: column;justify-content: space-between;align-items: center;position: relative;
  }
  .loan-offers-section .listing .pre-approved-blk {
    width: 100%;
    border: 1px solid #cbe6dc;
    background: #ffffff;
    border-radius: 6px;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}
  .loan-offers-section .listing.offer-blk{height:auto;min-height: 132px}
 .loan-offers-section .listing.pre-approved-blk{margin-top: 38px; margin-bottom: 20px !important;}
 .loan-offers-section .listing .line{width:100%}
 .loan-offers-section .listing .logo{width:auto;max-width:40%;height:auto;max-height: 40px}
 .loan-offers-section .listing .vdetails-link{color:#006AD0;font-size: 12px}
 .loan-offers-section .listing .line .sect{width:33.30%;border-right:1px solid #cfcfcf}
 .loan-offers-section .listing .line .sect:last-child{border-right: none}
 .loan-offers-section .listing .line .sect .label, .loan-offers-section .listing .line .sect .value{color:#444;font-size: 12px; *font-family: 'Trade-Gothic-LT'; font-weight: 300}
 .loan-offers-section .listing .line .sect .value{font-size:14px;font-weight: 600}
.offer-downpayment-blk {
    line-height: normal;
    background-color: rgba(255, 156, 35, 0.2);
    border-radius: 4px;
    padding: 4px 16px;
    width: 100%;
}
.offer-downpayment-blk .text, .offer-downpayment-blk .text .price {
    color: #000;
    font-size: 13px;
    font-family: 'Trade-Gothic-LT';
}
.compare-offers .col-select.activate .ac{background-color: #dee8f9;border:1px solid #3568bf;border-width:0 2px}
.compare-offers .col-select.activate .ac:first-child{background-color: #dee8f9;border:none}
.emi-accordion {display: none;}
.accordion-button::after{margin: 0; background: url(../images/angle-down.svg) no-repeat; width: 14px; height: 9px; background-size: 14px; display: inline-block; margin-left: 12px;}
.accordion-button.arrow::after{background: url(../images/angle-down.svg) no-repeat; width: 14px; height: 9px; background-size: 14px; display: inline-block; transform: rotate(-180deg); position: relative; top: -2px;}
.accordion-button:not(.collapsed)::after{background: url(../images/angle-down.svg) no-repeat; transform: rotate(180deg); width: 14px; height: 9px; background-size: 14px; display: inline-block; margin-left: 12px;}
.emi-accordion button{padding: 0; color: #ff6600; font-weight: bold; font-size: 16px; line-height: 24px; justify-content: flex-end; white-space: nowrap;}
.emi-accordion .accordion-button:focus{box-shadow: none; background: none;}
.emi-accordion .accordion-body{padding: 0;}
.accordion-button:not(.collapsed){background:none; box-shadow:none; }

.active-border{border: 1px solid #006AD0;}
.voucher-steps{display: flex; justify-content: center; margin: 40px 0 40px 0;}
.voucher-block{text-align: center; width: 302px; margin: 0 50px 0 0}
.steps-block{padding-left:15px; padding-right:15px; width: 350px;}
.steps-block h4{font-size: 20px; line-height: 30px;}
.steps-block ul{margin: 15px 0 0 0; padding: 0;}
.steps-block ul li{list-style: none; font-size: 12px; font-weight: bold; display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #eaeaea;}
.steps-block ul li:last-child{border: 0;}
.steps-block ul li span{font-size: 20px; color: #ff6600; font-weight: bold; margin: 0 18px 0 0}
.steps-block ul li p{font-size: 16px; margin: 0; line-height: 22px;}
.dealer-address{background-color: #F7F7F7; border: 1px solid #CDCED5; border-radius: 2px; padding: 8px 16px; display: flex; margin: 20px 0 0 0; }
.dealer-address h5{font-size: 14px; line-height: 20px; font-weight: bold;}
.dealer-address p{font-size: 10px; line-height: 15px; margin: 0;}
.dealer-address span{font-size: 12px; color: #006AD0;}
.dealer-address .call::before{content: ''; background: url(../images/call.svg) no-repeat; display: block; width: 18px; height: 18px; background-size: 18px; position: relative; left: 0; right: 0; margin: auto; margin-bottom: 15px; }
.dealer-address .direction::before{content: ''; background: url(../images/directions.svg) no-repeat top center; display: block; width: 20px; height: 20px; background-size: 20px; margin-bottom: 15px; position: relative; left: 0; right: 0; margin: auto; margin-bottom: 15px; }
.dealer-address .col-4{display: flex; align-items: center; justify-content: space-between;}
.back-home{font-size: 16px !important; color: #ffffff; font-weight: bold; background: #ff6600; border-radius: 2px; width: 100%; padding: 14px 40px; margin: 18px 0 0 0; position: relative; z-index: 1}
.back-home:after{content: ''; width: 0; height: 100%; position: absolute; background: #ffffff; left: 0;top: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.back-home:hover{background: #ffffff; color: #ff6600; border: 1px solid #ff6600;}
.back-home:hover:after{width: 100%;}
.back-home:focus{box-shadow: none;}
.voucher-steps .back-home{width: 49%; padding: 14px 10px; font-size: 12px;}
/*.btn.back-btn{width: auto;height: auto;    padding: 0; margin-top: -12px;}*/
.b-option{background: #ffffff; color: #ff6600; border: 1px solid #ff6600; border-radius: 2px;}
.b-option:hover{background: #ff6600; color: #fff;}
.b-option:focus{box-shadow: none;}

.listingmodal .modal-dialog{margin-top: 0; margin-bottom: 0; max-width: 460px; margin-right: 0;}
.listingmodal .modal-content{height: 100vh; border-radius: 0; border: 0; background: #ffffff;}
.listingmodal.modal.fade .modal-dialog{transform: translateX(800px);}
.listingmodal.modal.show .modal-dialog{transform: translateX(0);}
.bike-content{display: flex;}
.loginpopup .modal-dialog{margin-top: 0; margin-bottom: 0; max-width: 460px; margin-right: 0;}
.loginpopup .modal-content{height: 100vh; border-radius: 0; border: 0; /*transform: translateX(1000px);*/ background: #ffffff;}
.loginpopup .modal-body{background: #ffffff;}
.loginpopup.modal.fade .modal-dialog{transform: translateX(800px);}
.loginpopup.modal.show .modal-dialog{transform: translateX(0);}
.loginpopup .modal-header .btn-close{background: url(../images/close-icon-chetak.svg) no-repeat; opacity: 1; width: 4px; position: relative; top: 4px;}
.loginpopup .modal-body{padding: 0;}
.loginpopup .modal-body img.vehicle-img{width: 100%; padding: 10px; display: flex; margin: 0 auto; background: #fbf5f0;}
.loginpopup .modal-body article img{width: auto;}
.loginpopup .modal-body article{padding: 15px;}	
.loginpopup .modal-body article h4{font-size: 24px; font-weight: bold; line-height: 36px; color: #27292F;}
.loginpopup .modal-body article p{color: #2a2a2a; font-size: 14px; font-family: 'Trade-Gothic-LT';}
.loginpopup .modal-body article label{color: #ff6600; font-size: 14px; line-height: 22px; font-weight: 400;}
.loginpopup .modal-body article .form-control{color: #555; font-size: 14px; height: 44px; line-height: 44px; font-weight: bold; font-family: 'Trade-Gothic-LT'}
.otp-session .form-control{text-align: center;}
.loginpopup .modal-body article .form-control:focus{border-color: #ff6600;}
.loginpopup .modal-body article .form-control::placeholder{color: #9B9FB0;}
.btn-getotp, .btn-verify, .proceed-btn, .btn-main{width: 100%; height: 48px; background: #ff6600; color: #ffffff; border-radius: 2px; font-weight: 16px; font-weight: bold; margin: 20px 0 16px 0; border-color: #ff6600; position: relative; z-index: 1;}
.btn-getotp:after, .btn-verify:after, .proceed-btn:after, .btn-main:after{ content: ''; width: 0; height: 100%; position: absolute;background: #fff;left: 0;top: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.btn-getotp:hover, .btn-verify:hover, .proceed-btn:hover, .btn-main:hover{background: #ffffff; color: #ff6600; border-color: #ff6600;}
.btn-getotp:hover:after, .btn-verify:hover:after, .proceed-btn:hover:after, .btn-main:hover:after{width: 100%; color: #ffffff;}
.btn-primary:focus{background: #ffffff; border-color: #ff6600; box-shadow: none; color: #ff6600;}
.tc-text{color: #2a2a2a; font-size: 12px; text-align: center; font-family: 'Trade-Gothic-LT';}
.tc-text a{color: #ff6600 !important; text-decoration: none;}
.updates-wap{text-align: center; font-size: 12px; display: flex; align-items: center; justify-content: center; margin: 5px 0 0 0;}
.loginpopup .modal-body .updates-wap label.form-check-label{display: flex; align-items: center; justify-content: center; margin: 0 0 0 5px; line-height: inherit; color: #ffffff; font-size: 12px;}
.loginpopup .modal-body .updates-wap label.form-check-label::after{content: ''; background: url(../images/whatsapp.svg) no-repeat; width: 16px; height: 16px; background-size: 16px; display: inline-block; margin-left: 6px;}
.updates-wap.form-switch .form-check-input{height: 14px; position: relative; top: -3px;}
.updates-wap.form-switch .form-check-input:checked{background-color: #ff6600; border-color: #ff6600; }
.updates-wap.form-switch .form-check-input:focus{border-color: #ff6600; /*background-image:url(../images/switch-bg.svg);*/}
.otp-block .form-control{text-align: center;}
.otp-block{display: none;}
.show{display: block;}
.hide{display: none;}
.otp{font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #ffffff;}
.clock-f{font-style: normal;font-weight: 600;font-size: 16px;color: #ff6600;}
.resend a{font-style: normal;font-weight: 600;font-size: 14px;line-height: 24px;color: #2C68C9; text-decoration: none;}
.resend a:hover{text-decoration: underline;}
.try-num a{font-style: normal;font-weight: 400;font-size: 14px;line-height: 24px;color: #262626 !important; text-decoration: none;}
.try-num a:hover{text-decoration: underline;}
.btn-main{width: 150px;height: 48px;background: #ff6600;border-radius: 2px; color: #ffffff;font-weight: 600;font-size: 16px;line-height: 20px; position: relative; z-index: 1; margin: 0;}
/*.btn-main:after{ content: ''; width: 0; height: 100%; position: absolute;background: #fff;left: 0;top: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.btn-main:after:hover{width: 100%;}
.btn-main:hover{background: #ffffff; color: #ff6600; border:1px solid #ff6600;}
.btn-main:focus{box-shadow: none;}*/
.btn-main-outline{padding: 8px 40px;width: 150px;height: 48px;background: #ffffff;border-radius: 2px; font-weight: 600;font-size: 16px;line-height: 20px; border: 1px solid #ff6600; color: #ff6600; margin-right: auto; z-index: 1; position: relative;}
.btn-main-outline:after{content: ''; width: 0; height: 100%; position: absolute;background: #ff6600;left: 0;top: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.btn-main-outline:hover{background: #ff6600; color: #ffffff;}
.btn-main-outline:hover:after{width: 100%;}
.resend{color: #ffffff !important;}
.otp-session h4{color: #ffffff;}
.otp-session label{color: #ffffff;}
#verify_otp.resend{color: #ff6600; !important;}
#verify_otp.resend:hover{text-decoration: underline;}
a.try-again{color: #ffffff;}
a.try-again:hover{text-decoration: underline;}

.view-details-popup.modal.fade .modal-dialog{width: 380px;}
.view-details-popup .modal-title{font-size: 20px; color: #181818; font-weight: bold;}
.view-details-popup .modal-content{border-radius: 8px;}
.view-details-popup .modal-body ul{margin: 10px 0 30px 0; padding: 0 0 0 20px;}
.view-details-popup .modal-body ul li{font-size: 14px; font-weight: 400; line-height: 22px; color: #000000; /*font-family: 'Trade-Gothic-LT';*/}

.location-popup.modal.fade .modal-dialog{width: 380px;}
.location-popup .modal-header{padding: 5px 15px 5px 5px;}
.location-popup .modal-header input{color: #006AD0; font-size: 14px; font-weight: 400;}
.location-popup .modal-header input::placeholder{color: #006AD0; font-size: 14px;}
/*select.form-control.form-select{pointer-events: none;}*/
.m-view{display: none !important;}
.d-view{display: block;}
.emi_row{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D9E8EC; padding-bottom: 15px; margin-bottom: 15px;}
.emi_row:last-child{border: none;}
.emi_text{color: #3E3664; text-transform: uppercase; font-size: 12px;}
.emi_value{color: #322B54; font-size: 16px; font-weight: bold;}


.error-msg, .error-msgs {color: #FF0000 !important; text-transform: capitalize;}
.error-msg .error-tooltip, .error-msgs .error-tooltip{font-size: 10px !important;white-space: nowrap; padding: 2px;}
.epl{font-size: 14px; color: #ff6600; font-family: 'Blender-Pro-Heavy';}
.epl-e{/*padding: 0 40px;*/ padding-left: 40px;}
.epl-p{padding: 0 0px;margin-left: 0px;}
.epl-l{padding: 0 20px 0 23px;}

.sortby-popup{height: 100%;}
.listingmodal.sortby-popup .modal-content{height: auto; border-radius: 8px;}
.sortby-popup .modal-title{font-size: 20px; color: #262626; font-family: 'Blender-Pro-Heavy';}
.listingmodal.sortby-popup .modal-dialog{margin: 0 auto;}
.listingmodal.modal.show.sortby-popup .modal-dialog{transform: inherit;}
.listingmodal.modal.fade.sortby-popup .modal-dialog{transform: inherit;}
.dealer-block{background: #f7f7f7; border:1px solid #CDCED5; border-radius: 8px; padding: 8px 16px; margin: 14px 0 0 0; display: flex; justify-content: space-between; align-items: center;}
.dealer-block h4{font-size: 14px; font-weight: 600; line-height: 20px; color: #27292F; margin: 0 0 10px 0;}
.dealer-block .dealer-inside{display: block; width: 74%;}
.dealer-block p{font-size:10px; font-weight: 400; margin: 0px; min-height: 35px;}
.dealer-block a{color: #006AD0; font-size: 12px; width: 70px; text-align: center; text-decoration: none;}
.dealer-block .left article{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.dealer-block .right{width: auto;}
.dealer-block .dealer-inside h4{margin-bottom: 0;}
.popup {position: fixed;bottom: 4;left: 0;right: 0;top: 5;margin: auto;width: calc(100% - 2px);max-width: 500px;background-color: #fff;border-radius: 8px 8px 0 0;z-index: 11;margin: auto !important;}
.transparent-blk {width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top: 0;right: 0;bottom: 0;left: 0;position: fixed;z-index: 11;margin: auto !important;}
.error-msgs {color: #cf2230; width: 100%; text-transform: capitalize;}
.error-msgs .error-tooltip{padding: 2px 2px !important;}
.pfee, .emi, .total_cost {color: #ff6600; !important;font-size: 13px;}
.accordion-btn{background-color: #fff; color: #262626;font-weight: 400; font-size: 13px; border: none; margin-right: 20px; box-shadow: none; background: none;}
.accordion-btn:active, .accordion-btn:foucs, .accordion-btn:hover;{border:none; box-shadow: none;}
.popup.sortby-popup .check-icon{position: absolute; right: 20px;  top: 0px;}
.accordion-btn.active, .accordion-btn.active:focus, .accordion-btn.active:hover{box-shadow: none; background: none; color: #ff6600;margin-right:0px;}
/*button:focus:not(:focus-visible) {outline: 0; box-shadow: none; background: none;}*/
.btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle{background: none; border: none; box-shadow: none;}
.btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus{box-shadow: none;}
.emi-blk{font-size: 14px; color: #ff6600;}
.pel-block{border-bottom: 1px solid #eaeaea; padding-bottom: 10px !important; margin-bottom: 10px !important;}
.compare-sort{justify-content: flex-end;}
.filter-blur{filter: blur(6px);}
.conformation-popup .btn-cancle{background-color: #ffffff; border: 1px solid #ff6600; color: #ff6600; border-radius: 2px; position: relative; z-index: 1;}
.conformation-popup .btn-cancle:after{content: ''; width: 0; height: 100%; position: absolute;background: #ff6600;left: 0;top: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.conformation-popup .btn-cancle:hover{background: #ff6600; color: #ffffff;}
.conformation-popup .btn-cancle:hover:after{width: 100%;}
.conformation-popup .btn-cancle:focus{box-shadow: none;}

.bajaj_loan_popup .btn.btn-proceed{background: #ff6600; border-color: #ff6600;}
.bajaj_loan_popup .btn.btn-cancle{background: rgb(42 42 42);}

/*#vehicle-popup.conformation-popup.modal.fade  .modal-dialog{width: 100%;}*/
.conformation-popup.modal.fade .modal-dialog{width: 390px;}
.conformation-popup .modal-body h4{font-size: 18px;line-height: normal;}
.conformation-popup .modal-footer>*{margin:0;}
.conformation-popup .btn{font-size: 14px; padding: 6px 20px;}
.congratulations-page{padding: 0 !important;}
.desktop-view{display: block !important;}
.conformation-popup .btn-proceed{background-color:#ff6600; border-color: #ff6600; position: relative; z-index: 1;}
.conformation-popup .btn-proceed:after{content: ''; width: 0; height: 100%; position: absolute;background: #ffffff;left: 0;top: 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: -1;}
.conformation-popup .btn-proceed:hover{background: #ffffff; color: #ff6600; border-color: #ff6600;}
.conformation-popup .btn-proceed:hover:after{width: 100%;}
.conformation-popup .btn-proceed:focus{box-shadow: none;}

.personal-details .form-in.mt-5{margin-top: 0px !important;}

/*Google Search*/
.pac-container.pac-logo{display: block; width: 315px !important;  position: absolute; background: #f4f4f4; margin: 0 auto !important; padding: 10px 15px !important; border-radius: 0 0 12px 12px; box-shadow: none !important;}
.pac-container.pac-logo .pac-item{padding: 5px 0 !important;}
.pac-container.pac-logo .pac-item:first-child{border-top: none !important;}
.pac-container.pac-logo:after{background: none !important}
.pac-container.pac-logo .pac-item span.pac-icon.pac-icon-marker{ background: none !important; background: url(../images/location.svg) no-repeat !important; width: 16px !important; margin-top: 6px !important; background-size: 100% !important; }

.compare-offers-new article{display: flex;}
.compare-offers-new .title-block{position: sticky; left: 0}
.compare-offers-new article .c-title{width: 199px; height: 50px; text-align: center;  font-size: 14px;  color: #000000; background:rgba(255, 102, 0, 0.1); border-bottom: 1px solid #DADBDD;display: flex; align-items: center; justify-content: center;}
.c-emt-block{height: 50px; width: 199px; display: block; text-align: center; align-items: center; justify-content: center; background: #ffffff;}
.b-emt-block{height: 50px; width: 100%; display: flex; text-align: center; align-items: center; justify-content: center; background: #F7F7F7; border-right: 4px solid #ffffff;}
.compare-offers-new article .b-title{width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #181818; font-weight: 600; border-bottom: 1px solid #DADBDD99; background: #fff;}
.b-bnt-block{display: block; text-align: center; background: #FCFCFC; padding:15px 15px;}
.b-bnt-block .download-btn{display: block; margin: 0 auto; margin-bottom: 16px;}
.b-bnt-block a{text-decoration: none; font-size: 12px; color: #ff6600 !important; !important; font-weight: 500;}
.b-color{color: #444444 !important;}
.bank-block-wrapper{display: flex; width: auto; overflow-x: scroll;}
.bank-block{/*width: 33.3%;*/ width: auto; min-width: 200px;}

.list-group {z-index: 9999;height: auto; max-height: 200px; overflow: auto;position: absolute;width: 311px;cursor: pointer; top: 45px;}
.list-group li a{font-size: 14px;}
.info-icon{position: relative; left: 2px; top: 3px;}
.info-icon::before{content: ''; background: url(../images/info-icon.svg) no-repeat; width: 16px; height: 16px; background-size: 16px; display: inline-block;  cursor: pointer;}
.tltp-section{font-size: 10px; font-weight: normal; padding: 5px 10px; border-radius: 4px; background: #fff0d3; color: #000000; position: absolute; top: 23px; left: -70px; width: 160px; display: none;}
.tltp-section::before{content: ''; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff0d3 transparent; left: 67px; top: -10px; position: absolute;}
.info-icon:hover .tltp-section{display: block;}

.close-btn{font-size: 18px; color: #ee2326; background:url(../images/icon-close.svg) no-repeat; width: 14px; height: 14px; background-size: 14px; border: none; padding: 0; position: absolute; top: 38px; right: 10px; opacity: 0.8;}
.close-btn:hover{opacity: 1;}
.position-r{position: relative;}
.terms-conditions h3{margin: 30px 0 20px 0;}
.terms-conditions ol{padding: 0 0 0 15px;}
.terms-conditions ol li{font-weight: 400; margin-bottom: 10px;}
.opt-blocks{display: flex; justify-content: flex-start;}

.loan-text{background: #f6f9ff; font-size: 12px; text-align: center; padding: 5px 0; display: none;}

#edit_details_mobile{color: #ffffff;}
.offer-card-new .asset-new{width: 16%;/* padding: 0 15px !important;*/}
/* .offer-card-new .asset-new:nth-child(1){width: 22%; padding: 0; min-width: inherit;} */
.offer-card-new .emi-price:before{display: none;}
.strip{width: 1px; height: 20px; background: rgba(0, 0, 0, 0.5);}

.offer-filter-new{padding: 0}
.offer-filter-new .strip{background: #ffffff; display: none;}
.offer-filter-new .asset-new{width: 17%; padding: 0 10px !important; text-align: left;}
.offer-filter-new .asset-new:nth-child(1){width:21%;}
.bank-text{width: 120px;}

.offer-card-new .asset-new.d-voucher{padding-top: 15px !important;}


/*Bootstrap Tooltip*/
.tooltip-inner{background: rgba(249,249,249, 1); background: #ffffff; color: #555555; opacity: 1; box-shadow: 1px 1px 4px 1px #dbdbdb; text-align: left; font-size: 12px; line-height: 18px; border-radius: 0; font-family: 'Trade-Gothic-LT' !important;}
.tooltip.show{opacity: 1;}
.bs-tooltip-end .arrow::before{color: #fff; border-right-color:#ffffff !important; border-width: .8rem .8rem .8rem 0 !important; top: -6px;}
.bs-tooltip-top .arrow::before {border-top-color:#ffffff !important; border-width: .8rem .8rem 0 !important; left: -3px; top: -3px;}
.bs-tooltip-bottom .arrow::before {border-bottom-color:#ffffff !important; border-width: 0 .8rem .8rem !important; left: -6px; top: -3px;}
.bs-tooltip-start .arrow::before {border-left-color:#ffffff !important; border-width: .8rem 0 .8rem .8rem !important;}
span.info-icon{-webkit-appearance: none; padding: 5px 1px;}

.modal-footer button{border-radius: 30px;}
.emi_row{}
.main-block.otp-session{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.resend{width: 100%; text-align: center;}
.clock-f{width: 100%; text-align: center;}
.epl{white-space: nowrap;}

/* 04-11-2025 */
.hard_approval{width: 70%; margin: 0 auto; padding-top: 20px;}
.hard_approval h2{font-size: 22px; font-weight: 600; text-align: center; margin-bottom: 50px;}
.hard_approval h2 small{font-size: 12px; text-transform: uppercase; font-weight: normal;}
.hard_approval .btn-main{width: 200px;}

.sanction_hardapproval{text-align: center; width: 522px; margin: 0 auto; margin-top: 10px;}
.congrats_wraper{text-align: center;}
.congrats_wraper .success{background: url(../images/success.svg) no-repeat; width: 72px; height: 72px; display: inline-block;}
.congrats_wraper .application_inprogress{background: url(../images/error_icon.svg) no-repeat; width: 72px; height: 72px; display: inline-block;}
.congrats_wraper .rejected{background: url(../images/error_icon_2.svg) no-repeat; width: 72px; height: 72px; display: inline-block;}
.congrats_wraper h3{color: #322B54; font-size: 24px; font-weight: 600; letter-spacing: 0.5px;}
.congrats_wraper h3 small{font-size: 14px; font-weight: normal;}
.congrats_wraper a{font-size: 16px; font-weight: 600; color: #ff6600; text-decoration: underline; letter-spacing: 0.5px;}
.sanction_detail_card{background-color: #fbf5f0; width: 522px; height: auto; border-radius: 8px; margin: 25px auto 0; padding: 30px;}
.sanction_detail_card h4{font-size: 22px; color: #322B54;}
.sanction_detail_card img{margin: 25px 0;}
.application_no{font-size: 14px; color: #322B54;}
.application_no strong{color: #ff6600; font-weight: 600;}
.card_bottom{display: flex; align-items: center; justify-content: space-between; margin: 25px 0 0 0; flex-wrap: wrap;}
.card_bottom h5{font-size: 22px; font-weight: 600; color: #322B54; text-align: center; line-height: 26px;}
.card_bottom h5 small{color: #3E3664B2; display: block; margin-bottom: 5px; font-weight: normal; font-size: 14px;}
.follow_steps{width: 522px; margin: 30px auto 0; text-align: left; border-bottom: 1px solid #3E36641A; padding-bottom: 20px;}
.follow_steps h6{font-size: 14px; font-weight: 600; margin-bottom: 20px;}
.follow_steps ul{margin: 0; padding: 0;}
.follow_steps ul li{list-style: none; font-size: 14px; color: #322B54; display: flex; justify-content: flex-start; font-weight: 500; margin-bottom: 3px; line-height: 20px;}
.follow_steps ul li span{font-weight: 600; color: #ff6600; margin-right: 20px;}
.selected_dealership{position: relative; text-align: left; width: 522px; margin: 20px auto 0;}
.selected_dealership h6{color: #322B54; font-weight: normal; font-size: 14px;}
.selected_dealership h5{color: #322B54; font-weight: 600; font-size: 16px;}
.selected_dealership address{color: #322B54; font-weight: normal; font-size: 14px; position: relative; padding-right: 28px;}
/* .sanction_hardapproval .book_btn{font-size: 16px; font-weight: 600; color: #322B54; width: 100%; height: 56px; text-align: center; border-radius: 30px;
background: var(--Gradients-Gradient-Teal-2, linear-gradient(180deg, var(--Turquoise-Turquoise--1, #95E9F1) 0%, var(--Turquoise-Turquoise-Brand, #47BCC8) 100%));}
.sanction_hardapproval .book_btn:hover{background: var(--Gradients-Gradient-Teal-2, linear-gradient(180deg, var(--Turquoise-Turquoise--1, #8ee1e9) 0%, var(--Turquoise-Turquoise-Brand, #42b8c5) 100%));} */

.submit_wrapper{width: 522px; margin: 0 auto; display: block; margin-top: 10px;}
.bottom_wrapper{width: 522px; display: flex; flex-wrap: wrap; margin: 30px auto;justify-content: space-between; padding: 15px 0; background: #fbf5f0; border-radius: 8px;}
.bottom_wrapper h5{font-size: 20px; font-weight: 600; background: none; border-radius: 30px; padding: 10px 15px; width: 50%; text-align: center;}
.bottom_wrapper span{font-size: 14px; font-weight: normal;}
.bottom_wrapper .card_bottom{margin: 0;}
.submit_wrapper button{width: auto; padding: 10px 20px;}
.submit_wrapper button.back-btn, .hard_approval button.back-btn{background: none;}
.submit_wrapper button.back-btn:hover, .hard_approval button.back-btn:hover{
	/* background: var(--Gradients-Gradient-Teal-2, linear-gradient(180deg, var(--Turquoise-Turquoise--1, #8ee1e9) 0%, var(--Turquoise-Turquoise-Brand, #42b8c5) 100%)); */
}
/*Ram 24-04-2023 end*/

.tctxt .form-check-input[type=checkbox] { border-radius: .25em; width: 20px; height: 20px; margin-top: 2px; margin-right: .5rem; }

.othrDetails .form-outer { width:800px; }
.othrDetails .form-outer .slctType { justify-content:space-around; border-bottom: 1px solid #E8E8E8; padding-bottom: 22px; }
.othrDetails .form-outer .pd-lft-rht01 { padding:0px 20px; }
.othrDetails .form-outer .pd-lft-rht02 { padding:0px 32px; }

.mkmdDtls { width: 320px; margin: auto; }
.mkmdDtls em{font-size: 14px; font-family: 'Blender-Pro-Heavy';}
.mkmdDtls strong{font-family: 'Blender-Pro-Heavy'; font-size: 14px; font-weight: normal;}

.customer-details .locatInput { padding-right:30px; }

.steps-follow{background: #f7f7f7; padding: 30px; margin: 14px 0 0 0}
.steps-follow h4{font-size: 20px; color: #5D5D5D;}
.steps-follow ul{margin: 0; padding: 0;}
.steps-follow ul li{list-style: none; display: flex; font-size: 14px; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); line-height: 22px; margin-bottom: 16px; padding-bottom: 5px; font-weight: 600; color:#444444;}
.steps-follow ul li strong{font-size: 20px; color: #ff6600; font-weight: 600; margin: 0 16px 0 0; width: 25px;}
.check-bx{width: 17px; height: 22px; margin-right: 5px;}

 /*On-Road Price Downpayment and Loan Amount details block start */
.payment-detl {font-size: 14px !important;}
.bg-lighter{background: #eeeeee;}

 /*On-Road Price Downpayment and Loan Amount details block end */
html{min-height: 100%;}
.loader_wrapper{margin-top: 20px;}
.loader_wrapper p{font-weight: 500;}
.loader_wrapper .carousel{min-height: 120px;}
.loader_wrapper .carousel-inner{width: 522px; height: 190px; margin: 0 auto; background: #EFF5F7; border-radius: 20px 0 20px 20px; padding: 30px 30px;
	display: flex; align-items: center;} 
.loader_wrapper .carousel-inner p{margin: 0;}
.loader_wrapper .carousel-indicators{position: relative; top: 10px;}

.download-btn.apply_loan{color: #ffffff; border-color: rgb(42 42 42); background: rgb(42 42 42); margin: 5px 0 0 0; }
.download-btn.apply_loan:hover{border-color: #ff6600;}
.sanction_hardapproval .btn.btn-main.ms-auto.pull-right{width: 100%; margin: 0 auto;}
.date .calander-icon {background: url(../images/calendar.svg) no-repeat; background-size: 21px; width: 21px; height: 21px;position: absolute; top: 36px; right: 10px; opacity: .6;}
.form-floating .form-control:focus ~ .input-group-append .calander-icon{ opacity: 1;}
.date{position: relative;}

.hdfc-card .btn{max-width: 48%;}
.verification-popup{}
.verification-popup .modal-header .btn-close{background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.verification-popup .modal-header{border-bottom: 0;}
.verification-popup .modal-content{border-radius: .6rem; padding:22px 10px;}
.verification-popup .modal-content p{text-align: center; font-size: 20px; font-weight: bold; padding: 0 40px; line-height: normal; margin: 0;}
.verification-popup .carousel.pointer-event{/*box-shadow: 1px 0 5px 2px #eaeaea;*/ padding: 30px 10px; border-radius: 6px;}
.verification-popup .carousel-indicators{bottom: -44px;}
.carousel-indicators [data-bs-target]{width: 8px !important; height: 8px !important; border-radius: 50%; background-color: #ff6600;}
.carousel-dark .carousel-indicators [data-bs-target]{background-color: #C1C1C1; opacity: 1; cursor: unset; border-radius: 50%;}
.carousel .carousel-inner p{font-size: 18px; color: #322B54; line-height: normal; font-weight: 600;}
.carousel-indicators [data-bs-target].active{/*background: url(../images/tick-icon.svg) no-repeat transparent !important;*/ width: 34px !important; height: 8px !important; opacity: 1;
	background-color: #ff6600; border-radius: 20%;}
.loader{margin: 30px 0;}
.base-timer {position: relative; width: 240px; height: 240px; margin: 20px auto;}
.base-timer__svg {transform: scaleX(-1);}
.base-timer__circle {fill: none; stroke: none;}
.base-timer__path-elapsed {stroke-width: 1px; stroke: #ff6600; stroke-dasharray: 5px;}
.base-timer__path-remaining {stroke-width: 5px; stroke-linecap: round; transform: rotate(90deg); transform-origin: center; transition: 1s linear all; fill-rule: nonzero; stroke: currentColor;}
.base-timer__path-remaining.green {color: #ff6600;}
.base-timer__path-remaining.orange {color: orange;}
.base-timer__path-remaining.red {color: red;}
.base-timer__label {position: absolute; width: 240px; height: 240px; top: 0; display: flex; align-items: center; justify-content: center; font-size: 48px;}		
.green_dot_1, .green_dot_2, .green_dot_3, .green_dot_4{}
.green_dot_1 .carousel-indicators button.active, .green_dot_1.green_dot_2 .carousel-indicators button.active, .green_dot_1.green_dot_2.green_dot_3 .carousel-indicators button.active, .green_dot_4 .carousel-indicators button.active{background-color: #09bec9;}
.verification-popup .carousel{background: #fbf5f0; border-radius: 8px; padding: 15px; height: 190px; display: flex; align-items: center;}

/* 26-11-2025 */
.personal-details .col-6 { width: 47%;}
.m-flex{justify-content: space-between;}
.personal-details .col-4, .personal-details .col-6{padding: 0 5px;}
.tctxt{padding: 0 5px;}
.personal-details .col-9{padding-right: 5px;}
.hard_approval{padding-top: 0;}
.hard_approval h5.bg-primary-subtle{border-bottom: 1px solid #f464001a; color: #f46400; padding: 10px 0;}
.hard_approval .date span#dob_datepicker{position: relative;}
.hard_approval .invalid-feedback{font-size: 12px; line-height: 14px;}
.hard_approval .form-label{white-space: nowrap;}
.mkmdDtls #bank_logo img{width: 40%;}
/* .main-wrap .section-side{height: 100vh;} */
.follow_steps ul li span{margin-right: 10px;}

/*.loanoptions_wrapper{width: 70%; margin: 0 auto;}*/

	.offer-card-new .asset-new{width: auto; padding: 0 0px !important; font-size: 18px;}
	.offer-card-new .emi-price:before{content: 'Indicative EMI'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400; color: #3E3664B2; }
	.offer-card-new .d-voucher .download-btn{width: 246px; font-size: 14px; height: 50px;}
	.offer-card-new .d-voucher .download-btn.apply_loan{padding: 14px 15px; margin: 0; font-size: 14px; height: 50px;}
	.offer-card-new .emi-price:before{display: none;}
	.emi-price:before{content: 'EMI'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
	.fee-price:before{content: 'Processing Fees'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
	.inte-price:before{content: 'Loan Amount'; padding: 0; display: block; font-size: 12px; font-weight: 400;}
	.asset-new::before{margin-bottom: 10px;}
	.asset-new.emi-price{font-size: 26px; }
	

 #edit_details_mobile{color: #322B54; width: auto !important; padding: 5px 15px; border-radius: 30px; font-size: 13px;
	background: #ffffff; border: 1px solid #f5f5f5; display: inline-block; margin-left: 15px !important;}
input:disabled,
textarea:disabled,
select:disabled {
  background-color: #f0f0f0 !important;
}
.ui-widget.ui-widget-content { margin-bottom:10px; }



@media screen and (max-width:1800px){
	.offer-card-new .asset-new:last-child{width: 22%;}
}

@media screen and (max-width:1400px){
	body{background-size: auto;}
	.main-wrap .body-content{height: 100vh;}
	.sticky-tabs .top-section h2.sub-heading.selecturmodel {font-size: 16px;}
    .main-wrap .body-content .top-section{display: block !important;}
	.tab-content{padding-top: 0px;}
	.alert-msg{width: 100%;}
	.offer-card{width: 100%; max-width: 100%;}
	.bank-block{width: auto; min-width: 180px;}
	.compare-offers-new article .b-title{width: 100%;}
	.b-emt-block{width: 100%;}
	.epl-l{padding-left: 0px;}
	.fee-price{padding-left: 20px;}
	.offer-card-new .asset-new:last-child{width: 22%;}
	/*.offer-card-new .asset-new{padding: 0 14px !important;}*/
	.bs-tooltip-top .arrow::before {border-top-color:#ffffff !important; border-width: .8rem .8rem 0 !important; left: -5px; top: -3px;}
}

@media screen and (max-width:1366px){
	.emi-price, .fee-price, .inte-price{padding: 0 10px;}
	.epl-l{padding: 0 0px;}
	.view-details{white-space: nowrap; padding-right: 20px;}
	.view-details:before{padding-left: 20px;}
	.dealer-block .dealer-inside{width: 70%;}
	.epl-e{padding: 0 10px 0 36px;}
	/*.download-btn, .download-btn:hover{width: 140px; font-size: 12px;}*/
	.download-btn{font-size: 12px; width: 150px; padding: 10px;}
	.epl-p{margin-left: 0px;}
	.bank-text{width: 120px;}
	.offer-card-new .asset-new:last-child{width: 20%;}
	.back_to_home{margin-bottom: 25px;}
	.loanoptions_wrapper{width: auto;}
	.hard_approval .col-sm-4{width: 50%;}
}

@media screen and (max-width:1350px){
	/* New Offer Card Styles start */
	.offer-card-new .asset-new{padding: 0;}
	.offer-card-new .asset-new:nth-child(1){padding: 0 10px 10px 0 !important;}
	.epl{font-size: 12px;}
	.loanoptions_wrapper{width: 100%;}
	.offer-card-new .asset-new:last-child{width: 20%;}
	/* New Offer Card Styles end */
}

@media screen and (max-width:1280px){
	body{background-size: cover;}
	.offer-card{width: 100%;}
	.alert-msg{width: 100%; /*display: inline-block;*/ font-size: 11px;}
	.emi-price, .fee-price, .inte-price{padding: 0 15px;}
	.tab-content{padding-top: 110px;}
	.header{padding-right: 0.5rem!important;padding-left: 1rem!important;}
	.main-wrap .body-content{padding:20px}
	.main-wrap .section-side, .main-wrap .body-content .login-blk .text, 
	.nav .icon.search, .icon.breadcrumb, .btn.btn-fill.enquire-now .now,
	.btn.btn-clear.visit-showroom .visit{
/*		display: none !important*/
	}

	 .btn.btn-fill.enquire-now, .btn.btn-clear.visit-showroom{font-size: 14px}
	 .btn.btn-fill.enquire-now{margin-right:7px}
	 .btn.btn-clear.visit-showroom{margin-right:0}

	 .main-wrap .body-content .search-blk .input{width: 280px;}

	
	
	
	/*.modal.show .modal-dialog{margin:0 !important}*/
/*	.listingmodal .modal-dialog{margin:auto}*/
	.epl { font-size: 11px;}
	.offer-card-new .asset-new:last-child{width: 22%;}
	.offer-card-new .asset-new{padding: 0 12px !important;}
	
	html{min-height: 100%;}
	body{background-size: cover; height: 100%;}
	.back_to_home{margin-bottom: 10px;}

	.sticky-tabs{width: calc(100% - 428px);}
}

@media screen and (max-width:1240px){
	.main-wrap .body-content .search-blk .input{width: 180px;}
}

@media screen and (max-width:1180px){
	.offer-filter{display: none;}
	/*.main-wrap{display: block; height: auto;}
	.main-wrap .section-side{width: 100%; background: #F7F7F7 url('../images/bike-graphic.jpg') no-repeat right; background-size: 30%;}
	.editemi-sliders{width: 100%; display: flex; background: inherit; margin-top: 0 !important;}*/
	.container-ms{max-width: 100%; padding: 0 15px; background: #f7f7f7;}
/*	.main-wrap{display: block;}*/
/*	.main-wrap .section-side{width: 100%; display: block !important; background: none; height: auto;}*/
	.card{background: none;}
	.offer-card{display: block; height: auto; padding:16px; position: relative; margin-bottom: 15px !important;}
	.emi-accordion {display: block; margin-top: -32px;}
	.mobile-view{display: none;}
	.editemi-sliders{width: 100%; padding: 0 15px 15px 15px; margin-top: 24px !important;}
	.emi-accordion button{background: none; padding-right: 0px;}
	.total-loan-amount{width: 100%;}
	.filter-out .emi-filter, .filter-out .fee-filter, .filter-out .inte-filter{display: none;}
	.main-wrap .body-content .sub-heading{margin-top: 16px;}
	.emi-price:before{content: 'EMI'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
	.fee-price:before{content: 'Processing Fees'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
	.inte-price:before{content: 'Loan Amount'; padding: 0; display: block; font-size: 12px; font-weight: 400;}
	.emi-price, .fee-price, .inte-price{display: inline-block; padding: 0 14px; border-right: 1px solid #eaeaea;  margin-top: 10px; width: 20%;}
	.fee-price{border-left: 1px solid #eaeaea;}
	.emi-price{border: none;}
	.inte-price{border: none;}
	.view-details{position: absolute; top: 10px; right: 10px; text-align: right;}
	.view-details:before{border: 0;}
	.download-btn{width: 100%; margin: 15px 0 0 0;}
	.voucher-btn-block{float: right; width: 33%;}
	.strip{display: none;}
	.mHide{display: none;}
	
	
	/* 25-08-2023 */
	.main-wrap .section-side{padding: 0 10px;}
	.main-wrap .body-content .top-section{background-color: #fff;top:0;padding: 22px 8px 0;}
	.main-wrap .body-content .tabs-wrap{/*flex-wrap: wrap;*/ top:54px;background-color: #fff}
	.main-wrap .body-content{width:100%}
	.main-wrap .body-content .search-blk.mobile-search{padding: 0 0px; display:flex !important; align-items: center; top: 7px;}
	.main-wrap .body-content .nav-tabs{width: 100%;height: 52px;flex-wrap: nowrap;overflow: auto;padding: 0 0px 0;margin-bottom:12px; margin-left: 10px;}
	.main-wrap .body-content .nav-tabs li{white-space: nowrap;}
	.main-wrap .body-content .sub-heading{font-size: 20px}
	.main-wrap .body-content .tab-content-wrap{justify-content: center; padding: 6px 0;}
	/*	.main-wrap .body-content .search-blk, .main-wrap .body-content .search-blk .input{width:100%; margin-right: 0px;}*/
	
	/* 23-07-2024 */
	.sticky-tabs{width: calc(100% - 328px); top: 30px; padding-bottom: 0px; padding-right: 20px;}
	
	.main-wrap .body-content .nav-tabs{margin-right: 0px;}
	.main-wrap .section-side{width: 300px;}
	.main-wrap .section-side .process-points .step{width: 260px;}
	.m_emi{display: flex; align-items: center; justify-content: space-between;}
	


}

@media screen and (max-width: 1180px) and (min-width: 900px){
	.main-wrap .body-content .tab-content { padding-top: 100px; }
}

@media screen and (max-width:980px){
	.hard_approval .col-sm-4{width: 100%;}
}

@media screen and (max-width:900px){
	html{min-height: 100%;}
	body{background-size: cover; height: 100%;}
	.listingmodal{overflow: hidden;}
	.listingmodal .modal-dialog{height:100%}
	.listingmodal .modal-dialog .modal-content{width:calc(100% - 20px);max-width:540px;height:calc(100vh - 10px);max-height: 680px;margin: auto;overflow:auto;}
	.listingmodal .modal-dialog .modal-content .modal-body{flex-direction: column;padding-top:44px;position: relative;}
	.listingmodal .vehicle-blk{width:100%;height:auto;padding:8px;margin:auto;} 
	.listingmodal .vehicle-blk .vehicle-img{height: fit-content;max-width: fit-content;max-height: fit-content;}
	.listingmodal .modal-dialog .modal-content .modal-body .content-blk > .title{font-size: 18px;display: flex;justify-content: center;align-items: center;}
	.listingmodal .modal-dialog .modal-content .modal-body .content-blk{padding:0}
	.btn.back-btn, .btn.proceed-btn{width:100%;height:48px;}
	.btn.back-btn{position: absolute;top: 0;right: 20px;left: auto;bottom: auto;width: auto;margin: auto;}
	.btn.back-btn.btn-main-outline{position: inherit; margin: inherit;}
	.sticky-tabs {position: fixed;width: 100%;top: 40px;}
	.main-wrap .section-side .process-points {margin-top: 200px; display: none;}
	.tab-content {padding-top: 200px;}
	.main-wrap{display: block;}
	.main-wrap .section-side{width: 100%; display: block !important; background: none; height: auto;}

	.hard_approval .col-sm-4{width: 100%; padding: 0;}
/* 23-07-2024  */
	.main-wrap .body-content .search-blk, .main-wrap .body-content .search-blk .input{width: 87%;}

}

/*Progress steps styles End*/
@media screen and (max-width:768px){
	.offercard_inwraper { padding:0px !important; }
	.md-none{display: none;}
	.main-wrap .body-content{width: 100%; height: 100vh; padding: 20px 0 0 0px;}
	.form-outer, .othrDetails .form-outer {width: 100% !important;}
	.step-app .step-steps li h5{font-size: 10px;}
	body.frm-step{height: 100%; background: #F7F7F7;}
	.body-content{background: #ffffff;}
	.customer-details{background: #f7f7f7;}
	.main-wrap .body-content .sub-heading{font-size: 20px;}
	.step-app .step-content{padding-bottom: 0;}
	.m-fixed{position: fixed;bottom: 0px;background: #fff;width: 100%;margin: 0;padding: 15px;left: 0; z-index: 99;}
	.col01.me-4 { margin-right: 0.5rem!important;}
	.col7 {width: 100%; margin-bottom: 20px;}
	.m-flex{display: block !important;}
	.form-in.step01.mt-5{margin-top: 0.7rem !important;}
	.col5 {width:calc(100% - 80px);margin-right: 0 !important;}
	.col6 {width: 100%;margin-top: 20px;}
	.modal.fade.otp-model .modal-dialog{width: 100%; margin: 0;}
	.otp-model .modal-content{height: 100vh; border-radius: 0; border: none;}
	.fm-55 { width: 45px;height: 45px;background: #FFFFFF;border: 1.2px solid #CDCED5;border-radius: 9.6px;text-align: center; margin: 0 !important;}
	.otp-model h4{font-size: 20px;}
	.d-flex.m-spe {display: flex!important;justify-content: space-around;}
	.col8 {width:calc(100% - 130px);}
	.dropdown-menu.show{ left: -8px !important; }
	.main-wrap .body-content .tab-content-wrap .listing-blk .blk-title{font-size: 14px}
	.dealer-block{background: none; border: none; display: block; margin: 0;}
	.dealer-block .left, .dealer-block .right{width: 100%;}
	.dealer-block .dealer-inside{background: #f7f7f7; border:1px solid #CDCED5; border-radius: 6px; padding: 8px 16px; width: 100%;}
	.bank-block-wrapper{overflow-x: scroll;}
	.bank-block {width: 100%; max-width: 260px; white-space: nowrap;}
	.compare-offers-new article{padding: 0 0px;}
	.b-bnt-block .download-btn{font-size: 12px; width: 154px;}
	.compare-offers-new article .c-title{width: 130px;}
	.c-emt-block{width: 130px; background: none;}
	.b-emt-block{width: 220px;}
	.emi-price{border: none !important;}
	.bike-det{position: relative; z-index: 99;}
	.conformation-popup .modal-body h4{font-size: 16px;}

	.main-wrap .body-content .tabs-wrap{flex-wrap: wrap;}
	.main-wrap .body-content .search-blk, .main-wrap .body-content .search-blk .input{width: 100%; left: 5px; position: relative;}
	.steps-follow{background: #ffffff; padding: 15px;}
	.steps-follow .col-6{width: 100%;}
	.steps-follow ul li{align-items: flex-start;}
	.accordion-btn.active, .accordion-btn.active:focus, .accordion-btn.active:hover { margin-right:20px; }
}

/*Ram 24-04-2023 start*/
@media screen and (max-width:767px){
	.body-content h1 {text-align: left; margin-bottom: 0;}
	.logo { width: 45%; height: auto;}
	.terms-conditions { margin-top:60px; }
	.header{position: sticky; top: 0; z-index: 999;}
	.frm-step .header{position: fixed; top: 0; z-index: 999;}
	.main-wrap .section-side.left-sidebar{display: none !important;}
	.container-ms{max-width: 100%; padding: 10px 15px 0px; background: #f7f7f7;}
	.main-wrap{display: block;}
	.main-wrap .section-side{width: 100%; display: block !important; background: none; height: auto;}
	.card{background: none;}
	.offer-card{display: block; height: auto; padding:16px; position: relative; margin-bottom: 0px !important;}
	.emi-accordion {display: block; margin-top: 0px;}
	.mobile-view{display: none;}
	.editemi-sliders{width: 100%; padding: 0 15px 20px 15px; margin: 0 !important;margin-top: 10px !important;border-radius: 0;}
	.editemi-sliders .d-flex{align-items: center;}
	.emi-accordion button{background: none; padding-right: 0px;}
	.total-loan-amount{width: 100%;}
	.section-side{margin-top: 80px;}
	.filter-out .emi-filter, .filter-out .fee-filter, .filter-out .inte-filter{display: none;}
	.main-wrap .body-content .sub-heading{margin-top: 6px; font-size: 20px;}
	.sticky-tabs .top-section h2.sub-heading.selecturmodel{font-size: 16px;}
	.offer-card-new .emi-price:before{content: 'Indicative EMI'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
	.fee-price:before{content: 'Processing Fees'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
	.inte-price:before{content: 'Loan Amount'; padding: 0; display: block; font-size: 12px; font-weight: 400;}
	.emi-price, .fee-price, .inte-price{display: inline-block; padding: 0 10px; border-right: 1px solid #eaeaea; margin-top: 10px; width: auto;}
	.emi-price{padding-right: 5px !important; width: 25%;}
	.inte-price{border: none;}
	.view-details{position: absolute; top: 30px; right: 0px; text-align: right;}
	.view-details:before{border: 0;}
	.download-btn{width: 100%; margin: 15px 0 0 0; font-size: 14px;}
	.offer-card-new .d-voucher .download-btn{ padding:10px 15px; width: auto; font-size: 12px; height: auto; margin:0px; }
	.voucher-btn-block{float: none; width: auto;}
	.view-details-popup.modal.fade .modal-dialog{width:100%;}
	.view-details-popup .modal-title{font-size: 18px;}
	.view-details-popup .modal-body ul{margin: 0px 0 10px 0;}
	.radio-wrapper-new .form-check{width: 100%;}
	.radio-wrapper-new .form-check-label{width: 100%;}
	

	/*.main-wrap .body-content{padding: 15px;}*/
	.voucher-steps{display: block; margin-top: 20px}
	.voucher-block{width: 100%;}
	.steps-block{margin: 0px auto 16px auto;}
	.header{padding-left: 16px !important; padding-right: 16px !important;}
	.main-wrap .body-content .nav-tabs .nav-link{font-size: 14px; margin-right: 11px; margin-left: 11px;}
	.main-wrap .body-content .nav-tabs .nav-item:first-child .nav-link{margin-left: 5px;}
	.main-wrap .body-content .search-blk .input{height: 36px; font-size: 12px; margin-right: 0;}
	.main-wrap .body-content .search-blk .icon.forSearch{width: 14px;}
	.main-wrap .body-content .search-blk .icon.forSearch{left: 18px;}
	.main-wrap .body-content .nav-tabs{margin-bottom: 0px;}
	.main-wrap .body-content .tab-content-wrap .listing-blk{max-width: 94%; padding:}
	.congratulations-page .congratulations-blk .congrats-text{font-size: 20px;}
	.congratulations-page .congratulations-blk .congrats-caption{font-size: 12px;}
	.steps-block h4{font-size: 16px; color: #5D5D5D;}
	.dealer-address{margin-top: 15px;}
	.loginpopup.modal.show .modal-dialog{margin: 0; width: 100%; max-width: 100%; padding: 0;}
	.listingmodal.modal.show .modal-dialog{width: 100%; padding: 0;}
	.listingmodal .modal-header{padding: 10px;}
	.listingmodal .modal-dialog .modal-content{max-width: 100%; width: 100%; height: auto; position: absolute; bottom: 0; border-radius: 25px 25px 0 0;}
	.listingmodal .modal-dialog .modal-content .modal-body{padding: 16px;}
	.listingmodal.modal.fade .modal-dialog, .listingmodal.modal.fade.sortby-popup .modal-dialog{transform: translateX(0px); transform: translateY(	400px);}
	.listingmodal.modal.show .modal-dialog, .listingmodal.modal.show.sortby-popup .modal-dialog{transform: inherit; bottom: 0;}
	.listingmodal .modal-header button, .otp-model .modal-header button{display: none;}
	.listingmodal .modal-header, .otp-model .modal-header{padding: 15px !important;}
	.duel-single-block .varient-block{font-size: 12px;}
	.location-popup.modal.fade .modal-dialog{width: 100%; margin: 0; padding: 0 15px;}
	.form-in{padding-bottom: 100px;}

	.otp-model .modal-dialog .modal-content{max-width: 100%; width: 100%; height: auto; position: absolute; bottom: -16px; border-radius: 25px 25px 0 0; margin: 0;}
	.otp-model.modal.fade .modal-dialog{transform: translateX(0px); transform: translateY(800px);}
	.otp-model.modal.show .modal-dialog{transform: inherit; bottom: 0; padding: 0; max-width: 100%; margin: 0;}
	.otp-session .form-control{width: 44px; height: 44px; margin-right: 20px !important;}
	.modal.fade .modal-dialog{width: 100%; margin: 0; padding: 0 15px;}
	.conformation-popup.modal.fade .modal-dialog{width: 100%;}
	.compare-offers{overflow-x: scroll; padding :0 15px;}
	.compare-offers .inner-block{width: 1200px;}
	.column-one{min-width: 34%; *width: 100%;}
	.empty-block{font-size: 11px;}
	.row.mb-4{margin-bottom: 10px !important;}
	.compare-section-selected.loan-offers-section{width: 100%; padding: 0 15px 20px 15px;}
	.offer-downpayment-blk .text, .offer-downpayment-blk .text .price{font-size: 10px;}
	.loan-offers-section .listing .line .sect .label, .loan-offers-section .listing .line .sect .value{font-size: 10px;}
	.loan-offers-section .listing .line .sect .value{font-size: 12px;}
	.main-wrap section.loan-offers{background: #f7f7f7;}
	.alert-msg{font-size: 10px; line-height: 12px; /*height: auto;*/ position: relative; padding-left: 36px; border-radius: 4px; margin: 0px 0 0 0;}
	.alert-msg img{ position:absolute; left: 8px;}
	.m-view{display: block;}
	.d-view{display: none;}
	.filter-blk{font-size: 12px;}
	.compare-sort{width: 100%; padding: 0 12px;}
	.compare-sort .sortby{display: block !important; margin-left: 15px;}
	.filter-blk.sortby::before{position: relative; top: 3px; height: 12px;}
	.container-ms .col-md-3{ padding:0 12px;}

  
  .sortby-popup .modal-header{border: none; padding-bottom: 0px !important; padding-top: 26px !important;}
  .sortby-popup .modal-header .modal-title{font-size: 16px; color: #ffffff; line-height: 24px; font-weight: bold;}
  .sortby-popup .modal-body .heading{font-size: 12px;}
  .sortby-popup .modal-body .emi-blk{/*border-bottom: 1px solid #eaeaea;*/ margin-bottom: 0px;}
  .sortby-popup .modal-body .tcost-blk{border-top: 1px solid #eaeaea; margin-top: 10px; padding-top: 10px;}
  .sortby-popup .btn-group{width: 100%;}
  .sortby-popup .btn-group .apply-btn{margin: 15px 0 0 0; height: 48px;}
  .heading .column:last-child{padding-right: 15px;}
  .heading .column{position: relative;}
  .heading .column .check-icon{position: absolute; top: 5px; right: 10px;}
  .row2{margin: 5px 0 5px 0;}
  .epl{display: none;}
  .mt-5.pt-3{display: none;}
  .gray-border {width: 32px; height: 4px; border-radius: 100px; position: absolute; display: block; right: 0; left: 0; margin: 0 auto; background: #79747E; opacity: 40%; top: 18px;}
  .compare-sort{justify-content: space-between;}
  .card .mb-3.d-flex{display: none !important;}
  .aside-inner{display: none;}
  .our-financiers article{display: inline-block;}
  .our-financiers article span{display: inline-block; line-height: 70px;}
  .main-wrap.congratulations-page .section-side .listing-blk{margin: 0; max-width: 100%;}
  .list-group{position: absolute; top: 45px; display: inline-block; width: 93%;}
  .tltp-section{white-space: normal; left: -80px;}
  .tltp-section::before{left: 78px;}
  .resident-out h6{text-align: left;}
  .loan-text{display: block;}
  .bank-block:first-child{border-left: 1px solid #f1f1f1;}
  .bank-block{border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1;}
  .b-emt-block{width: 100%; border-right: none;}
  .compare-offers-new .desk-view{display: none;}
/*  .logo{width: 34%;}*/
  .main-wrap .body-content .search-blk{margin-right: 0px;}
  #edit_details_mobile{color: #ff6600; width: auto !important;}
  
  .dealer-block{background: none; border: none; display: block; margin: 0;}
  .dealer-block .left, .dealer-block .right{width: 100%;}
  .dealer-block .dealer-inside{background: #f7f7f7; border:1px solid #CDCED5; border-radius: 6px; padding: 8px 16px; width: 100%;}
  .steps-follow{background: #ffffff; padding: 15px; margin: 14px 0 0px 0;}
  .steps-follow .col-6{width: 100%;}
  .steps-follow ul li{align-items: flex-start;}

  .downlod_applyloan {display: flex; align-items: center; justify-content: space-between;}
  .downlod_applyloan .btn.download-btn{ margin: 15px 0 0 0 !important; font-size: 12px; letter-spacing: -0.3px;}

      .downlod_applyloan {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.offer-card-new .asset-new:last-child {
        width: auto;
        gap: 8px;
    }
    .downlod_applyloan .btn.download-btn {
        margin: 15px 0 0 0 !important;
        font-size: 12px;
        letter-spacing: -0.3px;
    }

	.section-side{margin-top: 0px;}
	.sticky-tabs .top-section h1{font-size: 18px;}
	.sticky-tabs{position: relative; top: 0px; padding-top: 0px;}
	.main-wrap .body-content .top-section{position: relative; padding: 0 20px 8px;}
	.tab-content{padding-top: 0px;}
	.main-wrap .body-content .tabs-wrap{top: 0;}
	.m_emi{display: flex; align-items: center; justify-content: space-between;}
	.view-details-popup .modal-dialog .modal-content{position: absolute; bottom: 0px; left: 0; border-radius: 25px 25px 0 0;}
	.view-details-popup.modal.show .modal-dialog{
		transform: inherit;
        /* transform: translateY(0px); */
		margin-left: 0;
		min-height: calc(100%);
	}
	.view-details-popup.fade .modal-dialog{
		transform: translateX(0px);	
        transform: translateY(400px);
	}
	.step01 h6 strong{font-size: 14px; font-weight: normal;}
	.payment-detl{display: flex; text-align: center; justify-content: space-between;}
	.payment-detl .row .col-12{ text-align:center !important; font-size:12px; }
	.payment-detl .row .col-12.text-end{font-size: 13px;}
	.payment-detl .row {line-height: 16px;}
	.b-bnt-block a{background: none !important;}

	/* 04-11-2025 */
	.hard_approval{width: 90%; padding-top: 10px; padding-bottom: 80px;}
	.hard_approval h2{font-size: 18px; margin-bottom: 20px;}
	.loader_wrapper .carousel-inner{width: 94%; padding: 30px 10px;}

	.submit_wrapper{width: 100%;}
	.bottom_wrapper{width: 100%;}
	.sanction_hardapproval{width: 100%;}
	.payment-detl{display: flex; text-align: center; justify-content: space-between;}
	.payment-detl .row .col-12{ text-align:center !important; font-size:13px; }
	.payment-detl .row {min-height: 60px;}
	.personal-details .col-6{width: 100%; margin-bottom: 20px;}

	/* 26-11-2025 */
	.m-fixed{border-top: 1px solid #eaeaea;}
	.personal-details .col-9{width: 76%;}
	.personal-details .col-3{width: 32%;}
	.detect-btn{background: url("../images/detect.svg") no-repeat 5px center;}
	.hard_approval .col-12{padding: 0;}
	.hard_approval .col-sm-12{padding: 0;}


}

@media screen and (max-width:600px){
	.main-wrap .body-content .tab-content-wrap .listing-blk .blk-title, .main-wrap.congratulations-page .section-side .listing-blk .blk-title{    font-size: 13px}
	.main-wrap .body-content .tab-content-wrap .listing-blk{width: calc(50% - 1.6rem); margin: 0.4rem;}
	.bank-logo img {width: 15%;}
	.sanction_detail_card, .follow_steps, .selected_dealership{width: 94%;}
	.selected_dealership{padding-bottom: 80px;}
	.congrats_wraper h3{width: 98%;}
}
@media screen and (max-width:500px){
	html{min-height: 100%;}
	body{background-size: cover; height: auto; min-height: 100%;}
	.main-wrap .body-content .tab-content-wrap .listing-blk{width:100%;height:250px;}
	.main-wrap .body-content .tab-content-wrap .listing-blk .vehicle-img, .main-wrap.congratulations-page .section-side .listing-blk .vehicle-img { max-width: 280px; }
	.header{padding-right: 1rem!important;padding-left: 1rem!important;}
	#verify_otp.resend{font-size: 13px; white-space: nowrap;}
	.header .login-blk{white-space: nowrap;}
	.offer-card {min-height: auto;}
	/* 26-11-2025 */
	.personal-details .col-9{width: 68%;}
}

@media screen and (max-width:430px){
	.logo {width: 50%;}
	.congrats_wraper h3{font-size: 20px;}
	.verification-popup .modal-content p{padding: 0;}
	
}

@media screen and (max-width: 410px) {
	.offercard_inwraper {padding: 10px 0;}
	.limited_no span {padding: 5px 8px;}
	.ribbon {right: 0px;}
	.limited_no span:first-child {margin-right: 5px;}
}
@media screen and (max-width:390px){
	.tctxt label { width: 300px; }
	.mkmdDtls { width: 100% !important; margin: auto; }
	.header .login-blk{white-space: nowrap; font-size: 12px;}
	.header .login-blk .link{font-size: 12px;}
	.logo {width: 58%;}
	.bike-det span{width: 100px; display: inline-block;}
}
@media screen and (max-width:360px){
	.voucher-block{padding: 0 15px;}
	.voucher-block img{width: 100%;}
	.steps-block{width: 100%;}
	.tctxt label { width: auto; }
	.logo{width: 65%; height: auto;}
	.fee-price:before{font-size: 10px; padding-right: 10px;}
	.inte-price:before{font-size: 10px;}
	.payment-detl .row .col-12{font-size: 10px;}
	.emi-accordion button{font-size: 13px;}
	.submit_wrapper button{font-size: 12px; padding: 10px 15px;}
	.hard_approval button{font-size: 12px;}
	.request_callback{white-space: nowrap; font-size: 12px;}
}
@media screen and (max-width:320px){
	.logo {width: 75%;}
	.emi-price{width: 21%;}
	.emi-price, .fee-price, .inte-price{font-size: 12px; padding: 0 5px;}
	.accordion-button::after{margin-left: 5px;}
	.emi-accordion button{font-size: 14px;}
	.tctxt label { width: 250px; }
	.voucher-steps .back-home{width: 100%;}
	.fee-price:before{font-size: 10px;}
	.inte-price:before{font-size: 10px;}
	.header .login-blk{letter-spacing: 1px;}
}	


/* New Offer Card Styles start */
	.limited_period_offer.offer-card-new{display: block; padding: 20px; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; color: #444444; transition: 0.8 cubic-bezier(0.51,0.61,0,2.3);
		background: rgba(255, 255, 255, 0.70) !important;}
	.limited_period_offer.offer-card-new .asset-new{width: auto; padding: 0 0px !important; font-size: 18px;}
	.limited_period_offer.offer-card-new .emi-price:before{content: 'Indicative EMI'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400; color: #3E3664B2; }
	.limited_period_offer.offer-card-new .d-voucher .download-btn{width: 246px; font-size: 14px; height: 50px;}
	.limited_period_offer.offer-card-new .d-voucher .download-btn.apply_loan{padding: 14px 15px; margin: 0; font-size: 14px; height: 50px;}
	.limited_period_offer.offer-card-new .emi-price:before{display: none;}
	.limited_period_offer .emi-price:before{content: 'EMI'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
	.limited_period_offer .fee-price:before{content: 'Processing Fees'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
	.limited_period_offer .inte-price:before{content: 'Loan Amount'; padding: 0; display: block; font-size: 12px; font-weight: 400;}
	.limited_period_offer .asset-new::before{margin-bottom: 10px;}
	.limited_period_offer .asset-new.emi-price{font-size: 26px; }
	
	.limited_period_offer{position: relative; margin-bottom: 0px;}
	.limited_period_offer .bank-logo{margin: 0 0 0px 0;}
	.limited_period_offer .congrats{color: #2A939D; font-size: 16px; font-weight: 600;}
	.limited_no{margin: 15px 0 0 0;}
	.limited_no span{font-size: 12px; color: #000000; padding: 5px 15px; display: inline-block; background: #3E36641A; text-align: center; font-weight: normal; border-radius: 20px;}
	.limited_no span:first-child{margin-right: 10px;}
	.limited_period_offer .offercard_inwraper .emi-amount.asset-new{font-size: 22px;}
	.limited_period_offer .offercard_inwraper .asset-new{width: 20%; text-align: left;}
	.limited_period_offer .offercard_inwraper .asset-new small{ padding: 0; display: block; font-size: 12px; border: 0; font-weight: 500; color: #000000B2; margin-bottom: 12px;
		position: relative; display: flex; align-items: center;}
	.limited_period_offer .offercard_inwraper .asset-new.emi-amount small{cursor: pointer;}
	.limited_period_offer .offercard_inwraper .asset-new.emi-amount small::after{content: ''; background: url(../images/info_icon.svg) no-repeat; width: 16px; height: 16px; background-size: 16px; margin-left: 5px;
	display: inline-block;}
	.limited_period_offer .d-voucher .download-btn{margin-right: 0px;}
	.limited_period_offer .processing-fees{text-align: left; width: auto;}
	.ribbon {font-size: 14px; font-weight: 500; color: #fff; position: absolute; right: 0px; padding-right: 8px;}
	.ribbon {--r: .8em;  padding-left: calc(var(--r) + 0.7em); line-height: 1.8; clip-path: polygon(100vw 0,0 0,var(--r) 50%,0 100%,100vw 100%);
		border-image: conic-gradient(#322B54 0 0) fill 0//0.2vw; width: fit-content;}
	.limited_period_offer .offercard_inwraper{padding: 15px 0 25px 0px;}
	.limited_period_offer .offercard_inwraper .asset-new{width: 25%; text-align: left;}
	.limited_period_offer .offercard_inwraper{display: flex; justify-content: space-between;}
	.limited_period_offer .request_callback{border: none; background: none; color: #2e2e2e; font-weight: 600; font-size: 14px; text-decoration: underline; white-space: nowrap;margin-right: 10px;}
	.limited_period_offer .downlod_applyloan, .limited_period_offer .d-voucher{text-align: right;}
	.limited_period_offer .bank-logo img{width: 5%; height: auto;}
	.limited_period_offer .bank-logo .bank_name{font-size: 16px;  padding-left: 5px;}
	.limited_period_offer .offercard_inwraper .asset-new small{margin-bottom: 6px;}

	@media screen and (max-width:1180px){
		.limited_period_offer.offer-card-new .emi-price:before{content: 'Indicative EMI'; padding: 0; display: block; font-size: 12px; border: 0; font-weight: 400;}
		.limited_period_offer.offer-card-new .asset-new{width: 32%;}
		.limited_period_offer.offer-card-new .asset-new:last-child{text-align: left; width: auto; /*margin: 0 auto;*/ margin-bottom: 0;}
		.limited_period_offer .offercard_inwraper {flex-wrap:  wrap;justify-content: flex-start;}
		.limited_period_offer .offercard_inwraper .asset-new{width: 25%; text-align: left; margin-bottom: 20px;}
	}

	@media screen and (max-width:900px){
		.limited_period_offer.offer-card-new .asset-new{width: 30%;}
		.limited_period_offer.mHide{display: none;}
		.limited_period_offer.offer-card-new .asset-new:last-child{width: auto;gap: 8px;}
		.limited_period_offer.strip{display: none;}
		.limited_period_offer.exclusive .bank-logo {margin-top: 36px;}
		.limited_no {margin-bottom: 10px;}
		.limited_no span {font-size: 10px; padding: 5px 10px; }
		.limited_period_offer .bank-logo img{width: 30%; height: auto;}
	}

	@media screen and (max-width:767px){
		.limited_period_offer .offercard_inwraper .emi-amount.asset-new {font-size: 18px;}
		.limited_period_offer .offercard_inwraper .asset-new { width: 33%;margin-bottom: 15px; padding: 0px !important; }
		.limited_no span:first-child {margin-bottom: 0px; margin-right: 5px;}
		.limited_period_offer { margin-bottom: 0px !important; }
		.d-voucher { overflow:hidden; }
		.request_callback{ padding: 0; float: left; margin-top:8px; }
		.limited_period_offer .d-voucher .download-btn{margin:15px 0 0 0px; float:right;}
		.ribbon {right: 0px; font-size: 12px;}
		.main-wrap .body-content{padding: 0px;}
	}

	@media screen and (max-width:500px){
		.limited_period_offer.offer-card-new .asset-new{width: 32%; text-align: center; padding: 0 !important;}
		.limited_period_offer .fee-price.asset-new{white-space: nowrap;}
		.limited_period_offer.offer-card-new .asset-new {width: auto; text-align:  left; padding:  0 !important; border:  none;}
		.limited_period_offer .offercard_inwraper .asset-new{width: 30%;}
	}

	@media screen and (max-width:410px){
		.limited_period_offer .offercard_inwraper {padding: 10px 0;}
		.limited_no span {padding: 5px 8px;}
		.ribbon {right: 0px;}
		.limited_no span:first-child {margin-right: 5px;}
		.limited_period_offer .offercard_inwraper .asset-new{width: 50%;}
	}
	@media screen and (max-width:360px){
		.limited_period_offer.offer-card-new .emi-price:before{font-size: 10px;}
		.limited_period_offer.offer-card-new .emi-price, .offer-card-new .fee-price, .offer-card-new .inte-price{padding: 0 4px !important;}
		.limited_period_offer.offer-card-new .asset-new {font-size:  14px;}
	}

/* New Offer Card Styles end */