/*SAVE AND TRACK*/
.saveandtrack { width: 100%; background: #F6F6F6; border-radius: 5px; padding: 12px; display: flex; font-size: 18px; column-gap: 10px; margin-bottom: 20px; }
.saveandtrack .tickbox { width: 27px; height: 27px; border: 2px solid #33363E; border-radius: 2px; background: #fff; position: relative; cursor: pointer; text-align: left; }
.saveandtrack .tickbox.checked { border-color: #D85D38; }
.saveandtrack .tickbox.checked:after { content: ""; width: 100%; height: 100%; box-sizing: border-box; background: #D85D38; position: absolute; border: 3px solid #fff; border-radius: 2px; }
.saveandtrack input { display: none; }
.saveandtrack .tickbox-checked-message { display: none; font-style: italic; }
.saveandtrack img { height: 20px; }

/* SEARCH FORM */
.used-cars-searchform-wrap { background: #33363E;}
.used-cars-searchform-wrap.isModule .notModule { display: none !important; }
.used-cars-searchform { display: flex; gap: 10px; box-sizing: content-box; padding: 30px 0; flex-wrap: wrap; }
.uc-searchform-left { display: flex; flex-wrap: wrap; width: 75%; }
.uc-searchform-separator { width: 1px; height: 140px; background: #ffffff4d; margin: 0 auto; align-self: center; }
.uc-searchform-right { display: flex; align-items: center; gap: 10px; padding-left: 10px; border-left: 1px solid rgba(255, 255, 255, 0.30);}
.used-cars-searchform .search-title { display: flex; flex-direction: column; gap:2px; width: 100%; margin-bottom: 10px; position: relative; }
.used-cars-searchform .search-title>span { font-size: 32px; color: #fff; font-weight: bold; line-height: 38px; position: relative; }
.used-cars-searchform .search-title>p{color: #fff; font-size: 1rem; margin: 0;}
.used-cars-searchform .search-subtitle { font-size: 16px; color: #fff; line-height: 19px; }
.used-cars-searchform .search-standard { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.used-cars-searchform .custom-select-box { width: 32%; background: #fff; border-radius: 5px; position: relative; height: 60px; padding: 0 15px; box-sizing: border-box; }
.used-cars-searchform .custom-select-box select { width: 100%; height: 100%; background: none; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 16px; color: #33363E; font-weight: bold;}
.used-cars-searchform .custom-select-box select option { color: #231F20; background: #fff; }
.custom-select-box::after { content: ""; background: url(../images/menu-down.svg) center center no-repeat; width: 10px; height: 6px; position: absolute; right: 10px; top: calc(50% - 3.5px); z-index: 1; }

/**Filter Section**/
.used-cars-filters { }
.filter-group { background: #fff; border-right: 1px solid #E9E5E5; border-bottom: 1px solid #E9E5E5; padding: 10px 10px 10px calc((100vw - 1610px)/2); margin-left: calc((100vw - 1610px)/-2); }

.filter-group:nth-last-of-type(4){border-radius:  0 0 5px 0;}

.filter-group.open{background: #FFF9F8; border:solid #CF5029; border-width: 1px 1px 1px 0; }
.filters-bottom{margin: 15px 0 0 0;}
.filters-heading { font-weight: bold; font-size: 16px; color: #7F7F80; display: flex; align-items: center; column-gap: 4px; }
.used-cars-clear-filters { margin-left: auto; color: #D85D38 !important; font-weight: normal; font-size: 14px; text-decoration: underline; }
.filter-group-heading { font-weight: bold; font-size: 15px; color: #33363E; display: flex; align-items: center; cursor: pointer; }
.applied-filters-list:not(:empty) { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; padding: 10px 0; }
.applied-filter { background: #FFEBE5; border-radius: 20px; padding: 0 10px; color: #33363E !important; font-size: 12px; text-decoration: none !important; display: flex; align-items: center; column-gap: 5px; min-height: 32px; line-height: 15px; }
.filter-group-heading img { margin-left: auto; transform: scale(1, 1); transition: transform 0.3s ease-in-out; }
.filter-group-heading.open img { transform: scale(1, -1); }
.filter-group-items { display: none; column-gap: 10px; }
.filter-group-items>div { flex: 1 auto; }
.filter-title { font-size: 12px; line-height: 22px; }
.filter-title~.filter-title { margin-top: 10px; }
.filter-dropdown { background: #fff; border-radius: 5px; position: relative; height: 38px; box-sizing: border-box; }
.filter-dropdown::after { content: ""; background: url(../images/menu-down.svg) center center no-repeat; width: 10px; height: 6px; position: absolute; right: 10px; top: calc(50% - 3.5px); z-index: 1; }
.filter-dropdown select { width: 100%; height: 100%; background: none; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 16px; color: #33363E; border-radius: inherit; padding: 0 10px;}
.filter-dropdown select:focus { outline: #D85D38 solid 1px; }
.filter-multioption { display: flex; flex-direction: column; column-gap: 10px; font-size: 12px; color: #33363E; }
.filter-multioption>div { cursor: pointer; padding-right: 20px; display: flex; flex-wrap: wrap; column-gap: 3px; padding: 6px 0; line-height: 15px; }
.filter-multioption>div.selected { color: #D85D38; }
.filter-multioption>div.selected:after { content: url(../images/check.svg); }
.filter-multioption>div input { display: none; }

.car-matchlink.car-matchlink-filter { width: 100%; border: 1px solid #E5E4E4; margin-top: 15px; padding: 10px; 
    border-radius: 10px; background: #fff; display: flex; align-items: center; gap: 5px; }
.car-matchlink.car-matchlink-filter:hover{border-color: #EF398E;}
.car-matchlink.car-matchlink-filter::before{content: ""; height: 25px; width: 32px; background: url(../images/perfect-match.svg) center no-repeat; flex-shrink: 0;}
.car-matchlink.car-matchlink-filter > div{display: flex; flex-direction: column; position: relative;}
.car-matchlink.car-matchlink-filter > div::after{content: ""; height: 6px; width: 6px; border: solid #EF398E; position: absolute; right: 0; top: calc(50% - 3px); border-width: 1px 1px 0 0; transform: rotate(45deg);}
.car-matchlink.car-matchlink-filter > div span{color: #33363E; font-weight: bold; font-size: 1rem;}
.car-matchlink.car-matchlink-filter > div p{margin: 0; font-size: 0.75rem; line-height: 1;}

.rangeslider { width: 35%; font-size: 14px; text-transform: uppercase; margin: 0 10px; }
.rangeslider>span { height: 20px; line-height: 20px; font-size: 16px; color: #fff; display: block; text-transform: capitalize; }
.used-car-searchform-submit { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; width: 33%; box-sizing: border-box; line-height: 56px; font-size: 22px; font-weight: bold; color: #fff !important; background: #CF5029; border: 2px solid #fff; text-align: center; 
    border-radius: 50px; transition: 0.3s ease-in all; text-decoration: none !important; }
.used-car-searchform-submit span { font-weight: normal; font-size: 16px; }
.used-car-searchform-submit:hover { background: #D23202;}
.used-car-searchform-submit:after { content: ""; display: block; height: 10px; width: 6px; position: absolute; right: 10px; top: calc(50% - 3.5px); background: url(../images/arrow-right-white.svg) center center no-repeat; }

.uc-searchform-popular-searches { color: #fff; font-size: 16px; display: flex; flex-direction: column; gap:10px;}
.uc-searchform-popular-searches span{color: #fff; font-size: 1rem;}
.uc-searchform-popular-searches > div{display: flex; align-items: flex-start; flex-wrap: wrap; gap:10px;}
.uc-searchform-popular-searches a { color: #fff !important; border: 1px solid #fff; border-radius: 50px; font-weight: bold; 
    text-decoration: none !important; padding: 5px 10px; transition: ease-in-out all .3s;}
.uc-searchform-popular-searches a:hover{border-color: #CF5029;}


.car-matchlink { border: 1px solid rgba(255, 255, 255, 0.78); padding: 15px 15px 15px 25px; position: relative; color: #fff; display: flex; align-items: center; column-gap: 20px; width: 350px; border-radius: 5px; cursor: pointer; flex-shrink: 0; }
.car-matchlink:not(:hover)>div>img:nth-child(2), .car-matchlink:hover>div>img:first-child { display: none; }
.car-matchlink>span { position: absolute; display: block; top: -20px; left: 10px; font-weight: bold; font-size: 22px; background: #33363E; padding: 0 10px; }
.car-matchlink>div { display: flex; column-gap: 10px; font-size: 16px; flex: 1 auto; }
.car-matchlink>div>img { flex-grow: 0; flex-shrink: 0; }
.car-matchlink>div>div>div { color: #EF398E; font-weight: bold; font-size: 24px; line-height: 30px; }
.car-matchlink>div>img:last-child { margin-left: auto; transform: translateX(0px); transition: transform ease-in-out 0.3s; }
.car-matchlink:hover>div>img:last-child { transform: translateX(4px); }

/* SEARCH PAGE */
.used-car-popular-searches { width: 100%; display: flex; align-items: center; column-gap: 10px; margin-bottom: 10px; }
.used-car-popular-searches a { display: block; line-height: 40px; box-sizing: border-box; border: 1px solid #DDDFE2; padding: 0 15px; font-size: 14px; color: #33363E !important; text-decoration: none !important; border-radius: 20px; }
.used-car-search { padding-top: 15px; display: block; }
.used-car-search-info { display: flex; }
.used-car-search-left { flex: 1; justify-content: flex-start; margin-right: auto; line-height: 40px; display:flex; align-items:center; gap:10px; }
.used-car-search-mid { flex: 1; justify-content: center; }
.used-car-search-right { flex: 1; justify-content: flex-end; display: flex; column-gap: 5px; }
.search-count { font-size: 20px; color: #33363E; font-weight: bold; padding: 0; margin-bottom: 0; }
.used-car-saver-toggle, .search-order { background: #fff; border-radius: 20px; display: flex; align-items: center; height: 40px; padding: 0 18px; font-size: 16px; color: #33363E; font-weight: bold; column-gap: 5px; flex-shrink: 0; cursor: pointer; position: relative; border:1px solid #E9E5E5; }
.used-car-saver-toggle span { font-weight: normal; text-transform: capitalize; }
.used-car-saver-toggle.active[data-toggle=fuelsaver] span { color: #7CAF22; }
.used-car-saver-toggle.active[data-toggle=budgetsaver] span { color: #11a0da; }

.used-cooming-soon{background: #fff; border-radius: 20px; display: flex; align-items: center; gap:5px; border: 1px solid #E5E4E4; padding: 10px 15px;}
.used-cooming-soon input[type=checkbox]{accent-color: #CF5029; border-radius:4px; border:1px solid #CF5029 !important; }
.used-cooming-soon label{margin: 0; line-height: 20px;}

.search-order.open { border-bottom-right-radius: 0; }
.search-order>span>img { transform: scale(1, 1); transition: transform ease-in-out 0.3s; }
.search-order.open>span>img { transform: scale(1, -1); }
.sys_sortby { display: none; background: #F6F6F6; padding: 10px; position: absolute; top: 100%; right: 0; z-index: 10; font-size: 14px; white-space: nowrap; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16); }
.sys_sortby a { color: #0087FF; text-decoration: none !important; display: block; line-height: 32px; font-size: 14px; }
.used-car-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; width: 100%; overflow: hidden; }
.used-car-loader.loading { display: flex; justify-content: center; margin: 20px 0; width: 100%; }
.used-car-loader.loading:after { display: block; content: ""; width: 50px; height: 50px; border: 5px solid #cf5029; border-top: 5px solid #fff; border-radius: 50%; animation: rotation 1.5s infinite linear; }
@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}
.used-car-pager { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; margin: 20px 0; position: relative; border: 1px solid #F2EEEE; }
.used-car-pager>a { color: #231F20; font-size: 18px; line-height: 60px; margin: 0 8px; position: relative; }
.used-car-pager>a:not(.pager-next, .pager-prev)::before { content: "|"; font-size: 18px; color: #E1E1E2; position: absolute; left: -10px; top: 0; }
.used-car-pager>a:nth-child(1)::before { content: none; }
.used-car-pager>a.active { color: #C62C2E; }
.used-car-pager>a.pager-next, .used-car-pager>a.pager-prev { display: block; position: absolute; top: 0; margin: 0; width: 50px; height: 100%; text-align: center; font-size: 14px; color: #231F20; font-weight: bold; background: #C62C2E url(../images/chevron-right-white.svg) no-repeat center; box-sizing: border-box; border: 1px solid #C62C2E; }
.used-car-pager>a.pager-prev { left: 0; border-width: 0 1px 0 0; background-image: url(../images/chevron-left-white.svg); }
.used-car-pager>a.pager-next { right: 0; border-width: 0 0 0 1px; }
.backtoTop { display: flex; justify-content: center; align-items: center; }
.backtoTop a { display: block; height: 40px; box-sizing: border-box; padding: 12px 20px 10px 20px; line-height: 24px; margin: 20px auto; font-size: 14px; color: #33363E !important; text-decoration: none !important; border-radius: 20px; background: url(../images/arrow-up-grey.svg) center 10px no-repeat #F3F3F3; }

/*New Cars section*/
.new-cars-section{width: 100%; display: flex; justify-content: center; background: linear-gradient(182deg, #33363E 6.45%, #575B67 98.47%); border-radius: 10px; 
    padding:40px 0; }
.new-cars-inner{display: flex; flex-direction: column; gap:20px; width: 1100px; position: relative;}
.new-cars-inner > span{width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold;
    font-size: 1.5rem;}
.new-cars-section-slider{width: 100%;}

.new-cars-section .new-car-block {width: 100%;}
.nc-gal-next, .nc-gal-prev{height: 60px; width: 40px; position: absolute; top:50%;}
.nc-gal-prev{left: -50px;}
.nc-gal-prev::before{content: ""; height: 16px; width: 16px; transform: rotate(45deg); border: solid #fff; border-width:  0 0 4px 4px; position: absolute;
    left: 15px; top:  23px;}
.nc-gal-next{right: -50px;}
.nc-gal-next::before{content: ""; height: 16px; width: 16px; transform: rotate(45deg); border: solid #fff; border-width: 4px 4px 0 0; position: absolute;
    right: 15px; top:  23px;}

.nc-gal-next.swiper-button-disabled, .nc-gal-prev.swiper-button-disabled{opacity: .7;}
.nc-gal-next.swiper-button-lock, .nc-gal-prev.swiper-button-lock{display: none;}

@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Used Car Block */
.used-car { width: 270px; position: relative; border: 1px solid #EBE9E9; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); 
    border-radius:5px; display:flex; flex-direction:column; }
.used-car.popInStart { transform: scale(0, 0); }
.used-car.popIn { animation: popIn 0.4s 1 linear; }
@keyframes popIn {
    0% { transform: scale(0, 0); }
    100% { transform: scale(1, 1); }
}
.used-car.dashboard-reserved, .used-car.finance-pending, .used-car.you-may-like { margin-top: 35px; }
.used-car.you-may-like .cb-tag { background: #EF398E; }
.cb-remove { position: absolute; top: 0; right: 0; background: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 1; }
.cb-tag { background: #33363E 0% 0% no-repeat padding-box; border-radius: 10px 10px 0px 0px; display: inline-block; padding: 0 20px; line-height: 35px; color: #fff; font-weight: bold; font-size: 14px; position: absolute; top: -35px; left: 0; }
.cb_saver_blocks { position: absolute; top: 0; left: 0; display: flex; box-shadow: 0px 0px 6px #0000004A; }
.cb_fuelsaver, .cb_budgetsaver { padding: 10px; background: #7CAF22 0% 0% no-repeat padding-box; border-radius: 0px 3px 3px 0px; color: #fff; font-size: 10px; max-width: 120px; z-index: 2; }
.cb_budgetsaver { background: #11a0da 0% 0% no-repeat padding-box; }
.cb_fuelsaver+.cb_budgetsaver { margin-left: -3px; z-index: 1; }
.cb_fuelsaver b, .cb_budgetsaver b { font-size: 12px; }
.cb-image { display: flex; justify-content: center; align-items: center; width: 100%; height: 154px; position: relative; overflow: hidden; }

.cb-dealer-overlay{position: absolute; left: 0; top: 0; right: 0; display: flex; align-items: center; gap:10px; background: #33363E; padding: 10px;
    border-bottom: 2px solid #D85D38; border-radius: 5px 5px 0 0; z-index: 1;}
.cb-dealer-overlay a.cb-dealer-overlay-link, .cb-dealer-overlay > span{color: #fff; font-weight: bold; font-size: 10px; justify-content: flex-start !important; text-transform: uppercase;
    gap:5px; display: flex;}
.cb-dealer-overlay a.cb-dealer-overlay-link::before, .cb-dealer-overlay > span::before{content: ""; height: 12px; width: 8px; background: url(../images/pin-orange.svg) center no-repeat;
    background-size: contain;}

.cb-image a:not(.favourites) { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden;}
.cb-image a img { max-width: 100%; max-height: 100%; width: auto; height: auto; transition: ease-in-out all .3s;}

.cb-image a.favourites { display: block; width: 32px; height: 32px; background: url(../images/unlike.svg) no-repeat center; position: absolute; top: 5px; right: 5px; z-index: 1; opacity: 0; transition: 0.2s ease-in all; }
.cb-image a.favourites.exists { background-image: url(../images/liked.svg); opacity:1; }

.used-car:hover .cb-image a.favourites{opacity: 1;}
.used-car:hover .cb-image a.favourites:not(.exists) { animation: pulse 1.2s infinite ease-in-out;}
.used-car:hover .cb-image a img{transform: scale(1.01);} 

:is(.used-car.finance-pending, .used-car.dashboard-reserved) .cb-image a.favourites { display: none; }
.used-car.you-may-like .cb-image a.favourites { top: 45px; }
.cb-details { display: flex; flex-direction: column; flex-grow:1; }
.cb-info { display: flex; flex-direction: column; align-items: center; padding: 10px; }
.cb-info a { font-size: 18px; line-height: 20px; color: #33363E !important; text-align: center; height: 20px; overflow: hidden; text-decoration: none !important;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.cb-info a strong{font-weight: bold;}
.cb-info span { font-size: 15px; font-weight:normal; }

.cb-spec{display: flex; flex-wrap: wrap; justify-content: center;}
.cb-spec > div{border-right: 1px solid #6B7080; color: #6B7080;  padding: 0 10px;}
.cb-spec > div:last-child{border: 0;}

.cb-price { width: 100%; display: flex; align-items: center; justify-content: center; padding: 10px 10px 20px 10px; }
.cb-price > div{flex: 1 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.cb-finance {border-left: 1px solid #E5E4E4; color: #D85D38; font-weight: bold; font-size: 12px;}
.cb-finance>a {color: #D85D38 !important; font-weight: bold; font-size: 20px;}
.cb-ourprice { color: #33363E; font-size: 12px;  font-weight: bold;}
.cb-ourprice>b { font-size: 20px; }

.cb-icons { display: flex; align-items: center; width: 100%; height: 60px; box-sizing: border-box; }
.cb-icons>div { width: 0; height: 60px; flex: 1; padding-top: 35px; font-size: 11px; color: #000; line-height: 24px; text-align: center; box-sizing: border-box; }
.cb-icons>.fuel { background: #F6F6F6 url(../images/engine.svg) no-repeat center 10px; }
.cb-icons>.mileage { background: #F3F3F3 url(../images/mileage.svg) no-repeat center 10px; border: 1px solid #E6E2E2; border-width: 0 1px; }
.cb-icons>.transmission { background: #F6F6F6 url(../images/transmission.svg) no-repeat center 10px; }

.cb-button-row { display: flex; padding: 0 5px 5px 5px; column-gap: 5px; margin-top: auto;}
.cb-button-row a { display: block; text-align: center; font-size: 16px; text-decoration: none !important; line-height: 50px; text-transform: uppercase; width: 100%;  font-weight: bold; color: #33363E; transition: ease-in-out all .3s; background: #F5F5F5; }
.used-car:hover .cb-button-row a.view{color: #fff; background: #D85D38;}

.cb-button-row a.reserve { color: #fff !important; border: 1px solid #cf5029; background: #D85D38; position: relative; background: linear-gradient(90deg, #D85D38 50%, #cf5029 0); background-size: 200%; transition: 0.3s ease-in all; }
.cb-button-row a.complete { width: 100%; }
.cb-button-row a.reserve:not(.faded):hover { background-position: -100%; }
.cb-button-row a.reserve.faded { opacity: 0.5; }
.reserved_sticker { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, .6); height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; text-transform: uppercase; pointer-events: none; }
.resevered_by_user { color: #33363E; font-weight: normal; font-size: 14px; background: rgba(255, 255, 255, 0.8); text-transform: none; }

/* Used Car Module */
.used-car-module { padding: 20px 0; background: #F9F9F9; }
.used-car-module .car-slider-wrapper { width: 100%; margin: 0 auto; position: relative; }
.used-car-module .car-slider { display: flex; align-items: flex-start; }
.used-car-module .car-slider-wrapper.ucl-list .car-slider { display: flex; flex-wrap: wrap; gap: 20px; }
.used-car-module .used-car { margin: 0 3.75px }
.ucl-title { width: 100%; text-align: center; padding: 20px 0; margin-bottom: 10px; }
.ucl-title span { font-size: 30px; line-height: 34px; color: #231F20; font-weight: bold; position: relative; }
.ucl-title span::after { content: ""; display: block; width: 40px; height: 3px; background: #D85D38; position: absolute; bottom: -3px; left: calc(50% - 15px); }

/* .ucl-gal-prev, */

/* .ucl-gal-next { width: 20px; height: 20px; border: 3px solid #C62C2E; border-width: 3px 3px 0 0; transform: rotate(45deg); display: block; position: absolute; top: calc(50% - 10px); right: -20px; } */

/* .ucl-gal-prev { transform: rotate(-135deg); right: initial; left: -20px; } */
.ucl-gal-pagination { height: 40px; padding: 10px 0; text-align: center; }
.ucl-gal-pagination a { display: inline-block; width: 17px; height: 17px; margin: 0 5px; border-radius: 50%; border: 1px solid #231F20; background: #fff; vertical-align: middle; }
.ucl-gal-pagination a.selected { background: #C62C2E; border-color: #fff; }
.ucl-gal-prev, .ucl-gal-next { position: absolute; left: -25px; top: calc(50% - 28px); height: 56px; width: 20px; display: flex; align-items: center; justify-content: center; z-index: 1000; cursor: pointer; }
.ucl-gal-next { left: initial; right: -25px; }
.ucl-gal-prev::after, .ucl-gal-next::after { content: ''; display: block; width: 15px; height: 15px; border: solid #33363E; border-width: 2px 2px 0 0; transform: rotate(45deg); position: absolute; top: calc(50% - 8px); right: calc(50% - 5px); }
.ucl-gal-prev::after { transform: rotate(-135deg); left: calc(50% - 5px); right: initial; }
.car-slider-wrapper.ucl-list .ucl-gal-prev, .car-slider-wrapper.ucl-list .ucl-gal-next { display: none; }
.used-car-module .ucl-list .used-car { width: calc((100% - 60px) / 4); margin: 0; }

/* DETAILS PAGE */
.used-car-top-wrap{display: flex; justify-content: space-between;}
.used-car-breadcrumbs { padding: 20px 0; display: flex; align-items: center; line-height: 14px; box-sizing: border-box; }
.used-car-breadcrumbs a { font-size: 12px; color: #484B54 !important; text-decoration: none !important; }
.used-car-breadcrumbs a:not(:first-child) { margin-left: 5px; padding-left: 5px; border-left: 1px solid #484B54; }
.used-car-top-wrap a.favourites {display: inline-flex; align-items: center; gap:5px;}
.used-car-top-wrap a.favourites::before{content: ""; height: 27px; width: 27px; background: url(../images/unlike.svg) no-repeat left center;
    background-size: contain;}
.used-car-top-wrap a.favourites::after{content: "Like"; color: #B70256;}
.used-car-top-wrap a.favourites.exists::after { content:"Liked!";}

.used-car-images { height: 450px; width: 100%; position: relative; opacity: 0; padding-bottom: 20px; transition: all 0.3s ease-in-out; }
.used-car-images .gallery { width: 100%; display: flex; align-items: flex-start; position: relative; z-index: 2; }
.used-car-images .gallery a { width: 100%; height: 450px; display: flex; align-items: center; justify-content: center; }
.used-car-images .gallery img { max-width: 100%; max-height: 100%; height: auto; width: auto; }
.used-car-images .used-car-image { display: flex; align-items: center; justify-content: center; }
.used-car-images .carVideo { height: 100%; width: 100%; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; display: none; }
.used-car-images .carSpin { height: 100%; width: 100%; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; display: none; }
.used-car-images iframe { width: 100%; height: 100%; }
.used-car-images-prev, .used-car-images-next { position: absolute; left: -50px; top: calc(50%); height: 67px; width: 41px; display: flex; align-items: center; justify-content: center; z-index: 3; background: #fff; cursor: pointer; transform: translateY(-50%); }
.used-car-images-next { left: initial; right: -50px; }
.used-car-images-prev::after, .used-car-images-next::after { content: ''; display: block; width: 15px; height: 15px; border: solid #000000; border-width: 3px 3px 0 0; transform: rotate(45deg); margin-right: 5px; }
.used-car-images-prev::after { transform: rotate(-135deg); margin-left: 5px; margin-right: 0; }
.used-car-images-pagination { width: 100%; height: 50px; background: #FBF8F8; border: 1px solid #EEEAEA; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0px; left: 0; z-index: 100; }
.used-car-images-pagination a { height: 18px; width: 18px; background: #fff; border: 1px solid #848484; border-radius: 50%; margin: 0 3px }
.used-car-images-pagination a.selected { background: #C62C2E; border: 1px solid #C62C2E; }

.used-car-images .cb-dealer-overlay{border: 0;}
.cb-dealer-overlay > span{font-size: 14px; align-items: center;}



.media-bar { display: flex; align-items: center; gap:15px; position: absolute; z-index: 10001; bottom: 0; right: 0; justify-content: center; background: rgba(0, 0, 0, 0.5); padding:20px; }
.media-bar a { font-size:15px; color: #33363E; display: flex; border-radius: 21px; padding: 10px 20px; gap:5px; align-items: center; background: #fff;}

/*Media Pop up*/
.used-car-media-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; z-index: 10002; background: #fff; padding: 10px; 
    box-sizing: border-box; display: flex; align-items: flex-start; justify-content: center; opacity: 0; transform: scale(0, 0); transition: all 0.3s ease-in-out; }
.used-car-media-popup.show { transform: scale(1, 1); opacity: 1; }

.used-car-media-popup .media-bar{position: relative; left: initial; bottom: initial; transform: none; justify-content: flex-start; 
    background: none; border-radius: none; padding:0;}
.used-car-media-popup .media-bar a{ padding:10px 15px; }
.used-car-media-popup .media-bar a.active {color: #D85D38 !important; text-decoration:underline; }

.used-car-media-popup-container {width:80vw; position:relative; }
.used-car-media-popup-header { display: flex; align-items: center; margin-bottom: 10px; position:sticky; top: 0; }
.media-popup-close { margin-left: auto; }
.used-car-popup-images{width: 60%;}
.used-car-popup-images .gallery{display: flex; flex-direction: column; gap: 15px;}
.used-car-popup-images iframe{width: 100%; aspect-ratio: 5/3;}

.used-car-details { display: flex; flex-direction: column; }
.used-car-details-info { padding: 10px calc((100vw - 1610px + 220px)/2) 20px 20px; margin-right: calc((100vw - 1610px)/-2); 
    background:#fff; border-radius: 10px 0 0 10px}
.used-car-details-info-inner{display: flex; flex-direction: column; gap:15px; width: 500px;}
.used-car-header{display: flex; flex-direction: column; gap:5px;}
.used-car-title h1 { font-size: 30px; font-weight: bold; color: #33363E; padding: 0; margin-bottom: 0; 
    line-height: 40px; display: flex; flex-wrap: wrap; column-gap: 10px; }

.used-car-price span { font-size: 26px; line-height: 32px; color: #231F20; }
.used-car-pricing { display: flex; align-items: flex-end; column-gap: 20px; line-height: 30px; font-size: 14px; color: #33363E; position:relative; }
.used-car-pricing > div > span { font-size: 32px; font-weight: bold; }
.used-car-finance-price { color: #D85D38; }

.used-car-spec{display: flex; align-items: center; gap:20px; flex-wrap: wrap;}
.used-car-spec > div{padding: 10px; background: #FFF7F4; flex-shrink: 0;  display: flex; flex-wrap: wrap;}
.used-car-spec > div > div{border-right: 1px solid #33363E; font-size: 14px; line-height: 16px; color: #33363E; padding-right: 10px; margin-right: 10px;}
.used-car-spec > div > div:last-child{border: 0; padding: 0; margin-bottom: 0;}



/*Used Car Details Finance*/
.adjust-finance-container .adjust-finance span{font-size: 14px; text-decoration: underline; font-weight: 400;}
.adjust-finance.open span:first-child, .adjust-finance:not(.open) span:nth-child(2) { display: none; }
.adjust-finance.open {position: relative; }

.used-car-finance { position: absolute; top: calc(100% + 15px); left: 0; width: 610px; max-width: 100vw; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
 padding: 10px; box-sizing: border-box; border-radius: 5px; z-index: 100; display: none; }
.used-car-finance>div:first-child { color: #131313; font-weight: bold; font-size: 20px; line-height: 42px; margin-bottom: 10px; 
    display: flex; justify-content: space-between; align-items: center;}
.used-car-finance-range { background: #fff; border: 1px solid #EBEDEE; padding: 15px 10px; margin-bottom: 10px; border-radius: 5px; }
.used-car-finance-range input[type=range] { width: 100%; height: 4px; -webkit-appearance: none; background: #E6E6E6; outline: none; border-radius: 1.5px; box-shadow: none; }
.used-car-finance-range input[type=range]::-moz-range-track, .used-car-finance-range input[type=range]::-ms-fill-lower { background: #D85D38; }
.used-car-finance-range input[type=range]::-webkit-slider-thumb, .used-car-finance-range input[type=range]::-moz-range-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #fff; cursor: pointer; border: 2px solid #D85D38; }
.used-car-finance-range>div:first-child { margin-bottom: 10px; line-height: 24px; }
.used-car-finance-range>div:first-child>span:first-child { font-size: 16px; color: #000000; }
.used-car-finance-range>div:first-child>span:nth-child(2) { font-size: 20px; color: #D85D38; font-weight: bold; }
.used-car-finance-term-buttons { display: flex; align-items: center; column-gap: 10px; }
.used-car-finance-term-buttons a { display: block; border: 1px solid #33363E; background: #fff; color: #33363E !important; line-height: 34px; padding: 0 15px; border-radius: 17px; text-align: center; text-decoration: none !important; }
.used-car-finance-term-buttons a:hover, .used-car-finance-term-buttons a.active { border-color: #D85D38; color: #D85D38 !important; }
.purchase-form-box .used-car-finance-term-buttons a:hover, .used-car-finance-term-buttons a.active { border-color: #D85D38; background: #D85D38; color: #fff !important; }
.used-car-finance-term { color: #D85D38; font-size: 18px; font-weight: bold; padding-right: 10px; }
.used-car-finance-breakdown { font-size: 12px; }
.used-car-finance-term span { font-size: 42px; }
.used-car-finance-preferences { display: flex; align-items: center; margin: 15px 0; font-size: 16px; column-gap: 10px; }
.used-car-finance .used-car-details-action { text-transform: uppercase; display: inline-flex; vertical-align: middle; }
.used-car-details-action.close-finance { color: #fff !important; border-color: #7E848B; background: #7E848B; margin-left: 10px; width: 140px; }
.used-car-details-action.close-finance img { width: 21px; }
.used-car-finance-tandc { text-align: center; font-size: 12px; line-height: 16px; }

.finance-stepper{display: flex; align-items: center; gap:10px;}
.finance-minus{background: none; height: 30px; cursor: pointer; width: 30px; border:0; outline:0; background:url(../images/finance-minus.svg) center no-repeat; }
.finance-plus{background: none; height: 30px; width: 30px; cursor: pointer; border:0; outline:0; background:url(../images/finance-plus.svg) center no-repeat;}
.finance-value{font-size: 22px; color: #D85D38; font-weight: bold; min-width: 75px; text-align: center;}


.used-car-fuelsave { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #F2EEEE; border-radius: 5px; padding: 0 10px; margin-bottom: 25px; }
.used-car-fuelsave-title { color: #7CAF22; line-height: 40px; }
.used-car-reserved-text { font-size: 15px; line-height: 24px; font-weight: bold; text-align: center; margin-bottom: 15px; }

.used-car-details-action { display: flex; align-items: center; justify-content: center; column-gap: 5px; border: 1px solid #cf5029; background: #D23202; 
    color: #fff !important; font-weight: bold; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center; margin-bottom: 10px; text-transform: uppercase; text-decoration: none !important; opacity: 1; transition: ease-in-out 0.3s all; border-radius: 50px;}
.used-car-details-action.enquire::before{content: ""; height: 16px; width: 0; transition: ease-in-out all .3s; background: url(../images/enquire-icon.svg) center no-repeat; opacity: 0;}
.used-car-details-action.enquire:hover{background: #D23000;}
.used-car-details-action.enquire:hover::before{width: 16px; opacity: 1;}
.used-car-details-action.faded { cursor: initial; opacity: 0.5; }
.used-car-details-action.reserve{background: #fff; color: #D23000 !important;}
.used-car-details-action.reserve:hover{background: #D23202; color: #fff !important; }
.used-car-ctas .used-car-details-action.finance { background: #33363E; border-color: #33363E; color: #fff !important; }
.used-car-details-action.finance{padding: 0 10px;}
.used-car-details-action.tradein { background: #F6F6F6; border-color: #F6F6F6; color: #33363E !important; text-transform: none; 
    width: 100%; line-height: 54px; }

/*Used Car Location*/
.used-car-location {margin-top:15px; display:flex; align-items:center; gap:10px;}
.used-car-location > a > img{max-height: 76px; max-width: 112px; border-radius: 5px;}
.used-car-location-title{display: flex; flex-direction: column; gap:5px;}
.used-car-location-title span{font-size: 12px;}
.used-car-location-title > a{color: #33363E; font-weight: bold; display: flex; align-items: center; gap:3px; font-size: 16px;}
.used-car-location-title > a::before{content: ""; height: 12px; width: 8px; background: url(../images/pin-orange.svg) center no-repeat; 
    background-size: contain;}
.used-car-location-title > div{display: flex; align-items: center; gap:10px;}
.used-car-location-title > div > span{border: 1px solid #D85D38; border-radius: 5px; padding: 5px 10px; color: #33363E; background: #fff;
    display: flex; align-items: center; gap:5px; font-size: 12px;}
.used-car-location-title > div > span::before{content: ""; height: 12px; width:12px; background:url(../images/phone-grey.svg) center no-repeat; }
.used-car-location-title > div > a{color: #D23202; text-decoration: underline; font-size: 12px;}


.used-car-overview-container{margin-top: 20px;}
.used-car-overview-container .col-4{padding-right: 0;}
.used-car-overview{padding: 20px 15px; background: #33363E; display:flex; flex-direction:column; align-items: flex-start; justify-content: flex-start; gap: 10px; border-radius: 10px;}
.used-car-overview > span{color: #fff; font-weight: bold; font-size: 20px;}
.used-car-overview-items{display: flex; flex-wrap: wrap; gap:10px;}
.used-car-overview-item{background: #fff; border-radius: 10px; padding: 15px 10px; flex-grow: 1; align-items: center; flex-basis: 32%; display: flex; gap:7px;}
.used-car-overview-item > div{display: flex; flex-direction: column;}

.used-car-overview-item::before{content: ""; flex-shrink: 0; background-size: contain; background-position: center; background-repeat: no-repeat;}
.used-car-overview-item.uc-transmission::before{height: 30px; width: 30px; background-image: url(../images/uc-gear.svg); }
.used-car-overview-item.uc-year::before{height: 30px; width: 30px; background-image: url(../images/uc-calendar.svg); }
.used-car-overview-item.uc-engine::before{height: 30px; width: 30px; background-image: url(../images/uc-engine.svg); }
.used-car-overview-item.uc-odometer::before{height: 30px; width: 30px; background-image: url(../images/uc-odometer.svg); }
.used-car-overview-item.uc-seats::before{height: 40px; width: 22px; background-image: url(../images/uc-seats.svg); }
.used-car-overview-item.uc-tax::before{height: 30px; width: 30px; background-image: url(../images/uc-tax.svg); }
.used-car-overview-item > div > span{color:#6A7282; font-size: 14px;}
.used-car-overview-item > div > strong{font-size: 1.125rem; line-height: 1.2;}

.used-car-overview > a{color: #fff !important; display: flex; align-items: center; gap:5px; text-decoration: underline; text-transform: uppercase;}
.used-car-overview > a::before{content: ""; height: 18px; width: 18px; background: url(../images/uc-bubble.svg) center no-repeat;}

.used-car-description{margin-bottom: 20px; position: relative;}
.used-car-description:not(.expanded)::after{content: ""; height: 44px; width: 100%; background: linear-gradient(180deg,rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 50%);
    position: absolute; left: 0; bottom:0; right:0; z-index:9; }
.used-car-description-inner {max-height: 44px; overflow: hidden; transition: max-height 0.3s ease; }
.used-car-description.expanded .used-car-description-inner {max-height: 4000px; }
.used-car-description .read-desc-btn {margin-top: 10px; cursor: pointer; opacity: 1 !important; font-weight: bold; color: #D85D38; z-index: 10; position: relative;}


.used-car-key-features{}
.used-car-key-features-items{padding: 15px; border-radius: 10px; background: #fff;  display: flex; flex-direction: column; gap:10px;}
.used-car-key-features-inner span{color: #33363E; display: flex; flex-direction: column; gap:10px; font-weight: bold; width: 100%; 
    font-size: 20px; font-weight: bold;}
.used-car-key-features-inner span::after{content: ""; height: 3px; width: 30px; border-radius: 10px; background: #D85D38; }
.used-car-key-features-inner p{display: flex; align-items: center; gap: 5px; margin: 0; font-size: 13px;}
.used-car-key-features-inner p::before{content: ""; height: 16px; width:16px; background:url(../images/tick-circle-orange.svg) center no-repeat; }

.used-car-key-features-inner{ max-height: 155px; overflow: hidden; transition: max-height 0.3s ease; display: flex; flex-wrap: wrap; gap:15px; row-gap:10px; }
.used-car-key-features.expanded .used-car-key-features-inner {max-height: 4000px; }
.used-car-key-features .read-key-btn{cursor: pointer; font-weight: bold; color: #D85D38; position: relative;}

.used-car-textline { padding: 10px 0; font-size: 16px; line-height: 22px; color: #231F20; }
.used-car-textline span { font-size: 18px; font-weight: bold; }
.used-car-cta-wrap { background: #231F20; border-radius: 5px; padding: 10px; box-sizing: border-box; margin-bottom: 10px; }
.used-car-cta-wrap>a { display: flex; align-items: center; width: 100%; height: 60px; line-height: 20px; padding: 0 10px 0 40px; box-sizing: border-box; border-radius: 5px; margin-bottom: 10px; position: relative; }
.used-car-cta-wrap>a::after { content: ""; display: block; width: 8px; height: 8px; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg); position: absolute; top: calc(50% - 4px); right: 15px; transition: 0.2s ease-in all; }
.used-car-cta-wrap>a:hover::after { right: 5px; }
.used-car-cta-wrap>a.reserve-online { background: #C62C2E url(../images/cart-white.svg) no-repeat 5px center; font-size: 20px; color: #fff; }
.used-car-cta-wrap>a.reserve-online span { font-weight: bold; }
.used-car-cta-wrap>a.buy-online { background: transparent url(../images/percent-green.svg) no-repeat 5px center; font-size: 16px; color: #fff; border: 1px solid #fff; flex-wrap: wrap; padding-top: 4px; padding-bottom: 4px; }
.used-car-cta-wrap>a.buy-online span:nth-child(1) { font-size: 20px; line-height: 20px; font-weight: bold; width: 100%; }
.used-car-cta-wrap>a.buy-online span:nth-child(2) { line-height: 20px; }
.used-car-cta-icon-row { justify-content: space-evenly; padding: 10px 0; }
.used-car-cta-icon-row>div { padding: 30px 0 10px; text-align: center; }
.used-car-cta-icon-row>div span { font-size: 14px; color: #fff; line-height: 18px; }
.used-car-cta-icon-row>div.engine { background: url(../images/engine-white.svg) no-repeat center 5px; }
.used-car-cta-icon-row>div.mileage { background: url(../images/mileage-white.svg) no-repeat center 5px; }
.used-car-cta-icon-row>div.transmission { background: url(../images/transmission-white.svg) no-repeat center 5px; }
.used-car-cta-icon-row>div.tax { background: url(../images/tax-white.svg) no-repeat center 5px; }
.used-car-button-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.used-car-button-row a { display: block; width: 50%; line-height: 45px; border: 1px solid #231F20; color: #231F20; border-radius: 5px; text-align: center; font-size: 17px; font-weight: bold; }
.used-car-cta-wrap .used-car-button-row a { border-color: #fff; color: #fff; text-decoration: underline; font-size: 15px; letter-spacing: 0.47px; }
.used-car-cta-wrap .used-car-button-row a.enquire { padding-left: 20px; background: url(../images/chat-bubble-green.svg) no-repeat calc(50% - 55px) center; }
.used-car-cta-wrap .used-car-button-row a.valuation { padding-left: 20px; background: url(../images/vehicle-tag-green.svg) no-repeat calc(50% - 80px) center; }
.used-car-button-row a.test-drive { padding-left: 20px; background: url(../images/steering-red.svg) no-repeat calc(50% - 100px) center; }
.used-car-button-row a.car-source { padding-left: 20px; background: url(../images/car-source-red.svg) no-repeat calc(50% - 100px) center; background-size: 26px; }
.used-car-contact { padding: 10px 10px 10px 60px; background: #F5F4F4 url() no-repeat 5px center; border-radius: 5px; margin: 10px 0; }
.used-car-contact span.call { display: block; font-size: 18px; color: #231F20; font-weight: bold; line-height: 19px; letter-spacing: 0.56px; margin-bottom: 10px; }
.used-car-contact span.call a { font-size: 16px; text-decoration: underline; text-transform: uppercase; font-weight: normal; color: #231F20; }
.used-car-contact span.call a:nth-child(1) { padding-right: 10px; margin-right: 10px; position: relative; }
.used-car-contact span.call a:nth-child(1)::after { content: "|"; font-size: 14px; position: absolute; right: -1px; top: 2px; }
.used-car-contact span.nationwide { display: block; padding-left: 35px; background: url(../images/deliver-red.svg) no-repeat left center; font-size: 14px; line-height: 17px; text-transform: uppercase; font-weight: bold; color: #231F20; }

/* Tabs */

/* tab headers */
.used-car-tab-header-wrap { margin-top: 20px; }
.used-car-tab-header-wrap .row { box-sizing: border-box; }
.used-car-tab-header { height: 65px; display: flex; align-items: stretch; }
.used-car-tab-header>a:not(.pdfDownload) { background: #fff; padding: 0 35px; position: relative; z-index: 1; font-size: 16px; color: #33363E !important; font-weight: bold; border-radius: 5px 5px 0 0; border: 1px solid transparent; border-bottom-width: 0; text-decoration: none !important; display: flex; line-height: 22px; align-items: center; justify-content: center; text-align: center; }
.used-car-tab-header>a.active { background: #F6F6F6; z-index: 3; color: #D85D38 !important; border-color: #F2EEEE; }
.used-car-tab-header>a.active::after { content: ""; position: absolute; bottom: -2px; left: calc(50% - 20px); display: block; width: 40px; height: 5px; background: #DFDFDF; margin: 0 auto; }
a.pdfDownload { display: block; width: 65px; height: 65px; margin-left: auto; background: url(../images/pdf-red.svg) no-repeat center; }

/* tab content */
.used-car-tab>div:not(.used-car-tab-header) { margin-bottom: 20px; display: none; border: 1px solid #F2EEEE; padding: 20px; box-sizing: border-box; }
.used-car-tab>div.active { display: block; position: relative; top: -1px; z-index: 1; background: #F6F6F6; }
.car-specification { }
.car-specification .specification-car-title { }
.car-key-details { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #DFDFDF; }
.car-key-detail { display: flex; align-items: center; column-gap: 8px; font-size: 16px; color: #33363E; }
.car-specification-heading { color: #33363E; font-weight: bold; font-size: 14px; line-height: 30px; }
.car-specification-heading::after { content: ""; display: block; width: 30px; height: 3px; background: #DFDFDF; }
.car-specification-list { line-height: 30px; }
.car-rating-stars { display: flex; align-items: center; column-gap: 8px; }
.car-key-features { display: flex; flex-wrap: wrap; row-gap: 20px; }
.car-key-features>div { width: calc(100% / 3); background: url(../images/tick-circle-orange.svg) no-repeat left 6px; padding: 0 10px 0 20px; box-sizing: border-box; line-height: 30px; font-size: 16px; color: #33363E; flex-grow: 0; }
.car-key-features-extra { display: none; margin-top: 20px; }
.car-key-features-extra.show { display: flex; }
.car-key-features-toggle { width: 100%; display: flex; align-items: center; justify-content: center; font-weight: bold; text-decoration: none !important; column-gap: 5px; margin-top: 20px; }
.car-key-features-toggle.open span:first-child, .car-key-features-toggle:not(.open) span:nth-child(2) { display: none; }
.car-key-features-toggle img { width: 15px; }
.car-key-features-toggle.open img { transform: rotate(180deg); }

.used-car-related{margin-top: 20px;}
.used-car-related-wrap { padding-bottom: 30px; }
.used-car-related h6 { font-size: 24px; line-height: 40px; color: #33363E; font-weight: bold; position: relative; margin-bottom: 10px; }
.used-car-related h6::after { content: ""; display: block; width: 40px; height: 5px; background: #D85D38; }
.used-car-related { width: 100%; }
.used-car-related .col-12 { display: flex; flex-wrap: wrap; gap: 20px 10px; }
.used-car-related .used-car:not(:first-child) {    /* margin-left: 10px; */ }
.used-car-footer { border-top: 1px solid #E9E4E4; margin-top: 20px; padding: 20px 0; }

/*Favourites Page*/
.used-car-favourites-header { height: 220px; display: flex; align-items: center; background: url(../images/favourites-bg.png) center top no-repeat; }
.used-car-favourites-title { color: #fff; font-weight: bold; font-size: 36px; display: flex; align-items: center; column-gap: 10px; }

/* VALUATION PAGE */
.valuation-form-page { background: #33363E url(../images/valuation-form-bg.png) center top no-repeat; background-size: 100% auto; }

/* Valuation Form */
.valuation_form_container { padding: 20px 0; }
.valuation_form_wrap { background: #fff; border: 1px solid #F2EEEE; border-radius: 5px; }
.valuation_form { padding: 15px; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; box-sizing: border-box; }
.vf_header { padding: 30px 0 10px 0; }
.vf_header span { padding: 0 0 0 65px; font-size: 36px; font-weight: bold; color: #fff; background: url(../images/vehicle-value.svg) no-repeat left center; }
.vf_subline { color: #fff; font-size: 14px; line-height: 16px; margin-bottom: 10px; }
.vf_criteria { display: flex; flex-direction: column; color: #fff; font-size: 14px; margin-bottom: 10px; }
.vf_criteria span { font-size: 20px; color: #fff; font-weight: bold; line-height: 30px; }
.vf_criteria p { padding: 0; font-size: 15px; display: flex; align-items: center; gap: 10px; color: #fff; margin: 0; }
.vf_criteria p::before { content: ""; height: 12px; width: 12px; background: url(../images/criteria_check.svg) center no-repeat; }
.reg_field .vf_label { margin-bottom: 10px; line-height: 20px; }
.reg_field .vf_label p { margin: 0; color: #000000; font-size: 14px; }
.vf_reg_info_wrap_label { color: #000000; font-size: 14px; font-weight: bold; }
.vf_section { width: 100%; }
.vf_title { width: 100%; padding: 10px 0; }
.vf_title span { font-size: 20px; line-height: 24px; color: #D85D38; font-weight: bold; }
.vf_title p { font-size: 14px; margin: 0; line-height: 20px; color: #202021; }
.vf_row:not(.hidden) { width: 100%; display: flex; column-gap: 20px; }
.vf_field { width: 100%; display: flex; flex-flow: column; padding: 0 0 10px; }
.vf_label { font-size: 14px; line-height: 40px; color: #000000; }
.vf_label .required { color: #D85D38; font-size: 10px; }
.vf_row .vf_half { width: 50%; padding: 0 10px 0 0; box-sizing: border-box; }
.vf_row .vf_half:last-child { padding: 0 0 0 10px; }
.vf_half input[name='Vehicle Year'] { padding-right: 50px; }
.vf_half .vf_input { position: relative; }
.vf_half .vf_input .calendar_icon { position: absolute; right: 10px; top: 10px; height: 30px; width: 30px; background: url(../images/calendar.svg) center center no-repeat; }
.vf_input { width: 100%; display: flex; align-items: center; justify-content: flex-start; }
.vf_input input:not([type=radio], [type=checkbox]), .vf_input select, .vf_input textarea { width: 100%; height: 50px; line-height: 50px; font-size: 14px; background: #fff; border: 1px solid #E5E4E4; padding-left: 10px; font-family: inherit; box-sizing: border-box; border-radius: 5px; }
.vf_input input::placeholder { font-style: italic; font-size: 14px; color: #202021; opacity: 1; }
.vf_input select { font-family: inherit; }
.vf_input textarea { resize: none; height: 80px; padding: 5px 10px; margin-top: 10px; line-height: 24px; }
.vf_subline { padding: 5px 0; }
.vf_field.reg_field input[name=Registration] { border-color: #D85D38; border-radius: 5px 0 0 5px; }
a.reg_lookup { width: 140px; height: 50px; flex: 1 0 auto; box-sizing: border-box; background: #D85D38 url(../images/search-icon-white.svg) no-repeat 93% center; line-height: 50px; text-align: center; color: #fff !important; font-size: 16px; font-weight: bold; border-radius: 0 5px 5px 0; text-decoration: none !important; }
a.reg_lookup.loading { opacity: 0.6; cursor: default; }
.vf_manual_vehicle { margin: 5px 0 5px auto; font-size: 16px; }
.vf_reg_info { width: 100%; padding: 5px 10px 5px 50px; background: #fff; border: 1px solid #EBEDEE; border-radius: 5px; margin: 10px 0; color: #000; background: url(../images/tick-circle-green.svg) no-repeat 10px center; }
.valuation_loader:not(.hidden) { display: flex; align-items: center; justify-content: center; column-gap: 20px; }
.valuation_loader:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #23385d; border-color: #23385d transparent #23385d transparent; animation: lds-dual-ring 1.2s linear infinite; }
.vf_reg_reg { font-size: 12px; }
.vf_reg_details { font-size: 18px; color: #000; }
.vf_field.odom_field { max-width: 50%; }
.vf_field.odom_field input[type=text] { width: 100px; text-align: right; margin-right: 10px; padding: 0 10px; }
.vf_unit_select { border-width: 1px 0; box-sizing: border-box; display: flex; width: 200px; height: 50px; align-items: center; }
.vf_unit_select .vf_radio { height: 100%; padding: 0 10px; flex: 1; }
.vf_radio_row { display: flex; align-items: center; padding: 10px 0; flex-wrap: wrap; }
.vf_radio_row .vf_radio { margin-right: 20px; }
.vf_radio { display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.vf_radio input { margin: 0 10px 0 0; }
.vf_radio span { font-size: 14px; color: #202021; }
.vf_caption { font-size: 14px; line-height: 24px; color: #202021; }
.vf_photos { display: flex; flex-wrap: wrap; gap: 7px; padding: 20px 0; }

/* .vf_photo_box { margin-bottom: 20px; } */

/* .vf_photo_box:not(:nth-child(3n)) { margin-right:20px; } */
.vf_photo { width: 120px; height: 120px; border: 1px solid #EBEDEE; border-radius: 5px; background-color: #fff; background-position: center; position: relative; background-repeat: no-repeat; background-size: contain; }
.vf_photo_box:not(.empty) .vf_delete { display: block; width: 30px; height: 30px; background: #fff url(../images/delete.svg) no-repeat center; border-radius: 50%; position: absolute; bottom: 5px; right: 5px; }
.vf_photo_box.empty .vf_photo { background-color: #F5F4F4; background-image: url(../images/plus-circle-green.svg) !important; filter: grayscale(100%); cursor: pointer; background-size: auto; transition: all 0.2s ease-in; }
.vf_photo_text { position: absolute; top: 70%; left: 0; width: 100%; text-align: center; font-size: 12px; color: #C62C2E; font-weight: bold; opacity: 0; transition: all 0.2s ease-in; }
.vf_photo_box.empty .vf_photo:hover { filter: grayscale(0%); }
.vf_photo_box.empty .vf_photo:hover .vf_photo_text { opacity: 1; }
.vf_photo_label { font-size: 14px; font-weight: bold; line-height: 30px; text-align: center; width: 100%; }
.vf_check_row span a { text-decoration: underline; }
.vf-submit-section { padding-bottom: 30px; width: 100%; }
.vf-submit-section .vf_check_row { display: flex; justify-content: center; gap: 10px; }
.vf_button_row { display: flex; justify-content: center; }
.vf_button_row a, .vf_button_row input[type=submit] { display: block; width: 100%; height: 65px; line-height: 65px; font-size: 25px; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; background: #D85D38; border: 0; cursor: pointer; border-radius: 5px; }
.valuation-helpline { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 30px 0; }
.valuation-helpline span { display: block; font-size: 24px; color: #231F20; line-height: 30px; font-weight: bold; }
.valuation-helpline a { display: block; font-size: 24px; line-height: 30px; color: #D85D38; text-decoration: underline; }
.valuation-form-instructions { background: #33363E94; border-radius: 5px; padding: 20px; }
.vfi-title { font-size: 34px; color: #fff; font-weight: bold; line-height: 40px; margin-bottom: 30px; }
.vfi-line { font-size: 24px; color: #fff; font-weight: bold; display: flex; align-items: center; column-gap: 15px; margin-bottom: 20px; }
.vfi-line span { line-height: 50px; width: 50px; background: url(../images/ellipse.svg) center center no-repeat; text-align: center; flex-shrink: 0; }

/* Enquiry Form */
.enquiry_page_bg { background: #33363E url(../images/enquire-form-bg.png) no-repeat center; background-size: cover; padding: 20px 0; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); }
.enquiry-form-title { color: #fff; font-weight: bold; font-size: 42px; line-height: 80px; margin-bottom: 20px; }
.enquiry-form-title:after { content: ""; display: block; width: 40px; height: 4px; background: #D85D38; }
.enquiry-form-wrap { width: 100%; max-width: 810px; padding: 10px; background: #fff; border-radius: 5px; }
.ef-header { display: flex; gap: 10px; margin-bottom: 20px; }
.ef-car-image { width: 170px; height: auto; }
.ef-car-image img { max-width: 100%; width: 100%; height: auto; }
.ef-car-info { width: calc(100% - 180px); }
.ef-car-info a { color: #33363E !important; text-decoration: none !important; }
.ef-title { font-size: 38px; line-height: 40px; font-weight: bold; color: #000; }
.ef-price { font-weight: bold; font-size: 20px; }
.ef-make { display: block; font-size: 20px; line-height: 40px; color: #231F20; text-decoration: underline; }
.ef-subline { font-size: 18px; line-height: 36px; color: #252626; font-weight: bold; margin: 10px 0; }
.enquiry-form { }
.enquiry-form p { margin: 5px 0; padding: 0; }
.enquiry-form label { display: block; font-size: 14px; line-height: 16px; color: #000; font-weight: bold; }
.enquiry-form input[type=date] { padding-left: 40px; background: #fff url(../images/calendar-icon.svg) no-repeat 10px center; }
.enquiry-form span.required { color: #D85D38; }
.enquiry-form .form-group-row { width: 100%; display: flex; gap: 20px; }
.enquiry-form .form-group-row .form-group { width: 50%; }
.enquiry-form .form-control { border: 1px solid #EBEDEE; border-radius: 5px; height: 50px; }
.enquiry-form textarea.form-control { height: 120px; resize: none; }
.enquiry-form .form-radio-group { display: flex; align-items: center; column-gap: 5px; }
.enquiry-form .form-radio-group input:nth-child(n+2) { margin-left: 15px; }
.enquiry-form .form-check-wrap { display: flex; align-items: center; gap: 20px; }
.enquiry-trade-in:not(.hidden) { background: #F2F2F2; padding: 10px; display: flex; column-gap: 20px; justify-content: flex-start; margin-bottom: 20px; }
.enquiry-trade-in > div { display: flex; align-items: center; flex-wrap: wrap; column-gap: 10px; }
.enquiry-trade-in > div:first-child { width: 240px; }
.enquiry-trade-in input { text-align: right; }
.enquiry-trade-in > div:nth-child(2) input[type=text] { width: 100px; text-align: right; }
.enquiry-trade-in > div > div { width: 100%; font-size: 14px; line-height: 30px; }
.enquiry-form p.smalltext { font-size: 12px; color: #252626; line-height: 20px; }
.enquiry-form p.smalltext a { color: #0087FF; text-decoration: underline; }
.enquiry-form input[type=submit] { margin: 20px 0 0 0; width: 100%; height: 50px; background: #D85D38 url(../images/arrow-right-white.svg) calc(100% - 10px) center no-repeat; background-size: 13px 20px; border: 0; border-radius: 5px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff; position: relative; cursor: pointer; transition: background-position-x 0.3s ease-in-out; }
.enquiry-form input[type=submit]:hover { background-position-x: calc(100% - 5px); }

/*PAYMENT/RESERVATION PAGE*/
body.purchase-reservation :is(.top-wrap, .footer-wrap, .main-menu, .header-more-menu-container, .header-ownerzone, .byline-link) { display: none; }
body.purchase-reservation .header-wrap { box-shadow: none; margin-bottom: 40px; }
body.purchase-reservation .byline-wrap { background: none; border-top: 1px solid #D3D8D9; margin-top: 50px; }
body.purchase-reservation .byline-menu { justify-content: flex-start; }
body.purchase-reservation .byline-menu a { color: #7E848B !important; border-color: #7E848B; }
body.purchase-reservation { background: #fff url(../images/purchase-bg.svg) center bottom no-repeat; background-size: 100% auto; background-attachment: fixed; }
.purchase-form-heading { font-size: 36px; color: #33363E; line-height: 30px; font-weight: bold; margin-bottom: 20px; }
.purchase-form-subheading { font-size: 18px; color: #33363E; line-height: 24px; margin-bottom: 20px; }
.purchase-form-car { display: flex; background: #fff; box-shadow: 0px 0px 6px #00000029; border-radius: 5px; padding: 10px; margin-bottom: 10px; }
.purchase-user-tradein { background: #FFFFFF; border: 1px solid #F2EEEE; border-radius: 5px; padding: 15px 10px; display: flex; align-items: center; font-size: 18px; color: #33363E; column-gap: 5px; margin-bottom: 10px; }
.purchase-apply-trade-in { padding: 0 10px; background: #7CAF22; border-radius: 5px; color: #fff !important; text-decoration: none !important; font-weight: bold; line-height: 36px; margin-left: auto; }
.reserve-car-info { display: flex; flex-direction: column; flex: 1 auto; }
.reserve-car-image { height: 220px; margin-right: 10px; }
.rc-title { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 10px; }
.rc-title span { font-size: 16px; }
.rc-price { font-size: 20px; margin-bottom: 10px; }
.rc-key-details { display: flex; column-gap: 20px; margin-top: auto; }
.rc-key-detail { display: flex; align-items: center; justify-content: flex-start; column-gap: 4px; font-size: 14px; }
.rc-buttons { display: flex; margin-top: auto; column-gap: 10px; height: 48px; width: 100%; }
.rc-continue { flex: 1 auto; position: relative; display: flex; align-items: center; justify-content: center; column-gap: 5px; border: 1px solid #D85D38; background: linear-gradient(90deg, #D85D38 50%, #D85D38 0); background-size: 200%; color: #fff !important; font-weight: bold; font-size: 20px; line-height: 48px; font-weight: bold; text-align: center; border-radius: 5px; text-decoration: none !important; opacity: 1; transition: all 0.3s ease-in; }
.rc-continue::after { content: ""; display: block; height: 16px; width: 10px; position: absolute; right: 10px; top: calc(50% - 8px); background: url(../images/arrow-right-white.svg) center center no-repeat; background-size: 10px auto; }
.rc-continue:hover { background-position: -100%; }
.rc-cancel { border: 1px solid #D3D8D9; line-height: 48px; width: 150px; color: #7E848B !important; font-size: 16px; background: #fff; border-radius: 5px; text-align: center; text-decoration: none !important; }
.purchase-upsell-container { position: relative; }
.purchase-upsell-container.overflow:after { content: ""; pointer-events: none; background: transparent linear-gradient(90deg, #33363E00 0%, #000000AB 100%) 0% 0% no-repeat padding-box; position: absolute; right: 0; top: 0; width: 35px; height: 100%; transform: translateX(0); transition: transform ease-in-out 0.3s; }
.purchase-upsell-items { width: 100%; border-radius: 4px; padding: 4px; background: #fff; display: flex; justify-content: flex-start; border: 1px solid #F2EEEE; position: relative; }
.purchase-upsell-container.overflow .purchase-upsell-items { overflow-x: scroll; }
.purchase-upsell-items:after { content: ""; display: block; clear: both; }
.purchase-upsell { border-radius: 4px; border: 1px solid #EBEDEE; float: left; margin-right: 4px; max-width: 330px; flex: 0 0 auto; width: 100%; }
.upsell-header { background: #F7F7F7; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #EBEDEE; height: 100px; flex-direction: column; }
.upsell-title { color: #33363E; font-size: 26px; font-weight: bold; }
.upsell-price { color: #D85D38; font-size: 22px; }
.upsell-points { color: #D85D38; font-size: 22px; padding: 10px; height: 400px; overflow: hidden; position: relative; }
.upsell-points.showmore { height: auto; }
.upsell-point { padding-left: 18px; background: url(../images/tick-circle-green.svg) left 4px no-repeat; background-size: 13px 13px; color: #33363E; font-size: 15px; line-height: 22px; margin-bottom: 10px; }
.upsell-points:not(.expandable) .upsell-showmore { display: none; }
.upsell-showmore { color: #D85D38; cursor: pointer; text-align: center; font-size: 16px; font-weight: bold; padding-top: 40px; background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; position: absolute; bottom: 0; left: 0; width: 100%; display: block; line-height: 36px; }
.upsell-showmore:after { content: "Show More..."; }
.upsell-showmore.showless { position: relative; text-align: center; padding-top: 0; }
.upsell-showmore.showless::after { content: "Show Less..."; }
.upsell-button { border: 1px solid #7CAF22; border-radius: 5px; background: #fff; line-height: 70px; display: block; text-align: center; font-weight: bold; font-size: 20px; text-decoration: none !important; margin: 0 10px 10px 10px; }
.upsell-added { background: #7CAF22; }
.upsell-add:after { content: "ADD NOW"; color: #7CAF22; }
.upsell-added:after { content: "REMOVE"; color: #fff; }
.purchase-form-question { line-height: 18px; font-weight: bold; font-size: 16px; color: #7E848B; }
.purchase-form-question a { text-decoration: underline; }
.purchase-form-box { border: 1px solid #F2EEEE; background: #fff; padding: 10px; border-radius: 5px; margin-bottom: 15px; }
.purchase-payment-options { display: flex; column-gap: 15px; margin-bottom: 15px; margin-bottom: 15px; }
.purchase-payment-option { width: 50%; border: 1px solid #EBEDEE; border-radius: 5px; padding: 10px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #33363E; font-size: 24px; text-align: center; cursor: pointer; }
.purchase-payment-option.selected { outline: #D85D38 3px solid; border-color: transparent; }
.purchase-payment-option>div:first-child { font-weight: bold; font-size: 24px; text-transform: uppercase; }
.purchase-payment-option>div:nth-child(2) div { font-size: 15px; }
.purchase-payment-option>input { margin-top: 20px; }
.purchase-finance-form .used-car-finance-breakdown { text-align: center; margin: 10px; }
.purchase-finance-form .used-car-finance-tandc { margin-top: 15px; font-size: 12px; line-height: 15px; color: #404953; }
.purchase-cash-form { text-align: center; font-size: 18px; line-height: 24px; }
.pc-buttons, .pf-complete-buttons { display: flex; column-gap: 10px; margin-top: 10px; }
.pc-buttons a, .pf-complete-buttons a, .pf-complete-buttons input[type=submit] { border: 1px solid #D85D38; width: 50%; color: #fff !important; background: #D85D38; font-size: 20px; line-height: 58px; text-transform: uppercase; font-weight: bold; text-align: center; border-radius: 5px; text-decoration: none !important; cursor: pointer; }
.pc-buttons a:first-child { border-color: #D85D38; color: #D85D38 !important; background: #fff; }
.purchase-summary { font-size: 16px; }
.ps-car-image { width: 250px; }
.ps-summary-line:not(.hidden) { display: flex; line-height: 30px; }
.ps-summary-line>div:nth-child(2) { margin-left: auto; font-weight: bold; }
.ps-total-line { font-size: 20px; font-weight: bold; }
.ps-tradein-line { color: #7CAF22; }
.purchase-form-heading2 { font-weight: bold; color: #D85D38; font-size: 20px; display: flex; align-items: center; margin-bottom: 15px; column-gap: 5px; }
.purchase-form-login { margin-left: auto; color: #33363E !important; text-decoration: none !important; font-size: 12px; line-height: 20px; }
.purchase-form-login img { height: 20px; }
.pf-form-row { display: flex; column-gap: 10px; margin-bottom: 15px; }
.pf-form-item { width: 50%; flex: 1 auto; }
.pf-form-item label { font-size: 14px; }
.pf-form-item :is(input, select) { display: block; width: 100%; border: 1px solid #EBEDEE; box-sizing: border-box; padding: 0 10px; background: #fff; line-height: 50px; height: 50px; border-radius: 5px; outline: none; }
.pf-complete-buttons a:first-child { border-color: #7E848B; color: #7E848B !important; font-weight: normal; background: #fff; }
.purchase-form-heading3 { color: #D85D38; font-weight: bold; font-size: 28px; }
.pf-form-tablets { display: flex; column-gap: 10px; }
.pf-form-tablets>div { line-height: 35px; border: 1px solid #404953; border-radius: 50px; padding: 0 20px; color: #404953; font-size: 15px; cursor: pointer; }
.pf-form-tablets>div.active { border-color: #D85D38; color: #D85D38; }

/* stripe */
.stripe-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; }
.stripe-overlay>div { background: #fff; width: 260px; padding: 20px; line-height: 40px; font-size: 14px; }
.StripeElement { box-sizing: border-box; height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; }
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }
.StripeElement--invalid { border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }
#payment-form label { font-size: 16px; padding-top: 20px; font-weight: bold; }
#card-element { margin: 10px 0; }
.stripe-overlay-loader { display: block; width: 64px; height: 64px; margin: 20px auto; }
.stripe-overlay-loader:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #23385d; border-color: #23385d transparent #23385d transparent; animation: lds-dual-ring 1.2s linear infinite; }
.stripe-payment:not(.hidden) { display: flex; justify-content: center; }
.stripe-payment form { padding: 20px; background: #fff; }
.payment-buttons { display: flex; }
.paymentButton { margin-left: auto; }
.payment-processing { display: none; }
.payment-processing.active { display: block; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.purchase-car { display: flex; gap: 15px; font-size: 20px; color: #33363E; font-weight: bold; margin-bottom: 15px; }
.purchase-car>img { max-width: 140px; }
.purchase-ownerzone { background: #FFFFFF; border: 1px solid #F2EEEE; border-radius: 5px; padding: 10px; margin-bottom: 20px; }
.purchase-ownerzone .rc-buttons { margin: 5px 0; }
.purchase-ownerzone .rc-buttons a { flex: 1 auto; }

/*SERVICE PAGE*/
.used-cars-service { background: linear-gradient(175deg, #fff calc(450px - 1px), #F6F6F6 160px); background-color: rgba(0, 0, 0, 0); background-position-x: 0%; background-position-y: 0%; background-size: auto; background-position: center center; background-size: cover; background-color: #F6F6F6; padding: 0 0 30px 0; min-height: 70vh; }
.used-cars-service-banner { height: 280px; background: url(../images/book-service-lg.jpg) center no-repeat; background-size: cover; margin-bottom: 30px; }
.used-cars-service-banner > div { display: flex; height: 100%; align-items: center; justify-content: center; flex-direction: column; gap: 20px; }
.used-cars-service-banner h1 { color: #fff; font-weight: bold; font-size: 38px; }
.service-page-heading { color: #33363E; font-size: 30px; font-weight: bold; line-height: 36px; }
.service-page-heading:after { content: ""; display: block; width: 40px; height: 3px; background: #D85D38; margin-top: 10px; }
.service-page-sub-heading { font-size: 1.125rem; font-weight: bold; margin-bottom: 20px; }
.service-page-heading-2 { color: #D85D38; font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.service-form { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #F2EEEE; border-radius: 5px; }
.service-step-counter { display: flex; align-items: center; font-size: 16px; color: #D85D38; margin-bottom: 10px; padding: 10px; }
.service-pagination { margin-left: 20px; display: flex; align-items: center; column-gap: 20px; }
.service-pagination span { display: block; width: 16px; height: 16px; border: 1px solid #D85D38; background: #fff;    /* cursor: pointer; */ border-radius: 50%; }
.service-pagination span.active { background: #D85D38; }
.service-steps { display: flex; overflow: hidden; padding: 10px; }
.service-step { width: 100%; flex: 1 auto; }
.service-step:not(.active) { display: none; }
.service-step.active { display: block; }
.service-row { display: flex; column-gap: 20px; margin-bottom: 10px; }
.sf-input-group { flex: 1 50%; }
.sf-input-group :is(input[type=checkbox], input[type=radio]) { accent-color: #D85D38; }
.sf-input-label { font-weight: bold; font-size: 14px; line-height: 32px; }
.sf-input-label span { font-weight: normal; }
.sf-input-value :is(input[type=text], input[type=email], input[type=phone], input[type=date], input[type=time], textarea) { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #EBEDEE; border-radius: 5px; height: 50px; display: block; width: 100%; box-sizing: border-box; padding: 0 10px; font-family: inherit; }
.sf-input-value:is(input.error, textarea.error) { box-shadow: 0 0 0 .2rem rgba(255, 0, 0, 0.25); }
.sf-input-group.reg_field .sf-input-value { display: flex; }
.sf-input-group.reg_field .sf-input-value input { border-color: #D85D38; border-radius: 5px 0 0 5px; }
.sf-manual-vehicle { margin: 5px 0 5px auto; float: right; font-size: 16px; }
.sf-reg-info { clear: both; width: 100%; padding: 5px 10px 5px 50px; background: #fff; border: 1px solid #EBEDEE; border-radius: 5px; margin: 10px 0; color: #000; background: url(../images/tick-circle-green.svg) no-repeat 10px center; }
.sf-reg-reg { font-size: 12px; }
.sf-reg-details { font-size: 18px; color: #000; text-transform: uppercase; }
.sf-location-row { border: 1px solid #EBEDEE; border-radius: 5px; padding: 2px; margin-bottom: 10px; }
.sf-location-row>div:first-child { display: flex; align-items: center; }
.sf-locations:not(.show) .sf-location-row:nth-child(n+2) { display: none; }
.sf-loc-image { width: 77px; height: 50px; margin-right: 10px; flex-shrink: 0; }
.sf-loc-image img { max-height: 100%; max-width: 100%; }
.sf-loc-title { font-size: 16px; font-weight: bold; margin-right: auto; }
.sf-location-franchises { display: flex; align-items: center; }
.sf-location-franchises>div { padding: 0 5px; height: 40px; display: flex; align-items: center; }
.sf-location-franchises div:hover>img:first-child, .sf-location-franchises div:not(:hover)>img:nth-child(2) { display: none; }
.sf-loc-pin { align-self: stretch; display: flex; align-items: stretch; padding: 0 20px; border: 1px solid #EBEDEE; border-width: 0 1px; cursor: pointer; flex-shrink: 0; }
.sf-loc-action { color: #D85D38 !important; text-decoration: none !important; font-weight: bold; padding: 0 20px; font-size: 16px; text-transform: uppercase; }
.sf-loc-map>div { width: 100%; height: 240px; }
.sf-close-map { display: block; margin: 10px 0; text-align: center; font-weight: bold; text-decoration: underline; line-height: 18px; }
.service-row-buttons { margin-top: 20px; }
.sf-button {    /* width: 100%; */
flex: 1 50%; padding: 0; text-transform: none; }
.sf-button img { float: right; margin-top: 12px; margin-right: 10px; width: 13px; height: 20px; }
.finance-track-buttons a { flex: 0 1 auto; padding: 0 20px; }
.sf-button-back { background: #fff !important; border-color: #7E848B !important; color: #7E848B !important; }
.sf-button-skip { background: #fff !important; color: var(--secondary-colour) !important; }
.sf-backlink { font-weight: bold; font-size: 16px; }
.sf-finish { width: 450px; max-width: 90%; margin-bottom: 20px; }
.sf-checkboxes { display: flex; flex-direction: column; gap: 10px; }
.sf-input-group-checkbox { display: flex; align-items: center; gap: 10px; font-size: 0.875rem; }
.sf-input-group-checkbox label { margin-bottom: 0; }
.sf-extras { display: flex; flex-wrap: wrap; column-gap: 5px; row-gap: 10px; }
.sf-extra { display: flex; align-items: center; padding: 0 10px; border: 1px solid #D3D8D9; border-radius: 5px; font-size: 18px; column-gap: 5px; line-height: 51px; cursor: pointer; }
.sf-extra:not(.chosen) img { opacity: 0.4; }
.sf-extra.chosen { border-color: #7CAF22; outline: #7CAF22 1px solid; }
.sf-extra input { display: none; }
.sf-note { text-align: center; padding: 20px 0 10px 0; line-height: 24px; }
.sf-note>div { margin-bottom: 10px; font-size: 18px; font-weight: bold; }
.sf-input-datetime { display: flex; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #EBEDEE; border-radius: 5px; height: 50px; overflow: hidden; }
.sf-input-datetime :is(input[type=text]), .sf-input-datetime select { border: 0 !important; background: #fff; padding-left: 45px; }
.sf-input-datetime :is(input[type=text]) { background-image: url(../images/calendar-black.svg); background-repeat: no-repeat; background-position: 10px center; }
.sf-input-datetime select { background-image: url(../images/clock.svg); background-repeat: no-repeat; background-position: 10px center; flex-basis: 30%; }
.sf-input-servicetype { display: flex; }
.sf-input-servicetype>div { flex-basis: 50%; border: 1px solid #D3D8D9; border-radius: 5px; display: flex; align-items: center; column-gap: 5px; padding: 0 10px; height: 50px; cursor: pointer; }
.sf-input-servicetype>div.active { border-color: #D85D38; }
.sf-summary { font-size: 18px; }
.sf-summary h2 { font-weight: bold; }
.sf-summary>div { margin-bottom: 20px; }
.sf-summary .sf-input-label { font-size: 16px; }
.sf-your-addons-details>div { font-size: 16px; display: flex; justify-content: space-between; line-height: 32px; }
.sf-your-addons-details>div.free { color: #7CAF22; }
.used-cars-service-banner { background-image: url(../images/book-service-sm.jpg); }
.service_franchise { display: flex; flex-direction: column; gap: 10px; margin: 20px 0 0 0; }
.service_franchise h5 { font-size: 20px; font-weight: bold; color: #33363E; display: flex; flex-direction: column; gap: 10px; padding: 0; }
.service_franchise h5::after { content: ""; height: 4px; width: 40px; background: #D85D38; }
.service_franchise .sf_items { display: flex; flex-wrap: wrap; gap: 15px; }
.service_franchise .sf_item { border-radius: 100%; border: 1px solid #EBE7E7; background: #fff; width: 105px; height: 105px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.service_franchise .sf_item img { max-width: 100%; max-height: 100%; height: auto; width: auto; padding: 10px; box-sizing: border-box; }

/***MODULES***/

/*Tiled Block*/
.tiled_blocks_module { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; text-align: center; margin-top: 20px; margin-bottom: 20px; }
.tiled_block { width: calc((100% - 30px) / 4); border: 1px solid #EBE9E9; padding-bottom: 15px; box-sizing: border-box; }
.tiled_block_image { height: 165px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 10px; }
.tiled_block_title { font-size: 24px; font-weight: bold; line-height: 32px; margin-bottom: 10px; }
.tiled_block_title:after { content: ""; width: 28px; height: 3px; background: #D85D38; margin: 0 auto; display: block; }
.tiled_block_content { font-size: 12px; color: #404953; line-height: 20px; height: 58px; overflow: hidden; padding: 0 10px; margin-bottom: 15px; }
.tiled_block_button { display: flex; justify-content: center; }
.tiled_block_button a { line-height: 47px; border: 1px solid #D85D38; color: #D85D38 !important; text-decoration: none !important; border-radius: 5px; padding: 0 15px; font-size: 16px; }
.tiled_block_button a:hover { background: #D85D38; color: #fff !important; }

/*Dealership Module*/
.dealerships_module { background: linear-gradient(175deg, #F6F6F6 calc(60% - 1px), #D3D8D9 60%); background-position: center center; background-size: cover; background-color: #F6F6F6; padding: 40px 0; }
.dm_title { text-align: center; font-size: 38px; margin-bottom: 30px; }
.dm_title div { font-size: 20px; }
.dm_title:after { content: ""; display: block; width: 40px; height: 3px; background-color: #D85D38; margin: 10px auto 0 auto; }
.with-image .dm_title { color: #fff; }
.dealership_blocks { display: flex; column-gap: 20px; justify-content: center; }
.dealership_block { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 15px; box-sizing: border-box; color: #fff !important; text-decoration: none !important; width: 310px; height: 210px; flex-grow: 0; flex-shrink: 0; border-radius: 10px; outline: transparent 2px solid; transition: outline 0.3s ease-in-out; }
.dealership_block:hover { outline: #D85D38 2px solid; }
.dealership_block_title { font-weight: bold; font-size: 21px; text-align: center; }
.dealership_block_franchises { display: flex; column-gap: 10px; align-items: center; }
.dealership_block_franchises img { max-height: 36px; filter: brightness(0) invert(1); }

/*KPI Module*/
.kpi_module { padding: 40px 0; display: flex; flex-direction: column; align-items: center; background-size: cover; backdrop-filter: blur(13px); -webkit-backdrop-filter: blur(13px); }
.kpi_module_title { display: flex; flex-direction: column; align-items: center; font-weight: bold; font-size: 28px; margin-bottom: 40px; word-break: break-word; }
.kpi_module_title:after { content: ""; display: block; width: 40px; height: 3px; background-color: #D85D38; margin: 10px auto 0 auto; }
.kpi_module_kpis { display: flex; align-items: flex-start; column-gap: 200px; margin-bottom: 40px; }
.kpi_module_kpi { text-align: center; }
.kpi_image { height: 70px; }
.kpi_number { font-size: 37px; font-weight: bold; margin-bottom: 5px; }
.kpi_number:after { content: ""; display: block; width: 24px; height: 2px; background-color: #D85D38; margin: 0 auto 0 auto; }
.kpi_title { font-size: 12px; font-weight: bold; line-height: 24px; }
.kpi_module_button { width: 600px; max-width: 100%; display: block; border: 1px solid #fff; font-weight: bold; border-radius: 3px; text-align: center; line-height: 46px; text-decoration: none !important; color: #fff !important; }

/*Car Advert Module*/
.car_advert_block_module { background: #F6F5F5; border: 1px solid #E9E5E5; border-radius: 5px; padding: 10px; margin-bottom: 20px; }
.car_advert_block_heading { color: #33363E; font-weight: bold; font-size: 20px; line-height: 32px; margin-bottom: 20px; }
.car_advert_block_heading:after { content: ""; display: block; height: 3px; width: 27px; background: #D85D38; }
.car_advert_block_adverts { display: flex; column-gap: 10px; }
.car_advert_block_advert { background: #fff; border-radius: 5px; text-align: center; width: 330px; height: 190px; box-sizing: border-box; margin-bottom: 20px; overflow: hidden; }
.car_advert_block_advert_image { height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; overflow: hidden; background-size: cover; background-position: center center; }
.car_advert_block_advert_image img { max-width: 100%; }
.car_advert_block_advert>div { height: 50px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.car_advert_block_advert_title { display: block; font-size: 18px; line-height: 25px; color: #33363E !important; text-decoration: none; margin: 0 5px; }
.car_advert_block_advert_subtitle { display: block; font-size: 20px; line-height: 25px; font-weight: bold; text-decoration: none; margin: 0 5px; }
.desktop_overflow .car_advert_block_adverts_container { position: relative; overflow: hidden; }
.desktop_overflow .car_advert_block_adverts_container:after { content: ""; background: transparent linear-gradient(90deg, #33363E00 0%, #000000AB 100%) 0% 0% no-repeat padding-box; position: absolute; right: -10px; top: 0; width: 35px; height: 190px; transform: translateX(0); transition: transform ease-in-out 0.3s; }
.desktop_overflow .car_advert_block_adverts_container.toRight:after { transform: translateX(100%); }
.desktop_overflow .car_advert_block_adverts { overflow-x: scroll; scrollbar-color: #B2B6BB #fff; margin-right: -10px; padding-right: 10px; }
.desktop_overflow .car_advert_block_adverts::-webkit-scrollbar { width: 100%; }
.desktop_overflow .car_advert_block_adverts::-webkit-scrollbar-track { background: #fff; box-shadow: inset 0px 0px 6px #00000029; border: 1px solid #E8E7E7; border-radius: 8px; }
.desktop_overflow .car_advert_block_adverts::-webkit-scrollbar-thumb { background: #B2B6BB; border-radius: 8px; }
.desktop_overflow .car_advert_block_advert { flex-shrink: 0; margin-bottom: 10px; }

/*Browse By Budget*/
.browse-by-budget-module { background: linear-gradient(175deg, #F6F6F6 calc(60% - 1px), #D3D8D9 60%); padding: 40px 0; }
.browse-by-budget-heading { font-size: 32px; font-weight: bold; line-height: 60px; margin-bottom: 20px; text-align: center; }
.browse-by-budget-heading:after { content: ""; width: 40px; height: 3px; background: #D85D38; display: block; margin: 0 auto; }
.browse-by-budget-heading-2 { font-size: 20px; line-height: 36px; }
.browse-by-toggle-container { display: flex; align-items: center; justify-content: center; column-gap: 10px; margin-bottom: 30px; text-transform: uppercase; font-size: 18px; }
.browse-by-toggle { box-shadow: inset 0px 0px 6px #00000029; border: 1px solid #D1D1D1; background: #fff; height: 28px; width: 44px; border-radius: 13px; cursor: pointer; }
.browse-by-toggle:after { content: ""; display: block; width: 26px; height: 26px; border-radius: 50%; background: #D85D38; transform: translateX(0); transition: transform 0.3s; }
.browse-by-toggle.right:after { transform: translateX(18px); }
.browse-by-section { background: #fff; border: 1px solid #EBEDEE; padding: 15px 10px; margin-bottom: 10px; border-radius: 5px; text-align: center; }
.browse-by-section>div:first-child { font-weight: bold; font-size: 18px; line-height: 36px; }
.browse-by-section>div:first-child>span { color: #D85D38; font-size: 24px; }
.browse-by-budget-module input[type="range"] { width: 100%; height: 4px; -webkit-appearance: none; background: #E6E6E6; outline: none; border-radius: 1.5px; box-shadow: none; }
.browse-by-budget-module input[type="range"]::-webkit-slider-thumb, .browse-by-budget-module input[type="range"]::-moz-range-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #fff; cursor: pointer; border: 2px solid #D85D38; }
.browse-by-budget-term-buttons { display: flex; align-items: center; justify-content: center; column-gap: 10px; margin-top: 10px; }
.browse-by-preferences { margin: 10px 0; display: flex; align-items: center; justify-content: center; column-gap: 5px; font-size: 16px; }
.browse-by-budget-term-button { display: block; border: 1px solid #33363E; background: #fff; color: #33363E !important; line-height: 34px; padding: 0 15px; border-radius: 17px; text-align: center; text-decoration: none !important; font-size: 15px; }
.browse-by-budget-term-button.active { border-color: #D85D38; color: #D85D38 !important; }
.browse-by-budget-button { background: #D85D38; color: #fff !important; line-height: 66px; text-align: center; display: block; border-radius: 5px; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none !important; }
.browse-by-results { padding: 25px 20px; display: flex; column-gap: 10px; }
.browse-by-results .used-car, .browse-by-results .new-car-block { width: 236px; flex-grow: 0; }
.browse-by-results .cb-image { height: 177px; }

/*Fuels Saver*/
.fuelsaver-popup { position: fixed; display: flex; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.65); display: flex; align-items: center; justify-content: center; scale: 0 0; opacity: 0; transition: scale 0.3s, opacity 0.3s; z-index: 6001; }
.fuelsaver-popup.show { scale: 1 1; opacity: 1; }
.fuelsaver { background: #F6F6F6 0% 0% no-repeat padding-box; border: 1px solid #E9E5E5; padding: 20px 10px; text-align: center; position: relative; }
.fuelsaver.isModule { margin-top: 50px; padding-top: 28px; }
.fs-close { position: absolute; top: 10px; right: 10px; }
.fs-icon { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); }
.fuelsaver h3 { font-size: 24px; font-weight: bold; padding: 0; }
.fuelsaver h3::after { content: ""; display: block; width: 40px; height: 3px; background: #D85D38; margin: 0 auto; }
.fuelsaver hr { border-top: 1px solid #E9E8E8; border-bottom: 1px solid #FFFFFF; width: calc(100% + 20px); margin-left: -10px; }
.fs-heading { font-size: 18px; color: #33363E; font-weight: bold; margin-bottom: 10px; }
.fs-tablets { display: flex; align-items: center; justify-content: center; column-gap: 10px; margin-bottom: 10px; }
.fs-tablet { border: 1px solid #33363E; border-radius: 3px; background: #fff; width: 115px; line-height: 35px; color: #33363E; font-size: 15px; text-align: center; cursor: pointer; }
.fs-tablet.selected { border-color: #D85D38; background: #D85D38; color: #fff; }
.fs-custom-amount { display: none; column-gap: 10px; justify-content: center; align-items: center; margin-bottom: 10px; }
.fs-custom-amount.show { display: flex; }
.fs-custom-amount input { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #EBEDEE; border-radius: 5px; height: 35px; text-align: center; display: block; width: 100px; box-sizing: border-box; padding: 0 10px; font-family: inherit; }
.fs-saveandtrack { justify-content: center; }
.fs-submit { display: inline-flex; align-items: center; justify-content: center; height: 50px; font-weight: bold; color: #fff !important; text-decoration: none !important; font-size: 18px; column-gap: 5px; background: #7CAF22; border-radius: 3px; text-align: center; width: 330px; max-width: calc(100% - 10px); }

/*Perfect Match*/
body.perfect-match-page .top-wrap, body.perfect-match-page .header-wrap, body.perfect-match-page .footer-wrap, body.perfect-match-page .byline-wrap { display: none; }
.perfect-match-container { background: url('../images/I love you bground.svg') center center no-repeat; background-size: cover; min-height: 100vh; display: flex; justify-content: center; padding: 80px 0 30px 0; }
body.AB-present .perfect-match-container { min-height: calc(100vh - 50px); }
.perfect-match { position: relative; }
.perfect-match-gallery { width: 700px; height: 526px; position: relative; }
.perfect-match-gallery.loading>div:first-child { height: 100%; overflow: hidden; }
.pm-slide { float: left; height: 526px; display: flex; align-items: center; justify-content: center; }
.pm-slide.loading:after { display: block; content: ""; left: calc(50% - 25px); top: calc(50% - 25px); width: 50px; height: 50px; border: 5px solid #cf5029; border-top: 5px solid #fff; border-radius: 50%; animation: rotation 1.5s infinite linear; }
.pm-button { left: 0; top: 50%; transform: translate(-50%, -50%); position: absolute; width: 70px; height: 70px; scale: 1 1; transition: scale 0.3s; }
.pm-button:hover { scale: 1.1 1.1; }
.pm-button.car-like { left: initial; right: 0; transform: translate(50%, -50%); }
.perfect-match-heading { font-size: 30px; color: #fff; margin-bottom: 15px; display: flex; align-items: center; column-gap: 10px; }
.perfect-match-heading span { font-weight: bold; color: #EF398E; }
.perfect-match-close { margin-left: auto; }
.pm-super-like { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #EF398E; border-radius: 22px; height: 44px; padding: 0 20px; display: flex; align-items: center; column-gap: 5px; color: #EF398E !important; text-decoration: none !important; font-size: 12px; font-weight: bold; text-transform: uppercase; scale: 1 1; transition: scale 0.3s; }
.pm-super-like:hover, .pm-super-like.bulge { scale: 1.1 1.1; }
.pm-hook-up { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #fff; border-radius: 28px; line-height: 56px; color: #fff !important; text-decoration: none !important; background: #EF398E; font-size: 20px; font-weight: bold; position: absolute; bottom: -28px; right: 0; padding: 0 10px; display: none; }
.pm-hook-up.pulse { animation: pulse 1.5s infinite; }
@keyframes pulse {
    0% { scale: 1 1; }
    50% { scale: 1.2 1.2; }
    100% { scale: 1 1; }
}
.pm-progress-bar { height: 18px; border: 1px solid #fff; background: #fff; border-radius: 9px; position: relative; top: -10px; overflow: hidden; }
.pm-progress-bar span { display: block; width: 0%; height: 100%; background: repeating-linear-gradient(-45deg, #EF398E, #EF398E 10px, rgba(255, 255, 255, 0.4) 12px); border-radius: 8px; background-size: 100%; transition: width 0.3s; animation: progress 1s infinite linear; background-size: auto 17px; }
@keyframes progress {
    0% { background-position-y: 0; }
    100% { background-position-y: 16px; }
}

/*Advert Blocks*/
.showcase { width: 322px; display: flex; align-items: center; justify-content: center; }

/*---------------------*/

/* XL SCREEN > 1670px */

/*---------------------*/
@media (min-width:1670px) {

    /* Searchform */
    .used-cars-searchform-wrap.isModule .uc-searchform-left { width: 60%; }
    .used-cars-searchform-wrap.isModule .uc-searchform-right {        /* width: 40%; */ }

    /* Search Page */
    .used-car-list { gap: 16px; }

    /* Used Car Block */
    .used-car { width: 322px; }
    .cb-image { height: 240px; }

    /* Used Car Module */
    .used-car-module .car-slider-wrapper { width: 1640px; }
    .car-slider-wrapper.ucl-gallery { width: 1340px; }
    .used-car-module .ucl-list .cb-image { height: 295px; }
    .used-car-module .ucl-gallery .used-car { margin: 0 6px }

    /* Details Page */
    .used-car-images, .used-car-images .gallery a { width: 100%; height: 620px; }
    .used-car-images .gallery img { width: 100%; height: 100%; }
    .used-car-related .used-car { width: 302px; }

    /* .used-car-body > div:first-child > div:nth-child(1) { flex: 0 0 58.333333%; max-width: 58.333333%; } 
    .used-car-body > div:first-child > div:nth-child(2) { flex: 0 0 41.666667%; max-width: 41.666667%; } */
    .full-width-fix .flex-caption { width: 1400px; align-self: center; padding: 0; max-width: 100%; }

    /*Service Page*/
    .used-cars-service .col-xxl-6 { flex: 0 0 50%; max-width: 50%; }
}

/*---------------------*/

/* LARGE SCREEN > 1200 */

/*---------------------*/
@media (min-width:1200px) and (max-width:1669px) {
    .smc_left { width: calc(50% - 10px); margin-right: 10px; }
    .smc_right { width: calc(50% - 10px); margin-left: 10px; }
    .mc_box { width: 320px; }
    .find_car a.mc_check { padding: 0 15px 0 25px; }
    .filter-group { padding: 10px 10px 10px calc((100vw - 1120px)/2); margin-left: calc((100vw - 1120px)/-2); }

    .new-cars-inner {width: 90%;}

    /*Used Car Landing*/
    .uc-searchform-separator { margin: 0 10px; }
    .uc-searchform-left { width: 64%; }

    /*Used Car Block*/
    .used-car { width: 300px; }
    .cb-image { height: 224px; }
    .car-slider-wrapper.ucl-gallery { width: 1340px; }

    /*Used Car Module*/
    .used-car-module .ucl-list .cb-image { height: 201px; }

    /*Used Car Details*/
    .used-car-images, .used-car-images .gallery a { height: 406px; }
    .used-car-details-info { padding: 10px calc((100vw - 1110px)/2) 20px 20px; margin-right: calc((100vw - 1110px)/-2); }
    .used-car-tab-header>a:not(.pdfDownload) { padding: 0 20px; }
    .used-car-finance-term-buttons { gap: 10px; flex-wrap: wrap; }

    /*Browse By Budget*/
    .browse-by-budget-term-button { padding: 0 8px; }
    .browse-by-results { padding-left: 0; padding-right: 0; }

    /*Advert Blocks*/
    .showcase { width: 300px; }
    .purchase-upsell { flex: initial; }
}

/*DESKTOP < 1199px*/
@media (min-width:992px) and (max-width:1199px) {

    /*Used Car Landing*/
    .uc-searchform-separator { margin: 0 10px; }
    .uc-searchform-left { width: 63%; }
    .car-matchlink { width: 300px; }
    .car-matchlink>span { font-size: 20px; }

    /* SEARCH PAGE */
    .sys_sortby { width: 220px; }
    .filter-group { padding: 10px 10px 10px calc((100vw - 930px)/2); margin-left: calc((100vw - 930px)/-2); }
    .search-count {font-size: 18px;}
    .used-cooming-soon{padding: 10px;}

    .new-cars-inner{width: 90%;}
    .nc-gal-prev{left: -38px;}
    .nc-gal-next{right: -38px;}



    /* used car block */
    .used-car { width: 340px; }
    .cb-image { height: 256px; }

    /* USED CAR DETAILS */
    .used-car-button-row a.test-drive { background-position: calc(50% - 80px) center; }
    .used-car-button-row a.car-source { background-position: calc(50% - 60px) center; }
    .smc_left { width: calc(60% - 10px); margin-right: 10px; }
    .smc_right { width: calc(40% - 10px); margin-left: 10px; }
    .mc_box { width: 320px; }
    .find_car a.mc_check { padding: 0 15px 0 25px; font-size: 16px; }

    .used-car-popup-images {width: 70%;}

    /*Used Car Module*/
    .used-car-module .ucl-list .cb-image { height: 168px; }
    .used-car-module .used-car { margin: 0 2px }
    .car-slider-wrapper.ucl-gallery .cb-image { height: 175px; }

    /*Used Car Details*/
    .used-car-images, .used-car-images .gallery a { height: 340px; }
    .used-car-details-info-inner {width: 100%;}
    .used-car-details-info { padding: 10px calc((100vw - 930px)/2) 20px 20px; margin-right: calc((100vw - 930px)/-2); }
    .used-car-tab-header>a:not(.pdfDownload) { padding: 0 15px; }
    .car-key-features>div { width: calc(100%/2); }
    .car-key-details { row-gap: 15px; }
    .car-key-details .car-key-detail { flex: 0 0 50%; max-width: 50%; }
    .used-car-finance { left: initial; right: 0; width: 700px; }

    .used-car-overview-item > div > strong{font-size: 0.875rem;}

    /*Browse By Budget*/
    .browse-by-budget-term-buttons { flex-wrap: wrap; row-gap: 10px; }
    .browse-by-budget-term-button { padding: 0 15px; }
    .browse-by-results { padding-left: 0; padding-right: 0; overflow-x: scroll; }

    /*Advert Blocks*/
    .showcase { width: 340px; }

    /*Dealership module*/
    .dealership_blocks { overflow-x: scroll; }

    /*Tiled Block*/
    .tiled_block_image { height: 140px; }

    /*Purchase Page*/
    .rc-key-details { flex-wrap: wrap; margin-bottom: 10px }
    .rc-key-details img { display: none; }
    .used-car-finance-term-buttons a { padding: 0 10px; line-height: 16px; }
    .purchase-upsell { flex: initial; }
}

/* TABLET & MOBILE */
@media (max-width:991px) {

    /*USED CAR LANDING PAGE*/
    .used-cars-searchform .search-title { justify-content: center; margin-bottom: 5px; }
    .used-cars-searchform .search-title>span { font-size: 32px; }
    .uc-searchform-left { flex-wrap: wrap; width: 100%; }
    .uc-searchform-right, .used-cars-searchform-wrap.isModule .uc-searchform-right { flex-wrap: wrap; width: 100%; }
    .uc-searchform-right{border: 0; padding: 0;}
    .used-cars-searchform .search-subtitle { width: 100%; text-align: center; margin-bottom: 10px; }
    .used-cars-searchform .search-standard { flex-wrap: wrap; }
    .used-cars-searchform .custom-select-box { width: 100%; border-color: #fff; }
    .used-cars-searchform select { text-align: center; }
    .used-cars-searchform-wrap.isModule .used-cars-searchform .used-car-searchform-submit, .used-cars-searchform .used-car-searchform-submit { line-height: 64px; width: 100%; margin-bottom: 10px; }
    .uc-searchform-popular-searches { display: flex; flex-wrap: wrap; line-height: 16px; }
    .uc-searchform-popular-searches span { width: 100%; margin-bottom: 10px; }
    .car-matchlink { width: 100%; }

    /*SEARCH PAGE*/
    .used-cars-searchform .car-sourcing { padding: 15px 0 15px 0; text-align: center; background-position: calc(50% - 210px) center; }
    .used-cars-searchform .car-sourcing span { margin-left: 10px; }

    /* .used-cars-searchform-wrap:not(.isModule) { display:none; margin-top:-52px; } */
    .used-cars-searchform-wrap:not(.isModule) { display: none; position: absolute; top: 140px; z-index: 3; }
    .used-cars-searchform-wrap:not(.isModule) .search-title { cursor: pointer; }
    .used-cars-searchform-wrap:not(.isModule) .search-title::after { content: ""; display: block; width: 10px; height: 10px; border: solid #fff; border-width: 2px 2px 0 0; transform: rotate(-45deg); position: absolute; top: calc(50% - 5px); right: 0px; }

    /* SEARCH FORM */
    .searchform_toggle { background: #231F20; border-bottom: 2px solid #C62C2E; cursor: pointer; }
    .searchform_toggle span { display: block; width: 100%; line-height: 50px; font-weight: bold; color: #fff; font-size: 20px; position: relative; }
    .searchform_toggle span::after { content: ""; display: block; width: 10px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: calc(50% - 5px); right: 15px; }

    /* SEARCH PAGE */
    .filter-header-responsive{background: #fff; padding: 15px 10px; }
    .filter-header-responsive .search-header { background:none; padding:0; border:0; display: flex; justify-content: space-between; margin:0;  }
    .filter-header-responsive .filter-toggle { color: #fff; position:relative; font-size:16px; font-weight:bold; background: #D23202; border:1px solid #CF5029; 
        height: 48px; padding: 0 10px; border-radius: 50px; width: 220px}

    .filter-header-responsive .filter-toggle::after{content: ""; height: 8px; width: 8px; border: solid #fff; border-width: 0 2px 2px 0; position: absolute;
     right: 15px; top: calc(50% - 4px); transform: rotate(45deg);}

     .used-car-search-left{flex:initial; width: 100%;}
     .used-cooming-soon{padding: 0; background: none; border: 0; font-size: 12px;}

     /*Details Page*/
    .used-car-description{margin-top: 20px;}

    .used-cars-filters { width: calc(100% + 10px); position: relative; }
    .used-car-filter-form { position: absolute; display: none; top: -60px; left: 5px; margin: -10px; z-index: 1000; width: 50%; background: #fff; border: 1px solid #E9E5E5; border-top-width: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16); }

    .filter-group { margin-left: 0; padding-left: 10px; border-right: 0; }
    .car-matchlink.car-matchlink-filter { margin-left: 5px; margin-right: 5px; margin-bottom: 15px; width: auto; }
    .filter-toggle-close { width: 100%; background: #F6F5F5; line-height: 40px; font-size: 16px; text-align: center; cursor: pointer; }
    .search-order { border:0; }
    .sys_sortby { width: 250px; right: -10px; }
    
    .filter-list-mobile-tablet { display: flex; align-items: center; height: auto; flex-wrap:wrap; }
    .filter-list-mobile-tablet .used-cars-clear-filters{margin-left: 10px;}

    .used-car-saver-toggle, .search-order { font-size: 14px; }
    .search-icon-row { display: flex; gap: 25px; align-items: center; justify-content: space-evenly; border-bottom: 1px solid #F1F1F1; }
    .search-icon-row a { display: block; padding-left: 25px; font-size: 14px; color: #231F20; line-height: 50px }
    .search-icon-row a.trade_in { padding-left: 30px; background: url(../images/value-car.svg) no-repeat left center; }
    .search-icon-row a.grade-open { background: url(../images/ribbon.svg) no-repeat left center; }
    .search-icon-row a.nationwide { background: url(../images/ribbon.svg) no-repeat left center; }
    .used-car-search-params { padding: 0 10px; font-size: 12px; color: #231F20; line-height: 40px; }
    .used-car-search-params span { font-weight: bold; }

    /* SEARCH FORM */
    .used-cars-searchform { flex-wrap: wrap; padding: 10px 0; }

    /* USED CARS MODULE */
    .used-car-module .car-slider-wrapper { width: 100%; }

    /* Enquiry Form */
    .enquiry-form-title { font-size: 36px; }
    .ef-header { flex-wrap: wrap; }
    .ef-car-image { width: 100%; }
    .ef-car-info { width: 100%; }
    .enquiry-form .form-group-row .form-group { width: 100%; }

    /* VALUATION FORM */
    .vf_field.reg_field .vf_input { flex-wrap: wrap; gap: 10px; }
    .vf_field.reg_field .vf_input input { width: 100%; }
    .vf_field.reg_field .vf_input a { margin-left: 0; width: 100%; }
    .vf_field.odom_field .vf_input { flex-wrap: wrap; }
    .vf_field.odom_field .vf_input input { width: 100%; }
    .vf_field.odom_field .vf_input .vf_unit_select { width: 100%; border-top: 0; }

    /* Purchase Page*/
    .purchase-form-summary { background: #FFFFFF; border: 1px solid #F2EEEE; border-radius: 5px; padding: 10px; margin: 0 0 10px 0; }
    .purchase-form-summary-toggle { display: flex; column-gap: 10px; align-items: center; font-size: 18px; color: #33363E; font-weight: bold; }
    .purchase-form-summary-toggle img:first-child { height: 49px; }
    .purchase-form-summary-toggle img:last-child { margin-left: auto; rotate: 180deg; width: 18px; transition: rotate 0.3s ease-in; }
    .purchase-form-summary-toggle.open { color: #D85D38; }
    .purchase-form-summary-toggle.open img:first-child { display: none; }
    .purchase-form-summary-toggle.open img:last-child { rotate: 0deg; }
    .ps-car-image { margin: 10px 0; }
    .used-car-media-popup { overflow-y: scroll; }
}

/* TABLET */
@media (min-width:768px) and (max-width:991px) {

    /* SEARCH PAGE */
    .used-car-list { gap: 10px 10px; }

    .new-cars-inner{width: 90%;}
    .nc-gal-prev{left: -38px;}
    .nc-gal-next{right: -38px;}

    /* USED CAR MODULE */
    .used-car-module .used-car { margin: 0 2px }
    .car-slider-wrapper.ucl-gallery .cb-image { height: 175px; }

    /* USED CAR BLOCK */
    .used-car { width: 340px; }
    .cb-image { height: 255px; }
    .cb-info a { font-size: 16px; line-height: 20px; }
    .cb-info span { font-size: 12px; line-height: 20px; }
    .cb-button-row a.reserve { font-size: 14px; }

    /* DETAILS PAGE */
    .used-car-details-info { padding: 10px calc((100vw - 690px)/2) 20px 20px; margin-right: calc((100vw - 690px)/-2); }
    .used-car-images, .used-car-images .gallery a { height: 519px; }
    .used-car-details-info { padding: 0; margin: 20px 0; border: 0; }
    .used-car-ctas { padding: 10px 10px 0 10px; border: 1px solid #F2EEEE; border-radius: 5px; }
    .used-car-finance-buttons { flex-wrap: wrap; }
    .used-car-details-action.finance { width: 100%; }
    .used-car-details-action.tradein { width: calc((100% - 10px)/2); }
    .used-car-finance { top: calc(100% - 12px); width: 100%; }

    .used-car-popup-images{width: 70%;}

    /* VALUATION FORM */
    .vf_col.right { width: 45%; padding: 0 0 0 20px; }
    .vf_photos { gap: 15px; }
    .vf_field.reg_field .vf_input { flex-wrap: wrap; gap: 10px; }
    .vf_field.reg_field .vf_input input { width: 100%; }
    .vf_field.reg_field .vf_input a { margin-left: 0; width: 100%; }
    .vf_field.odom_field .vf_input { flex-wrap: wrap; }
    .vf_field.odom_field .vf_input input { width: 100%; }
    .vf_field.odom_field .vf_input .vf_unit_select { width: 100%; border-top: 0; }
    .smc_left { width: calc(60% - 10px); margin-right: 10px; }
    .smc_right { width: calc(40% - 10px); margin-left: 10px; }
    .mc_box { width: 245px; height: 60px; }
    .mc_box input[name=reg_check] { font-size: 30px; }
    .find_car a.mc_check { padding: 0 10px; font-size: 12px; line-height: 60px; margin-left: 10px; }

    /*Book a service*/
    .used-cars-service-banner { background-image: url(../images/book-service-md.jpg); }

    /*Modules*/

    /*Car Advert Module*/
    .car_advert_block_adverts_container { position: relative; overflow: hidden; }
    .car_advert_block_adverts { overflow-x: scroll; }
    .car_advert_block_advert { flex-shrink: 0; width: 170px; margin-bottom: 10px; }
    .car_advert_block_adverts_container::after { display: none; }

    /*Tiled Block*/
    .tiled_block { width: calc((100% - 10px)/2); }

    /*Used Car Module*/
    .used-car-module .car-slider-wrapper.ucl-list .car-slider { overflow-x: scroll; flex-wrap: nowrap; }
    .used-car-module .ucl-list .used-car { flex-shrink: 0; width: 330px; }
    .used-car-module .ucl-list .cb-image { height: 245px; }

    /*Advert Blocks*/
    .showcase { width: 340px; }

    /*Tiled Block*/
    .tiled_block_image { height: 120px; }

    /*KPI Module*/
    .kpi_module_kpis { width: 100%; justify-content: space-evenly; column-gap: 10px; }

    /*Purchase Page*/
    .rc-key-details { flex-wrap: wrap; margin-bottom: 10px }
    .rc-key-details img { display: none; }
    .used-car-finance-term-buttons { flex-wrap: wrap; row-gap: 10px; }
    .used-car-finance-term-buttons a { width: calc(50% - 5px); }
}

/* MOBILE */
@media (max-width:767px) {

    /*USED CAR LANDING*/
    .car-matchlink>span { font-size: 18px; }

    /* SEARCH FORM */
    .used-cars-searchform-wrap:not(.isModule) { top: 125px; }
    .used-cars-searchform { padding: 40px 0 30px; }
    .used-cars-searchform .custom-select-box { height: 48px; }
    .uc-searchform-popular-searches a { font-size: 13px; }
    .used-cars-searchform .car-sourcing { background-position: calc(50% - 120px) center; }
    .used-cars-searchform .car-sourcing span { margin-left: 0; margin-right: 20px; }

    /* SEARCH PAGE */
    .used-car-filter-form { width: 100%; }
    .filter-list-mobile-tablet { height: auto; }
    .used-car-search { padding-top: 10px; padding-bottom: 10px; flex-wrap: wrap; gap: 10px 0; }
    .used-car-search-left { justify-content: flex-start }
    .used-car-search-mid { flex: 50%; justify-content: flex-end; }
    .used-car-search-right { flex: 0 1 auto; justify-content: flex-start; margin-left: auto; }
    .search-count { font-size: 16px; }
    .used-car-saver-toggle, .search-order { padding: 0 5px; font-size: 11px; }
    .used-car-saver-toggle { margin-right: 5px !important; }

    .new-cars-inner > span{font-size: 1.125rem;}
    .new-cars-inner{width: 80%;}
    .nc-gal-prev{left: -35px;}
    .nc-gal-next{right: -35px;}

    /* USED CAR BLOCK */
    .used-car { width: 100%; margin: 0 auto; }
    .cb-image { height: auto; }
    .cb-button-row a.reserve { font-size: 17px; }
    .cb-button-row a.view { font-size: 18px; }

    /* USED CAR MODULE */
    .used-car-module .used-car { margin: 0; }

    /* pager */
    .used-car-pager>a.pager-next, .used-car-pager>a.pager-prev { width: 50px; font-size: 12px; }

    /* DETAILS PAGE */

    .used-car-images{height: auto;}
    .used-car-images .gallery a{height: auto;}
    .used-car-images{padding: 0;}

    .used-car-body .media-bar{background: none; padding: 0;}
    .media-bar a.mobile-media-view{background: rgba(255, 255, 255, .8); border-radius: 0; padding: 10px;}
    .mobile-media-view > div.mobile{display: flex; align-items: center; gap:5px;}
    .mobile-media-view > div.mobile::before{content: ""; flex-shrink: 0; height: 30px; width: 30px; background: url(../images/open-view.svg) center no-repeat;}
    .used-car-popup-images{width: 100%;}


    .used-car-pricing span { font-size: 18px; }
    .used-car-key-points { text-align: center; }
    .used-car-details-info { padding: 0; margin: 20px 0; border: 0; }
    .used-car-ctas { padding: 10px 10px 0 10px; border: 1px solid #F2EEEE; border-radius: 5px; }
    .used-car-finance-buttons { flex-wrap: wrap; }
    .used-car-finance-buttons a { width: 100%; }
    .used-car-details-action.finance { width: 100%; }
    .used-car-finance-term-buttons { flex-wrap: wrap; gap: 10px; }
    .used-car-finance-term-buttons a { width: calc((100% - 10px)/2); }
    .used-car-details-action.close-finance { width: 100%; margin-left: 0; }
    .used-car-media-popup-container { max-width: calc(100vw - 50px); }
    .used-car-media-popup .used-car-images, .used-car-media-popup .used-car-images .gallery a { height: calc((100vw - 100px)/1.33); }
    .media-popup-close img { width: 30px; height: 30px; }
    .used-car-images-prev, .used-car-images-next { width: 24px; height: 50px; left: 0; }
    .used-car-images-next { left: initial; right: -0px; }
    .used-car-tab-header-wrap { margin-left: -15px; margin-right: -15px; padding: 0 5px; border-top: 1px solid #F2EEEE; }
    .used-car-tab-header { column-gap: 30px; height: 50px; overflow-x: scroll; }
    .used-car-tab-header>a:not(.pdfDownload) { padding: 0; font-size: 14px; flex: 1 0 auto; }
    .used-car-tab-header>a.active { background: none; border: 0; }
    .used-car-tab-header>a.active:after { background: #D85D38; width: 30px; height: 3px; bottom: 0; }
    .used-car-tab { margin-left: -15px; margin-right: -15px; }
    .car-key-details { row-gap: 15px; }
    .car-key-details .car-key-detail { flex: 0 0 50%; max-width: 50%; }
    .car-key-features>div { width: calc(100% / 2); }

    .used-car-title{justify-content: center; display: flex; flex-direction: column; align-items: center; text-align: center;}
    .used-car-title h1{font-size: 28px;}
    .used-car-details-info-inner{width: 100%;}
    .used-car-spec{justify-content: center;}
    .used-car-spec > div{width: 100%; justify-content: center;}
    .used-car-spec > div > div{font-size: 12px; padding: 0 10px !important; margin: 0;}
    .used-car-pricing{align-items: center; justify-content: center; flex-wrap: wrap;}
    .used-car-price, .used-car-finance-price{width: 45%; text-align: center;}
    .adjust-finance-container{width: 100%; display: flex; align-items: center; justify-content: center;}
    .used-car-finance {width: 100%;}
    .used-car-location > a > img{max-width: 85px;}
    .used-car-location {gap:5px;}
    .used-car-location-title > div{flex-wrap: wrap;}
    .used-car-overview-item{width: 48%; padding: 10px 5px; flex: initial;}
    .used-car-overview-item > div > strong{font-size: 1rem;}
    .used-car-overview-item > div > span{font-size: 12px;}

    /* USED CARS BLOCK */
    .cb-price>span { font-size: 20px; }
    .cb-price .cb-finance { font-size: 16px; }
    .cb-price .cb-finance span { font-size: 12px; }

    /* USED CARS MODULE */
    .ucl-title span { font-size: 22px; }
    .ucl-gal-prev, .ucl-gal-next { left: -5px; top: calc(50% - 28px); height: 40px; width: 28px; }
    .ucl-gal-next { right: -5px; left: initial; }
    .ucl-gal-prev::after, .ucl-gal-next::after { width: 10px; height: 10px; border-width: 2px 2px 0 0; top: calc(50% - 5px); right: calc(50% - 2px); }
    .ucl-gal-prev::after { left: calc(50% - 2px); }

    /* Enquiry Form */
    .enquiry-form-title { font-size: 22px; line-height: 46px; }
    .ef-car-image { width: 100%; }
    .ef-car-info { width: 100%; }
    .enquiry-form .form-group-row { flex-wrap: wrap; gap: 0; }
    .enquiry-form .form-group-row .form-group { width: 100%; }

    /* VALUATION FORM */
    .valuation_form { padding: 10px; }
    .vf_header { margin-bottom: 10px; }
    .vf_header span { font-size: 26px; padding-left: 35px; background-size: 32px; }
    .vf_label { line-height: 24px; padding-bottom: 5px; }
    .vf_title span { font-size: 26px; }
    .vf_col, .vf_col.right { width: 100%; padding: 0; }
    .vf_photos { gap: 15px; }
    .vf_photo { width: 120px; height: 120px; }
    .vf-submit-section { padding: 10px 10px 20px; }

    /* RESERVATION FORM */
    .rc-pay-choice>span { display: block; font-size: 20px; line-height: 24px; padding-bottom: 10px; }
    .rc-radio-row { flex-wrap: wrap; }
    .reserve-form .rc-radio-row label { width: 90%; margin: 0; }
    .payment-form .submit-container { flex-wrap: wrap; justify-content: center; }
    .payment-form .rc-info-wrap p { line-height: 20px; }

    /* Service Form */
    .smc_left { width: 100%; margin: 0; }
    .smc_right { width: 100%; margin-top: 20px; }
    .smc_row { flex-wrap: wrap; }
    .smc_row .smc_field { width: 100%; }
    .mc_box { width: 260px; height: 60px; }
    .mc_box .flag { width: 45px; background-size: 30px; }
    .smc_odo { flex-wrap: wrap; }
    .smc_unit_select { width: 100%; border-width: 1px 0 1px 1px; }
    .smc_unit_select .smc_radio { justify-content: center; }
    .sm_contents input[name="car_mileage"] { width: 100%; }
    .mc_box input[name="reg_check"] { font-size: 28px; }
    .extras { padding: 10px; }
    .sm_tabs { background: #231F20; }
    .sm_tabs div { width: 100%; margin: 0 20px; }
    .sm_tabs div:not(.active) { display: none; }
    .sm_tooltip { left: 100px; }

    /*Modules*/

    /*Car Advert Module*/
    .car_advert_block_adverts_container { position: relative; overflow: hidden; }
    .car_advert_block_adverts { overflow-x: scroll; }
    .car_advert_block_advert { flex-shrink: 0; width: 170px; margin-bottom: 10px; }
    .car_advert_block_adverts_container::after { display: none; }

    /*Tiled Block*/
    .tiled_blocks_module { justify-content: center; }
    .tiled_block { width: 300px; }

    /*Used Car Module*/
    .used-car-module .car-slider-wrapper.ucl-list .car-slider { overflow-x: scroll; flex-wrap: nowrap; }
    .used-car-module .ucl-list .used-car { flex-shrink: 0; width: 290px; }
    .used-car-module .ucl-list .cb-image { height: 218px; }

    /*Browse By Budget*/
    .browse-by-budget-term-buttons { flex-wrap: wrap; row-gap: 10px; }
    .browse-by-budget-button { margin-bottom: 15px; }
    .browse-by-budget-term-button { padding: 0 15px; }
    .browse-by-results { padding-left: 0; padding-right: 0; overflow-x: scroll; }
    .browse-by-results .used-car, .browse-by-results .new-car-block { width: 260px; flex-shrink: 0; }
    .browse-by-results .cb-image { height: 195px; }

    /*Service Page*/
    .service-page-heading { font-size: 32px; }
    .service-car-title { line-height: 24px; }
    .service-row:not(.sf-input-servicetype) { flex-wrap: wrap; row-gap: 15px; }
    .ff-input-group { flex-basis: 100%; }
    .sf-loc-action { display: block; font-size: 16px; text-transform: capitalize; padding: 0; }
    .sf-loc-pin { order: 5; width: 58px; border-right: 0; }
    .sf-location-franchises { width: calc(100% - 58px); order: 4; overflow-y: scroll; flex-shrink: 0; margin-top: 10px; }
    .sf-location-franchises>div { max-width: 50px; }
    .sf-location-row>div:first-child { flex-wrap: wrap; }
    .sf-extra { font-size: 15px; flex-basis: 100%; }
    .service_franchise { gap: 30px; }
    .service_franchise .sf_items { gap: 10px; justify-content: center; }
    .service_franchise .sf_item { width: 90px; height: 90px; }
    .service_franchise h5 { align-items: center; text-align: center; }

    /*Fuelsaver*/
    .fs-tablets { flex-wrap: wrap; row-gap: 10px; }
    .fs-tablet { border-radius: 18px; }
    .fs-heading { font-size: 14px; }

    /*Perfect Match*/
    .perfect-match-container { padding-top: 100px; }
    .perfect-match-heading { font-size: 19px; }
    .perfect-match-heading img { width: 40px; }
    .perfect-match-close { width: 30px; }
    .perfect-match-gallery { width: calc(100vw - 40px); height: calc((100vw - 40px)/ 1.33); position: relative; margin-left: auto; margin-right: auto; }
    .pm-slide { width: calc(100vw - 40px); height: calc((100vw - 40px)/ 1.33); }
    .pm-button { width: 40px; height: 40px; }
    .pm-hook-up { font-size: 14px; line-height: 40px; bottom: -20px; }
    .pm-super-like { top: 10px; height: 36px; font-size: 12px; white-space: nowrap; }

    /*Advert Blocks*/
    .showcase { width: 100%; }

    /*Car Purchase*/
    .purchase-form-car { display: block; }
    .purchase-form-heading { font-size: 24px; text-align: center; line-height: 40px; margin-bottom: 10px; }
    .purchase-form-subheading { font-size: 14px; text-align: center; }
    .purchase-form-heading3 { text-align: center; }
    .reserve-car-image { width: 100%; height: auto; margin-bottom: 10px; }
    .rc-title, .rc-price { text-align: center; }
    .rc-buttons { flex-direction: column; height: auto; row-gap: 15px; }
    .rc-cancel { width: 100%; }
    .purchase-payment-option>div:first-child { font-size: 18px; }
    .pc-buttons { flex-direction: column; row-gap: 10px; }
    .pc-buttons a { width: 100%; }
    .pf-complete-buttons { flex-direction: column-reverse; row-gap: 10px; }
    .pf-complete-buttons a, .pf-complete-buttons input[type=submit] { width: 100%; }
    .purchase-form-heading { text-align: left; }
    .purchase-form-subheading { text-align: left; }
}