@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
/* font-family: 'Inter', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Jura&display=swap');
/* font-family: 'Jura', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
/* font-family: 'DM Sans', sans-serif; */

@font-face { 
     font-family: 'SF Pro';
       src: url('../fonts/SF-Pro-Display-Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
            }
@font-face { 
     font-family: 'SF Pro';
       src: url('../fonts/SF-Pro-Display-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
            }
@font-face { 
     font-family: 'SF Pro';
       src: url('../fonts/SF-Pro-Display-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
            }
@font-face { 
     font-family: 'SF Pro';
       src: url('../fonts/SF-Pro-Display-Semibold.woff') format('woff');
       
     font-weight: 600;
     font-style: normal;
     font-display: swap;
            }

/*ITC Avant Garde Gothic*/
@font-face { 
     font-family: 'ITC Avant Garde Gothic';
       src: url('../fonts/AvantGarde-Bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
            }

@font-face { 
     font-family: 'ITC Avant Garde Gothic';
       src: url('../fonts/ITC-Avant-Garde-Gothic-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
            }

@font-face { 
     font-family: 'ITC Avant Garde Gothic';
       src: url('../fonts/ITC-Avant-Garde-Gothic-CE-Demi.woff') format('woff');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
            }


/*----------------comman css start--------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; vertical-align: baseline;}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
img, fieldset, a img {border: none; vertical-align: middle; max-width: 100%;}
input[type="text"], input[type="email"], input[type="tel"], textarea {-webkit-appea472rance: none;}
input[type="submit"], button {cursor: pointer;background: none;}
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {padding: 0; border: 0;}
textarea {overflow: auto;}
input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input, button {margin: 0; padding: 0;	border: 0;}
div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus {outline: none;}
 select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
ul, ol {list-style-type: none;}
table {border-spacing: 0; border-collapse: collapse; width: 100%;}
.table{color: #01164D;}
html {-webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; box-sizing: inherit;}
a {color: #000;
	transition: ease-in-out all 0.5s;
	-moz-transition: ease-in-out all 0.5s;
	-ms-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	-webkit-transition: ease-in-out all 0.5s;
	text-decoration: none;
}
a:hover{color: #000;}
a, button {
	transition: ease-in-out all 0.5s;
	-moz-transition: ease-in-out all 0.5s;
	-ms-transition: ease-in-out all 0.5s;
	-o-transition: ease-in-out all 0.5s;
	-webkit-transition: ease-in-out all 0.5s;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
section {clear: both; width: 100%;}

body{font-family: 'SF Pro', sans-serif; color: #01164D; font-size: 16px; line-height: 25px; font-weight: 300;}
p{padding-bottom: 20px; }
p:last-child{padding-bottom: 0;}

b, strong{font-family: 'SF Pro'; font-weight: 700;}

h1,h2,h3,h4,h5,h6{font-family: 'ITC Avant Garde Gothic', sans-serif;}
h2{color: #DC21D4;}
h3{font-size: 30px; color: #DC21D4; line-height: 38px;}

/*----------------comman css end--------------*/


/* comman padding css */
.pt65{padding-top: 65px;}
.pb35{padding-bottom: 35px;}
.ptb30{padding-bottom: 30px !important; padding-top: 30px !important;}
.pb30{padding-bottom: 30px;}
.pt30{padding-top: 30px;}
.pt60{padding-top: 60px;}
.pb50{padding-bottom: 50px;}

.tbp30{padding-bottom: 30px; padding-top: 30px;}

/* comman button styling */
.btn-comman{width: 201px;  font-size: 16px; display: inline-block; padding:18px 0px; border-radius: 50px; text-align: center; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; color: #fff; transition: none; font-family: 'ITC Avant Garde Gothic'; font-weight: 600;}
.btn-comman:hover{background: #01164D; color: #fff;}
.btn-comman-pink{background: #dc21d4;  color: #fff;}
.btn-comman-green{background: #21cab3; color: #01164D;}
.btn-comman-green:hover{background: #dc21d4;  color: #fff;}
.btn-comman-pink:hover{background: #21cab3; color: #01164D;}

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

.white{color: #ffffff !important;}

.line-gradient{background: transparent linear-gradient(92deg, #21CAB3 0%, #21CAB3 26%, #DC21D4 100%) 0% 0% no-repeat padding-box; width: 100%; height: 4px;}

.light-gray-bg{background: #F7F9FC;}
.blue-bg{background:#01164D;}

 /* header top bar start */
 .header-top-bar{text-align: center; background: transparent linear-gradient(90deg, #C72CC8 0%, #886EC1 57%, #21CAB3 100%) 0% 0% no-repeat padding-box;  padding: 10px 0px;}
 .header-top-bar p{color: #fff; font-size: 14px; font-family: 'DM Sans', sans-serif; line-height: 18px;}
 /* header top bar end */

 /* sticky header start */
 /* .sticky-active .header-top-bar{padding: 15px 0px;} */
 /* .sticky-active .header-logo {padding: 15px 0px;} */
 .sticky-active .header-logo .navbar-brand img{height: 50px;}
 .header.sticky-active{position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; animation: fadeInDown 1s forwards; box-shadow: 0px 2px 9px rgb(0 0 0 / 10%);}
/*
 @keyframes smoothScroll {
	0% {transform: translateY(-30px);}
	100% {transform: translateY(0px);}
}
*/

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

 /* Homepage start */
 body.home h2{font-size: 35px; line-height: 41px; color: #DC21D4; font-weight: 500;}



 /* home banner new start */
 .banner-section{padding-top: 30px; padding-bottom: 30px; min-height: 74vh; display: flex; align-items: center; background-size: cover !important; background-repeat: no-repeat !important;}
 .banner-section .banner-section-heading h1{ color: #DC21D4; font-size: 75px; line-height: 80px;padding-bottom: 23px; font-weight: 700;}
 .banner-section .banner-section-heading h3{font-size: 45px; line-height: 58px; color: #fff; display: block; padding-bottom: 17px; font-weight: 700;}
 .banner-section .banner-section-heading h6{font-family:'ITC Avant Garde Gothic';  font-size: 20px; font-weight: 500; color: #fff; padding-bottom: 26px;}
 
 /* home banner new end */

/*how Work Process Start*/
.how-work-process{padding-top: 30px; padding-bottom: 30px;}
.how-work-process h2{padding-bottom: 30px; font-family: 'ITC Avant Garde Gothic'; font-weight: 500;}
.how-work-box{background: #F7F9FC; border-radius: 6px; padding: 15px 48px 40px; text-align: center;}
.how-work-box .step-icon{padding-bottom: 20px; min-height: 135px; display: flex; align-items: center; justify-content: center;}
.how-work-box h2{color: #01164D !important; padding-bottom:22px; font-family: 'SF Pro'; font-weight: 500; }
.how-work-box p{font-size: 16px;}
.how-work-process .btn-comman{margin-top: 30px;}
/*how Work Process end*/

 /* UPS section start */
.usp-box{background: #01164D; padding-top: 33px; padding-bottom: 29px; margin-bottom: 30px;}
.usp-box h2.white{font-family:'ITC Avant Garde Gothic'; font-weight: 500;}
.usp-box .row > .col-12:not(:first-child){display: flex;}
.usp-box-in{min-width: 258px; display: inline-block; padding-top: 35px; display: flex; flex-direction: column;}
.usp-box-in h2{font-size: 45px !important; font-weight: 700 !important;}
.usp-sub-title{font-size: 25px; color: #fff; padding-top: 32px; padding-bottom: 10px; font-weight: 700;}
.usp-box-in .line-gradient{margin-top: auto;}
 /* UPS section end */



 /* sell car section start */
 .sell-car-content{text-align: center; padding: 0px 280px; margin-bottom: 30px;}
 .sell-car-content h2 > span{color: #DC21D4;}
 .sell-car-content h2{margin-bottom: 25px;}
 .sell-car-box .sell-feature-count-box h5{font-size: 120px; color: #fff; line-height: 133px;font-family: 'Jura', sans-serif; font-weight: 400; }
 .sell-car-box .sell-feature-count-box{box-shadow: 0px 24px 44px #00000029; height: 167px; width: 167px; border-radius: 50%;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
 .sell-feture-content{margin-top: 30px; text-align: center;}
 .sell-feture-content p{font-weight: 400;}
 .sell-car-box{  padding: 0px 30px; position: relative;}
 .sell-car-box::after{content: ""; position: absolute; height: 87%; bottom: 0; right: 0; width: 2px; background: #fae3f9; }
 /* sell car section end */

 /* home about section start */
 .home-about-sec{padding:0 0px 50px 0px;}
.home-about-sec > .container-fluid > .row .home-about-content{padding: 30px 60px 30px 64px;}
.home-about-content h3{margin-bottom: 25px; font-family:'ITC Avant Garde Gothic'; font-weight: 500; }
 .home-about-content .btn-comman{margin-top: 20px;}
 .home-about-sec .row{align-items: center;}

 .home-about-img-box{position: relative;}
.home-about-img-box img{width: 100%;}
 .home-about-img-box .about-play-btn{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
 .home-about-img-box .about-play-btn a{color: #DC21D4; font-size: 109px;}
 .home-about-img-box .about-play-btn a:hover{color: #21CAB3;}

.check-arrow-list li{background: url("../images/shield-fill-check-svg.svg") left 5px no-repeat; padding-left: 25px; background-size: 14px; margin-bottom: 15px; margin-top: 10px}

/* home about vidio popup start */
 .home-about-sec .modal .video-popup{height: 400px; width: 100%; float: left;} 
 .home-about-sec .modal .modal-body{padding: 0px;}
 .home-about-sec .modal-header{padding: 0; border-bottom: 0;}
 .home-about-sec .btn-close{position: absolute; top: -7px; right: -20px; background: transparent url("../images/popup-close-white.svg") center/1em auto no-repeat; opacity: 1;}

 /* home about vidio popup end */


 /* home about section end */

/* What Sets section start */
.what-sets-sec{background: #01164D;}
.what-sets-sec h2{font-size: 25px !important; color: #fff!important; padding-bottom: 15px; font-family:'ITC Avant Garde Gothic'; font-weight: 500; }
.what-sets-sec .line-gradient{margin-bottom: 15px;}
.what-sets-content{padding: 30px 60px 45px;}
.what-sets-content h3{font-size: 20px; color: #fff; padding-top: 10px; padding-bottom: 6px; line-height: 28px; font-family:'ITC Avant Garde Gothic'; font-weight: 500; }
.what-sets-content h3 span{color: #21CAB3;}
.what-sets-content p{color: #fff;}
.what-sets-img-box img{width: 100%;}
/* What Sets section end*/

 /* home faq section start */
 .home-faq-sec h2{text-align: center; margin-bottom: 40px;}
 .home-faq-sec .accordion-button,.home-faq-sec .accordion-item{border: none;}
 .home-faq-sec .accordion-button:not(.collapsed){box-shadow: none;}
 .home-faq-sec .accordion-button:not(.collapsed){background: #fff;}
 .home-faq-sec .accordion-button{color: #5A5A5A; font-size: 20px; line-height: 24px; font-weight: 500; padding-top: 28px; padding-bottom: 28px;}
 .home-faq-sec .accordion-button::after{height: 18px; width: 18px; background-size: 18px; background-image: url("../images/faq-up-arrow.svg");}
 .home-faq-sec .accordion-body{padding-top: 0;}
 .home-faq-sec .accordion-button:focus{box-shadow: none;}
 .home-faq-sec{background: url("../images/faq-bg.png")left center no-repeat; background-size: 60%;}
 .home-faq-sec .faq-btn{text-align: center; margin-top: 40px;}
 
 /* home faq section end */


/* footer start */
.footer-main {background: #01164D; text-align: center; padding: 20px 0px;}
.footer-main .footer-social{margin-bottom: 15px;}
.footer-main .footer-social ul li{display: inline-block; margin-right: 5px;}
.footer-main .footer-social ul li:last-child{margin-right: 0;}
.footer-main .footer-social ul li a{font-size: 36px; color: #DC21D4;}
.footer-terms{margin-bottom: 6px;}
.footer-terms ul li{display: inline-block; margin-right: 20px; position: relative;}
.footer-terms ul li:last-child{margin-right: 0;}
.footer-terms ul li::before{content: ""; position: absolute; width: 1px; height: 15px; top: 5px; right: -12px; background: #fff;}
.footer-terms ul li:last-child:before{content: none;}
.footer-terms ul li a{line-height: 20px; color: #fff;}
.footer-copyright p{color: #fff;}

/* footer end */

/* homepage end */


/*** Inner page start ****/

.page-desc h5{color: #dc21d4; font-family: 'ITC Avant Garde Gothic'; font-weight: 500;}
.page-desc p ,.page-desc p span, .page-desc p u, .page-desc li{color: #01164D !important;}
.page-desc p{margin-bottom: 20px; padding: 0;}
.page-desc a{color: #818181 !important; text-decoration: underline;}
.page-desc a:hover{text-decoration: none;}
.page-desc ul, .page-desc ol{list-style-type: revert;     padding-left: 15px;margin-bottom:15px}
.page-desc ul li{padding-bottom: 8px; position: relative;}
.page-desc ul li:last-child{padding-bottom: 0;}
.page-desc u{font-weight: 700; text-decoration: none;}
.page-desc u:empty{display: none;}


.page-desc ol li{padding-bottom: 8px; position: relative; margin-left: 15px;}
.page-desc ol li:last-child{padding-bottom: 0;}

 /* Hero banner start */
 .hero-banner-sec{padding-top: 30px; padding-bottom: 30px; min-height: 74vh; display: flex; align-items: center; background-size: cover !important; background-repeat: no-repeat !important;}
 .hero-banner-sec .hero-banner-heading h1{ color: #fff; font-size: 75px; line-height: 80px;padding-bottom: 23px; font-weight: 700;}
 .hero-banner-sec .hero-banner-heading h3{font-size: 45px; line-height: 58px; color: #DC21D4; display: block; padding-bottom: 17px; font-weight: 700;}
 /* Hero banner end */

.about-single-sec{padding-top: 30px; padding-bottom: 30px;}

/*About page start*/
.inner-head-title h1{color: #000; font-family: 'ITC Avant Garde Gothic'; font-weight: 500;}
.inner-head-title h6{color: #dc21d4; font-family: 'ITC Avant Garde Gothic'; font-weight: 500;}
/*About page end*/

/*HOW IT WORKS page start*/
.how-it-works-sec .row .col-12{display: flex;}
.how-it-work-box{background: #fff; padding: 15px 25px; border:solid 1px #E0E0E0; min-height: 350px; cursor: pointer;}
.how-it-work-box:hover{background:#01164D;}
.how-it-work-box h4{color:#DC21D4; font-family: 'SF Pro'; font-weight: 500; font-size: 20px; line-height: 24px; position: relative; padding-left: 30px; padding-bottom: 16px;}
.how-it-work-box h4 svg{position: absolute; left: 0; top: 0;}
.how-it-work-box:hover h4{color:#21CAB3;}
.how-it-work-box:hover h4 svg{filter:invert(54%) sepia(78%) saturate(444%) hue-rotate(122deg) brightness(99%) contrast(89%);}
.how-it-work-box:hover p{color: #fff;}
.how-it-work-box ul:not(:last-child) {padding-bottom: 20px;}
.how-it-work-box:hover ul {color: #fff;}
/*HOW IT WORKS page end*/

/*Faq page start*/
.faqs-page-sec h2{font-family: 'ITC Avant Garde Gothic'; font-weight: 500;}
.faqs-page-sec-title {padding-top: 30px; padding-bottom: 30px;}

.accordion-main-header {font-family: 'ITC Avant Garde Gothic'; font-weight: 500; position: relative; padding: 5px 0 15px; font-size: 25px; cursor: pointer; color: #0F173F; display: flex;}
.accordion-main-header:after {margin-left: auto; content: "OPEN"; font-size: 14px; flex-shrink: 0; font-family: 'ITC Avant Garde Gothic'; font-weight: 700; color: #DC21D4; padding-left: 5px;}
.accordion-open .accordion-main-header:after{content: "CLOSE";}
.accordion-content-in {display: none;}
.accordion-content-in.show {display: block;}

 .faq .accordion-button,.faq .accordion-item{border: none; border-radius: 6px !important;}
 .faq .accordion-item{margin-bottom: 15px; padding: 30px 30px 30px 60px; box-shadow: 0px 3px 6px #0F173F0B;}
 .faq .accordion-button:not(.collapsed){box-shadow: none;}
 .faq .accordion-button:not(.collapsed){background: #fff;}
 .faq .accordion-button:not(.collapsed):after{content: "\f068";}
 .faq .accordion-button{color: #01164D; font-size: 16px; line-height: 24px; padding:0px;font-family: 'SF Pro'; font-weight: 500;}
 .faq .accordion-button::after{height: 18px; width: 18px; line-height: 18px; background-image: /*url("../images/faq-up-arrow.svg")*/ none; content: "\f067"; font-family: FontAwesome; transform:none;}
 .faq .accordion-body{padding-top:15px; padding-left: 20px; padding-bottom: 0;}
 .faq .accordion-button:focus{box-shadow: none;}
/*Faq page end*/

/* contact us page start */

.contact-page-sec h2{font-size: 45px; line-height: 58px; margin-bottom: 15px; font-weight: 700;}
.contact-page-sec p{font-size: 16px; line-height: 19px;}

.contact-page-sec > .container > .row > .col-12{display: flex;}

/*contact-us-content start*/
.contact-us-content{border-radius: 6px 0 0 6px; padding: 20px 40px 20px 30px;}

.contact-right-desc ul.right-main-list li{position: relative; margin-bottom:15px; display: flex; background: #fff; padding: 20px 20px 20px 72px; border-radius: 6px; align-items: center;}
.contact-right-desc ul.right-main-list li span{position: absolute; left:20px; top: 50%; transform: translate(0px, -50%);}
.contact-right-desc ul.right-main-list li:first-child span{width: 31px;}
.contact-right-desc ul.right-main-list li a{font-family: 'SF Pro'; font-weight: 600; font-size: 16px;}
.contact-right-desc ul.right-main-list li:hover a{color: #DC21D4}
/*contact-us-content end*/

/*contact-us form start*/
.contact-us-form{padding: 25px; border-radius: 0 6px 6px 0; font-family: 'SF Pro'; font-weight: 600; width: 100%;}
.contact-us-form .form-group label{color: #fff; font-size: 16px; padding-bottom: 8px;} 
.contact-us-form input:not([type=submit]){height: auto; line-height: normal; border-radius: 6px; margin-bottom: 24px; padding: 11px 12px 12px; border: 1px solid #fff; font-weight: 600;}
.contact-us-form .form-control::placeholder{color: rgb(1 22 77 / 50%);}
.contact-us-form textarea{ height: 120px; border-radius: 6px; margin-bottom:30px; font-weight: 600;}

.contact-us-form input[type=submit]{color: #fff; display: inline-block; border: 0; font-size: 16px; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box;}
.contact-us-form input[type=submit]:hover{background: #DC21D4; color: #fff;}
.contact-us-form input:focus,.contact-us-left textarea:focus{box-shadow: none; border-color: #624093;}

/*Error*/
.contact-us-form input.is-invalid{margin-bottom: 3px; border-color: #dc3545;}
.contact-us-form .form-control + .invalid-feedback {margin-bottom: 20px;}
.g-recaptcha{margin-bottom: 15px;}
.g-recaptcha.is-invalid{margin-bottom: 0;}
.g-recaptcha.is-invalid + .invalid-feedback{margin-bottom: 8px; margin-top: 0;}
/*contact-us form end*/

.contact-us-info .contact-info-box{border: 1px solid #ccc; padding: 40px; text-align: center; margin-top: 30px; border-radius: 5px;}
.contact-us-info .contact-info-box p{margin-bottom: 0;}
.contact-us-info .contact-info-box .contact-info-icon{margin-bottom: 25px;}
.contact-us-info .contact-info-box .contact-info-icon i{font-size: 40px;}
.contact-us-info .contact-info-box p a{font-size: 18px; text-decoration: none;}


.div-thank-you-contactus{height: 100%; width: 100%; display: flex ; justify-content: center; align-items: center; flex-direction: column; }
.div-thank-you-contactus h6{color: #fff; font-size: 26px; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center;}
.div-thank-you-contactus img{height: 60px; margin-bottom: 15px;}
/* contact us page end */

/* location start  */
h2{font-size: 35px; line-height: 41px;}
h4{font-size: 30px; line-height: 36px; color: #fff;}
.full-bg{background:#F7F9FC;}

.location-select .form-common{max-width: 248px; margin: 0 auto;}
.content-text{text-align: center; color: #fff;}
.located-sec{  display: flex; align-items: center;   min-height: 84vh; padding:40px 0px;}
.located-sec.location-select h2{font-family: 'SF Pro'; font-weight: 600; font-size: 16px; color: #0F173F; margin-bottom: 10px;text-align:left;  line-height: normal}
/*location page end  */

/* form common css start */
/* form.form-common {display: flex; justify-content: center;} */
.select-area select{padding: 16px 20px; font-size: 16px;color: #808aa6; font-family: 'SF Pro '; font-weight: 500; background-size: 22px 25px; max-width: 372px; margin: 0 auto;}
.select-area select option{ font-size: 14px;color: #808aa6;}
.select-area select:focus{box-shadow: none;}
.select-area{padding: 0px;}

.form-common input:focus{box-shadow: none;}
.form-common input::placeholder {font-size:16px; /* color:  #808aa6; */ color: rgb(1 22 77 / 50%);}
.form-common label{color: #0F173F;margin-bottom: 10px;  font-size: 16px; line-height: 22px; font-family: 'SF Pro'; font-weight: 600; }
.form-common .form-control{padding:16px 15px; margin-bottom:55px; height: 44px; font-size:16px;color: #808aa6; font-family: 'SF Pro'; font-weight: 500; border-color: #ccc; border-radius: 6px; margin-top: auto;}
.form-common .form-control.is-invalid{padding-right:42px; border-color: #dc3545;}
.form-common .form-check-input{height: 14px; width: 14px; margin-top: 0; margin-right: 5px;}
.form-common .form-check-input:checked{background-color: #DC21D4; border: 0;}
.form-common .form-btn{background:transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box;color: #fff; padding: 18px 64px;border-radius: 43px; font-size: 16px; margin: 22px 0 0px 0; transition: none; font-family: 'ITC Avant Garde Gothic'; font-weight: 600;}
.form-common .form-btn:hover{background: #0F173F;}
.form-common .form-btn.fixed-width{width: 158px; height: 47px; padding: 0;}
.form-common .form-btn.form-btn-green{background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; color: #ffffff;}
.form-common .form-btn.form-btn-green:hover{background: #0F173F; color: #fff;}
.form-control::-webkit-file-upload-button{display: none;}
input[type="file"]::file-selector-button {display: none;}
.form-control[type=file]:not(:disabled):not([readonly]){line-height: 1;}
.form-control[type=file]{font-size: 0;}
.form-control[type=file].file-selected{font-size: 16px;}
  

/* select 2 common css  start*/
.select2-container{width: 100% !important; max-width: 248px; }
.select2-container .select2-selection--single{height: 44px; font-size: 16px; color: #808aa6; border-color: #ccc; border-radius: 6px;}
.select-area.is-invalid .select2-container .select2-selection--single{border-color: #dc3545;}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0px 20px 0 15px; line-height:44px; height: 100%; color:#808aa6; font-family: 'SF Pro'; font-weight: 500;}
.select2-area{display: flex; /*justify-content: center;*/}
.select2-search--dropdown{display: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow{width: 42px; height: 100%; background: url("../images/select-down-arrow.svg")center center no-repeat; background-size: 14px 17px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border: none;}
.select2-results__option{font-size: 14px; color: #000;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #c42fc7; color: #fff;}
.select2-container--open .select2-dropdown--below{border-radius: 6px;}
.select2-dropdown{border: 1px solid #aaa !important;}
.select2-container--default .select2-results__option--selected {background-color: #171d43; color: #fff;}

/* scrollbar  */
.select2-results__options::-webkit-scrollbar-track{background-color: transparent;}

.select2-results__options::-webkit-scrollbar{width: 12px;}
.select2-results__options::-webkit-scrollbar-thumb{background-color: #898989;}
.select2-results__options::-webkit-scrollbar-button:single-button:vertical:decrement {  border-width: 0 8px 8px 8px;border-color: transparent transparent #6e6e6e transparent;}
  .select2-results__options::-webkit-scrollbar-button:single-button:vertical:increment {  border-width: 8px 8px 0 8px;border-color: #6e6e6e transparent transparent transparent;}
  .select2-results__options::-webkit-scrollbar-button:single-button {display: block;border-style: solid;height: 13px;width: 12px;}

/* select 2 common css end */
/* form common css end */

/* location not found page start  */
.location-not-found h2{margin-bottom: 30px; color: #01164D;}
.located-sec h3{font-size: 40px; margin-bottom: 20px; }
.located-sec .content-text p{font-size: 14px; margin-bottom:35px ;}
.location-not-found .content-text p{color: #0F173F;}
 .preffered-contact span{font-family: 'SF Pro'; font-weight: 600; font-size: 16px;margin-bottom: 10px; display: block;  line-height: 22px;}
 .preffered-contact label{margin: 0 30px 0 0;font-size: 16px;}
.input-area{padding: 0 84px;}
.located-sec .input-area .col-12{text-align: center;}
 .location-not-found .preffered-contact{margin-top: 0; align-items: center;}

.select-area.select2-area.is-invalid, .form-control.is-invalid{margin-bottom: 0 !important;}

.invalid-feedback{font-size: 13px; color: #E91E63;}

.form-common .form-control + .invalid-feedback{margin-bottom: 20px;}
.details-select-boxes .select-area + .invalid-feedback, .details-select-boxes input:not([type="submit"]) + .invalid-feedback, .details-select-boxes input:not([type="checkbox"]) + .invalid-feedback{margin-bottom: 30px;}

/* thank submission modal start */
.thank-submission-modal  .modal-header{border-bottom: 0;}
.thank-submission-modal .btn-close{height: 1.5em; width: 1.5em; background: transparent url("../images/popup-close.svg") center/1.5em auto no-repeat; opacity: 1; }
.thank-submission-modal .modal-body h3{font-size: 25px; line-height: 43px; color: #5A5A5A; font-weight: 700;}
.thank-submission-modal .modal-body{text-align: center; padding-top: 15px; padding-bottom: 100px;}
.thank-submission-modal .modal-body p,.thank-submission-modal .modal-body p a{font-size: 20px; line-height: 24px; color: #5A5A5A; font-weight: 400; margin-bottom: 0;}
.thank-submission-modal .modal-body p a:hover{color: #dc21d4;}
.modal .modal-body p a{color: #01164D;}
/* thank submission modal end */

/*  location not found page end */

/* car registration page start */
.registration-btn{margin-top: 26px;}
/* car registration page end */

/* car post registration page start */
.car-reg-post > .container > .row{justify-content: center;}
.vin-register > .row{align-items: center;}
.located-sec .vin-register h2{margin-bottom: 0;}
.vin-register .rsa-img img{height: 169px; width: 169px; border-radius: 50%;}
.vin-input-group .width-70{width: 70px;}
.vin-input-group .width-148{width: 148px;}
.vin-input-group .form-control{display: inline-block; padding: 5px; text-align: center; margin-right: 20px;}
.vin-input-group .form-control:last-child{margin-right: 0;}
 .form-common .vin-number-enter label{margin-bottom: 30px;}
 .vin-register{margin-top: 20px;}
 .vin-input-group.is-invalid .form-control{margin-bottom: 0px;} 
 .vin-input-group.is-invalid + .invalid-feedback {margin-bottom: 25px;}

 .vin-data-submit{text-align: center;}
 .form-common .vin-data-submit .form-btn-vin{padding: 22px 36px; background: #21CAB3; color: #01164D; margin-left: 30px; }
 .form-common .vin-data-submit .form-btn-vin:hover{background: #DC21D4; color: #fff;}
/* car post registration page end */

/* fill car details page start */
.car-details-fill > .container > .row{justify-content: center;} 
.car-details-tab .nav-tabs{justify-content: center; border-bottom: 0;}
.car-details-tab {margin-bottom: 31px;}
.car-details-tab .nav-link{font-size: 20px; width: 232px; height: 78px; line-height: 26px; border-radius: 0;  background: #fff; color: #0F173F; border: none; font-family: 'SF Pro';}
.car-details-tab .nav-link.nav-car-details{border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.car-details-tab .nav-link.nav-pers-details{border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.car-details-tab .nav-tabs .nav-link.active{background: transparent linear-gradient(108deg, #C72CC8 0%, #886EC1 35%, #21CAB3 100%) 0% 0% no-repeat padding-box; color: #fff;}

.details-select-boxes .col-md-4{display: flex; flex-direction: column;}
.details-select-boxes .col-md-4 .select-area{margin-top: auto;}
.details-select-boxes .select-area{padding: 0; margin-bottom: 55px;} 
.more-about-car h4{text-align: center; color: #DC21D4; font-size: 35px; line-height: 40px; font-family: 'ITC Avant Garde Gothic'; font-weight: 500;}
.tab-content .more-about-car h4{font-weight: 700;}
.details-select-boxes{margin-top: 32px;}

/* describe condition start */
.condition-radio-btn input[type="radio"]{height: 44px; width: 100%; background: #fff; border-radius: 6px;}
.condition-radio-btn.active input[type="radio"]{background:#0F173F;}
.condition-radio-btn.active span{color: #fff;}
.condition-radio-btn{position: relative; text-align: center; display: flex; max-width: 85px; min-width: 85px;}
.condition-radio-btn span{position: absolute; /*top: 46%;left: 50%;transform: translate(-50%, -50%);*/ color: #808aa6; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-family: 'SF Pro'; font-size: 14px; font-weight: 600;}
.condition-next-btn{text-align: center;}
.describe-condition{margin-bottom: 55px; display: flex; flex-direction: column; width: 100%; height: 100%;}
.describe-condition-col{display: flex; flex-direction: column;}
.condition-radio-btn-main{margin-top: auto;}

/* tooltip start */
.car-register .tooltip .tooltip-inner, .dealer-car-register .tooltip .tooltip-inner,.dealer-car-details-update .tooltip .tooltip-inner { background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box;}
.car-register .bs-tooltip-top .tooltip-arrow::before, .dealer-car-register .bs-tooltip-top .tooltip-arrow::before, .dealer-car-details-update .bs-tooltip-top .tooltip-arrow::before{border-top-color:#DC21D4;}

.car-register .bs-tooltip-bottom .tooltip-arrow::before, .car-register .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.dealer-car-register .bs-tooltip-bottom .tooltip-arrow::before, .car-register .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before
{border-bottom-color: #DC21D4;}

.car-register .bs-tooltip-end .tooltip-arrow::before, .car-register .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.dealer-car-register .bs-tooltip-end .tooltip-arrow::before, .car-register .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before
{border-right-color: #DC21D4;}

.car-register .bs-tooltip-top .tooltip-arrow::before, .car-register .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.dealer-car-register .bs-tooltip-top .tooltip-arrow::before, .car-register .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before
{border-top-color: #DC21D4;}

.car-register .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.dealer-car-register .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{border-left-color: #DC21D4;}

.tooltip .tooltip-inner {padding: 15px 15px 30px 15px;max-width: 258px;font-size: 14px;font-family: 'Inter';font-weight: 500;line-height: 17px; text-align: left;}

/* tooltip end */

/* describe condition end */

/* describe yourself start */
/* .details-select-boxes input:not([type='submit']), .details-select-boxes input:not([type='checkbox']){margin-top: auto;} */
.details-select-boxes input[type=checkbox]{margin-bottom: 0;}

.more-about-car .preffered-contact{margin-top: 0;}
.form-common .details-select-boxes .preffered-contact label{line-height: 14px; font-family: 'SF Pro';}
.preffered-contact-sub{display: flex; align-items: center;}

/* remember note */
.remember-note{padding: 20px; border-radius: 6px;}
.remember-note .remember-header h6{font-size: 18px; line-height: 21px; font-weight: 600; color: #5A5A5A;}
.remember-note .remember-header h6 i{font-size: 29px; vertical-align: middle; color: #DC21D4; margin-right: 7px;}
.remember-note .remember-header{border-bottom: 1px solid #DC21D4; padding: 12px 0px; margin-bottom: 15px;}
.remember-note .remember-body p{margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 17px; font-family: 'SF Pro'; text-align: center; color: #fff;}
.remember-note .remember-body p span{font-weight: 700; color: #DC21D4;}
/* remember note */

.about-self-submit{text-align: center;}
.about-self-submit .form-btn-small{margin-right: 30px;}

/* send offer modal start */
.modal{z-index: 9999;}
.send-offer-modal .modal-header{border-bottom: 0;}
.send-offer-modal .modal-body{text-align: center; padding: 50px 55px 125px 55px;}
.send-offer-modal .modal-body p{color: #5A5A5A; font-size: 25px; line-height: 30px; font-weight: 400;}
.send-offer-modal .modal-body p span{font-weight: 700; color: #DC21D4;}
.send-offer-modal .modal-body small{font-size: 20px; line-height: 24px; color: #5A5A5A; font-weight: 400;}
.send-offer-modal .modal-body small a{color: #01164D;}
.send-offer-modal .btn-close{width: 1.5em; height: 1.5em; background: transparent url("../images/popup-close.svg")center /1.5em auto no-repeat; opacity: 1;}
/* send offer modal end */
/* describe yourself end */

/* dealer module start */

/* dealer common css start */
.dealer-sec.located-sec h2{font-weight: 700; margin-bottom: 30px;}

/* dealer login start */
.dealer-login-submit{text-align: center;}
.dealer-login-submit .form-btn{margin-top: 0;}
.dealer-sec .forget-password{margin-top: 30px; text-align: center;}
.forget-password .forgot-link{color: #01164D;  text-decoration: underline;display: block; font-family: 'SF Pro'; margin-bottom: 10px; font-weight: 400;}
.forget-password .forgot-link:last-child{margin-bottom: 0;}

.dealer-auth-box{padding: 30px 60px; border-radius: 6px;}
.dealer-login .form-common .form-control{margin-bottom: 30px;}
/* dealer login end */

.dealer-dashboard-main{position: relative;}

/* dealer dashboard sidebar start */
.app-aside{transition: all 0.5s ease;}
.aside-content {padding-top: 35px;  width: 217px;  background: #2F2F2F; position: absolute; transition: all 0.5s ease; z-index: 100; height:100%;}
.aside-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.aside-content::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;}
.aside-content::-webkit-scrollbar-thumb{background-color: #000000;border: 2px solid #555555;}

.aside-profile-top .profile-name{font-size: 18px; line-height: 21px; color: #fff; font-weight: 600; text-align: center; margin-bottom:30px;}
.profile-status .profile-status-dott{height: 12px; width: 12px; background: #04BB03; border-radius: 50%;}
.aside-profile-pic {text-align: center; margin-bottom: 15px;}
.aside-profile-pic img{height: 145px; width: 145px; border-radius: 50%;}
.profile-status ul li{display: inline-block; vertical-align: middle;}
.profile-status ul{text-align: center;}
.profile-status ul li span{color: #fff; font-size: 10px; font-weight: 600;}
.profile-search-bar {padding: 13px 15px;}
.aside-profile-bottom{background: #4A4A4A; margin-top: 10px;}
.profile-search-bar .profile-search-box input[type="search"]{height: 33px; border-radius: 25px; width: 100%; padding-left: 35px; font-size: 11px;}
.profile-search-box{position: relative;}
.profile-search-box::before{content: "\f002"; position: absolute; top: 10px; left: 15px; font-size: 12px; font-family: 'FontAwesome'; color: #000;}

/* profile menu  */
.aside-content .profile-menu ul li{padding: 15px 25px; border-bottom: 2px solid #7d7d7d; position: relative;}
.aside-content .profile-menu ul li:last-child{border-bottom: 0;}
.aside-content .profile-menu ul li a{font-size: 14px; line-height: 14px; color: #fff; font-weight: 500;}
.aside-content .profile-menu ul li:hover a{color: #DC21D4;}
.profile-menu{border: 0.25px solid #7d7d7d;}
.aside-content .profile-menu ul li.active:before{content: ""; position: absolute; left: 0; top: 0; background: #DC21D4; width: 4px; height: 100%;}
.aside-content .profile-menu ul li.active a{color: #DC21D4;}


/* dealer dashboard sidebar end */

/* dealer dashboard main right part */
.dealer-dashboard-main h1,.dealer-dashboard-main h2,.dealer-dashboard-main h3,.dealer-dashboard-main h4,.dealer-dashboard-main h5,.dealer-dashboard-main h6{font-family: 'ITC Avant Garde Gothic'; font-weight: 500;}

.app-main{margin-left: 217px;  padding: 75px 0px; min-height:890px; border-bottom: 1px solid #ffffff40;}
.app-main::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.app-main::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;}
.app-main::-webkit-scrollbar-thumb{background-color: #000000;border: 2px solid #555555;}

/* dashboard page title */
.dashboard-form-box{background: #F7F9FC; padding: 30px 60px; border-radius: 6px;} 
.dashboard-page-title{padding-bottom: 50px;}
.dashboard-page-title h2{color: #fff; font-weight: 500;}
.pagetitle-btn {text-align: right;}
.dashboard-page-title .pagetitle-btn a{padding: 16px 52px; display: inline-block; border-radius: 25px; color: #fff; font-size: 16px; font-weight: normal; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; font-family: 'ITC Avant Garde Gothic'; font-weight: 600; transition: none;}
.dashboard-page-title .pagetitle-btn a:hover{background: #21CAB3;}
/* dashboard page title end */

/* dealer my profile start */
.my-cars-dashboard-profile{padding-left: 35px;}
.my-profile-chage-btn{text-align: center;}
.form-common .my-profile-chage-btn  .form-btn{font-size: 14px; /* font-weight: 700; */ margin-top: 0;}
.dealer-dashboard-profile .select-area{padding: 0;}
.dealer-dashboard-profile .select2-container{max-width: 100%;}
.dealer-dashboard-profile .select-area select{max-width: 100%;}
/* dealer my profile end */

/* dealer myauction page start */
.my-cars-dashboard .dashboard-page-title .dashboard-page-subtitle h3{font-size: 35px; line-height: 42px; font-weight: 500; color: #fff; }
.my-cars-dashboard-myauction .dashboard-page-title h2{margin-bottom: 30px;}
.dashboard-page-title .select-area{padding: 0;}

.class_auction_win{background-color:#04bb03; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_auction_pending{background-color:#f1d932; color: #000; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_auction_lost{background-color:#ff0000; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}

.class_review_pending{background-color:#f1d932; color: #000; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_reviewed{background-color:#20346a; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_cash_sell{background-color:#ffa500; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_auction_sell{background-color:#ffa500 ; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_sold_on_auction{background-color:#04bb03; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_outright_purchase {background-color:#04bb03; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_re_auction{background-color:#ffa500; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_deleted{background-color:#000; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_unsold{background-color:#ff0000; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_offer_made{background-color:#20346a; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_offer_declined{background-color:#ff0000; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}
.class_appointment_made{background-color:#20346a; color: #fff; padding: 6px 10px; font-size: 12px; font-weight: normal;}

.auction-data-col{display: flex; flex-direction: column; }
.myauction-databox{background: #fff; padding: 30px 25px 40px 25px; border-radius: 6px; display: flex; flex-direction: column; flex: 1 1 0; margin-bottom: 30px;}
.myauction-databox h5{font-size: 25px; color: #000;  margin-bottom: 20px;}
.myauction-databox p{font-size: 20px; color: #01164D; font-weight: 400; line-height: 20px;}
.dealer-auction-timing ul li{font-size: 14px; font-weight: 700; color: #01164D; padding-bottom: 8px;}
.dealer-auction-timing ul li:last-child{padding-bottom: 0;}
.dealer-auction-timing ul li span{font-weight: 400;}
.dealer-auction-timing {margin-bottom: 20px;}
.dealer-auction-notify small{height: 16px; width: 16px; background: #FF0000; border-radius: 50%; display: inline-block; margin-right: 5px; vertical-align: middle;}
.dealer-auction-notify span{font-size: 11px; font-weight: 700; color: #FF0000;}
.dealer-auction-notify {margin-bottom: 20px;}
.auction-action-btn .join-auction-btn{font-size: 14px; font-weight: 700; color: #fff; transition: none; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; padding: 11px 18px; border-radius: 25px; display: inline-block;}
.auction-action-btn .join-auction-btn:hover{background: #01164D;}
.dealer-set-reminder{margin-bottom: 20px;}
.dealer-set-reminder span img{height: 21px; margin-right: 8px;}
.dealer-set-reminder span a{color: #01164D; font-size: 12px; text-decoration: underline; font-weight: 500;}
.auction-action-btn {margin-top: auto;}
.time-ended p{padding-bottom: 0; white-space: nowrap; text-align: center;}
/* dealer myauction page end */

/* dealer module end */

/* dealer registration module start */
.dealer-registration.located-sec h2{font-weight: 500;}
.dealer-ragistration-submit{text-align: center;}
.dealer-ragistration-submit .form-btn{margin-top: 0;}
.dealer-registration .form-common .form-control{margin-bottom: 30px;}

/* model popup start */
.modal-dealer-registration .modal-body h5{font-size: 25px; line-height: 30px; color: #5A5A5A; font-weight: 400; margin-bottom: 30px;}
.modal-dealer-registration .modal-body{text-align: center; padding-top: 50px; padding-bottom: 130px;}
.modal-dealer-registration .modal-body p{font-size: 20px; line-height: 24px; color: #5A5A5A; font-weight: 400; padding-top: 30px;}
.modal-dealer-registration .modal-body p a{color: #01164D;}
.modal-dealer-registration .modal-body p a:hover{color: #DC21D4;}
.modal-dealer-registration .modal-header{border-bottom: none;}
.modal-dealer-registration  .btn-close{width: 1.5em; height: 1.5em; background: transparent url("../images/popup-close.svg")center /1.5em auto no-repeat; opacity: 1;}
/* model popup end */

/* dealer registration module end */

/* dealer forgot pass start */
.dealer-forget-password .form-common .form-control{margin-bottom: 30px;}
/* dealer forgot pass end */


/* dealer vehicle page start*/
#datatable_list_vehicle_processing.dataTables_processing{z-index: 1; padding: 10px 0;}
/* dealer vehicle page start*/

/* dealer vehicle upload module start */
.dashboard-vehicle-addcars {height: 100%; /* display: flex; align-items: center; */}
.dashboard-vehicle-addcars .vin-register {margin-top: 0px;}
.dashboard-vehicle-addcars .vin-register .content-text h2{margin-bottom: 35px;}

.details-select-boxes #id-vehicle-images.is-invalid, .details-select-boxes #id-apraisal-doc.is-invalid{background-image:none;}

/* dealer vehical car add page start */
.describe-condition-dealer-vehicle .col-md-2{width: 156px; padding: 0px 4px;}
.car-details-fill-dealer .details-select-boxes input[type="radio"]{margin-bottom: 0;}
 /* .form-common .file-input-appraisal .form-control{margin-bottom: 0;} */
.file-input-block{position: relative; margin-top: auto;}
.file-input-block::before{position: absolute; content: "\f093"; top: 9px; right: 17px; font-size: 25px; color: #000; font-family: 'FontAwesome'; }
.file-upload-view{position: absolute; top: 9px; right: 55px; font-size: 20px; color: #000;}
/* .car-details-fill-dealer .condition-radio-btn span{font-size: 18px;} */
.selected-img-preview{margin-bottom: 55px; padding: 20px 20px 10px 20px;background: #fff;border-radius: 6px;}
.selected-img-preview ul li{display: inline-block; margin-right: 15px;}
.selected-img-preview ul li:last-child{margin-right: 0;}
.selected-img-preview .cancle-preview-img{position: absolute; top: 5px; right: 7px;}
.selected-img-preview .cancle-preview-img i{font-size: 15px; color: red;}
.selected-img-preview .img-preview-box img{  height: 80px; width: 80px;  border-radius: 6px;}
.selected-img-preview .img-preview-box{position: relative; margin-bottom: 10px;}

.form-common .condition-next-btn .form-btn {margin-top: 0;}
.dashboard-form-box .select2-container{max-width: 100%;}
/* dealer vehical car add page end */

/* dealer vehicle upload module end */

/* dealer auction preview module start */

/* car details screen start */
.auction-preview-head{text-align: center;}
.dealer-auction-preview-main{ display: flex;align-items: center;min-height: 84vh;padding: 50px 0px; border-bottom: 1px solid #ffffff69;}
.auction-preview-head h2{font-size: 35px; line-height: 40px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.auction-preview-head .auctio-preview-title p{font-size: 25px; line-height: 34px; font-weight: 500; color: #fff; margin-bottom: 20px;}
.auction-time-left {font-size: 20px; line-height: 24px; font-weight: 500; color: #fff; margin-bottom: 20px;}
.auction-time-left span{font-weight: 700;}
.auction-status small{font-size: 23px; line-height: 27px; color: #fff; background: #FF0000; padding: 12px 22px; border-radius: 25px; display: inline-block;}
.auction-status span{font-size: 18px; color: #fff; font-weight: 500; margin-left: 20px; display: inline-block;}

/* tabbing section start */
.auction-preview-tab .nav-tabs{border-bottom: 0;}
.auction-preview-tab .nav-tabs .nav-link{margin-right: 20px; width: 147px; height: 60px; background: #2dc1b5; /* border: 1px solid #fff; */ border: none; border-radius: 43px; color: #fff; font-size: 16px; font-weight: 700; }
.auction-preview-tab{margin-top: 40px;}
.auction-preview-tab .nav-tabs .nav-link.active,.auction-preview-tab .nav-tabs .nav-item.show .nav-link,
.auction-preview-tab .nav-tabs .nav-link:hover{background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; /* border-color: transparent; */ border: none; }
.auction-preview-tab .tab-content{margin-top: 30px;}

.sort-table .sort-true{cursor: pointer; position: relative;}
.sort-table .sort-true span{padding-left: 3px; padding-top: 2px; position: absolute; top: 11px;}
.sort-table .view-car-details{color: #DC21D4; white-space: nowrap;}
.sort-table .highet-bid-value{color: green; font-weight: 700; /* color: #fff;   box-shadow: 0px 0px 5px rgb(0 0 0 / 35%);  background: #008000; */}
.sort-table .blink_me_green .highet-bid-value,.sort-table .blink_me_red .highet-bid-value{color: #fff; background: #008000; box-shadow: 0px 0px 5px rgb(0 0 0 / 35%);}
.sort-table tr.border-bottom{border-bottom: 0 !important;}

.btn-place-bid{background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; border: none;  border-radius: 22px; color: #fff; padding: 6px 10px; margin-right: 10px; font-size: 12px; width: 80px;}
.btn-place-bid:hover{ color: #fff; }

.blink_me_green{background: #008000; color: #fff;}
.blink_me_red{background: #fe0c0c; color: #fff;}
.sort-table .blink_me_red .view-car-details{color: #fff;}
.sort-table .blink_me_green .view-car-details{color: #fff;}
table td{vertical-align: middle;}

/* tabbing section ends */

/* modal start */
.modal-custome .modal-header{border-bottom: 0;}
.modal-custome .btn-close{width: 1.5em; height: 1.5em; background: transparent url("../images/popup-close.svg")center /1.5em auto no-repeat; opacity: 1;}

/* car view details modal start */
.car-slider-sub,.car-slider-sub-nav  {border: 0.35px solid #ccc; border-radius: 6px; overflow: hidden;}
.car-img-nav-slider{margin-top: 15px;}
.car-slider-sub-nav{margin-right: 5px;}

.view-car-details-modal .modal-header h3{font-family: 'ITC Avant Garde Gothic'; font-size: 25px;}
.view-car-details-modal .modal-header{justify-content: center; border-bottom: 1px solid #dee2e6;}
.view-car-details-modal .btn-close{position: absolute; top: 25px; right: 15px;}

.slider-car-specification h3{font-size:22px; line-height: 30px; color: #000; font-weight: 500; margin-bottom: 15px; font-family: 'ITC Avant Garde Gothic';}
.car-specification-list ul li{font-size: 14px; line-height: 19px; font-weight: 400; color: #01164D; padding-bottom: 6px;}
.car-specification-list ul li b{font-weight: 500;}
.car-specification-list ul li:last-child{padding-bottom: 0px;}
.car-specification-list ul li span{font-weight: 700;}
.car-extra-details h6{font-size: 14px; line-height: 17px; color: #5A5A5A; font-weight: 700; display: inline-block;}

.car-extra-details p{ font-size: 14px; color: #5A5A5A; font-weight: 400;}
.car-extra-details p span{font-weight: 700;}
.car-specification-list ul li a{color: #5A5A5A; text-decoration: underline;}
.car-specification-list ul li a:hover{text-decoration: none; color: #DC21D4;}
.car-extra-details{padding-top: 20px;}
.view-car-details-modal .modal-body{padding: 20px 35px 70px 35px;}
.view-car-details-modal .slick-prev:before,.view-car-details-modal .slick-next:before{color: #000; font-family: 'FontAwesome'; opacity: 1;}
.view-car-details-modal .slick-prev:before{content: "\f104"; left: -17px;}
.view-car-details-modal .slick-next:before{content: "\f105"; right: -17px;}
.view-car-details-modal .slick-prev{ left: -19px;}
.view-car-details-modal .slick-next{ right: -19px;}
/* car view details modal end */

/* enter bid modal start */
.enter-bid-modal .bid-amount-box{position: relative;}
.enter-bid-modal .bid-amount-box span{height: auto; font-size: 22px;  color: #fff; font-weight: 400; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; padding: 16px 18px;  position: absolute; left: 0; top: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.enter-bid-modal .bid-amount-box input{ padding-left: 65px; max-width: 377px; height: auto; border: 1px solid #dc21d4;}
.enter-bid-modal h5{font-size: 20px; line-height: 24px; color: #5a5a5a; font-weight: 400; margin-bottom: 20px;}
.enter-bid-modal .modal-body .bid-submit-btn-list li{display: inline-block; margin-right: 20px;}
.enter-bid-modal .modal-body .bid-submit-btn-list li:last-child{margin-right: 0;}
.enter-bid-modal .modal-body .bid-submit-btn-list input[type="submit"]{font-size: 14px; font-weight: 700; color: #fff; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; padding: 10px 20px; border-radius: 22px;}
.enter-bid-modal .form-common label{color: #01164D; font-size: 11px; font-weight: 700; margin-bottom: 0; margin-left: 3px; vertical-align: text-bottom; margin-top: 0px;}
.enter-bid-modal .form-common .form-check-input{width: 19px; height: 19px; border: 2px solid #01164D;}
.enter-bid-modal .form-common .form-check-input:checked{border-color: #DC21D4;}
.enter-bid-modal .bid-submit-btn-list .auto-bid-amount{font-size: 11px; padding: 4px 11px; border-radius: 22px; color: #fff; background: transparent linear-gradient(94deg, #DC21D4 0%, #886EC1 50%, #21CAB3 100%) 0% 0% no-repeat padding-box; font-weight: 700;}
.enter-bid-modal .highest-bid{margin-top: 25px;margin-right: 25px;}
.enter-bid-modal .highest-bid h6{font-size: 14px; line-height: 17px; color: #DC21D4; font-weight: 700; margin-bottom: 10px;}
.enter-bid-modal .highest-bid p{color: #04BB03; font-size: 12px; font-weight: 700; margin: 0;}
.enter-bid-modal .modal-body{padding: 0px 35px 35px 35px;}
.enter-bid-modal .max-bid-input{height: 45px; margin-bottom: 0; font-size: 14px; padding: 5px 15px;}
.enter-bid-modal .max-bid-input + .invalid-feedback{width: 115px; position: absolute;}
/* enter bid modal end */

/* modal end */

/* car details screen end */
/* dealer auction preview module end */

/*My vehicles page start*/
.card{border-radius: 6px; border: 0;}

table.dataTable thead .sorting{background-image: url("../images/datatable/sort_both.png") !important;}
table.dataTable thead tr th{vertical-align: middle;}
.dataTables_scroll table.dataTable thead .sorting_asc{background-image: url("../images/datatable/sort_asc.png") !important;}
.dataTables_scroll table.dataTable thead .sorting_desc{background-image: url("../images/datatable/sort_desc.png") !important;}

.datatable_list_car_bid table thead tr th{border-bottom: 0; background: #fff; padding: 8px 10px;}
.datatable_list_car_bid .search-head{background: #deeaef}
.datatable_list_car_bid .search-head td{border-bottom: 0; padding: 8px 10px; vertical-align: middle;}
.datatable_list_car_bid .search-head input{border: 0; width: 65%; font-size: 14px;}
.datatable_list_car_bid .search-head .select2-container .select2-selection--single{height: 33px; border: 0; border-radius:10px;}
.datatable_list_car_bid .search-head .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 33px; padding: 0px 30px 0 15px; font-size: 14px;}
.datatable_list_car_bid .search-head .select2-container--default .select2-selection--single .select2-selection__arrow{background-size: 10px 12px; width: 30px;}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{background-color: transparent;}

.btn.disabled{background: #d0c5c5; color: #000;}
.btn-re-auction{background: #dc21d4; border-radius:30px; color: #fff; padding: 6px 10px; margin-right: 10px; font-size: 12px;}
.btn-re-auction:hover{background: #e155db;}
.btn-re-auction:hover, .btn-edit:hover, .btn-delete:hover{color: #fff;}

.btn-edit{background: #01164d; border-radius:30px; color: #fff; padding: 6px 10px; margin-right: 10px; font-size: 12px;}
.btn-edit:hover{background: #20346a;}
.btn-delete{background: #ff0000; border-radius:30px; color: #fff; padding: 6px 10px; font-size: 12px;}
.btn-delete:hover{background: #ff4646;}

.badge.bg-secondary{background-color: #04bb03 !important; border-radius:30px; color: #fff; padding: 6px 10px; margin-right: 10px; font-size: 12px; font-weight: normal;}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:active:focus, .btn:focus {box-shadow: inherit;}

.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 5px 12px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background: #DC21D4; border-color: #DC21D4; color: #fff !important;  border-radius: 50%; width: 32px; height: 32px; line-height: 20px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#21CAB3; border-color:#21CAB3; color: #fff !important;}
/*My vehicles page end*/

/*User Designation  page start*/
#dealer-user-designation-add-frm #dealer-user-designation-description, #dealer-designation-edit-frm #dealer-user-designation-description{height: 100px;}
.custom-control-select {display:flex; margin-right: 1rem; float: left; align-items: center; margin-bottom: 12px;}
.form-common .custom-control-select label{margin-bottom: 0;}
.custom-checkbox-designation{overflow: hidden;}
/*User Designation page end*/

/* 404 page start */
.error-page-main .card-error{height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #add4ff;}
.error-page-main .btn{background: #21cab3; border-radius: 50px; color: #fff; border: none; display: inline-block; margin-top: 35px; padding: 10px 25px;}
.error-page-main .btn:hover{background: #dc21d4;}
/* 404 page end */
/* How it Works start  */
.how-works-content ol{margin-bottom: 5px; padding-left: 0;}
.how-works-content ol ol{padding-left: 15px;font-size: 16px; padding-top:9px;}
.how-works-content ol li{list-style: none;margin-left: 0;  padding-bottom: 18px;font-size: 18px; line-height: 24px;}

.how-works-content ol li li{font-size: 16px; padding-bottom:15px; }
.how-works-content ol li li p{font-size: 14px; margin-bottom: 0px;margin-top: 3px;}
.how-works-content ol li li li{font-size: 14px;line-height: 20px; padding-bottom: 13px;}
.how-work-bottom-caption{font-size: 22px; text-align: center; margin-top: 30px; line-height: 28px;font-weight: 600;}
/* How it Works end  */

/* thankyou page start  */
.Thank-you-page{padding: 60px 0px;}
.thank-you-main{background: #F7F9FC; padding: 88px 113px; border-radius: 6px; text-align: center;}
.theank-you-header h1{font-size: 35px; color: #DC21D4; margin-bottom: 24px; font-weight: 700;}
.thank-you-desc p{font-family: 'SF Pro'; font-weight: 400;}
  /* thankyou page end  */


/* older vehicle modal start */
.older-modal-section .older-modal-div{position: relative; padding-left: 82px; margin-bottom: 50px; text-align: left;}
.older-modal-section .older-modal-div:last-child{margin-bottom: 0;}
.older-modal-section  .older-modal-image{position: absolute; left: 0; top: -4px;}
.older-modal-section  .older-modal-image img{height: 65px;}
.older-vehicle-modal.send-offer-modal .modal-body {text-align: center; padding: 20px 35px 55px 35px;}
.older-vehicle-modal.send-offer-modal .modal-body p{font-size: 20px; line-height: 28px; padding-bottom: 5px;}
/* older vehicle modal end */

/* swal alert start */
.swal2-popup.swal2-toast .swal2-title{font-family: 'ITC Avant Garde Gothic' !important;}


/*** Inner page end ****/