/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400,500;0,700;1,400&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root{
    --default: #4869FF;
    --defaultH: #294be4;

}

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}
body{ font-family: 'DM Sans', sans-serif !important; counter-reset: section;}
ul, ol{ margin: 0; padding: 0; list-style-type: none;}
a{ text-decoration: none; transition: all 0.3s ease-in-out;}
h2.title{ font-size: 36px; font-weight: 700;}
.bg-grey{ background: #f5f5f5;}
.btn-link{ font-size: 14px; font-weight: 600; color: #4869FF; text-decoration: none;}
.material-icons{ vertical-align: middle;}
.hide{ display: none;}
@media (min-width: 1600px) {
    .container{ max-width: 1600px;}
}







.instaset{max-height: 400px !IMPORTANT;
    overflow: hidden !important;}

.navbar-nav > li > a{ font-size: 18px; font-weight: 400; padding:7px 12px !important;}

.nav-item{ position: relative;}
.nav-item .nav-link.active{ color: var(--default) !important;}
.navbar-nav > .nav-item .nav-link.active::after{ content: ''; width: 100%; height: 4px; background-color: var(--default); position: absolute; left: 0; bottom: -18px;}

/*.banner{ background: url(../images/home_bg_new.png) center no-repeat; padding:70px 0 100px 0; background-size: cover;height: 70vh;}*/

.banner{display: flex;
    gap: 17px;
    background: url(../images/home_bg_new.png) center no-repeat;
    padding: 70px 0 70px 0; 
    background-size: cover;
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}


.instagram-section {
    position: relative;
    height: auto;
    overflow: visible;
    margin-bottom: 50px; /* adjust as needed */
}

.my-3 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
	padding: 10px 0px 0px 0px;
}


.mb-5 {
    margin-bottom: 0rem !important;
}

.banner h1{ color: #fff; font-size: 72px; font-weight: 500;}

.banner h1 small{ 
	display: block;
	font-size: 22px !important; 
	font-weight: 500 !important;
	letter-spacing: 1px !important;
	margin-top: 15px !important;
	margin-bottom:10px !important;
	line-height: 32px !important;

}


p.best_quote {

margin-bottom: 0rem;
}

img.ertge {
    width: 175px;
}

h1.aos-init.aos-animate {
    font-weight: 700 !important;
    font-size: 45px !important;
}


a.btn.btn-default.aos-init.aos-animate.best {
    background: white !important;
    color: blue !important;
    font-weight: 700 !important;
}


a.btn.btn-default.get.px-4.my-3 {
    padding: 10px 60px !important;
}

p.best_quote {
    color: #ffff;
    padding: 10px;
    font-size: 15px;
    font-weight: 700;
}


.facl {
    color: white;
    font-size: 10px;
}

.qupte-ddd {
    padding: 10px 0px;
}

p.cars-abcd {
    margin-bottom: 0rem;
}

.arrow{position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0,0,0,0.1);
    vertical-align: middle;
    text-align: center;
    cursor: pointer;}

    .arrow img{margin-left: -5px; width: 24px;
        margin-top: 12px;}


.arrow2{position: absolute;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0,0,0,0.1);
    vertical-align: middle;
    text-align: center;
    cursor: pointer; top: 20%;}

    .arrow2 img{margin-left: 2px; width: 24px;
        margin-top: 12px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

        .relative{position: relative;}

.search{ position: relative; width: 693px; margin:20px auto 36px auto;}
.search input{ width: 100%; height: 58px; font-size: 20px; border-radius: 30px; border: 0; padding-left: 82px;}
/* .search .icon{ position: absolute; top: 50%; left: 26px; transform: translateY(-50%);} */
.search .icon{ position: absolute; top: 27px; left: 26px; transform: translateY(-50%);}

.btn-default{ background-color: var(--default); font-size: 20px; font-weight: 700; padding: 6px 30px; color: #fff; border-radius: 30px; border: 1px solid var(--default) ;}

.btn-default:hover{ background-color: var(--defaultH); border: 1px solid var(--defaultH); color: #fff;}

.btn-back{ background-color: var(--default); font-size: 14px; font-weight: 500; line-height: 20PX; color: #fff; border-radius: 30px; border: 1px solid var(--default) ;}
.btn-back:hover{ background-color: var(--defaultH); border: 1px solid var(--defaultH); color: #fff;}

#high_quality{ padding: 20px 0; border-bottom: 1px solid #e8e8e8;}
#high_quality h4{ font-size: 36px; font-weight: 700; margin-left: 15px;}
#high_quality h4 small{ font-size: 24px; font-weight: 500; color:#4869FF; display: block;}
.high_quality{ display: flex; justify-content: space-between;}
.high_quality li{ text-align: center;}
.high_quality li span{ display: block; margin-top: 10px; font-size: 22px; font-weight: 700; color: #545D6C; line-height: 120%;}

.budget_cars{ padding: 24px; position: relative;}
.budget_cars h2{ font-size: 40px; font-weight: 700;}
.budget_cars p{ font-size: 18px; font-weight: 400; color: #545D6C;}
.budget_cars a{ font-size: 16px;}
.budget_cars img{ position: absolute; bottom: 20px; right: 0; }
.budget_cars_bg1{ background: url(../images/bg_bx1.png) center no-repeat; background-size: cover;}
.budget_cars_bg2{ background: url(../images/bg_bx2.png) center no-repeat; background-size: cover;}

.one_stop{ background:url(../images/one_stop_bg.jpg) center no-repeat; position: relative; color: #fff; padding: 60px; background-size: cover;}
.one_stop img{ position: absolute; bottom: -60px;}
.one_stop h3{ font-size: 48px; font-weight: 700;}
.one_stop p{ font-size: 16px; font-weight: 400;}

.car_lease{ background: #f5f5f5;}
.leaseBx{ box-shadow: 17px 72px 30px rgba(204, 204, 204, 0.01), 9px 41px 25px rgba(204, 204, 204, 0.05), 4px 18px 19px rgba(204, 204, 204, 0.09), 1px 5px 10px rgba(204, 204, 204, 0.1), 0px 0px 0px rgba(204, 204, 204, 0.1); border-radius: 12px; padding: 22px; background: #fff; margin-bottom: 30px;}

.leaseBx h4{ font-size: 22px; font-weight: 700; min-height: 50px;}

.leaseBx h4 small{ font-size: 14px; font-weight: 700; display: block; color: #90A3BF;}
.leaseBx h3{ font-size: 26px; font-weight: 700; margin-top: 15px;}
.leaseBx h3 small{ font-size: 14px; font-weight: 700; color: #90A3BF;}
.leaseBx a.btn{ font-size: 16px; font-weight: 600; background-color: var(--default); color: #fff; border-radius: 20px; padding: 8px 22px; min-width:50%;}
.leaseBx a.btn:hover{ background: var(--defaultH); color: #fff;}

.leaseBx a.btn-link{ font-size: 16px; font-weight: 600; background-color: #fff; color:var(--default); border-radius: 20px; padding: 8px 22px; border: 1px solid var(--default);}
.leaseBx a.btn-link:hover{ color: var(--defaultH); text-decoration: underline;}

.tabbtns{ margin-top:15px;}
.tabbtns .btn{ background:rgba(255,255,255,0.5); border:none; color#333;}
.tabbtns .active1{ background:#4869FF; border:none; color#fff;}

.testimonials{ background: #f5f5f5; padding: 60px 0;}
.testimonials h3{ font-size: 60px; font-weight: 700;}
.testimonials p{ font-size: 20px; font-weight: 400; color: #6D7280;}

.testiBx{ box-shadow: 17px 72px 30px rgba(204, 204, 204, 0.01), 9px 41px 25px rgba(204, 204, 204, 0.05), 4px 18px 19px rgba(204, 204, 204, 0.09), 1px 5px 10px rgba(204, 204, 204, 0.1), 0px 0px 0px rgba(204, 204, 204, 0.1); border-radius: 12px; padding: 22px; background: #fff; text-align: center;}
.testiBx p{ font-size: 16px; font-weight: 500; line-height: 24px; color: #111827;}
.testiBx strong{ font-size: 18px; font-weight: 700;}
.testiBx .material-icons{ color: #1DCD39; margin-bottom: 30px;}

.faqs{ background: #f5f5f5; padding: 60px 0;}
.faqs h3{ font-size: 60px; font-weight: 700;}
.faqs p{ font-size: 20px; font-weight: 400; color: #6D7280;}

.faqs .accordion-button:not(.collapsed){ background:#596780; color: #fff; font-weight: 400; font-size: 18px;}
.faqs .accordion-button{ font-weight: 700; font-size: 18px; padding: 26px;}
/* .faqs .accordion-button:not(.collapsed)::after{ color: #fff !important;} */

.footer{ padding: 60px 0 0 0;}
.footer p, .footer li a{ font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.6); padding: 8px 0; display: block;}
.footer strong{ font-size: 20px; font-weight: 600; color:#666; margin-bottom: 15px; display: block;}
.footer .copyright{ border-top: 1px solid rgba(0, 0, 0, 0.16); margin-top: 30px; display: flex; justify-content: space-between;}
.footer .copyright a, .footer .copyright p{ font-size: 14px; font-weight: 700; color: #666; margin-bottom: 0;}

.bannerInner{ 
	background: url(../images/banner.png) center no-repeat; 
	color: #fff; 
	padding: 40px;
}

.bannerInner h3{
	font-size: 48px; 
	font-weight: 700;
}

.bannerInner h3 small{ font-size: 16px; font-weight: 500; display: block;}
.bannerInner p{ font-size: 20px; line-height: 26px; text-align: center; letter-spacing: 0.2px; color: #F5F5F5; margin: 30px auto; width: 70%;}

.bcl_banner{ background: url(../images/bsl_bg.png) center no-repeat; color: #fff; padding: 40px; position: relative;}
.bcl_banner h3{ font-size: 48px; font-weight: 700; margin: 40px 0;}
.bcl_banner h3 small{ font-size: 20px; font-weight: 500; display: block;}
.bcl_banner p{ font-size: 20px; line-height: 26px; text-align: center; letter-spacing: 0.2px; color: #F5F5F5; margin: 30px auto; width: 70%;}
.bcl_banner img{  position: relative; bottom: -20px; max-width: 100%;}

.forDealer_banner{ background: #2E3967; color: #fff; padding: 80px ; position: relative;}
.forDealer_banner h3{ font-size: 64px; font-weight: 700; line-height: 113%; margin: 40px 0; width: 80%;}
.forDealer_banner p{ font-size: 24px; line-height: 31px; font-weight: 500; letter-spacing: 0.2px; color: #F5F5F5; width: 90%;}
.forDealer_banner img{ position: absolute; right: 0; bottom: -150px;}



.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a, .breadcrumb-item.active{ color: #fff;}

.filters{ background-color: #fff;}
#filters .accordion-button:not(.collapsed){ background: #fff !important;}
#filters .accordion-button{ border-bottom: 0 !important; font-size: 20px; font-weight: 700; color: #596780; box-shadow: none !important;}
#filters .accordion-button:focus{ outline: 0 !important; box-shadow: 0 !important;}

#collapseThree .form-check{ margin-bottom: 20px;}
#collapseThree .form-check-label{ font-size: 18px; font-weight: 500; color: #596780;}
#filters .accordion-body{ padding-top: 0;}
/* #filters .accordion-item{ border: 0 !important;} */
.max-range{ font-size: 20px; font-weight: 700; color: #596780;}
.form-control-lg{ font-size: 16px; font-weight: 400; height: 56px; color: #828282;}

.car_types li{ text-align: center; display: inline-block; width: 49.2%; padding: 30px 15px 15px 15px; position: relative; margin-bottom: 4px;}
.car_types li img{ margin: 0 auto;}
.car_types li .form-check-input{ position: absolute; left: 10px; top: 10px; visibility: hidden;}
.car_types li strong{ font-size: 18px; font-weight: 400; color: #545D6C; display: block; margin-top: 10px;}
.car_types li:hover, .car_types li.active{background: rgba(172, 205, 255, 0.2); border-radius: 8px;}
.car_types li:hover .form-check-input, .car_types li.active .form-check-input{  visibility: visible;}


.form-range::-webkit-slider-thumb { background:  var(--default); border: 3px solid #fff;}
.form-range::-moz-range-thumb { background: var(--default);}
.form-range::-ms-thumb { background: var(--default)}

.activethumb{border-radius: 8px; background: #fff;}
.activethumb img{opacity: 1 !important;}

.card1{ border-radius: 8px; background: #fff; padding: 44px;}
.card1 h3{ font-size: 32px; font-weight: 700; margin-bottom: 30px; color: #000;}
.card1 p{ font-size: 18px; font-weight: 400; margin: 0; color: #5C5C5C;}

.nav-underline li > a{ font-size: 20px; font-weight: 500; line-height: 26px; color: #8B96A5; padding: 26px !important;}
.nav-underline li > a.active{ color:#0D6EFD; font-weight: 700;}

#tab1 ul{ margin:0 38px 30px 38px;}
#tab1 ul li{ display: block; font-weight: 400; font-size: 18px; line-height: 24px; color: #505050; padding: 14px 0; border-bottom: 1px solid #BCC6D9;}
#tab1 ul li:first-child{ font-size: 24px; font-weight: 700; line-height: 24px; border-bottom: 0;}
#tab1 ul li:last-child{ border: 0;}
#tab1 ul li b{ font-weight: 700; color: #000; float: right;}

ul.list{ margin:30px 0px 30px 0px; display: block;}
ul.list li{ display: block; font-weight: 400; font-size: 18px; line-height: 24px; color: #505050; padding: 14px 0; border-bottom: 1px solid #BCC6D9;}
ul.list li:first-child{ font-size: 24px; font-weight: 700; line-height: 24px; border-bottom: 0;}
ul.list li:last-child{ border: 0;}
ul.list li b{ font-weight: 700; color: #000; width:60%; float: right;}

.holder::-webkit-scrollbar { display: none;}

.car_detail{ padding: 0 15px;}
.car_detail h2{ font-size: 36px; font-weight: 700; line-height: 150%;}
.car_detail h3.price{ font-size: 40px; font-weight: 700; line-height: 52px; color: #4869FF;}
.car_detail h3.price small{ font-size: 20px; font-weight: 700; line-height: 40px; color: #596780;}

.car_detail .car_detail_feature li {
    width: 44%;
    float: left;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 0;
    margin-right: 6%;
    align-items: center;
    display: block;
}

.car_detail .car_detail_feature li img{ margin-right: 10px;}
.car_detail .car_detail_feature li b {
    float: right;
    font-weight: 700;
    font-size: 18px;
    line-height: 35px;
}

.available_color{ border-top: 1px solid #BCC6D9;  border-bottom: 1px solid #BCC6D9; padding: 24px 0; font-size: 16px; font-weight: 500; color: #B9BBBF; clear: left; margin-top: 30px;
  display: flex; justify-content: start; align-items: center;}
.available_color span{ width: 38px; height: 38px; border-radius: 20px; display: block; margin: 0 10px;}
.available_color div{ display: flex; justify-content: space-between; margin-left: 20px;}
.available_color span.color_red{ background: #FF1515;}
.available_color span.color_black{ background: #333;}
.available_color span.color_purple{ background: #8A78D6;}
.available_color span.color_grey{ background: #E0E0E0;}

.lead_blue{ background: #CEE3FF; border-radius: 8px; padding: 20px;}
.lead_blue p{ font-weight: 400;  font-size: 20px;  line-height: 26px; margin: 0; color: #000;}
.lead_blue h3{ font-weight: 700; font-size: 42px; line-height: 55px; color: #0F55D7; margin: 0; margin-top: 14px;}

.bsl_car{ background: url(../images/green_bg.png) center no-repeat; background-size: contain; text-align: center; padding: 60px;}
.bsl_text h3{ font-size: 40px; font-weight: 700; line-height: 150%; margin-bottom: 15px; color: #000;}
.bsl_text p{ font-size: 18px; font-weight: 400; line-height: 150%; margin-bottom: 15px; color: #333333;}
.bsl_text li{ position: relative; font-size: 18px; font-weight: 400; line-height: 150%; padding: 8px 0 8px 34px; color: #333333;}
.bsl_text li:before{content: ''; width: 20px; height: 20px; background: url(../images/icon/checkbox.png) center no-repeat; position: absolute; top:12px; left: 0;}

.row-flex{ display: flex; align-items: center; justify-content: center; margin-bottom: 60px;}

.fd_textBx1{ margin-top: 160px; text-align: center; padding-bottom: 112px;}
.fd_textBx1 h2{ font-weight: 700; font-size: 56px; line-height: 130%; color: #545D6C;}
.fd_textBx1 h2 span{ color: #4869FF;}
.fd_textBx1 p{ font-weight: 400; font-size: 24px; line-height: 167.5%; color: #5C5C5C;}
.fd_textBx1 p span.block{ display: block;}

.fd_textBx2 img{ height: 270px;}
.fd_textBx2 h3{ font-weight: 700; font-size: 56px; line-height: 130%; color: #333; text-transform: capitalize; margin-bottom: 30px;}
.fd_textBx2 p{ font-weight: 400; font-size: 20px; line-height: 129.5%; color: #5c5c5c; padding-bottom: 0;}

/* Hide the images by default */
.slides { display: none;}
.slides img { margin: 0 auto; display: block; max-width:100%;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 600px) {
  .prevContainer,
  .nextContainer {
    display: none;
    visibility: hidden;
  }

.instaset{max-height: 260px !IMPORTANT;
    overflow: hidden !important;}
}
.prevContainer,
.nextContainer {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  transform: translate(0, calc(-50% - 54px));
  height: 54px;
  width: 54px;
  cursor: pointer;
}
.prevContainer {
  margin-left: 26px;
  left: 0;
  border-radius: 30px 0 0 30px;
}
.prev {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  height: 34px;
  width: 32px;
  float: left;
  margin-left: 12px
}
.prev svg,
.next svg {
  fill: white;
}
.nextContainer {
  margin-right: 26px;
  right: 0;
  border-radius: 0 30px 30px 0;
}
.next {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  height: 34px;
  width: 32px;
  float: right;
  margin-right: 12px;
}
/* Container for image text */
.caption-container {
  text-align: left;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumbnail images */
.slide-thumbnail {
  height: 93px; display: block; margin: 0 auto;
  opacity: 0.6;
  cursor: pointer;
}

.active,
.slide-thumbnail:hover {
  opacity: 1;
}


@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.form-range::-webkit-slider-thumb:active { background-color:  var(--default);}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--default);
  border-color: transparent;
  border-radius: 1rem;

}



.testi{ padding: 0 54px;}
.owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 0;
}

.owl-next, .owl-prev {
    position: relative;
    background-color: #fff !important;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50% !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .owl-next .material-icons, .owl-prev .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
    font-size: 18px;
    z-index: 10;
  }

  .owl-prev {
    float: left;
    -webkit-transform: translate(-0px, -50%);
    -moz-transform: translate(-0px, -50%);
    -ms-transform: translate(-0px, -50%);
    -o-transform: translate(-0px, -50%);
    transform: translate(-0px, -50%);
  }

  .owl-next {
    float: right;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .offcanvas{ width: 300px !important;}
  .offcanvas-body{ background: var(--default);}
  .offcanvas-body li a{ display: block; color: #fff; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
  .offcanvas-body li:last-child a{ border-bottom: 0;}

  .navbar-toggler{ background: var(--default); color: #fff; height: 50px; width: 50px; border-radius: 32px;}
  .mobileNumber{ background: var(--default); color: #fff; height: 50px; width: 50px; border-radius: 32px; display: block; text-align: center; line-height: 50px;}

  .filterBtn{ height: 50px; position: fixed; right: 10px; bottom: 10px; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);}
  #offcanvasWithBothOptions img{ width: 100%;}
  div#offcanvasWithBothOptions{ width: 350px !important;}


  .quoteFormBx{ padding: 0px;}
  .quoteFormBx input.form-control, .quoteFormBx select{ height: 45px !important; font-size: 16px; line-height: 24px; letter-spacing: 0.02em;}
  .quoteFormBx > div{ margin-bottom: 15px;}
  .quoteFormBxTitle{ font-size: 24px; font-weight: 700; color: #4869FF;}
  /* input.form-check-input{ height: 16x !important ;} */

  .contactFormBx{
    background: #FFFFFF; box-shadow: 17px 72px 30px rgba(204, 204, 204, 0.01), 9px 41px 25px rgba(204, 204, 204, 0.05), 4px 18px 19px rgba(204, 204, 204, 0.09), 1px 5px 10px rgba(204, 204, 204, 0.1), 0px 0px 0px rgba(204, 204, 204, 0.1); border-radius: 12px; padding: 30px;}

.contactFormBx > div{ margin-bottom: 32px;}
.contactFormBx input{ height: 55px !important; font-size: 16px; line-height: 24px; letter-spacing: 0.02em;}
.contactFormBx h3{ font-size: 48px; font-weight: 700; color: #4869FF; line-height: 62px; text-transform: capitalize; margin-bottom: 60px;}
.contactFormBx h3 small{ font-size: 36px; font-weight: 700; color: #000; line-height: 47px; display: block;}

.contactDetailBx h3{ font-size: 32px; font-weight: 700; line-height: 42px; color: #000; text-transform: capitalize; margin-bottom: 30px;}
.contactDetailBx h3 span, .contactDetailBx ul.address li:first-child .block{ display: block;}

.contactDetailBx ul.address span.material-icons{ color: #4869FF; margin-right: 14px; font-size: 32px; display: flex; align-items: center; height: 35px; float: left;}
.contactDetailBx ul.address li{ color: #50555C; font-size: 28px; font-weight: 700; padding: 15px 0 0px 0px;}
.contactDetailBx ul.address li:first-child{ font-weight: 500; font-size: 22px; line-height: 115%; margin-bottom: 0px;}

.contactDetailBx ul.time{ width: 300px;}
.contactDetailBx ul.time li{ font-weight: 500; font-size: 18px; line-height: 247.7%; color: #50555C;}
.contactDetailBx ul.time li span{ display: inline-block; float: right;}

.blogBx{ background: #FFFFFF; border: 1px solid #E8E8EA; border-radius: 12px; padding: 16px; margin-bottom: 30px; display: block;}
.blogBx h3{ font-weight: 600; font-size: 22px; line-height: 28px; color: #181A2A; padding: 16px 0;}
.blogDetail span{ font-weight: 400; font-size: 16px; line-height: 24px; color: #97989F; display: inline-block; padding-left: 10px;}
.blogBx > img{ width: 100%; transform: scale(1); transition: all 0.3s ease-in-out; }
.blogBx:hover > img{ filter: grayscale(1); transform: scale(1.02);}

.blog_detailBx h2{ font-weight: 600; font-size: 36px; line-height: 40px; color: #181A2A;}
.blog_detailBx > img{ width: 100% !important; margin-bottom: 32px;}
.blog_detailBx > p{ font-weight: 400; font-size: 20px; line-height: 32px; color: #3B3C4A;}
.blog_detailBx > h4{ font-weight: 600; font-size: 24px; line-height: 28px; color: #181A2A; margin-top: 30px; display: block;}

.termination_banner{ background: url(../images/termination_bg.png) center no-repeat; background-size: cover; padding: 30px 0 90px 0; }
.termination_banner h3{ font-weight: 700; font-size: 48px; line-height: 124%; color: #fff;}
.termination_banner p{ font-weight: 500; font-size: 24px; line-height: 130%; color: #BCC6D9; width: 60%; margin: 0 auto;}

.vinBx{ background:rgba(154,170,224,0.6); border: 1px solid #FFFFFF; border-radius: 20px; width: 60%; margin: 60px auto 0 auto ;}
.vinBx h4{ font-weight: 700; font-size: 28px; line-height: 124%; text-transform: capitalize; color: #fff; display: block; margin: 24px 0;}
.vinBx .startedBx{ position: relative; margin: 0 40px;}
.vinBx .startedBx button{ position: absolute; top: 0; right: 0; height: 64px; border-radius: 32px;}
.vinBx .startedBx input{ background: #FFFFFF; border: 1px solid rgba(195, 212, 233, 0.4); border-radius: 70px; height: 64px; width: 100%; border-radius: 32px; font-size: 20px; font-weight: 500; padding-left: 34px;}
.vinBx h5{ font-weight: 700; font-size: 20px; line-height: 150%; color: #FBCD58; display: block; margin: 10px 0; text-decoration: underline;}

.termination_textBx1{ text-align: center;}
.termination_textBx1 h2{ font-weight: 700; font-size: 48px; line-height: 62px; color: #151515;}
.termination_textBx1 p{ font-weight: 500; font-size: 18px; line-height: 23px; color: #000; width: 60%; margin: 0 auto;}
.termination_textBx1 > div:nth-child(2){ border-left: 1px solid #BCC6D9; border-right: 1px solid #BCC6D9;}

.calculatorBx{ background: linear-gradient(90deg, #4869FF 0%, #51B4B4 100%); border-radius: 8px; margin: 50px auto; width: 90%; display: flex; justify-content: space-between; align-items: center; padding: 40px; position: relative;}
.calculatorBx img{ position: absolute; top: -20px;}
.calculatorBx .calculatorBx_txt{ margin-left: 200px;}
.calculatorBx h4{ font-weight: 700; font-size: 32px; line-height: 42px; color: #fff;}
.calculatorBx p{ font-weight: 500; font-size: 16px; line-height: 21px; color: #fff;}
.calculatorBx a{ font-weight: 700; font-size: 20px; line-height: 150%; text-align: center; letter-spacing: -0.02em; color: #000; background: #fff; height: 65px; display: block; line-height: 65px; padding: 0 40px; border-radius: 34px;}
.calculatorBx a:hover{ background: #000; color: #fff;}

.steps h3{ font-weight: 700; font-size: 48px; line-height: 62px; color: #151515;margin-bottom: 30px;}
.steps img{ height: 445px;}
.stepImg{ width: 60%; margin: 0 auto;}
.stepsTxt{ width: 80%;}
.steps h4{ font-weight: 500; font-size: 32px; line-height: 42px; color: #151515; margin-bottom: 90px;}
.stepList li span{ width: 50%;}
.stepList li{ font-weight: 700; font-size: 28px; line-height: 130%; color: #151515; position: relative; display: flex; align-items: center; margin-bottom: 60px;}
.stepList li span{ margin-left: 30px;}
.stepList li small{ font-weight: 400; font-size: 14px; display: block; line-height: 130%; margin-top: 15px;}
.stepList li:before{counter-increment: section; content: counter(section); width: 100px; height: 100px; border-radius: 50px; font-weight: 700;
  font-size: 48px; line-height: 100px; background: var(--default); display: inline-block; color: #fff; text-align: center;}

.videoBx h3{ font-weight: 700; font-size: 48px; line-height: 62px; text-transform: capitalize; color: #151515; margin-bottom: 40px;}
.videoBx small{ display: block; font-weight: 500; font-size: 24px; line-height: 31px;}



  @media only screen and (max-width:360px){
    .termination_textBx1 > div:nth-child(2){ border-left: 0px; border-right: 0px;}
    .termination_textBx1 > div{ margin-bottom: 30px;}
    .termination_textBx1 p{ width: 100%;}
    .termination_textBx1 h2{ font-size: 32px; line-height: 32px;}
    .termination_textBx1 p{ font-size: 16px;}

    .slides img{ width: 100%;}
    .slide-thumbnail{ height: inherit; width: 100%;}

    .car_detail{ padding: 0;}
    .car_detail h2{ font-size: 22px; margin-bottom: 0;}
    .car_detail h3.price{ font-size: 22px;}
    .car_detail .car_detail_feature li{ width: 100%; margin-right: 0%; font-size: 16px;}
    .car_detail .car_detail_feature li b{ font-size: 16px;}

    .available_color span {
        width: 25px;
        height: 25px;
        border-radius: 20px;
        display: block;
        margin: 0 10px;
    }

    .lead_blue{ text-align: center;}
    .lead_blue h3{ font-size: 32px;}

    #desktopTabs{ display: none;}
    #mobileTabs{ padding: 30px 30px 0px 30px}

    #tab1 ul{ margin: 0 0px 15px 0px;}
  #tab1 ul li:first-child{ font-size: 20px;}
  #tab1 ul li{ font-size: 16px;}
  .p-5{ padding: 2rem !important;}

  .contactFormBx{ margin-top: 30px;}
  .contactDetailBx h3 span, .contactDetailBx ul.address li:first-child .block{ display: inline;}
  .contactFormBx h3{ font-size: 28px; font-weight: 700; color: #4869FF; line-height: 30px; text-transform: capitalize; margin-bottom: 30px;}
  .contactFormBx h3 small{ font-size: 18px; font-weight: 700; color: #000; line-height: 30px; display: block;}

  .bcl_banner h3{ font-size: 36px;}
  .bcl_banner p{ font-size: 16px; width: 100%;}
  .bcl_banner h3 small{ margin-top: 10px;}
  .bsl_text p, .bsl_text li{ font-size: 16px;}
  .bsl_text h3{ font-size: 32px;}
  .forDealer_banner{ text-align: center;}
  .forDealer_banner img{ left: 50%; transform: translateX(-50%);}
  .forDealer_banner{ padding: 20px;}
  .forDealer_banner h3{ font-size: 32px;}

  .contactDetailBx ul.address li:first-child{ font-size: 20;}
  .contactDetailBx ul.address li{ font-size: 24px;}
  .contactDetailBx ul.address span.material-icons{ font-size: 22px;}
  .contactDetailBx ul.time li{ font-size: 16px; line-height: 200%;}

  .contactDetailBx h3{ margin-bottom: 15px;}
  .bsl_text{ order: 1;}
  }

  @media only screen and (max-width:768px){
    .owl-nav{ display: none;}
    .search{ width: 96%; margin-left:2%; margin-right:2%;}
    .banner h1{ font-size: 50px;}
    .banner h1 small{ font-size: 24px;}
    .budget_cars{ margin-bottom: 15px;}
    .budget_cars h2 { font-size: 26px; font-weight: 700; }
    .budget_cars p{ font-size: 16px;}
    .budget_cars img{ height: 70px;}
    /* .one_stop img{ height: 140px; right: 0;} */
    .w-75 { width: 100%!important;}
    .navbar-brand img{ height: 46px;}
    .footer .copyright{ display: grid;}
    .mt-sm-3{ margin-top: 15px;}
    .testimonials h3, .faqs h3{ font-size: 20px;}
    .leaseBx h4 { font-size: 14px;}

    .leaseBx h3 { 
		font-size: 14px;
		text-align: center;
	}
    .high_quality{ margin-top: 15px; display: inherit;}
    .high_quality li{ width: 50%; float: left; text-align: center; margin-bottom: 15px;}
    .high_quality li span div{ display: inline-block;}
    .high-quality > div{ justify-content: center;}

    .slides img{ width: 100%;}
    .slide-thumbnail{ height: inherit; width: 100%;}  \.forDealer_banner{ text-align: center;}
    .forDealer_banner img{ left: 50%; transform: translateX(-50%);}
    .contactDetailBx ul.address li:first-child{ font-size: 20;}
  .contactDetailBx ul.address li{ font-size: 20px;}
  .contactDetailBx ul.address span.material-icons{ font-size: 22px;}
  .contactDetailBx ul.time li{ font-size: 16px; line-height: 200%;}

  .contactDetailBx h3{ margin-bottom: 15px;}

  .termination_textBx1 > div:nth-child(2){ border-left: 0px; border-right: 0px;}
    .termination_textBx1 > div{ margin-bottom: 30px;}
    .termination_textBx1 p{ width: 100%;}
    .termination_textBx1 h2{ font-size: 32px; line-height: 32px;}
    .termination_textBx1 p{ font-size: 16px;}

  }


  @media (max-width: 576px) {
    .bsl_text{ order: 1;}
    .high_quality li span{ font-size: 14px;}
    .one_stop img{ position: inherit;}
    .one_stop h3{ font-size: 28px;}
    .banner h1{ font-size: 38px;}
    .search input{ font-size: 16px;}
    .navbar-brand img{ height: 36px;}
    .budget_cars img{ height: 50px;}
    .search input{ height: 47px; padding-left: 40px;}
    .search .icon{ height: 24px; left: 10px;}
    .high-quality img{ height: 100px;}
    #high_quality h4{ font-size: 26px;}
    #high_quality h4 small{ font-size: 16px;}
    .high_quality li img{ height: 40px;}
    .banner h1 small { font-size: 16px; margin-top: 10px;}
    .tabbtns .btn{    padding: 10px 40px !important;}
    .budget_cars img{ bottom: 20px;}
    .one_stop{ padding: 24px; overflow-x:hidden;}
    .overflow-fix, #high_quality{overflow-x:hidden;}
    .one_stop p{ font-size: 14px;}
    h2.title{ font-size: 16px;}
    .testiBx p, .testiBx strong{ font-size: 16px;}
    .testi{ padding:0 15px;}
    .footer{ text-align: center;}
    .footer .copyright{ justify-content: center;}
    .footer strong{ margin-top: 15px; margin-bottom: 0;}

    .calculatorBx{ width: 100%; display: block; padding: 20px; text-align: center;}
    .calculatorBx .calculatorBx_txt{ margin-left: 0;}
    .calculatorBx img{ position: inherit; top: 0;}
    .calculatorBx h4{ font-size: 28px; line-height: 32px; margin-top: 15px;}

    #filterDiv{ display: none;}

    .reviewsBx{ padding: 20px 15px !important;}
    .reviewTxt{ width: 100%; margin: 15px auto;}
    .reviewTxt h3{ font-size: 30px; font-weight: 700; line-height: 50px; margin-bottom: 0px;}
    .reviewTxt h3 span{ color: #4869FF; display: inline-block;}
    .reviewTxt p{ font-size: 18px; font-weight: 400; line-height: 36px; color: #545D6C;}
    .contactFormBx h3{ font-size: 30px; font-weight: 700; color: #4869FF; line-height: 30px; text-transform: capitalize; margin-bottom: 30px;}
    .contactFormBx h3 small{ font-size: 22px; font-weight: 700; color: #000; line-height: 28px; display: block;}
    .bsl_car{ padding: 15px;}

    .forDealer_banner h3{ width: 100%; font-size: 32px;}
  .forDealer_banner p{ width: 100%; font-size: 18px; line-height: 26px;}
  .forDealer_banner img{ height: 150px; bottom: -80px;}
  .fd_textBx1 h2{ font-size: 32px;}
  .fd_textBx1 p{ font-size: 16px;}
  .fd_textBx1 a{ font-size: 16px;}
  .fd_textBx2 img{ height: inherit;}

  .fd_textBx1{ padding-bottom: 0; margin-top: 60px;}
  .fd_textBx2{ text-align: center;}
  .fd_textBx2 h3{ font-size: 32px;}

  .fd_textBx2 h3{ font-size: 32px;}
  .blog_detailBx h2{ font-size: 26px; line-height: 30px;}

  .bcl_banner h3{ font-size: 36px;}
  .bcl_banner p{ font-size: 16px;}
  .forDealer_banner{ text-align: center;}
  .forDealer_banner img{ left: 50%; transform: translateX(-50%);}
  .contactFormBx{ padding: 15px;}
  
  .car_detail .car_detail_feature li{ width: 100%;}
  .whyLease h3{ font-weight: 700; font-size: 30px; line-height: 44px; margin-bottom: 10px;}
.whyLease{ text-align: center; margin-bottom: 15px;}
.whyLease span{ width: 100px; height: 100px;; border-radius: 75px; border: 1px solid #4869FF; display: block; line-height: 100px; margin: 0 auto 20px auto ;}
.whyLease span img{ height: 30px;}
.whyLease h4{ font-weight: 700; font-size: 20px; line-height: 31px; color: #151515;}
.whyLease p{ font-weight: 400; font-size: 16px; line-height: 130%; color: #151515; width: 100%; margin: 0 auto;}

.termination_banner h3{ font-size: 22px;}
.termination_banner p{ font-size: 16px; width: 100%;}
.vinBx{ width: 100%;}
.vinBx h4{ font-size: 22px; margin-left:15px; margin-right:15px;}
.vinBx .startedBx input{ font-size: 18px; height: 54px; padding-left: 24px;}
.vinBx .startedBx button{ height: 54px; position: inherit; margin-top: 10px;}
.vinBx h5{ font-size: 18px;}
.vinBx .startedBx{ margin: 0 15px;}
.steps h4{ text-align: center;}
.stepImg{ width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}
.stepsTxt{ width: 100%;}
.stepList li span{ width: 70%;}
.steps img{ height: 300px;}
.steps h3{ font-size: 24px; line-height: 26px;}
.steps h4{ font-size: 28px; line-height: 28px; margin-bottom: 40px;}
.stepList li{ font-size: 22px;}
.stepList li:before{ width: 80px; height: 80px; line-height: 80px; font-size: 32px;}

.videoBx h3{ font-size: 32px; line-height: 32px;}
.videoBx h3 small{ font-size: 18px; margin-top: 10px;}
   }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .bsl_text{ order: 1;}
  .demo{ background: #ff0;}
  .steps h4{ text-align: center;}
  .container{ max-width: 90%;}
  .high_quality{ margin-top: 10px;}
  .high_quality li span{ font-size: 14px;}
  .one_stop img{ position: inherit;}
  .w-75{ width: 96% !important;}
  .one_stop h3{ font-size: 34px;}
  #filterDiv{ display: none;}

.termination_banner h3{ font-size: 38px;}
.termination_banner p{ font-size: 20px; width: 100%;}
.vinBx{ width: 100%;}
.vinBx h4{ font-size: 24px;}
.vinBx .startedBx input{ font-size: 18px; height: 54px; padding-left: 24px;}
.vinBx .startedBx button{ height: 54px;}
.vinBx h5{ font-size: 18px;}

  #desktopTabs{ display: none;}
    #mobileTabs{ padding: 30px 30px 0px 30px}

    #tab1 ul{ margin: 0 0px 15px 0px;}
  #tab1 ul li:first-child{ font-size: 20px;}
  #tab1 ul li{ font-size: 16px;}
  .p-5{ padding: 2rem !important;}
  .car_detail{ padding: 0;}
    .car_detail h2{ font-size: 22px; margin-bottom: 0;}
    .car_detail h3.price{ font-size: 22px;}
    .car_detail .car_detail_feature li{ width: 100%; margin-right: 0%; font-size: 16px;}
    .car_detail .car_detail_feature li b{ font-size: 16px;}

    .reviewsBx{ padding: 20px 80px !important;}
    .reviewTxt{ width: 100%; margin: 15px auto;}
    .reviewTxt h3{ font-size: 30px; font-weight: 700; line-height: 50px; margin-bottom: 0px;}
    .reviewTxt h3 span{ color: #4869FF; display: inline-block;}
    .reviewTxt p{ font-size: 18px; font-weight: 400; line-height: 36px; color: #545D6C;}

    .contactFormBx{ margin-top: 30px;}
    .contactDetailBx h3 span, .contactDetailBx ul.address li:first-child .block{ display: inline;}

    .contactFormBx h3{ font-size: 38px; font-weight: 700; color: #4869FF; line-height: 42px; text-transform: capitalize; margin-bottom: 30px;}
    .contactFormBx h3 small{ font-size: 26px; font-weight: 700; color: #000; line-height: 37px; display: block;}
    .bsl_car{ padding: 15px;}

    .forDealer_banner h3{ width: 100%; font-size: 40px;}
  .forDealer_banner p{ width: 100%; font-size: 18px; line-height: 26px;}
  .forDealer_banner img{ height: 200px; bottom: -80px;}
  .fd_textBx1 h2{ font-size: 40px;}
  .fd_textBx1 p{ font-size: 20px;}

  .fd_textBx2{ text-align: center;}
  .fd_textBx2 h3{ font-size: 36px;}
  .blog_detailBx h2{ font-size: 26px; line-height: 30px;}
  .forDealer_banner{ text-align: center;}
  .forDealer_banner img{ left: 50%; transform: translateX(-50%);}

  .contactDetailBx ul.address li:first-child{ font-size: 20;}
  .contactDetailBx ul.address li{ font-size: 24px;}
  .contactDetailBx ul.address span.material-icons{ font-size: 22px;}
  .contactDetailBx ul.time li{ font-size: 16px; line-height: 200%;}

  .contactDetailBx h3{ margin-bottom: 15px;}

  .car_detail .car_detail_feature li img{height: 24px;}
  .car_detail .car_detail_feature li{ font-size: 16px; width: 41%; margin-right: 8%;}
  .car_detail .car_detail_feature b{ font-size: 18px;}
  .car_detail .car_detail_feature li img{ margin-right: 6px;}
  .available_color span{ width: 24px; height: 24px;}
  .car_detail h2{ font-size: 28px;}
  .car_detail h3.price{ font-size: 32px;}
  .lead_blue p{ font-size: 18px;}
  .lead_blue h3{ font-size: 32px;}

  ul.list li{ font-size: 16px;}
  .card1 h3{ font-size: 28px;}
  .btn-default{ font-size: 16px;}

.whyLease h3{ font-weight: 700; font-size: 42px; line-height: 62px; margin-bottom: 40px;}
.whyLease{ text-align: center; margin-bottom: 15px;}
.whyLease span{ width: 100px; height: 100px;; border-radius: 75px; border: 1px solid #4869FF; display: block; line-height: 100px; margin: 0 auto 20px auto ;}
.whyLease span img{ height: 30px;}
.whyLease h4{ font-weight: 700; font-size: 20px; line-height: 31px; color: #151515;}
.whyLease p{ font-weight: 400; font-size: 16px; line-height: 130%; color: #151515; width: 100%; margin: 0 auto;}

.calculatorBx{ width: 100%; display: block; padding: 20px; text-align: center;}
.calculatorBx .calculatorBx_txt{ margin-left: 0;}
.calculatorBx img{ position: inherit; top: 0;}
.calculatorBx h4{ font-size: 28px; line-height: 32px; margin-top: 15px;}
.calculatorBx a{ display: inline-block;}

.termination_textBx1 > div:nth-child(2){ border-left: 0px; border-right: 0px;}
.termination_textBx1 > div{ margin-bottom: 30px;}
.termination_textBx1 p{ width: 100%;}
.termination_textBx1 h2{ font-size: 32px; line-height: 32px;}
.termination_textBx1 p{ font-size: 16px;}

.stepImg{ width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}
.stepsTxt{ width: 100%;}
.stepList li span{ width: 70%;}
.steps img{ height: 300px;}

.videoBx h3{ font-size: 32px; line-height: 32px;}
.videoBx h3 small{ font-size: 18px; margin-top: 10px;}

 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .termination_banner h3{ font-size: 38px;}
.termination_banner p{ font-size: 20px;}
.vinBx{ width: 80%;}
.vinBx h4{ font-size: 24px;}
.vinBx .startedBx input{ font-size: 18px; height: 54px; padding-left: 24px;}
.vinBx .startedBx button{ height: 54px;}
.vinBx h5{ font-size: 18px;}

  .demo{ background: #0f0;}

  .videoBx h3{ font-size: 36px; line-height: 36px;}
  .videoBx h3 small{ font-size: 18px; margin-top: 10px;}

  .budget_cars{ margin-bottom: 15px;}
  .testimonials h3, .faqs h3{ font-size: 40px;}
  #filterDiv{ display: none;}

  .car_detail{ padding: 0;}
  .car_detail h2{ font-size: 26px; margin-bottom: 0;}
  .car_detail h3.price{ font-size: 26px;}
  .car_detail .car_detail_feature li{ width: 46%; margin-right: 4%; font-size: 18px;}
  .car_detail .car_detail_feature li b{ font-size: 18px;}
  .nav-underline li > a{ font-size: 14px; padding: 12px 6px!important;}

  #tab1 ul{ margin: 0 0px 15px 0px;}
  #tab1 ul li:first-child{ font-size: 20px;}
  #tab1 ul li{ font-size: 16px;}

  .list ul{ margin: 0 0px 15px 0px;}
  .list ul li:first-child{ font-size: 20px;}
  .list ul li{ font-size: 16px;}

  .lead_blue { text-align: center;}
  #desktopTabs{ display: none;}
  #mobileTabs{ padding: 30px 30px 0px 30px}

  .reviewsBx{ padding: 20px 80px !important;}
  .reviewTxt{ width: 100%; margin: 15px auto;}
  .reviewTxt h3{ font-size: 30px; font-weight: 700; line-height: 50px; margin-bottom: 0px;}
  .reviewTxt h3 span{ color: #4869FF; display: inline-block;}
  .reviewTxt p{ font-size: 18px; font-weight: 400; line-height: 36px; color: #545D6C;}
  .contactFormBx h3{ font-size: 48px; font-weight: 700; color: #4869FF; line-height: 62px; text-transform: capitalize; margin-bottom: 60px;}
  .contactFormBx h3 small{ font-size: 36px; font-weight: 700; color: #000; line-height: 47px; display: block;}
  .contactDetailBx h3 span, .contactDetailBx ul.address li:first-child .block{ display: block;}

  .forDealer_banner h3{ width: 100%; font-size: 40px;}
  .forDealer_banner p{ width: 100%; font-size: 18px; line-height: 26px;}
  .forDealer_banner img{ height: 260px; bottom: -100px;}
  .fd_textBx1 h2{ font-size: 40px;}
  .fd_textBx1 p{ font-size: 20px;}

  .fd_textBx2{ text-align: center;}
  .fd_textBx2 h3{ font-size: 36px;}

  .blog_detailBx h2{ font-size: 30px; line-height: 34px;}
  .forDealer_banner{ text-align: center;}
  .forDealer_banner img{ left: 50%; transform: translateX(-50%);}

  .contactDetailBx ul.address li:first-child{ font-size: 20;}
  .contactDetailBx ul.address li{ font-size: 24px;}
  .contactDetailBx ul.address span.material-icons{ font-size: 22px;}
  .contactDetailBx ul.time li{ font-size: 16px; line-height: 200%;}

  .contactDetailBx h3{ margin-bottom: 15px;}

  .car_detail .car_detail_feature li img{height: 24px;}
  .car_detail .car_detail_feature li{ font-size: 16px; width: 41%; margin-right: 8%;}
  .car_detail .car_detail_feature b{ font-size: 18px;}
  .car_detail .car_detail_feature li img{ margin-right: 6px;}
  .available_color span{ width: 24px; height: 24px;}
  .car_detail h2{ font-size: 28px;}
  .car_detail h3.price{ font-size: 32px;}
  .lead_blue p{ font-size: 18px;}
  .lead_blue h3{ font-size: 32px;}

  ul.list li{ font-size: 16px;}
  .card1 h3{ font-size: 28px;}
  .btn-default{ font-size: 16px;}

.whyLease h3{ font-weight: 700; font-size: 42px; line-height: 62px; margin-bottom: 40px;}
.whyLease{ text-align: center; margin-bottom: 15px;}
.whyLease span{ width: 100px; height: 100px;; border-radius: 75px; border: 1px solid #4869FF; display: block; line-height: 100px; margin: 0 auto 20px auto ;}
.whyLease span img{ height: 30px;}
.whyLease h4{ font-weight: 700; font-size: 20px; line-height: 31px; color: #151515;}
.whyLease p{ font-weight: 400; font-size: 16px; line-height: 130%; color: #151515; width: 100%; margin: 0 auto;}

.stepImg{ width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}
.stepsTxt{ width: 100%;}
.stepList li span{ width: 70%;}
.steps img{ height: 300px;}

.available_color span{ width: 38px; height: 38px;}
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .bsl_text{ order: inherit;}
  /* .mobileNumber{ display: none;} */
  .demo{ background: #03f;}
  .car_types li{ width: 49%;}
  .one_stop h3{ font-size: 48px; font-weight: 400;}
  .budget_cars img{ height: 50px;}
  .filterBtn{ display: none;}
  #filterDiv{ display: block;}

  ul.list li{ font-size: 16px;}
  .card1 h3{ font-size: 28px;}

  .car_detail{ padding: 0;}
  .car_detail h2{ font-size: 26px; margin-bottom: 0;}
  .car_detail h3.price{ font-size: 26px;}
  .car_detail .car_detail_feature li{ width: 46%; margin-right: 4%; font-size: 18px;}
  .car_detail .car_detail_feature li b{ font-size: 18px;}
  .nav-underline li > a{ font-size: 14px; padding: 12px 6px!important;}
  #mobileTabs{ display: none;}
  #desktopTabs{ display: block;}
  .lead_blue { text-align: left;}

  .reviewsBx{ padding: 40px 80px !important;}
  .reviewTxt{ width: 90%; margin: 0 auto;}
  .reviewTxt h3{ font-size: 44px; font-weight: 700; line-height: 50px; margin-bottom: 20px;}
  .reviewTxt h3 span{ color: #4869FF; display: block;}
  .reviewTxt p{ font-size: 22px; font-weight: 400; line-height: 36px; color: #545D6C;}

  .contactFormBx{ margin-top: 0;}
  .contactDetailBx h3 span, .contactDetailBx ul.address li:first-child .block{ display: blcok;}

  .bcl_banner p{ width: 100%;}

  .forDealer_banner h3{ width: 100%; font-size: 49px;}
  .forDealer_banner p{ width: 100%; font-size: 20px; line-height: 28px;}
  .forDealer_banner img{ height: 260px; bottom: -100px;}
  .fd_textBx1 h2{ font-size: 46px;}
  .fd_textBx1 p{ font-size: 20px;}

  .blog_detailBx h2{ font-size: 36px; line-height: 40px;}
  .forDealer_banner{ text-align: center;}
  .forDealer_banner img{ left: 50%; transform: translateX(-50%);}

  .contactDetailBx ul.address li:first-child{ font-size: 20;}
  .contactDetailBx ul.address li{ font-size: 24px;}
  .contactDetailBx ul.address span.material-icons{ font-size: 22px;}
  .contactDetailBx ul.time li{ font-size: 16px; line-height: 200%;}

  .contactDetailBx h3{ margin-bottom: 15px;}
  .car_detail .car_detail_feature li img{height: 24px;}
  .car_detail .car_detail_feature li{ font-size: 16px; width: 41%; margin-right: 8%;}
  .car_detail .car_detail_feature b{ font-size: 18px;}
  .car_detail .car_detail_feature li img{ margin-right: 6px;}
  .available_color span{ width: 24px; height: 24px;}
  .car_detail h2{ font-size: 28px;}
  .car_detail h3.price{ font-size: 32px;}
  .lead_blue p{ font-size: 18px;}
  .lead_blue h3{ font-size: 32px;}
  .btn-default{ font-size: 16px;}

.whyLease h3{ font-weight: 700; font-size: 42px; line-height: 62px; margin-bottom: 40px;}
.whyLease{ text-align: center;}
.whyLease span{ width: 100px; height: 100px;; border-radius: 75px; border: 1px solid #4869FF; display: block; line-height: 100px; margin: 0 auto 20px auto ;}
.whyLease span img{ height: 40px;}
.whyLease h4{ font-weight: 700; font-size: 20px; line-height: 31px; color: #151515;}
.whyLease p{ font-weight: 400; font-size: 16px; line-height: 130%; color: #151515; width: 100%; margin: 0 auto;}

.calculatorBx{ background: linear-gradient(90deg, #4869FF 0%, #51B4B4 100%); border-radius: 8px; margin: 50px auto; width: 90%; display: flex; justify-content: space-between; align-items: center; padding: 40px; position: relative; text-align: left;}
.calculatorBx img{ position: absolute; top: -20px;}
.calculatorBx .calculatorBx_txt{ margin-left: 180px;}
.calculatorBx h4{ font-weight: 700; font-size: 32px; line-height: 42px; color: #fff;}
.calculatorBx p{ font-weight: 500; font-size: 16px; line-height: 21px; color: #fff;}
.calculatorBx a{ font-weight: 700; font-size: 18px; line-height: 150%; text-align: center; letter-spacing: -0.02em; color: #000; background: #fff; height: 65px; display: block; line-height: 65px; padding: 0 40px; border-radius: 34px; white-space: nowrap;}
.calculatorBx a:hover{ background: #000; color: #fff;}

.termination_textBx1{ text-align: center;}
.termination_textBx1 h2{ font-weight: 700; font-size: 38px; line-height: 62px; color: #151515;}
.termination_textBx1 p{ font-weight: 500; font-size: 18px; line-height: 23px; color: #000; width: 100%; margin: 0 auto;}
.termination_textBx1 > div:nth-child(2){ border-left: 1px solid #BCC6D9; border-right: 1px solid #BCC6D9;}

.stepImg{ width: 100%; margin: 0 auto;}
.stepsTxt{ width: 100%;}
.stepList li span{ width: 70%;}
.steps img{ height: 300px;}

.videoBx h3{ font-size: 48px; line-height: 62px;}
.videoBx h3 small{ font-size: 24px; margin-top: 10px;}

.available_color span{ width: 38px; height: 38px;}

 }
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .car_detail .car_detail_feature li img{height: 24px;}
  .car_detail .car_detail_feature li{ font-size: 16px; width: 41%; margin-right: 8%;}
  .car_detail .car_detail_feature b{ font-size: 18px;}
  .car_detail .car_detail_feature li img{ margin-right: 6px;}
  .available_color span{ width: 24px; height: 24px;}
  .car_detail h2{ font-size: 28px;}
  .car_detail h3.price{ font-size: 32px;}
  .lead_blue p{ font-size: 18px;}
  .lead_blue h3{ font-size: 32px;}

  ul.list li{ font-size: 16px;}
  .card1 h3{ font-size: 28px;}
  .btn-default{ font-size: 16px;}

  .demo{ background: #cc0000;}
  .mobileNumber{ display: none;}
  .navbar-brand img{ height: 48px;}
  /* .mobile span{ display: none;}   */
  .budget_cars img{ height: 70px;}
  .high_quality li span{ font-size: 22px;}
  .car_types li{ width: 49%;}
  .navbar-nav > li > a{ font-size: 18px; font-weight: 400; padding:7px 10px !important;}
  /* .car_types li{ width: 49%;;}


  .budget_cars h2{ font-size: 32px;} */
  .car_types li img{ width: 100%;}
  .car_types li strong{ font-size: 14px;}
  .one_stop h3{ font-size: 48px; font-weight: 700;}
  .navbar-nav > li > a{ font-size: 14px; padding: 7px !important; letter-spacing: -0.2px;}
  .mobile > a > span{ font-size: 18px; font-weight: 700; margin-left: 6px; color: #000;}
  .mobile > a{ display: flex; justify-content:start; align-items: center;}
  .mobile > a > i{ width: 40px; height: 40px; background: var(--default); border-radius: 20px; display: block; color: #fff; text-align: center; line-height: 40px;}
  .banner h1{ font-size: 60px;}
  .banner h1 small{ font-size: 20px;}

  .high-quality img{ height: 120px;}
  /* #high_quality h4 small{ font-size: 24px;} */
  .high_quality li img{ height: 56px;}
  .high_quality li span, .budget_cars p{ font-size: 16px;}
  .budget_cars h2{ font-size: 32px;}
  #high_quality h4{ font-size: 32px;}
  #high_quality h4 small{ font-size: 20px;}
  .filterBtn{ display: none;}

  .car_detail{ padding: 0;}
  /* .car_detail h2{ font-size: 28px; margin-bottom: 0;}
  .car_detail h3.price{ font-size: 32px;} */

  .car_detail .car_detail_feature li{
	width: 46%;
	margin-right: 4%;
	font-size: 16px;
	display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
	
	}

  .car_detail .car_detail_feature li b{
		font-size: 14px; /*width:50%;*/
	}
  .available_color{ margin-top: 15px;}
  .nav-underline li > a{ font-size: 16px; padding: 16px !important;}
  #tab1 ul{ margin:0 6px 30px 6px;}
  #tab1 ul li{ font-size: 16px;}


  .reviewsBx{ padding: 40px 40px !important;}
  .reviewTxt{ width: 90%; margin: 0 auto;}
  .reviewTxt h3{ font-size: 44px; font-weight: 700; line-height: 50px; margin-bottom: 20px;}
  .reviewTxt h3 span{ color: #4869FF; display: block;}
  .reviewTxt p{ font-size: 22px; font-weight: 400; line-height: 36px; color: #545D6C;}

  .bcl_banner p{ width: 70%;}

  .forDealer_banner h3{ width: 100%; font-size: 49px;}
  .forDealer_banner p{ width: 100%; font-size: 20px; line-height: 28px;}
  .forDealer_banner img{ height: 260px;}
  .fd_textBx1 h2{ font-size: 56px;}
  .fd_textBx1 p{ font-size: 24px;}

  .fd_textBx2{ text-align: left;}
  .fd_textBx2 h3{ font-size: 56px;}
  .leaseBx a.btn, .leaseBx a.btn-link{ font-size: 14px;}
  .bcl_banner p{ font-size: 16px;}

  .forDealer_banner{ text-align: center;}
  .forDealer_banner img{ left: 50%; transform: translateX(-50%);}

  .contactDetailBx ul.address li:first-child{ font-size: 20;}
  .contactDetailBx ul.address li{ font-size: 24px;}
  .contactDetailBx ul.address span.material-icons{ font-size: 22px;}
  .contactDetailBx ul.time li{ font-size: 16px; line-height: 200%;}

  .contactDetailBx h3{ margin-bottom: 15px;}

.whyLease h3{ font-weight: 700; font-size: 42px; line-height: 62px; margin-bottom: 40px;}
.whyLease{ text-align: center;}
.whyLease span{ width: 120px; height: 120px;; border-radius: 75px; border: 1px solid #4869FF; display: block; line-height: 120px; margin: 0 auto 30px auto ;}
.whyLease span img{ height: 40px;}
.whyLease h4{ font-weight: 700; font-size: 24px; line-height: 31px; color: #151515;}
.whyLease p{ font-weight: 400; font-size: 16px; line-height: 130%; color: #151515; width: 90%; margin: 0 auto;}

.calculatorBx{ background: linear-gradient(90deg, #4869FF 0%, #51B4B4 100%); border-radius: 8px; margin: 50px auto; width: 90%; display: flex; justify-content: space-between; align-items: center; padding: 40px; position: relative; text-align: left;}
.calculatorBx img{ position: absolute; top: -20px;}
.calculatorBx .calculatorBx_txt{ margin-left: 200px;}
.calculatorBx h4{ font-weight: 700; font-size: 32px; line-height: 42px; color: #fff;}
.calculatorBx p{ font-weight: 500; font-size: 16px; line-height: 21px; color: #fff;}
.calculatorBx a{ font-weight: 700; font-size: 20px; line-height: 150%; text-align: center; letter-spacing: -0.02em; color: #000; background: #fff; height: 65px; display: block; line-height: 65px; padding: 0 40px; border-radius: 34px; white-space: nowrap;}
.calculatorBx a:hover{ background: #000; color: #fff;}

.termination_textBx1{ text-align: center;}
.termination_textBx1 h2{ font-weight: 700; font-size: 40px; line-height: 62px; color: #151515;}
.termination_textBx1 p{ font-weight: 500; font-size: 18px; line-height: 23px; color: #000; width: 80%; margin: 0 auto;}
.termination_textBx1 > div:nth-child(2){ border-left: 1px solid #BCC6D9; border-right: 1px solid #BCC6D9;}

.termination_banner{ background: url(../images/termination_bg.png) center no-repeat; background-size: cover; padding: 30px 0 90px 0; }
.termination_banner h3{ font-weight: 700; font-size: 48px; line-height: 124%; color: #fff;}
.termination_banner p{ font-weight: 500; font-size: 24px; line-height: 130%; color: #BCC6D9; width: 60%; margin: 0 auto;}

.vinBx{ background:rgba(154,170,224,0.6); border: 1px solid #FFFFFF; border-radius: 20px; width: 60%; margin: 60px auto 0 auto ;}
.vinBx h4{ font-weight: 700; font-size: 28px; line-height: 124%; text-transform: capitalize; color: #fff; display: block; margin: 24px 0;}
.vinBx .startedBx{ position: relative; margin: 0 40px;}
.vinBx .startedBx button{ position: absolute; top: 0; right: 0; height: 64px; border-radius: 32px;}
.vinBx .startedBx input{ background: #FFFFFF; border: 1px solid rgba(195, 212, 233, 0.4); border-radius: 70px; height: 64px; width: 100%; border-radius: 32px; font-size: 20px; font-weight: 500; padding-left: 34px;}
.vinBx h5{ font-weight: 700; font-size: 20px; line-height: 150%; color: #FBCD58; display: block; margin: 10px 0; text-decoration: underline;}

/* .stepImg, .stepsTxt, .stepList li span { width: 100%;} */
.stepImg{ width: 100%; margin: 0 auto;}
.stepsTxt{ width: 100%;}
.stepList li span{ width: 70%;}
.steps img{ height: 400px;}
.steps h4{ text-align: left;}

.available_color span{ width: 24px; height: 24px;}
 }

 @media (min-width: 1400px) {
  .forDealer_banner{ text-align: left;}
  .forDealer_banner img{ left: 50%; transform: translateX(-50%);}
  
}

 /* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1600px) {
    .leaseBx h3{ font-size: 32px; font-weight: 700; margin-top: 15px;}
  .leaseBx h4{ font-size: 24px;}
  .btn-default{ font-size: 20px;}
  .forDealer_banner{ text-align: left;}
  .forDealer_banner img{ right: 0; left: inherit; transform: translate(0);}
  .forDealer_banner{ text-align: left;}
  .demo{ background: #a1a1a1;}
  .budget_cars img{ height: auto;}
  .one_stop img{ position: absolute; height: 320px;}
  .w-75{ width: 75% !important;}
  /* .mobile span{ display: block; margin-left: 6px;} */
  .mobile a{ display: inline-flex; align-items: center; margin-left: 6px;}
  .navbar-nav > .mobile > a{ font-size: 20px; font-weight: 700;}
  /* .mobile span{ display: none;}
  .navbar-nav > li > a{ font-size: 16px; padding:7px 10px !important;}
  .budget_cars h2{ font-size: 28px;} */
  .testimonials h3, .faqs h3{ font-size: 60px;}
  .mobile > a > i{ width: 40px; height: 40px; background: var(--default); border-radius: 20px; display: block; color: #fff; text-align: center; line-height: 40px;}
  .high_quality li span{ font-size: 22px;}
  #high_quality h4{ font-size: 36px;}
  #high_quality h4 small{ font-size: 24px;}
  .navbar-nav > li > a{ font-size: 18px; padding: 7px 9px !important; letter-spacing: -0.2px;}
  .filterBtn{ display: none;}
  #tab1 ul{ margin:0 30px 30px 30px;}

  .reviewsBx{ padding: 40px 80px !important;}
  .reviewTxt{ width: 66%; margin: 0 auto;}
  .reviewTxt h3{ font-size: 54px; font-weight: 700; line-height: 70px; margin-bottom: 40px;}
  .reviewTxt h3 span{ color: #4869FF; display: block;}
  .reviewTxt p{ font-size: 28px; font-weight: 400; line-height: 36px; color: #545D6C;}

  .forDealer_banner{ background: #2E3967; color: #fff; padding: 80px ; position: relative;}
.forDealer_banner h3{ font-size: 64px; font-weight: 700; line-height: 113%; margin: 40px 0; width: 80%;}
.forDealer_banner p{ font-size: 24px; line-height: 31px; font-weight: 500; letter-spacing: 0.2px; color: #F5F5F5; width: 90%;}
.forDealer_banner img{ position: absolute; right: 0; bottom: -150px; height: inherit;}
.leaseBx a.btn, .leaseBx a.btn-link{ font-size: 16px;}

ul.list li{ font-size: 18px;}
.card1 h3{ font-size: 32px;}

.car_detail h2{ font-size: 32px;}
.car_detail h3.price{ font-size: 36px;}

.whyLease h3{ font-weight: 700; font-size: 48px; line-height: 62px; margin-bottom: 40px;}
.whyLease{ text-align: center;}
.whyLease span{ width: 150px; height: 150px;; border-radius: 75px; border: 1px solid #4869FF; display: block; line-height: 150px; margin: 0 auto 30px auto ;}
.whyLease span img{ height: 40px;}
.whyLease h4{ font-weight: 700; font-size: 24px; line-height: 31px; color: #151515;}
.whyLease p{ font-weight: 400; font-size: 16px; line-height: 130%; color: #151515; width: 80%; margin: 0 auto;}

.stepImg{ width: 60%; margin: 0 auto;}
.stepsTxt{ width: 80%;}
.stepList li span{ width: 50%;}
.steps img{ height: 445px;}
.steps h4{ text-align: left;}
 }

 .page-center{
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

#searchResults{
    background: #fff;
    border-radius: 4px;
}

#searchResults ul li{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

#searchResults ul li:hover{
    background: #eee;
}

.arrow{
    /* position: absolute; */
    margin-top: 30px;
}




.form-control, .form-select, label{ font-size:14px; }
.forma{
/*    min-height:100vh;*/
    display:flex;
    justify-content:center;
    align-items:center;

}
.forma .card{
/*    height:500px;*/
/*    width:800px;*/
    background-color:#fff;
    position:relative;
    box-shadow:0 15px 30px rgba(0,0,0,0.1);
    font-family: 'Poppins', sans-serif;
    border-radius:20px;
}
.forma .card .form{
    width:100%;
    height:100%;

    display:flex;
}
.forma .card .left-side{
    width:30%;
    background-color:#304767;
    min-height:100%;
 border-top-left-radius:20px;
 border-bottom-left-radius:20px;
  padding:20px 30px;
  box-sizing:border-box;

}
/*left-side-start*/
.left-heading{
    color:#fff;

}
.steps-content{
    margin-top:30px;
    color:#fff;
}
.steps-content p{
    font-size:12px;
    margin-top:15px;
}
.progress-bar{
    list-style:none;
    /*color:#fff;*/
    margin-top:30px;
    font-size:13px;
    font-weight:700;
    counter-reset:container 0;
}
.progress-bar li{
       position:relative;
       margin-left:40px;
       margin-top:50px;
       counter-increment:container 1;
      color:#4f6581;
}
.progress-bar li::before{
    content:counter(container);
    line-height:25px;
    text-align:center;
    position:absolute;
    height:25px;
    width:25px;
    border:1px solid #4f6581;
    border-radius:50%;
    left:-40px;
    top:-5px;
    z-index:10;
    background-color:#304767;


}


.progress-bar li::after{
    content: '';
    position: absolute;
    height: 90px;
    width: 2px;
    background-color: #4f6581;
    z-index: 1;
    left: -27px;
    top: -70px;
}


.progress-bar li.active::after{
    background-color: #fff;

}

.progress-bar li:first-child:after{
  display:none;
}

/*.progress-bar li:last-child:after{*/
/*  display:none;  */
/*}*/
.progress-bar li.active::before{
    color:#fff;
      border:1px solid #fff;
}
.progress-bar li.active{
    color:#fff;
}
.d-none{
   display:none;
}



/*left-side-end*/
.forma .card .right-side{
    width:70%;
    background-color:#fff;
    height:100%;
  border-radius:20px;
}
/*right-side-start*/
.main{
    display:none;
}
.active{
    display:block;
}
.main{
    padding:40px;
}

.text{
    margin-bottom:20px;
}
.congrats{
    text-align:center;
}
.text p{
    margin-top:10px;
    font-size:13px;
    font-weight:700;
    color:#cbced4;
}
.progress-bar{ text-align:left; }

.buttons button{
    height:40px;
    width:100px;
    border:none;
    border-radius:5px;
    background-color:#0075ff;
    font-size:12px;
    color:#fff;
    cursor:pointer;
}
.button_space{
    display:flex;
    gap:20px;

}
.button_space button:nth-child(1){
    background-color:#fff;
    color:#000;
    border:1px solid#000;
}
.user_card{
    margin-top:20px;
    margin-bottom:40px;
    height:200px;
    width:100%;
    border:1px solid #c7d3d9;
    border-radius:10px;
    display:flex;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
}
.user_card span{
    height:80px;
    width:100%;
    background-color:#dfeeff;
}
.circle{
    position:absolute;
    top:40px;
    left:60px;
}
.circle span{
    height:70px;
    width:70px;
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    border:2px solid #fff;
    border-radius:50%;
}
.circle span img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}
.social{
    display:flex;
    position:absolute;
    top:100px;
    right:10px;
}
.social span{
    height:30px;
    width:30px;
    border-radius:7px;
    background-color:#fff;
    border:1px solid #cbd6dc;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:10px;
    color:#cbd6dc;

}
.social span i{
        cursor:pointer;
}
.heart{
    color:red !important;
}
.share{
        color:red !important;
}
.user_name{
    position:absolute;
    top:110px;
    margin:10px;
    padding:0 30px;
    display:flex;
    flex-direction:column;
    width:100%;

}
.user_name h3{
    color:#4c5b68;
}
.detail{
    /*margin-top:10px;*/
   display:flex;
   justify-content:space-between;
   margin-right:50px;
}
.detail p{
    font-size:12px;
    font-weight:700;

}
.detail p a{
    text-decoration:none;
    color:blue;
}




@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}










.warning{
    border:1px solid red !important;
}


/*right-side-end*/
@media (max-width:750px) {
    .forma{
        height:scroll;


    }
    .forma .card {
        max-width: 350px;
        height:auto !important;
        margin:30px 0;
    }
    .forma .card .right-side {
     width:100%;

    }
     .input-text{
         display:block;
     }

     .input-text .input-div{
  margin-top:20px;

}

    .container .card .left-side {

     display: none;
    }
}

.borderbox{ border:1px solid #ccc; border-radius:6px; padding:7px 10px 7px 5px; }
.borderbox .form-check-input, .borderbox label{ margin-left:5px; }



#loading {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
  }

  #loading-image {
    position: absolute;
    top: 100px;
    left: 240px;
    z-index: 100;
  }



  /* feed gooele insta facebook */
  .feed-container{
    display: flex;
    justify-content: center;
    align-items: center;
    
    gap: 4rem;
    width: 100%;
    margin: 50px auto 30px auto;
}

.feed-container > div{
   /*display: flex;*/
   /*flex-direction: row;*/
}

.google-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.google-box .google-img{
    display: flex;
    width: auto;
    height: auto;
	/*flex-wrap: wrap;*/
	align-items: center;
	gap:4rem;
}

/*.google-box .google-img img{
    width: 50%;
}*/

.google-box .review-text{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: 25px;
    color: #ff9800;
}

.facebook .stars{
    font-size: 25px;
    color: #ff9800;
}

.facebook span{
    font-size: 16px;
}

.insta-box{
    display: flex;
    justify-content: center;
    align-items: center;
}

.insta-box > div {
    flex: 1;
}

.insta-img{
    width: 100%;
}

.insta-img img{
    width: 100%;
}

.insta-text{
    font-size: 22px;
}

.insta-text span{
    font-size: 30px;
    font-weight: 600;
}

.feed-btn{
    text-align: center;
}

.btn-text p{
    font-size: 25px;
}

.no-btn button{
    padding: 10px 50px;
    background: #B4EBE6;
    font-size: 16px;
    color: #000;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

a.google-img img {
    
text-align: center;
}
a.google-img {
    width: 100%;
}




/* Tablet View (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .feed-container {
        flex-direction: column;
        align-items: center;
    }

    .feed-container > div {
        width: 80%;
    }

    .google-box .review-text,
    .facebook .stars {
        font-size: 20px;
    }

    .insta-text {
        font-size: 18px;
    }

    .insta-text span {
        font-size: 24px;
    }

    .btn-text p {
        font-size: 20px;
    }

    .no-btn button {
        padding: 8px 40px;
        font-size: 14px;
    }
}

/* Mobile View (max-width: 768px) */
@media screen and (max-width: 768px) {
    .feed-container {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .feed-container > div {
        width: 90%;
    }

    .google-box .review-text,
    .facebook .stars {
        font-size: 18px;
    }

    .insta-text {
        font-size: 16px;
    }

    .insta-text span {
        font-size: 20px;
    }

    .btn-text p {
        font-size: 18px;
		font-weight: 600;

		margin-bottom: 0rem;

    }
	

    .no-btn button {
        padding: 8px 20px;
        font-size: 14px;
    }
}


@media only screen and (max-width: 768px){
h1.aos-init.aos-animate {
        font-size: 30px !important;
    }
}




@media only screen and (max-width: 600px) {
    .navbar-brand img {
        height: 35px;
    }
}

@media only screen and (max-width: 600px) {
    .contact-logo img {
        height: 38px;
    }
}


@media only screen and (max-width: 600px) {
    h1.aos-init.aos-animate {
        font-family: 'DM Sans', sans-serif !important;
        font-size: 22px !important;
        font-weight: 600 !important;
    }


	.banner h1 small {
    font-family: 'DM Sans', sans-serif !important;
    display: block;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    line-height: 24px !important;
	padding: 0px 30px;
}
}


@media only screen and (max-width: 600px) {
.btn-default {
 padding: 4px 8px;
 font-size: 12px;
}
}


@media only screen and (max-width: 600px) {
.parall {
    display: flex;
    flex-direction: row;
	align-items: center;
    justify-content: center;
	gap: 10px;
}
}


@media only screen and (max-width: 600px) {
p.best_quote {
    color: #ffff;
    padding: 0px; 
    font-size: 16px;
    font-weight: 700;
}

}


@media only screen and (max-width: 600px) {
    .banner {
        display: flex;
        
        overflow-x: hidden;
        flex-direction: column;
        align-items: center;
        
        gap: 14px;
        justify-content: center;
		padding: 20px 10px;
       
    }
}

@media only screen and (max-width: 600px) {
p.best_quote {
    margin-bottom: 0rem;
}
}

@media only screen and (max-width: 600px) {
.my-3 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}
}



@media only screen and (max-width: 600px) {
    .banner {
        min-height: 50vh; /* Ensures a reasonable height */
        
    }
}


@media only screen and (max-width: 600px) {

.mb-5 {
    margin-bottom: 0rem !important;
	padding: 6px 20px;
}
}

@media screen and (max-width: 600px) {
    .feed-container > div {
       

		display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
		gap: 1rem;

    }

	.google-box .google-img {
    width: auto;
    height: auto;
}


	.google-img {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	padding: 0px 20px;
}

	.google-box .google-img img {
    width: 90%;
}
}

@media screen and (max-width: 600px) {

.testimonials p {
    font-size: 14px;
}
.testimonials {
    background: #f5f5f5;
    padding: 30px 0;
}
footer {

    margin-top: 0px !important; 
}
.faqs p {
margin-bottom: 0rem;
}
#high_quality {
    padding: 0px 0;
}
.leaseBx {
   
    padding: 8px;
}
.d-flex.justify-content-between.mt-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
    justify-content: center;
}
.row.new-hdfg {
    --bs-gutter-x: 0.7rem;

}
.google-box .google-img {

    gap: 1rem;
}
}

@media screen and (max-width: 600px) {
.car_detail h2 {
    font-size: 20px;
    

}
.car_detail h3.price {
    font-size: 18px;
}
.car_detail .car_detail_feature li {
    gap: 0.5rem;
    display: flex;
    width: 100%;
    float: left;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
   align-content: flex-start;
    flex-wrap: wrap;
    
    align-items: center;
 
}
.car_detail .car_detail_feature li img {
    width: 30px;
    margin-right: 5px;
}
.car_detail .car_detail_feature li b {
    padding-left: 10px;
}
.car_detail {
    padding: 15px 15px;
}
.available_color {
     padding: 14px 0;
}
.available_color span {
    width: 24px;
    height: 24px;
}
a.btn.btn-default.my-3.px-4.qupte-ddd {
    padding: 8px 16px;
    font-size: 14px;
}
.lead_blue h3 {
    text-align: center;
   
    font-size: 30px;
}
.card1 h3 {
    text-align: center;
    font-size: 20px;
	margin-bottom: 16px;
}
.card1 p {
    font-size: 14px;
}
ul.list li:first-child {
    text-align: center;
    font-size: 20px;
}
.card1 {

    padding: 24px;
}
.bannerInner {
    padding: 20px 20px 20px 20px;
}
.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.bannerInner h3 {
    font-size: 30px;
}
.faqs .accordion-button {
    font-weight: 600;
    font-size: 16px;
    padding: 18px;
}
.leaseBx {
   
    margin-bottom: 10px;
}
.leaseBx a.btn {
    font-size: 12px;
}
.leaseBx a.btn-link {
    font-size: 12px;
}
.testiBx {

    padding: 10px 22px;
}
.accordion-body {
  
    font-size: 14px;
}
.mt-4 {
    margin-top: 1.2rem;
}
.contactDetailBx h3 {
    font-size: 24px;
    
    line-height: 32px;
}
.contactDetailBx {
    padding: 0px 0px 20px 0px;
}
.contactDetailBx ul.address li {
    
    padding: 10px 0;
}
.contactDetailBx ul.address li:first-child {

    margin-bottom: 0px;
}
}



/*  */

.sold_label {
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;
    color: red;
    font-style: italic;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 14px;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}


.sold_label_img {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 70px; /* Adjust size as needed */
}
.sold_label_img img {
    width: 90%;
    height: auto;
}


/* Mobile view: screens smaller than or equal to 600px */
@media (max-width: 600px) {
    .sold_label_img {
        top: 8px;
        right: 8px;
        width: 50px; /* Smaller size on mobile */
    }
}