#wrapper.homepage-static section#home img.mobile-view {
    display: none;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box .img {
    position: relative;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box .img:before {
    content: "01";
    height: 30px;
    width: 30px;
    position: absolute;
    background: linear-gradient(167.52deg, #0677BA 0%, #007AFF 100%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    top: 0;
    bottom: 0;
    left: auto;
    right: 4px;
    font-family: "Exo 2", sans-serif;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box:nth-child(2) .img:before {
    content: "02";
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box:nth-child(3) .img:before {
    content: "03";
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box:nth-child(4) .img:before {
    content: "04";
}
@media (min-width: 1600px) {
 #wrapper.homepage-static section.drivehubs-work-section {
    margin-top: -140px;
}
#wrapper.homepage-static .home-bnner-img {
    height: 813px;
    max-height: 813px;
}
}
@media (max-width: 1400px) {
#wrapper.homepage-static section.drivehubs-work-section {
    margin-top: -50px;
}
}
@media (max-width: 1199px) {
#wrapper.homepage-static {
    padding-top: 0;
}
#wrapper.homepage-static .home-banner-section .banner-allwrap h2 {

    font-size: 60px;
    line-height: 76px;
}
#wrapper.homepage-static .home-banner-section .banner-allwrap p {
    font-size: 21px;
    line-height: 28px;
}
#wrapper.homepage-static section.drivehubs-work-section {
    margin-top: 30px;
}
#wrapper.homepage-static .title h2 {
    font-size: 48px;

}
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap .box {
    padding: 0 10px;
}
#wrapper.homepage-static section.today-Deals-section {
    margin: 80px 0 60px 0;
    padding: 42px 0 80px 0;
}
#wrapper.homepage-static .today-deals-wrap {
    margin-top: 35px;
}
#wrapper.homepage-static .old-way-wrap {
    margin: 40px auto 0;

}
#wrapper.homepage-static .old-way-wrap h3 {
    font-size: 45px;
    
}
#wrapper.homepage-static .old-way-wrap>div.left-part,
  #wrapper.homepage-static .old-way-wrap .right-part {
    padding-left: 25px;
    padding-right: 25px;
}
#wrapper.homepage-static .old-way-wrap ul li {

    font-size: 18px;
    
}
#wrapper.homepage-static .old-way-wrap>div {
    padding: 40px 0 25px 0;
}
#wrapper.homepage-static section.old-way-section {
    padding-bottom: 420px;
}
#wrapper.homepage-static section.old-way-section:before {

    width: 90%;
    height: 305px;
    bottom: 23px;
    background-size: 100% 100%;
}
#wrapper.homepage-static section.FAQ-section {
    padding: 38px 0 80px;
}
#wrapper.homepage-static .faq-wrap {
    margin-top: 43px;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box p {

    font-size: 16px;
    line-height: 25px;
}
#wrapper.homepage-static .faq-wrap .faq-left .accordion-section .accordion-section-content p {
    font-size: 16px;
    line-height: 25px;
}
#wrapper.homepage-static .faq-wrap .faq-left .accordion-section a.accordion-section-title {
   
    font-size: 19px;
    line-height: 32px;
    
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap {
    padding: 0 16px 15px;
}

}

@media (max-width: 1023px) {
#wrapper.homepage-static .home-banner-section .banner-allwrap h2 {
    font-size: 35px;
    line-height: 46px;
}
#wrapper.homepage-static .home-banner-section .banner-allwrap p {
    font-size: 18px;
    line-height: 24px;
}
#wrapper.homepage-static .banner-form form .half.fields-wrap {
    gap: 0 7px;
}
#wrapper.homepage-static .banner-form {

    margin: 24px auto 0;
    border-radius: 8px;
    padding: 20px 10px;
}
#wrapper.homepage-static form input,
  #wrapper.homepage-static form textarea,
  #wrapper.homepage-static form select {
   
    font-size: 15px;
    
}
#wrapper.homepage-static .home-banner-section  .center-description p {
    font-size: 16px;
    margin: 18px 0 14px;
}
#wrapper.homepage-static .home-banner-section .center-description p::before,
  #wrapper.homepage-static .home-banner-section .center-description p:after {
    left: 10px;
    right: auto;
}
#wrapper.homepage-static .home-banner-section .center-description p:after {
    left: auto;
    right: 10px;
}
#wrapper.homepage-static .book-button-wrapper .serach {
    gap: 0 8px;
}
#wrapper.homepage-static .book-button-wrapper .serach > button {
    font-size: 16px;
    padding: 10px 27.5px;
}
#wrapper.homepage-static .home-banner-section  .banner-form .start-now p {

    font-size: 17px;
    padding-left: 15px;
}
#wrapper.homepage-static .banner-form .start-now a {
    font-size: 16px;
}
#wrapper.homepage-static section#home .container .banner-wrap {
    padding-top: clamp(16px, 3.4vw, 36px);
}
#wrapper.homepage-static section.drivehubs-work-section {
    margin-top: 45px;
}
#wrapper.homepage-static .title h2 {
    font-size: 36px;
}
#wrapper.homepage-static section.drivehubs-work-section .row {
    border-radius: 13px;
    padding: 36px 0 37px;
}
#wrapper.homepage-static section.drivehubs-work-section > .container > .row {
    padding: 36px 0 37px;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box .img {
    height: 84px;
    width: 84px;
    padding: 17px;
}
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap {
    margin: 35px 0 35px;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box  h3 {
    font-size: 13px;
    line-height: 16px;
    padding: 12px 0 4px;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box p {
    font-size: 11px;
    line-height: 14px;
}
#wrapper.homepage-static a.btn.button {

    font-size: 16px;
    line-height: 24px;
}
#wrapper.homepage-static a.btn.button:before {

    right: 4px;
}
#wrapper.homepage-static section.today-Deals-section {
    margin: 60px 0 45px 0;
    padding: 26px 0 60px 0;
}
#wrapper.homepage-static .old-way-wrap h3 {
    font-size: 35px;
}
#wrapper.homepage-static .old-way-wrap>div.left-part,
  #wrapper.homepage-static .old-way-wrap .right-part {
    padding-left: 15px;
    padding-right: 15px;
}
#wrapper.homepage-static .old-way-wrap ul li {
    font-size: 13px;
    line-height: 42px;
}
#wrapper.homepage-static .old-way-wrap ul li::before {
    background-position: -247px -17px;
    height: 15px;
    width: 15px;
    left: 0;
    top: 0;
    background-size: 410px;
}
#wrapper.homepage-static .old-way-wrap {
    margin: 30px auto 0;
}
#wrapper.homepage-static .old-way-wrap .right-part .image {
    width: 80%;
}
#wrapper.homepage-static section.old-way-section {
    padding-bottom: 360px;
}
#wrapper.homepage-static section.FAQ-section {
    padding: 28px 0 60px;
}
#wrapper.homepage-static .faq-wrap .faq-left .accordion-section {
    border-radius: 5px;
    margin-bottom: 11px;
}
#wrapper.homepage-static .faq-wrap .faq-left .accordion-section a.accordion-section-title {
    font-size: 11px;
    line-height: 17px;
    padding: 9px 10px;
}
#wrapper.homepage-static .faq-wrap .faq-left .accordion-section a.accordion-section-title>span {
    height: 15px;
    width: 15px;
    right: 10px;
   
    font-size: 15px;

}
#wrapper.homepage-static .faq-wrap .faq-left .accordion-section .accordion-section-content p {
    font-size: 10px;
    line-height: 13px;
}
#wrapper.homepage-static .faq-wrap .faq-left .accordion-section .accordion-section-content {
    padding: 7px 23px 7px 7px;
}
#wrapper.homepage-static .faq-wrap .faq-left {
    padding-right: 35px;
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap h4 {
    
    font-size: 22px;
    line-height: 25px;
    
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap p {
    font-size: 16px;
    line-height: 24px;
    margin: 2px 0 15px;
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap a {

    font-size: 16px;
    line-height: 26px;
    
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box .img:before {
    
    height: 29px;
    width: 29px;

    font-size: 12px;
    line-height: 17px;
    right: 4px;
}

#wrapper.homepage-static .today-deals-wrap {
    margin: 0 -40px;
    margin-top: 35px;
}

#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap h4::before {
    height: 76px;
    width: 76px;
    bottom: 30px;
    background-size: 100% 100%;
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap {
    padding: 0 7px 15px;
}


}

@media (max-width:767px){

#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap h4::before {
    bottom: 39px;
}
#wrapper.homepage-static section#home {
    overflow: hidden;
    /* Sky-blue behind the mobile banner (sampled from mobile-banner.png) so any
       area not covered by the image blends with the sky. Desktop stays white. */
    background-color: #569ED6;
}
#wrapper.homepage-static section#home .home-bnner-img {
    height: auto;
}
#wrapper.homepage-static section#home img.mobile-view {
    width: 100%;
    /* Fill the first screen (viewport minus the fixed header) so the hero image
       is "above the fold" and How-It-Works starts below it. */
    height: calc(100vh - var(--site-header-height, 50px) - var(--impersonation-offset, 0px));
    height: calc(100dvh - var(--site-header-height, 50px) - var(--impersonation-offset, 0px));
    max-height: none;
    /* cover: fill the screen. The tall extended-sky image fills with minimal
       scaling, cropping only the side margins; bottom-anchored keeps both
       vehicles in frame, and the extra sky overflows off the top. */
    object-fit: cover;
    object-position: center bottom;
}
#wrapper.homepage-static .cta-banner {
    padding: 48px 16px;
}
#wrapper.homepage-static .cta-banner h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
#wrapper.homepage-static .cta-input-wrap input {
    min-height: 60px;
    height: 60px;
    font-size: 13px;
    line-height: 20px;
    padding: 20px 106px 20px 16px;
    border-radius: 14px;
}
#wrapper.homepage-static .hero-chat-actions {
    right: 9px;
    gap: 6px;
}
#wrapper.homepage-static .cta-banner .hero-chat-actions button {
    width: 38px;
    height: 38px;
    min-width: 38px;
}
#wrapper.homepage-static .cta-banner .hero-chat-actions button svg {
    width: 18px;
    height: 18px;
}
#wrapper.homepage-static {
    padding-top: 0;
}
#wrapper.homepage-static .home-banner-section .banner-allwrap h2 {
    font-size: clamp(20px, calc((100vw - 28px) / 15.4), 36px);
    line-height: 1.2;
    max-width: calc(100vw - 28px);
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    font-weight: 700;
}
#wrapper.homepage-static .home-banner-section .banner-allwrap p {
    font-size: clamp(12px, 3.35vw, 14px);
    line-height: 20px;
    margin-top: 12px;
    font-weight: 400;
}
/* Bold ONLY the subheadline (direct child of .banner-wrap), not the nested
   "Or Describe Your Ideal Car" / Start Now text also inside .banner-allwrap. */
#wrapper.homepage-static .home-banner-section .banner-wrap > p {
    font-weight: 700;
}
#wrapper.homepage-static section#home img.mobile-view {
    display: block;
}
#wrapper.homepage-static section#home .home-bnner-img img.desktop {
    display: none;
}
#wrapper.homepage-static section#home .container .banner-wrap {
	padding-top: 40px;
	margin-top: 0;
}
#wrapper.homepage-static .banner-form {
	margin: 12px auto 0;
	border-radius: 12px;
	padding: 19px 14px 14px;
}
#wrapper.homepage-static .banner-form form .half.fields-wrap {
	gap: 0 16px;
}
#wrapper.homepage-static .banner-form form .half.fields-wrap .input-wrap:first-child {
	display: none;
}
#wrapper.homepage-static form input,
  #wrapper.homepage-static form textarea,
  #wrapper.homepage-static form select {
	padding: 0 9px;
	height: 42px;
	border-radius: 6px;
	font-weight: 400;
}
/* Selects can go below 16px (no iOS zoom on selects). Leave the text input at the
   global 16px so iOS Safari doesn't zoom on focus. */
#wrapper.homepage-static form select {
	font-size: 14px !important;
}
/* Mobile: Choose Make / Choose Model text slightly larger (New/Used stays 14px).
   !important beats the anti-zoom rule above. */
#wrapper.homepage-static form select[name="make"],
#wrapper.homepage-static form select[name="model"] {
	font-size: 15px !important;
}
#wrapper.homepage-static .banner-form form .half.fields-wrap .input-wrap::before {
	right: 12px;
}
#wrapper.homepage-static .home-banner-section .center-description p::before,
  #wrapper.homepage-static .home-banner-section .center-description p::after {
	width: 22.3%;

}
#wrapper.homepage-static .home-banner-section .center-description p::before,
  #wrapper.homepage-static .home-banner-section .center-description p::after {
	left: 0px;
	right: auto;
}
#wrapper.homepage-static .home-banner-section .center-description p::after {
	left: auto;
	right: 0;
}
#wrapper.homepage-static .home-banner-section .center-description p {
	
	margin: 15px 0 8px;
}
#wrapper.homepage-static .book-button-wrapper .serach {
	gap: 0;
	display: block;
}
#wrapper.homepage-static .book-button-wrapper .serach > button {
	font-size: 14px;
	padding: 0 27.5px;
	line-height: 16px;
	height: 42px;
	margin-top: 12px;
	width: 100%;
	border-radius: 4px;
}
#wrapper.homepage-static .home-banner-section .banner-form .start-now p {
	font-size: 12px;
	padding-left: 8px;
	text-align: center;
	white-space: nowrap;
	flex: 1 1 auto;
	min-width: 0;
	/* iOS WebKit text autosizing re-inflates the JS-fitted font and pushes
	   the text under the START NOW! pill — keep it off for this line. */
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
#wrapper.homepage-static .banner-form .start-now a {
	font-size: 10px;
	/* 10px text + 10px top/bottom padding = 30px, same height as the crown circle */
	padding: 10px;
	white-space: nowrap;
	flex: 0 0 auto;
}
#wrapper.homepage-static .banner-form .start-now a.start-now-mobile {
	margin-left: 5px;
	margin-right: 4px;
}
#wrapper.homepage-static .banner-form .start-now {
	padding: 8px 4px;
	margin-top: 8px;
	border-radius: 5px;
}
#wrapper.homepage-static .banner-form .start-now .img {
	/* Hidden on mobile so the save-text gets the room and can size larger. */
	display: none;
}
#wrapper.homepage-static .banner-form .start-now p.start-now-desktop,
#wrapper.homepage-static .banner-form .start-now a.start-now-desktop {
	display: none;
}
#wrapper.homepage-static .banner-form .start-now p.start-now-mobile,
#wrapper.homepage-static .banner-form .start-now a.start-now-mobile {
	display: block;
}
#wrapper.homepage-static .title h2 {
	font-size: 28px;
}
#wrapper.homepage-static a.btn.button {
	font-size: 14px;
	line-height: 28px;
}
#wrapper.homepage-static a.btn.button::before {
	border-radius: 6px;
	right: 4px;
	background-position: -207px -52.5px;
	background-size: 418px;
	height: 32px;
	width: 32px;
}
#wrapper.homepage-static a.btn.button {
	font-size: 14px;
	line-height: 28px;
	padding: 6px 47px 6px 13px;
	border-radius: 6px;
}
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap {
	margin: 38px 0 31px;
	display: block;
}
#wrapper.homepage-static section.drivehubs-work-section > .container {
	width: 100%;
	max-width: 100%;
}
#wrapper.homepage-static section.drivehubs-work-section > .container > .row {
	padding: 36px 0 37px;
	background: transparent;
	box-shadow: none;
	border: 0;
	border-radius: 0;
}
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap .box {
    padding: 0 22px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 23px;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box  h3,
  #wrapper.homepage-static .driverhub-work .boxes-wrap .box p{
   
    text-align: left;
}
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap .box .wrap {
    padding-left: 12px;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box .img {
    height: 80px;
    width: 80px;
    padding: 17px;
    max-width: 80px;
    min-width: 80px;
}
    #wrapper.homepage-static .driverhub-work .boxes-wrap .box h3 br{
        display: none;
    }
 #wrapper.homepage-static section.drivehubs-work-section .row {
	box-shadow: unset;
	background: transparent;
	border: 0;
}
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap .box {
    border-right: 0;
    position: relative;

}
/* Vertical dotted connectors between the step circles. Sized/positioned for the
   current mobile circle (80px image at left:22px). The connector graphic is a
   fixed 22x106 asset, so it's scaled via background-size:contain to bridge the
   shorter circle-to-circle span; left-dot hugs the left edge of the circles
   (steps 1->2, 3->4) and right-dot hugs the right edge (step 2->3). */
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap .box:before {
    content: "";
    height: 84px;
    width: 17px;
    position: absolute;
    top: 52px;
    left: 13px;
    right: auto;
    bottom: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    background-image: url('../images/left-dot.webp');
}
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap .box:nth-child(2):before {
    background-image: url('../images/right-dot.webp');
    left: 97px;
}
#wrapper.homepage-static section.drivehubs-work-section .driverhub-work .boxes-wrap .box:last-child::before {
    display: none;
}
#wrapper.homepage-static .old-way-wrap h3 {
    font-size: 20px;
}
#wrapper.homepage-static .old-way-wrap {
    display: block;
}
#wrapper.homepage-static .old-way-wrap {
    margin: 24px auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    border: 0;
    flex-direction: column-reverse;
    background: transparent;
    box-shadow: unset;
}
#wrapper.homepage-static .old-way-wrap>div {
    border-radius: 12px;
}
#wrapper.homepage-static .old-way-wrap>div.left-part {
    border: 1px solid rgba(217, 217, 217, 1);
    background-color: #fff;
}
#wrapper.homepage-static .old-way-wrap>div.left-part,
  #wrapper.homepage-static .old-way-wrap .right-part {
    padding-left: 15px;
    padding-right: 10px;
}
#wrapper.homepage-static section.old-way-section {
    padding-bottom: 288px;
}
#wrapper.homepage-static section.old-way-section:before {
    width: 160%;
    height: 225px;
    bottom: 21px;
    background-size: 100% 100%;
    left: -125px;
}
#wrapper.homepage-static .faq-wrap {
    margin-top: 24px;
    display: block;
}
#wrapper.homepage-static .faq-wrap .faq-left {
    padding-right: 0;
    width: 100%;
}
#wrapper.homepage-static .faq-wrap .faq-right {
    width: 100%;
    margin-top: 18px;
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap h4 {
    font-size: 24px;
    line-height: 28px;
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap a {
    font-size: 14px;
    line-height: 28px;
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap a:before {
    background-position: -207px -52.5px;
    background-size: 418px;
    height: 32px;
    width: 32px;
}
#wrapper.homepage-static .old-way-wrap>div.left-part,
  #wrapper.homepage-static .old-way-wrap .right-part {
    width: 100%;
}
#wrapper.homepage-static section.drivehubs-work-section {
	margin-top: -20px;
}
#wrapper.homepage-static .driverhub-work .boxes-wrap .box h3 {
	padding: 2px 0 0;
	margin: 0;
	margin-bottom: 0;
	line-height: 16px;
}
#wrapper.homepage-static .today-deals-wrap {
	margin-top: 31px;
}
#wrapper.homepage-static section.today-Deals-section {
	margin: 20px 0 24px 0;
	padding: 22px 0 47px 0;
}
#wrapper.homepage-static .old-way-wrap > div {
	padding: 20px 0 2px 0;
}
#wrapper.homepage-static .old-way-wrap ul {
	margin-top: 5px;
}
#wrapper.homepage-static section.FAQ-section {
	padding: 20px 0 55px;
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap p {
	margin: 0px 10px 8px;
}
#wrapper.homepage-static .old-way-wrap {
    border-radius: 0;
}
#wrapper.homepage-static .faq-wrap .faq-right .box .content-wrap a:before {
    right: -32px;
    top: -1px;
}
    #wrapper.homepage-static .faq-wrap .faq-right .box {
    margin: 0 auto;
}
#wrapper.homepage-static .today-deals-wrap {
   margin-left: 15px;
   margin-right: 15px;
}

}


@media screen and (min-width: 480px) and (max-width:767px) {
    #wrapper.homepage-static .driverhub-work .boxes-wrap .box .img {
    margin: 0;
}
    #wrapper.homepage-static section#home img.mobile-view {
    
    width: 100%;
}
   #wrapper.homepage-static section#home img.mobile-view {
display: block;
width: 100%;
height: calc(100vh - var(--site-header-height, 50px) - var(--impersonation-offset, 0px));
height: calc(100dvh - var(--site-header-height, 50px) - var(--impersonation-offset, 0px));
max-height: none;
object-fit: cover;
object-position: center bottom;
}
    #wrapper.homepage-static section.drivehubs-work-section .row {
    padding-top: 0;
}
    #wrapper.homepage-static section#home .container .banner-wrap {
    margin-top: 0;
}
    #wrapper.homepage-static .old-way-wrap .right-part .image {
    max-width: 300px;
}
    #wrapper.homepage-static section.old-way-section:before {
    width: 100%;
    left: 0;
}
#wrapper.homepage-static .today-deals-wrap .btn-wrap {
    margin-top: 20px;
}

}

@media (max-width:480px){
#wrapper.homepage-static section.old-way-section img.desktop {
    height: 88%;
}
}

/* Breakpoint defaults sized just under the measured per-width maximum so the
   text paints at (near) full size immediately; the JS fit then grows/shrinks
   to the exact fit and caches it. With the crown icon hidden on mobile, 12px
   (the base/cap) already fits at 414px+. If the copy changes, re-check these. */
@media (max-width:413px){
#wrapper.homepage-static .home-banner-section .banner-form .start-now p {
	font-size: 10px;
}
}

@media (max-width:389px){
#wrapper.homepage-static .home-banner-section .banner-allwrap p {
    font-size: 12.25px;
    line-height: 19px;
}
#wrapper.homepage-static .home-banner-section .banner-form .start-now p {
	font-size: 9px;
	padding-left: 4px;
}
#wrapper.homepage-static .banner-form .start-now a {
	/* 8px text + 11px top/bottom padding keeps the 30px circle-matched height */
	font-size: 8px;
	padding: 11px 8px;
}
#wrapper.homepage-static .banner-form .start-now {
	padding: 8px 3px;
}
}

@media (max-width:340px){
#wrapper.homepage-static .home-banner-section .banner-allwrap p {
    font-size: 11.5px;
    line-height: 18px;
}
#wrapper.homepage-static .home-banner-section .banner-form .start-now p {
	font-size: 8px;
	padding-left: 3px;
}
#wrapper.homepage-static .banner-form .start-now {
	padding: 8px 1px;
}
}

@media (max-width:1199px){
#wrapper.homepage-static .homepage-deal-card-wrap {
    width: 280px;
    flex-basis: 280px;
}
#wrapper.homepage-static .homepage-vehicle-card {
    min-height: 448px;
}
#wrapper.homepage-static .homepage-vehicle-title {
    font-size: 17px;
}
#wrapper.homepage-static .homepage-vehicle-price {
    font-size: 21px;
}
}

@media (max-width:767px){
#wrapper.homepage-static .today-deals-wrap {
    margin-top: 31px;
}
#wrapper.homepage-static .homepage-deals-marquee {
    overflow-x: auto;
    padding: 6px 8px 36px;
    scroll-padding-left: 8px;
    scroll-padding-right: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
#wrapper.homepage-static .homepage-deals-marquee::-webkit-scrollbar {
    display: none;
}
#wrapper.homepage-static .homepage-deals-track {
    animation: none;
    gap: 10px;
}
#wrapper.homepage-static .homepage-deal-card-wrap {
    width: min(88vw, 320px);
    flex-basis: min(88vw, 320px);
    scroll-snap-align: start;
}
#wrapper.homepage-static .homepage-vehicle-card {
    min-height: 442px;
}
#wrapper.homepage-static .homepage-vehicle-content {
    padding: 14px 14px 12px;
}
#wrapper.homepage-static .homepage-vehicle-title {
    font-size: 16px;
}
#wrapper.homepage-static .homepage-vehicle-price-row {
    gap: 8px;
}
#wrapper.homepage-static .homepage-vehicle-price {
    font-size: 20px;
}
#wrapper.homepage-static .homepage-vehicle-colors {
    margin-top: 8px;
}
}

@media (min-width: 768px) {
    #wrapper.homepage-static section#home.home-banner-section {
        margin-bottom: -20px !important;
    }
    /* Desktop: selectors + input border very slightly darker than the mobile #d6d6d6. */
    #wrapper.homepage-static form input,
    #wrapper.homepage-static form textarea,
    #wrapper.homepage-static form select {
        border-color: rgba(200, 200, 200, 1);
    }
    /* Desktop: "Save an average of … on your next vehicle" not bold ($amount span stays 700). */
    #wrapper.homepage-static .home-banner-section .banner-form .start-now p {
        font-weight: 400;
    }
    /* Desktop: dropdown chevron slightly darker than the #555 selector text. */
    #wrapper.homepage-static .banner-form form .half.fields-wrap .input-wrap::before {
        border-color: #444444;
    }
    /* Desktop: SEARCH button text not bold + slightly smaller. */
    #wrapper.homepage-static .book-button-wrapper .serach > button {
        font-weight: 400;
        font-size: 16px;
    }
    /* Desktop: START NOW! text not bold. */
    #wrapper.homepage-static .banner-form .start-now a {
        font-weight: 400;
    }
    /* Desktop: selector text darker (almost black). */
    #wrapper.homepage-static form select[name="condition"],
    #wrapper.homepage-static form select[name="make"],
    #wrapper.homepage-static form select[name="model"] {
        color: #1a1a1a;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #wrapper.homepage-static section.drivehubs-work-section {
        margin-top: 70px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    #wrapper.homepage-static section.drivehubs-work-section {
        margin-top: 16px !important;
    }
}

@media (min-width: 1600px) {
    #wrapper.homepage-static section.drivehubs-work-section {
        margin-top: -64px !important;
    }
}