/* Used Car Search Results */
.used-cars-search-page {
	display: flex;
	background: #15181E;
}

.used-cars-search-page sidebar {
	width: 310px;
}

.used-cars-search-page .search-car-list-container {
	width: calc(100% - 320px);
	padding: 10px 20px;
}

.used-cars-search-page .used-car-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.used-car-footer-controls {
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
}

.used-car-footer-controls .back_to_top {
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	padding: 14px 20px;
	border: 1px solid #fff;
	text-transform: uppercase;
	border-radius: 5px;
}

.used-car-pager {
	display: flex;
	flex: 1 0 0;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	height: 60px;
	flex-wrap: wrap;
}

.used-car-pager>a {
	color: #232323 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	min-height: 33px;
	min-width: 24px;
	padding: 0 10px;
	margin: 0 3px;
	background: #F5F5F5;
}

.used-car-pager>a.active {
	font-weight: 700;
}

.used-car-pager>a.pager-next>span {
	padding-right: 5px;
}

.used-car-pager>a.pager-prev>span {
	padding-left: 5px;
}

.used-car-search-options {
	font-size: 16px;
	color: #726f70;
	padding: 10px 0;
}

.used-car-search-options a {
	color: inherit;
	text-decoration: underline;
}

.used-car-search-options a.active {
	color: #0069a9;
}

/*Search sidebar*/
.sidebar-inner {
	padding: 10px 10px 40px 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: #000000;
}

.sidebar-controls {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sidebar-controls .search-order {
	font-size: 1rem;
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	position: relative;
}

.sidebar-controls .orderBy {
	color: inherit;
	height: 50px;
	padding: 0 10px;
	display: flex;
	width: 100%;
	align-items: center;
	background: #fff;
	border: 1px solid #EEECEC;
	border-radius: 5px;
}

.sidebar-controls .orderBy:after {
	content: '';
	width: 10px;
	height: 10px;
	border: solid #000;
	border-width: 0 2px 2px 0;
	align-self: center;
	margin-left: auto;
	position: absolute;
	right: 15px;
	z-index: 1000;
	transform: rotate(45deg);
}

.sidebar-controls .orderDrop {
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	background: #fff;
	border: 1px solid #EEECEC;
	border-top: 0;
	flex-direction: column;
	padding: 5px 10px;
	z-index: 1001;
	line-height: 30px;
	width: 100%;
}

.sidebar-controls .orderDrop.active {
	display: flex;
}

.sidebar-controls .orderDrop a {
	color: inherit;
}

.sidebar-filters {
	display: flex;
	flex-direction: column;
}

.filter-header {
	padding: 20px 10px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.filter-header a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	cursor: inherit;
}

.filter-header span {
	font-weight: bold;
	font-size: 1.125rem;
	display: flex;
	gap: 10px;
	align-items: center;
}

.filter-header span::before {
	content: "";
	height: 17px;
	width: 17px;
	flex-shrink: 0;
	background: url(../images/filter-icon.svg) center no-repeat;
}

.filter-item {
	display: flex;
	flex-direction: column;
	background: #fff;
	gap: 10px;
	border: solid #EEECEC;
	border-width: 0 1px 1px 1px;
	padding: 10px;
}

.filter-item:first-child {
	border-top: 1px solid #EEECEC;
}

.filter-box-wrap:not(.hidden) {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.filter-item-toggle {
	height: 30px;
	width: 100%;
	color: var(--mainColour);
	font-weight: bold;
	font-size: 1rem;
	display: flex;
	align-items: center;
	position: relative;
}

.filter-item-toggle::after {
	content: "";
	height: 10px;
	width: 10px;
	border: solid var(--mainColour);
	transition: ease-in-out all .3s;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 10px;
}

.filter-item-toggle:hover {
	color: var(--secondaryColour);
}

.filter-item-toggle.open::after {
	transform: rotate(225deg);
	top: 13px;
}

.filter-box {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.filter-box label {
	color: var(--headingsColour);
	font-size: 0.875rem;
}

.filter-box select {
	border: 1px solid #EEECEC;
	border-radius: 5px;
}

.toggle-with-labels {
	display: flex;
	align-items: center;
	gap: 10px;
}

.toggle-with-labels .toggle-label {
	font-size: 0.875rem;
	width: 60px;
	text-align: center;
}

.toggle-with-labels input[type="checkbox"] {
	display: none;
}

.toggle-slider {
	position: relative;
	width: 30px;
	height: 18px;
	background-color: var(--tertiaryColour);
	border-radius: 15px;
	cursor: pointer;
}

.toggle-slider::before {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	transition: left 0.2s;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.toggle-with-labels input:checked+.toggle-slider::before {
	left: 13px;
}

.filter-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
}

.filter-buttons .apply-filters {
	width: 100%;
	background: #fff;
	color: var(--textColour) !important;
}

.filter-buttons .clear-filters {
	text-decoration: underline;
	color: #fff;
}

/*Active Filters*/
.used-cars-search-page .search-car-header {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 10px 0;
	margin-bottom: 20px;
}

.active-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.active-filter {
	color: #fff;
	background: #A5603F;
	padding: 0 10px;
	line-height: 40px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.active-filter::after {
	content: "";
	height: 17px;
	width: 17px;
	background: url(../images/filter-remove.svg) center no-repeat;
}

.clear-filters-btn {
	text-decoration: underline;
	font-size: 0.75rem;
	color: #fff;
}

/* Used Car Block */
.used-car {
	width: calc(25% - 12px);
	position: relative;
	background: #212329;
}

.cb-image {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: flex-start;
	background: #fff;
	justify-content: center;
	position: relative;
}

.cb-image img {
	max-width: 100%;
	height: auto;
}

.cb-favourite {
	height: 26px;
	width: 29px;
	background: url(../images/heart-empty.svg) center no-repeat;
	position: absolute;
	top: 10px;
	left: 10px;
	opacity: 0;
	transition: ease-in-out all .3s;
}

.cb-favourite.exists {
	background-image: url(../images/heart-full.svg);
	background-size: 22px;
	opacity: 1;
}

.cb-stickers {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.cb-fuelsaver {
	color: #fff;
	background: #008B1E;
	padding: 10px;
	font-weight: bold;
	border-radius: 0 5px 5px 0;
}

.cb-fuelsaver span {
	font-size: 0.75rem;
}

.cb-offertext {
	color: #fff;
	background: #DC0D37;
	padding: 10px;
	font-weight: bold;
	border-radius: 0 5px 5px 0;
	text-transform: uppercase;
}

.cb-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px 15px;
	background: #212329;
	color: #fff;
}

.cb-info>a {
	display: flex;
	flex-direction: column;
}

.cb-title {
	font-weight: bold;
	color: #fff;
}

.cb-subtitle {
	color: #fff;
}

.cp-price {
	display: flex;
	align-items: center;
}

.cb-was-price {
	font-weight: bold;
	font-size: 0.75rem;
	text-decoration: line-through;
}

.cb-main-price {
	font-weight: bold;
	font-size: 1.25rem;
}

.cb-was-price+.cb-main-price {
	color: #DC0D37;
	margin-left: 5px;
}

.cb-price-monthly {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #D5D5D5;
}

.cb-action {
	padding: 10px 15px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	border-top: 1px solid #15181E;
	background: #212329;
}

.cb-buttons {
	display: flex;
	align-items: center;
	gap: 25px;
}

.cb-buttons .cb-reserve {
	height: 50px;
	width: 220px;
	flex-shrink: 0;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	margin-right: 20px;
	border-radius: 5px;
	border: 1px solid var(--mainColour);
	transition: ease-in-out all .3s;
	background: #fff;
	color: var(--mainColour);
}

.cb-buttons .cb-reserve:hover {
	background: var(--mainColour);
	color: #fff;
}

.cb-get-finance {
	border-color: #fff;
	color: var(--textColour) !important;
	flex: 1;

}

.cb-link {
	font-size: 0.875rem;
	text-decoration: underline;
	color: #fff;
}

.cb-spec {
	display: flex;
	flex-wrap: wrap;
	color: #fff;
}

.cb-spec>div {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #D5D5D5;
	font-size: 0.875rem;
}

.cb-spec>div:last-child {
	padding-right: 0;
	margin: 0;
	border: 0;
}

.used-car:hover .cb-favourite {
	opacity: 1;
}

/*Used car fav*/
.fav-car-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 0 0 30px 0;
}

/*Fuels Saver*/
.fuel-saver-button {
	background: #F7B21D;
	height: 50px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: var(--headingsColour);
	font-size: 1.125rem;
	font-weight: bold;
}

.fuel-saver-button:hover {
	color: var(--headingsColour);
}

.fuel-saver-button::before {
	content: "";
	flex-shrink: 0;
	height: 24px;
	width: 24px;
	background: url(../images/fuel-saver-off.svg) center no-repeat;
}

.fuel-saver-button.active {
	background: #008B1E;
	color: #fff;
}

.fuel-saver-button.active::before {
	background-image: url(../images/fuel-saver-white.svg);
}

.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;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	transition: ease-in-out all .3s;
	z-index: 6001;
}

.fuelsaver-popup.show {
	opacity: 1;
	visibility: visible;
	z-index: 3000;
}

.fuelsaver {
	background: #F6F6F6 0% 0% no-repeat padding-box;
	padding: 30px;
	text-align: center;
	position: relative;
}

.close-fuelsaver {
	height: 30px;
	width: 30px;
	background: url(../images/fuelsave-close.svg) center no-repeat;
	position: absolute;
	right: 10px;
	top: 10px;
}

.fuelsaver h3::before {
	content: "";
	height: 55px;
	width: 55px;
	background: url(../images/fuelsave-heading.svg) center no-repeat;
}

.fuelsaver h3 {
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.fuelsaver h3::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	background: var(--mainColour);
	border-radius: 50px;
	margin: 0 auto;
}

.fuelsaver p {
	font-size: 0.875rem;
}

.fs-heading {
	font-size: 1.125rem;
	color: var(--headingsColour);
	font-weight: bold;
	margin-bottom: 10px;
}

.fs-tablets {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}

.fs-tablet {
	border: 1px solid var(--headingsColour);
	border-radius: 3px;
	background: #fff;
	width: 115px;
	line-height: 35px;
	color: #33363E;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}

.fs-tablet.selected {
	background: var(--headingsColour);
	color: #fff;
}

.fs-toggle-custom {
	color: var(--textColour);
	text-decoration: underline;
}

.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-submit {
	background: #F7B21D;
	height: 50px;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: var(--headingsColour);
	font-size: 1.125rem;
	font-weight: bold;
	padding: 0 50px;
}

.fs-submit::before {
	content: "";
	flex-shrink: 0;
	height: 24px;
	width: 24px;
	background: url(../images/fuel-saver-off.svg) center no-repeat;
}

.fs-submit:hover {
	color: var(--headingsColour);
}

/* Used Car Details Page */
.used-cars-deatails-page {
	display: flex;
	flex-wrap: wrap;
}

.used-car-details-header {
	width: 100%;
	padding: 10px 0;
	display: flex;
	align-items: center;
}

.used-car-details-header>a {
	font-size: 0.938rem;
	color: var(--tertiaryColour);
	display: flex;
	align-items: center;
	gap: 5px;
}

.used-car-details-header>a::before {
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	border: solid var(--tertiaryColour);
	border-width: 0 0 1px 1px;
}

.used-car-left {
	display: flex;
	flex-direction: column;
	width: 60%;
	padding-right: 10px;
}

.used-car-right {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 40%;
	padding-left: 10px;
}

.used-car-bottom {
	width: 60%;
}

.used-car-gallery-wrap {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--tertiaryColour);
}

.used-car-gallery-wrap>div {
	display: none;
}

.used-car-gallery-wrap>div.active {
	display: block;
}

.used-car-exterior,
.used-car-interior,
.used-car-video {
	height: 520px;
}

.used-car-exterior iframe,
.used-car-interior iframe,
.used-car-video iframe {
	width: 100%;
	height: 520px;
}

.used-car-images {
	position: relative;
	aspect-ratio: 1.3;
	overflow: hidden;
}

.used-car-images img {
	max-width: 100%;
}

.uci-gal-nav {
	position: absolute;
	top: calc(50% - 21px);
	left: 0;
	height: 42px;
	width: 30px;
	transition: ease-in-out all .3s;
	z-index: 10;
	background: rgba(255, 255, 255, .8);
}

.uci-gal-nav.swiper-button-disabled {
	opacity: .5;
}

.uci-gal-nav::before {
	content: "";
	height: 14px;
	width: 14px;
	border: solid var(--tertiaryColour);
	border-width: 0 0 3px 3px;
	transform: rotate(45deg);
	position: absolute;
	left: 10px;
	top: 14px;
}

.uci-gal-next {
	left: initial;
	right: 0;
	transform: rotate(180deg);
}

.used-car-gallery-controls {
	padding: 20px;
	background: var(--tertiaryColour);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.used-car-gallery-controls a {
	color: var(--headingsColour);
	font-weight: bold;
	padding: 13px 10px;
	border-radius: 5px;
	background: #fff;
}

.used-car-gallery-controls a.active {
	background: var(--secondaryColour);
}

.download-brochure {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	border: 1px solid #E9E9E9;
	border-radius: 5px;
	padding: 14px 10px;
}

.download-brochure::before {
	content: "";
	height: 25px;
	width: 25px;
	background: url(../images/download.svg) center no-repeat;
}

.overview_info {}

.overview {
	display: flex;
	gap: 10px;
}

.overview>div {
	width: 50%;
}

.overview>div>div {
	color: #000;
	font-size: 1.25rem;
	padding: 13px 10px;
}

.overview>div>div>span {
	font-weight: bold;
	text-transform: uppercase;
}

.overview>div>div:nth-child(odd) {
	background: #F8F8F8;
}

.overview>div>div:nth-child(even) {
	background: #fff;
}

.used-cars-details {
	margin-top: 20px;
}

.used-car-tab-links-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: -1px;
}

.used-car-tab-links {
	display: flex;
}

.used-car-tab-links a {
	border: solid transparent;
	border-width: 1px 1px 0 1px;
	border-radius: 5px 5px 0 0;
	font-size: 1.25rem;
	padding: 20px 30px;
	font-weight: bold;
	display: flex;
	position: relative;
}

.used-car-tab-links a.active {
	background: #fff;
	border-color: #E9E9E9;
}

.used-car-tab-links a.active::after {
	opacity: 1;
}

.used-car-tab-content {
	background: #fff;
	padding: 30px 10px;
	border: 1px solid #E9E9E9;
	display: none;
}

.used-car-tab-content.active {
	display: block;
}

.used-car-related {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #15181E;
}

.used-car-related>span {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	font-size: 2.625rem;
	font-weight: bold;
	color: #fff;
}

.used-car-related-gallery {
	display: flex;
	gap: 15px;
}

.used-car-right {}

.used-car-right .user-details {
	background: #fff;
	padding: 15px;
	border-radius: 5px 0 0 5px;
	border: solid #EEECEC;
	border-width: 1px 0 1px 1px;
	position: relative;
}

.used-car-right .user-details::after {
	content: "";
	height: calc(100% + 2px);
	width: 100vw;
	background: #fff;
	border: solid #EEECEC;
	border-width: 1px 0;
	position: absolute;
	top: -1px;
	left: 100%;
}

.used-car-details-heading {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
}

.used-car-title {
	font-weight: bold;
	padding: 0;
}

.used-car-sub-title {
	font-size: 1.25rem;
	color: var(--headingsColour);
}

.used-car-details-spec {
	display: flex;
}

.used-car-details-spec>div {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #EEECEC;
}

.used-car-details-spec>div:last-child {
	border: 0;
	margin: 0;
	padding: 0;
}

.used-car-offer-text {
	font-size: 1.125rem;
	font-weight: bold;
	color: #fff;
	align-self: flex-start;
	line-height: 42px;
	text-transform: uppercase;
	padding: 0 10px;
	background: #DC0D37;
}

.used-car-prices {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	margin-bottom: 20px;
}

.used-car-price-monthly {
	display: flex;
	flex-direction: column;
	color: var(--mainColour);
}

.used-car-price-monthly>div:last-child {
	font-size: 1.75rem;
	font-weight: bold;
}

.used-car-price-monthly>div:last-child::after {
	content: " *"
}

.used-car-price {
	display: flex;
	flex-direction: column;
}

.used-car-price>div:first-child {}

.used-car-price>div:last-child {
	font-weight: bold;
	font-size: 1.75rem;
}

.used-car-price.used-car-on-offer>div:last-child>span:first-child {
	color: #DC0D37;
}

.used-car-was-price {
	font-size: 0.75rem;
	margin-left: 10px;
	font-weight: normal;
}

.used-car-was-price span {
	text-decoration: line-through;
}

.used-car-cta {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.used-car-cta>div:not(:last-child) {
	display: flex;
	align-items: center;
	gap: 15px;
}

.used-car-cta .uc-enquire {
	background: linear-gradient(90deg, #E59A52 0%, #764A21 100%);
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
	padding: 14px 20px;
	font-size: 1.125rem;
	width: 320px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-transform: uppercase;
}

.used-car-cta .uc-enquire span {
	font-weight: normal;
	display: inline-flex;
	gap: 5px;
	align-items: center;
}

.used-car-cta .uc-enquire span::after {
	content: "";
	height: 7px;
	width: 7px;
	border: solid #fff;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}

.used-car-cta .uc-testdrive {
	background: #1B1B1B;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
	padding: 14px 20px;
	font-size: 1.125rem;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-transform: uppercase;
	flex: 1 auto;
	width: 245px;
}

.used-car-cta .uc-testdrive span {
	font-weight: normal;
	display: inline-flex;
	gap: 5px;
	align-items: center;
}

.used-car-cta .uc-testdrive span::after {
	content: "";
	height: 7px;
	width: 7px;
	border: solid #fff;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}

.used-car-cta .uc-buy {
	flex-grow: 1;
	border-radius: 5px;
	flex-shrink: 0;
	padding: 14px 20px;
	background: var(--mainColour);
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 1.125rem;
	display: flex;
	align-items: center;
	gap: 5px;
}

.used-car-cta .uc-buy::after {
	content: "";
	height: 7px;
	width: 7px;
	border: solid #fff;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}

.used-car-cta .uc-trade-in {
	background: #fff;
	font-weight: bold;
	color: var(--headingsColour);
	border: 1px solid var(--headingsColour);
	border-radius: 5px;
	padding: 14px 20px;
	font-size: 1.125rem;
	width: 400px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 320px;
}

.used-car-cta .uc-finance-apply {
	background: #fff;
	font-weight: bold;
	color: var(--headingsColour);
	border: 1px solid var(--headingsColour);
	border-radius: 5px;
	padding: 14px 20px;
	font-size: 1.125rem;
	width: 245px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.used-car-cta .adjust-finance-button {
	flex-grow: 1;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
	text-decoration: underline;
}

.used-car-cta .adjust-finance-button::before {
	content: "";
	height: 24px;
	width: 24px;
	background: url(../images/adjust.svg) center no-repeat;
}

.used-car-enquire-trade {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.used-car-enquire-trade>span {
	color: #555555;
	font-size: 0.813rem;
	font-style: italic;
}

.used-car-enquire-trade>div {
	display: flex;
	gap: 20px;
	align-items: center;
}

.uc-favourites {
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: underline;
}

.uc-favourites::after {
	content: "Add to favourites";
}

.uc-favourites.exists::after {
	content: "Remove from favourites";
}

.uc-favourites::before {
	content: "";
	height: 23px;
	width: 26px;
	background: url(../images/heart-full.svg) center no-repeat;
	background-size: contain;
}

.uc-trade-in {
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 5px;
	text-decoration: underline;
}


.used-car-cta .used-car-finance {
	position: relative;
}

.adjust-finance:not(.hidden) {
	width: 100%;
	display: flex;
	gap: 15px;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	background: #fff;
	border-radius: 0 0 0 5px;
	background: #FFF;
	padding: 15px;
	border-top: 1px solid #EEECEC;
}

.adjust-finance:not(.hidden):after {
	content: "";
	height: calc(100% + 2px);
	width: 100vw;
	background: #fff;
	border: 1px solid #EEECEC;
	border-width: 1px 0;
	position: absolute;
	top: -1px;
	left: 100%;
}

.adjust-finance:not(.hidden) hr {
	width: 100%;
	margin:0;
}

.used-car-cta .adjust-finance:not(.hidden) {
	margin-top: -36px;
	margin-left: -15px;
}

.used-car-cta a.close-finance {
	position: absolute;
	display: block;
	right: 10px;
	top: 10px;
	line-height: 30px;
	font-weight: 700;
	background: url(../images/close-calculator.svg) left center no-repeat;
	padding-left: 35px;
	text-decoration: underline;
}

.adjust-finance>span {
	font-weight: bold;
	font-size: 1.75rem;
	color: var(--tertiaryColour);
}

.adjust-finance>p {
	padding: 0;
	font-size: 1.25rem;
	color: var(--tertiaryColour);
}

.finance-amount {
	display: flex;
	background: #F8F8F8;
	height: 65px;
	width: 225px;
}

.finance-amount a {
	height: 100%;
	width: 60px;
	flex-shrink: 0;
}

.finance-amount input {
	border: 0;
	background: none;
	height: 100%;
	flex-grow: 1;
	font-weight: bold;
	font-size: 1.125rem;
	text-align: center;
}

.finance-amount input::before {
	content: "€";
}

.finance-minus {
	background: url(../images/minus.svg) center no-repeat;
}

.finance-plus {
	background: url(../images/plus.svg) center no-repeat;
}

.finance-terms {
	display: flex;
	gap: 14px;
	align-items: center;
}

.finance-terms a {
	border: 1px solid var(--mainColour);
	background: #fff;
	font-weight: bold;
	font-size: 0.875rem;
	padding: 14px 10px;
	border-radius: 5px;
	text-align: center;
}

.finance-terms a.active {
	background: var(--mainColour);
	color: #fff;
}

.finance-breakdown {
	font-size: 2rem;
	color: var(--mainColour);
}

.finance-breakdown .finance-breakdown-byline{
	display: inline-block;
	font-size: 1rem;
	color: var(--mainColour);
}

.finance-info {
	display: flex;
	align-items: center;
	gap: 15px;
}

.finance-info>div {
	font-weight: bold;
}

.finance-info>div>span {
	font-weight: 400;
}

.finance-calc-apply {
	background: #fff;
	font-weight: bold;
	color: var(--headingsColour);
	border: 1px solid var(--headingsColour);
	border-radius: 5px;
	padding: 14px 20px;
	font-size: 1.125rem;
	width: 400px;
	flex-shrink: 0;
	text-align: center;
}

/*Cars Related*/
.used-car-related {
	background: #15181E;
}

.used-car-related-gallery {
	position: relative;
}

.ucr-gal-nav {
	position: absolute;
	top: calc(50% - 21px);
	left: -40px;
	height: 42px;
	width: 30px;
	transition: ease-in-out all .3s;
	z-index: 10;
}

.ucr-gal-nav.swiper-button-disabled {
	opacity: .5;
}

.ucr-gal-nav::before {
	content: "";
	height: 12px;
	width: 12px;
	border: solid var(--tertiaryColour);
	border-width: 0 0 3px 3px;
	transform: rotate(45deg);
	position: absolute;
	left: 11px;
	top: 15px;
}

.ucr-gal-next {
	left: initial;
	right: -40px;
	transform: rotate(180deg);
}

/*Enquire Car Page*/
.enquire-car-page {
	padding: 20px 0;
}

.back-to-car {
	font-size: 0.938rem;
	color: var(--tertiaryColour);
	display: flex;
	align-items: center;
	gap: 5px;
}

.back-to-car::before {
	content: "";
	height: 6px;
	width: 6px;
	transform: rotate(45deg);
	border: solid var(--tertiaryColour);
	border-width: 0 0 1px 1px;
}

.car-form-title {
	color: var(--headingsColour);
	font-weight: bold;
	font-size: 2rem;
	padding: 0 0 5px 0;
}

.car-form-note {
	color: var(--headingsColour);
	font-size: 0.875rem;
	margin-bottom: 20px;
	padding: 0;
	display: block;
}

.car-form {
	border-radius: 10px;
	border: 1px solid #D5D5D5;
	background: #FFF;
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-car-header {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.form-car-image {
	width: 120px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-car-image img {
	max-width: 100%;
	height: auto;
}

.form-car-info {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.form-car-info>span {
	font-weight: bold;
	color: var(--headingsColour);
	font-weight: bold;
	font-size: 1.5rem;
}

.form-car-info>div {
	font-size: 0.875rem;
	color: var(--headingsColour);
}

.car-form label {
	font-size: 1.125rem;
}

.car-form label span {
	color: #DC0D37;
	font-size: 0.75rem;
}

.car-form textarea {
	resize: none;
	height: 150px;
}

.form-checkbox {}

.car-form .form-check-input {
	margin-top: 7px;
}

.car-form-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.car-denotes {
	font-size: 0.75rem;
}

.car-denotes span {
	color: #DC0D37;
}

/*Finance Form module*/

.finance-form-module {
	background: url(../images/finance-background.webp) top center no-repeat rgba(21, 24, 30, 0.80);
	padding: 100px 0;
	background-size: cover;
	background-blend-mode: multiply;
}

.finance-form-module {
	
}

.finance-form-module>div {
	display: flex;
	flex-direction: column;
}

.finance-form-module .ff-right {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.finance-form-module .ff-right span {
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
}

.finance-form-module .ff-right p {
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
}

.finance-form-module .ff-right a {
	color: #fff;
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 1.125rem;
	font-weight: bold;
	text-decoration: underline;
}

.finance-form-module .ff-right a:hover {
	text-decoration: underline;
}

.finance-form-module .ff-right a::before {
	content: "";
	height: 22px;
	width: 22px;
}

.finance-form-module .ff-right a.ff-phone::before {
	background: url(../images/phone.svg) center no-repeat;
}

.finance-form-module .ff-right a.ff-message::before {
	background: url(../images/mail.svg) center no-repeat;
}

.finance-form-module .ff-heading {
	margin-bottom: 20px;
}

.finance-form-module .ff-heading span {
	color: #fff;
	margin-bottom: 10px;
	font-size: 2.5rem;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.finance-form-module .ff-heading .ff-note {
	color: #fff;
}

.finance-form {
	background: #fff;
	padding: 30px 20px;
	background: #fff;
	border-radius: 10px;
}

.finance-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.finance-form .ff-steps {
	font-weight: bold;
	color: var(--mainColour);
	font-size: 1.125rem;
}

.finance-form .from-group-heading {
	font-weight: bold;
	color: var(--headingsColour);
	font-size: 2rem;
}

.ff-step-container {
	display: none;
}

.ff-step-container.active {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ff-step-container .form-groups {
	display: flex;
	gap: 20px;
	width: 100%;
}

.ff-step-container .form-groups .form-group {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.ff-step-container .form-groups-coloumn {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 50%;
}

.ff-step-container .form-groups-coloumn .form-group {
	width: 100%;
}

.ff-step-container .form-group::after {
	content: none;
}

.ff-step-container .form-group label {
	font-size: 1.125rem;
	color: var(--headingsColour);
	font-weight: bold;
}

.ff-step-container .form-group label {}

.ff-step-container .form-radio {
	display: flex;
	justify-content: space-between;
}

.ff-step-container .form-radio .form-group {
	width: 30%;
}

.ff-step-container .form-radio .form-group>div>label {
	font-weight: 400;
	color: #1e1e1e;
}

.ff-step-container input[type=radio] {
	accent-color: var(--mainColour);
}

.ff-step-container .form-group-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.ff-step-container .form-group-check input {
	flex-shrink: 0;
	accent-color: var(--mainColour);
}

.ff-step-container .form-number>div {
	position: relative;
}

.ff-step-container .form-number>div::after {
	content: "€";
	position: absolute;
	left: 10px;
	top: 14px;
}

.ff-step-container .form-number input[type=number] {
	padding-left: 25px;
}

.finance-form-module textarea {
	height: 200px;
	resize: none;
}

.finance-form-module .form-group-check label {
	color: #1e1e1e;
	font-weight: 400;
}

.finance-form-module .ff-button-container {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

.finance-form-module .ff-button-container a.ff-prev-step {
	width: 220px;
	margin-right: auto;
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
}

.finance-form-module .ff-button-container a.ff-next-step {
	width: 220px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
}

.finance-form-module .ff-button-container a.ff-prev-step::before {
	content: "";
	height: 6px;
	width: 6px;
	border: solid #fff;
	border-width: 0 0 1px 1px;
	transform: rotate(45deg);
	transition: ease-in-out all .3s;
}

.finance-form-module .ff-button-container a.ff-next-step::after {
	content: "";
	height: 6px;
	width: 6px;
	border: solid #fff;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
	transition: ease-in-out all .3s;
}

.finance-form-module .ff-button-container a.ff-prev-step:hover::before {
	border-color: var(--mainColour);
}

.finance-form-module .ff-button-container a.ff-next-step:hover::after {
	border-color: var(--mainColour);
}

/* Used Car Search Form Module*/
.search-form-module {
	background: linear-gradient(90deg, #2D363D 0%, #15181E 51.44%);
	padding: 40px 0;
}

.search-form-module>div {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.search-form-module .sfm-header {
	display: flex;
	align-items: center;
	gap: 20px;
}

.search-form-module .sfm-header span {
	color: #fff;
	font-weight: bold;
	font-size: 2.25rem;
}

.search-form-module .sfm-quick-links {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.search-form-module .sfm-quick-links a {
	text-decoration: underline;
	color: #fff;
}

.search-form-module .sfm-filters {
	background: #191D23;
	padding: 20px;
	border-radius: 10px;
	display: flex;
	align-items: flex-end;
	gap: 25px;
}

.search-form-module .sfm-filter {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.search-form-module .sfm-filter label {
	font-weight: bold;
	color: #fff;
	font-size: 1.125rem;
}

.search-form-module .sfm-filter select {
	border-radius: 5px;
	background: url(../images/chevron-down-white.svg) calc(100% - 10px) center no-repeat #242D33;
	border: 1px solid #D5D5D5;
	color: #fff;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.search-form-module .sfm-filter-button {
	width: 300px;
	flex-shrink: 0;
}

.search-form-module .sfm-filter-button button {
	width: 100%;
	position: relative;border-radius: 5px;
	background: linear-gradient(90deg, #E59A52 0%, #764A21 100%);
	border:0;
	color: #fff !important;
	text-transform: uppercase;
}

.search-form-module .sfm-filter-button button::after {
	content: "";
	height: 8px;
	width: 8px;
	border: solid #fff;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: calc(50% - 4px);
	transition: ease-in-out all .3s;
}

.search-form-module .sfm-filter-button button span {
	font-size: 0.75rem;
	font-weight: normal;
	margin-left: 5px;
}

.search-form-module .sfm-filter-button button:hover::after {
	border-color: #fff;
}

.search-form-module .sfm-footer {
	display: flex;
	justify-content: flex-end;
	gap: 15px;
}

.search-form-module .sfm-footer span {
	color: #fff;
	font-weight: bold;
}

.search-form-module .sfm-footer a {
	display: flex;
	align-items: center;
	color: #fff;
	gap: 5px;
	font-size: 0.75rem;
}

.search-form-module .sfm-footer a::before {
	content: "";
	height: 20px;
	width: 20px;
}

.search-form-module .sfm-footer a:hover {
	text-decoration: underline;
}

.search-form-module .sfm-footer .sfm-whatsapp::before {
	background: url(../images/whatsapp.svg) center no-repeat;
}

.search-form-module .sfm-footer .sfm-phone::before {
	background: url(../images/phone.svg) center no-repeat;
}

.search-form-module .sfm-footer .sfm-message::before {
	background: url(../images/mail.svg) center no-repeat;
}

/* Used Car Module */
.used-car-module {
	padding: 80px 0;
	position: relative;
	background: #15181E;
}

.used-car-module>div.car-slider-container {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: center;
}

.used-car-module .ucl-heading {
	text-align: center;
	width: 100%;
}

.used-car-module .ucl-heading span {
	font-size: 2.625rem;
	color: #fff;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.used-car-module .ucl-heading span::after {
	/* content: ""; */
	height: 4px;
	width: 40px;
	border-radius: 50px;
	background: var(--secondaryColour);
}

.used-car-module .car-slider-wrapper {
	position: relative;
	width: 100%;
}

.used-car-module .car-slider {
	width: 100%;
}

.used-car-module .used-car {
	height: auto;
}

.ucl-gal-nav {
	position: absolute;
	top: calc(50% - 21px);
	left: -40px;
	height: 42px;
	width: 30px;
	transition: ease-in-out all .3s;
	z-index: 10;
	background: rgba(255, 255, 255, 0.9);
}

.ucl-gal-nav.swiper-button-disabled {
	opacity: .5;
}

.ucl-gal-nav::before {
	content: "";
	height: 14px;
	width: 14px;
	border: solid var(--tertiaryColour);
	border-width: 0 0 3px 3px;
	transform: rotate(45deg);
	position: absolute;
	left: 11px;
	top: 15px;
}

.ucl-gal-next {
	left: initial;
	right: -40px;
	transform: rotate(180deg);
}

/*Trade Valuation Form*/
.trade-in-module {
	border: 1px solid #EBEBEB;
	padding: 20px;
	background: #fff;
	margin: 20px 0;
}

.trade-in-module h5 {
	padding: 0;
	color: var(--textColour);
	font-weight: bold;
	font-size: 1.5rem;
}

.valuation-form .form-group-heading {
	border-bottom: 1px solid #D8D8D8;
	margin: 20px 0;
	padding-bottom: 10px;
	font-weight: bold;
}

.valuation-form .form-group {
	margin-bottom: 15px;
}

.valuation-form .form-group label {
	font-size: 0.875rem;
}

.valuation-form .form-group label span {
	color: #C7081B;
}

.valuation-form .form-groups {
	display: flex;
	gap: 10px;
}

.valuation-form .form-groups>div {
	width: calc(50% - 5px);
}

.valuation-form .form-group textarea {
	height: 120px;
	resize: none;
}

.valuation-form-submit {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.valuation-form>span {
	margin: 15px 0;
	font-size: 0.875rem;
	display: block;
}

.trade-registration-container {}

.trade-registration {
	display: flex;
	align-items: center;
	gap: 5px;
}

.mc-lookup {
	padding: 10px 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: bold;
	flex-shrink: 0;
	border: 1px solid var(--mainColour);
	color: var(--mainColour);
}

.mc-lookup::before {
	content: "";
	height: 20px;
	width: 20px;
	background: url(../images/search-black.svg) center no-repeat;
	background-size: 20px;
}

.trade-car-details {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 10px 0;
}

/*Bood a service form */
.book-service-module {
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 15px;
	border-radius: 10px;
	margin: 20px 0;
}

.book-service-module form.service-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.book-service-module .service-form-section {
	display: none;
	flex-direction: column;
	gap: 15px;
}

.book-service-module .service-form-section.active {
	display: flex;
}

.book-service-module .sf-heading-wrap {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.book-service-module .sf-heading-wrap>span {
	font-size: 1.25rem;
	color: var(--headingsColour);
}

.book-service-module .sf-heading {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 2rem;
	color: var(--headingsColour);
	font-weight: bold;
}

.book-service-module .sf-heading::after {
	content: "";
	height: 4px;
	width: 44px;
	background: var(--secondaryColour);
	border-radius: 50px;
}

.book-service-module .sf-content {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.book-service-module .sf-content>span {
	font-weight: bold;
	color: var(--headingsColour);
	font-size: 1.25rem;
}

.book-service-module .sf-content p {
	padding: 0;
	margin-bottom: 15px;
}

.book-service-module .sf-content p a {
	text-decoration: underline;
}

.book-service-module .sf-registration {
	display: flex;
	align-items: center;
	height: 68px;
	width: 350px;
	border-radius: 5px;
	overflow: hidden;
}

.book-service-module .sf-registration::before {
	content: "";
	height: 68px;
	width: 38px;
	background: url(../images/regflag.svg) center no-repeat;
	flex-shrink: 0;
}

.book-service-module .sf-registration input {
	height: 68px;
	flex-grow: 1;
	font-size: 1.5rem;
}

.book-service-module .sf-registration input::placeholder {}

.book-service-module .sf-registration .sf-lookup {
	background: var(--mainColour);
	color: #fff;
	font-weight: bold;
	width: 50px;
	height: 100%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.book-service-module input {
	border-radius: 5px;
	height: 50px;
	border: 1px solid #dbdbdb;
	padding: 0 10px;
}

.book-service-module textarea {
	height: 95px;
	resize: none;
	border-radius: 5px;
	padding: 10px;
}

.book-service-module .form-groups {
	display: flex;
	gap: 20px;
}

.book-service-module .form-group {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.book-service-module label {
	font-weight: bold;
	color: var(--headingsColour);
}

.book-service-module .sf-kms {
	position: relative;
}

.book-service-module .sf-kms input {
	padding-right: 60px;
}

.book-service-module .sf-kms span {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.book-service-module .sf-kms span::before {
	content: "";
	height: 30px;
	width: 1px;
	background: #E4DFDF;
	position: absolute;
	left: 0;
	top: calc(50% - 15px);
}

.book-service-module :is(.sf-manual-car, .sf-enter-reg) {
	display: none;
}

.book-service-module :is(.sf-manual-car, .sf-enter-reg).active {
	display: block;
}

.book-service-module .form-radio label {
	color: var(--textColour);
	font-size: 0.875rem;
	font-weight: 400;
}

.book-service-module .form-radio input {
	height: 20px;
}

.book-service-module .form-radio>div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.book-service-module .sf-content>strong {
	font-size: 0.875rem;
}

.book-service-module .sf-buttons {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.book-service-module .service-car-details {
	display: flex;
	margin-top: 10px;
	align-items: center;
	gap: 10px;
}

/*Finance Calculator Module*/
.finance-calculator-module {
	padding: 15px;
	background: #fff;
	margin: 20px 0;
	border-radius: 10px;
	border: 1px solid #d5d5d5;
}

.finance-calculator-module>span {
	font-weight: bold;
	color: var(--headingsColour);
	font-size: 1.75rem;
}

.finance-calculator-module .car-price-input {
	margin-bottom: 20px;
}

.finance-calculator-module .car-price-input input {}

.finance-calculator-module .finance-terms {
	flex-wrap: wrap;
}

.finance-calculator-module .finance-calc-apply {
	width: 100%;
}

/*Car Payment*/
.payment-page {}

.payment-page>div {
	padding: 0 15px;
}

.payment-section {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px 20px 20px 0;
}

.payment-details-form h1,
.payment-section h1,
.payment-details-form h2,
.payment-section h2 {
	font-weight: bold;
	font-size: 2.625rem;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
}

.payment-details-form h1::after,
.payment-section h1::after,
.payment-details-form h2::after,
.payment-section h2::after {
	content: "";
	height: 4px;
	width: 40px;
	border-radius: 50px;
	background: var(--headingsColour);
}

.payment-options {
	display: flex;
	gap: 10px;
}

.payment-options a {
	border: 1px solid #D5D5D5;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	flex-grow: 1;
	padding: 14px 20px;
	background: #fff;
}

.payment-options a.active {
	border-color: #204089;
}

.payment-options div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.payment-options span {
	color: var(--headingsColour);
	font-weight: bold;
	font-size: 2rem;
}

.payment-options p {
	padding: 0;
	color: var(--headingsColour);
}

.payment-options .po-selector {
	height: 20px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--mainColour);
	margin-top: 10px;
	border-radius: 100%;
}

.payment-options .po-selector::before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 100%;
	background: var(--mainColour);
	transition: ease-in-out all .3s;
	opacity: 0;
}

.payment-options>a.active .po-selector::before {
	opacity: 1;
}

.payment-contents {
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #204089;
	background: #FFF;
}

.payment-content {
	display: none;
}

.payment-content.active {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.payment-car-section {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: #fff;
	padding: 20px;
}

.payment-car-section::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	background: #fff;
	height: 100%;
	width: 100vw;
}

.payment-car-section>span {
	font-weight: bold;
	color: var(--headingsColour);
	font-size: 1.75rem;
	margin-top: 90px;
	display: block;
}

.payment-car-section .pc-image {}

.payment-car-section .pc-image img {
	max-width: 100%;
	height: auto;
}

.payment-car-section .pc-info {
	display: flex;
	flex-direction: column;
}

.payment-car-section .pc-info span {
	font-size: 1.5rem;
	color: var(--headingsColour);
}

.payment-car-section .pc-info strong {
	font-size: 1.5rem;
	color: var(--headingsColour);
}

.payment-car-section .pc-summary {
	display: none;
}

.payment-car-section .pc-summary.active {
	display: flex;
	flex-direction: column;
}

.payment-car-section .pc-summary-title {
	color: #1e2f5e;
	font-weight: bold;
	font-size: 20px;
	line-height: 34px;
}

.payment-car-section .pc-summary-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 34px;
	border-block-start: 1px solid #e1e1e1;
}

.payment-car-section .pc-summary-line>div:nth-child(2) {
	width: 100px;
	flex-shrink: 0;
}

.finance-continue,
.payment-continue {
	width: 100%;
}

.payment-content-title {
	color: #1E2F5E;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px;
	/* 244.444% */
}

.payment-subtitle {
	color: #1E2F5E;
	font-family: "Open Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.payment-content-tandc {
	color: #555;
	font-size: 13px;
	font-style: italic;
	line-height: normal;
}

.payment-form-back {
	display: inline-block;
	margin-top: 20px;
}

.payment-details-form-heading {
	margin-bottom: 30px;
}

#payment-details-form:not(.hidden),
#payment-form:not(.hidden) {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
	max-width: 750px;
	justify-content: center;
}

#payment-element {
	width: 100%;
}

.payment-input {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.payment-input label {
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
}

.payment-input input,
.payment-input select {
	border-radius: 5px;
	border: 1px solid #D5D5D5;
	background: #FFF;
	height: 50px;
	padding: 0 10px
}

.payment-input-half {
	width: calc((100% - 10px) / 2);
}

.payment-button,
.payment-proceed {
	width: 100%;
	margin: 10px 0;
}

@media (min-width:992px) {
	.filter-items {
		display: block !important;
	}
}

@media (min-width:1400px) and (max-width:1799px) {

	/*Used car block*/
	.cb-image {
		/* height: 200px; */
	}

	.cb-buttons .cb-reserve {
		width: 155px;
	}

	.used-car-related-gallery .cb-image {
		/* height: 245px; */
	}

	/*Deatils Page*/
	.used-car-images {
	}

	.used-car-exterior,
	.used-car-interior,
	.used-car-video {
		height: 430px;
	}

	.used-car-exterior iframe,
	.used-car-interior iframe,
	.used-car-video iframe {
		height: 430px;
	}
}

@media (max-width:1499px) {

	/*Search Page*/
	.used-car {
		width: calc((100% / 3) - 10px);
	}
}

@media (min-width:1200px) and (max-width:1599px) {

	/*Car Block*/
	.cb-image {
		/* height: 180px; */
	}

	.cb-buttons .cb-reserve {
		width: 140px;
		font-size: 0.875rem;
	}

	.cb-spec>div {
		font-size: 0.75rem;
	}

	.used-car-related-gallery .cb-image {
		/* height: 205px; */
	}

	.used-car-cta .uc-reserve,
	.used-car-cta .finance-apply {
		width: 240px;
	}

	/*Car Details*/
	.used-car-enquire-trade>div {
		gap: 10px;
	}

	.uc-enquire,
	.uc-trade-in,
	.uc-favourites::after {
		font-size: 0.75rem;
	}

}

@media (min-width:1200px) and (max-width:1399px) {

	/*Deatils Page*/
	.used-car-images {
	}

	.used-car-exterior,
	.used-car-interior,
	.used-car-video {
		height: 370px;
	}

	.used-car-exterior iframe,
	.used-car-interior iframe,
	.used-car-video iframe {
		height: 370px;
	}

	.finance-terms {
		gap: 7px;
	}

	.finance-terms a {
		padding: 10px;
	}
}

@media (min-width:992px) and (max-width:1199px) {

	/*Search form*/
	.slider-box-options {
		width: 300px;
	}

	.used-cars-searchform input[type=submit] {
		width: 140px;
		font-size: 16px;
	}

	.used-cars-searchform a.search-advanced-link,
	.custom-select-box select,
	.slider-box-title-year,
	.slider-box-title {
		font-size: 12px;
	}

	/*Car Block*/
	.used-car {
		width: calc(50% - 8px);
	}

	.cb-image {
		/* height: 210px; */
	}

	.cb-info {
		padding: 10px;
	}

	.cb-buttons .cb-reserve {
		width: 125px;
		font-size: 0.875rem;
	}

	.cb-spec>div {
		font-size: 0.75rem;
	}

	.used-car-related-gallery .cb-image {
		/* height: 200px; */
	}

	/*Car Details Page*/
	.used-car-left {
		width: 50%;
	}

	.used-car-right {
		width: 50%;
	}

	.used-car-cta .uc-reserve,
	.used-car-cta .finance-apply {
		width: 240px;
	}

	.used-car-tab-links a {
		font-size: 1rem;
	}

	.overview>div>div {
		font-size: 0.875rem;
	}

	.used-car-images {
	}

	.used-car-exterior,
	.used-car-interior,
	.used-car-video {
		height: 340px;
	}

	.used-car-exterior iframe,
	.used-car-interior iframe,
	.used-car-video iframe {
		height: 340px;
	}

	.used-car-enquire-trade>div {
		gap: 10px;
	}

	.uc-enquire,
	.uc-trade-in,
	.uc-favourites::after {
		font-size: 0.75rem;
	}

	/*Used car search module*/
	.search-form-module .sfm-filter-button {
		width: 150px;
	}
}

@media (max-width:991px) {

	/*Search Page*/
	.used-cars-search-page {
		flex-direction: column;
	}

	.used-cars-search-page sidebar {
		width: 100%;
	}

	.filter-items {
		display: none;
	}

	.filter-header {
		background: #15181E;
	}

	.sidebar-inner {
		padding: 10px 10px 0 10px;
	}

	.filter-item:first-child {
		border-top: 0;
	}

	.sidebar-controls {
		flex-direction: row;
	}

	.fuel-saver-button,
	.sidebar-controls .search-order {
		width: 50%;
		font-size: 0.813rem;
	}

	.fuel-saver-button:not(.active) {
		color: var(--mainColour);
	}

	.search-car-footer {
		align-items: center;
	}

	.used-car-footer-controls {
		justify-content: center;
	}

	.used-car-pager {
		justify-content: center;
	}

	/*Car BLock*/
	.cb-buttons .cb-reserve {
		background: var(--mainColour);
		color: #fff;
	}

	.cb-buttons .cb-get-finance {
		font-size: 1rem;
		padding: 0;
		white-space: nowrap;
	}

	/*Details Page*/
	.used-car-details-header {
		width: 100vw !important;
		max-width: 100vw !important;
		position: relative !important;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		/* margin-right: -50vw; */
		color: #fff;
		background: #000;
		padding:15px 10px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.used-car-details-header > a {
		color: #fff;
	}

	.used-car-details-header > a::before {
		border-color: #fff;
	}

	.used-car-left {
		width: 100%;
		padding: 0;
	}

	.used-car-right {
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}

	.used-car-right .user-details::before {
		content: "";
		height: calc(100% + 2px);
		width: 100vw;
		background: #fff;
		border: solid #EEECEC;
		border-width: 1px 0;
		position: absolute;
		top: -1px;
		left: 0;
		transform: translateX(-100%);
		z-index: 0;
	}

	.used-car-gallery-controls {
		justify-content: flex-end;
	}

	.used-car-back-to-top {
		margin: 20px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/*Finance Form*/
	.finance-form-module {
		padding: 50px 0;
	}

	.finance-form-module>div {
		padding: 0 10px;
	}

	.finance-form-module .ff-heading span {
		font-size: 2rem;
	}

	.finance-form {
		padding: 25px 10px;
	}

	.ff-right {
		margin-top: 20px;
	}

	.ff-step-container .form-group label {
		font-size: 1rem;
	}

	.ff-step-container .form-groups {
		flex-direction: column;
	}

	.ff-step-container .form-groups .form-group {
		width: 100%;
	}

	.finance-form .from-group-heading {
		font-size: 1.5rem;
	}

	.finance-form-module .ff-button-container a.ff-next-step,
	.finance-form-module .ff-button-container a.ff-prev-step {
		width: 100%;
	}

	.ff-step-container .form-groups-coloumn {
		width: 100%;
	}

	.finance-form-module textarea {
		height: 150px;
	}

	.finance-form-module .ff-button-container {
		flex-direction: column;
		gap: 15px;
	}

	/*Service Module*/
	.book-service-module .sf-registration {
		width: 100%;
	}

	.book-service-module .sf-heading {
		font-size: 1.5rem;
	}

	.book-service-module .sf-heading-wrap>span {
		font-size: 1rem;
	}

	.book-service-module .sf-content>span {
		font-size: 1rem;
	}

	.book-service-module .sf-content p {
		font-size: 0.875rem;
	}

	.book-service-module .form-groups {
		flex-direction: column;
	}
}

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

	/*Search Page*/
	.used-cars-search-page .search-car-list-container {
		width: 100%;
	}

	.used-cars-search-page sidebar {
		width: 100%;
		padding-left: 10px;
	}

	.sidebar-inner {
		flex-direction: row;
		align-items: center;
		padding: 0;
	}

	.sidebar-controls {
		flex-grow: 1;
	}

	.sidebar-filters {
		position: relative;
		margin-left: auto;
	}

	.filter-items {
		position: absolute;
		right: 0;
		top: 100%;
		width: 400px;
		z-index: 1000;
		background: #fff;
	}

	.filter-buttons {
		padding-bottom: 30px;
	}

	/*Car Block*/
	.used-car {
		width: calc(50% - 8px)
	}

	.cb-image {
		height: auto;
		aspect-ratio: 1.3;
	}

	.cb-image img {
		height: 100%;
	}

	.cb-buttons .cb-reserve {
		width: 210px;
	}

	/*Used car search module*/
	.search-form-module .sfm-header span {
		font-size: 1.5rem;
	}

	.search-form-module .sfm-quick-links a {
		font-size: 0.875rem;
	}

	.search-form-module .sfm-filters {
		gap: 15px;
	}

	.search-form-module .sfm-filter label {
		font-size: 1rem;
	}

	.search-form-module .sfm-filter-button {
		width: 150px;
	}

	/*Details Page*/
	.used-car-images {
	}

	.used-car-exterior,
	.used-car-interior,
	.used-car-video {
		height: 400px;
	}

	.used-car-exterior iframe,
	.used-car-interior iframe,
	.used-car-video iframe {
		height: 400px;
	}

	
	.used-car-cta .uc-buy,
	.used-car-cta .uc-reserve,
	.used-car-cta .uc-enquire,
	.used-car-cta .uc-trade-in,
	.used-car-cta .uc-testdrive,
	.used-car-cta .uc-finance-apply {
		width: 50%;
	}
}

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

	/*Search Page*/
	.cb-buttons .cb-reserve {
		width: initial;
		padding: 0 20px;
		font-size: .875rem;
		margin-right: 10px;
	}

	.used-cars-search-page .search-car-list-container {
		width: 100%;
	}

	/*Fuelsaver*/
	.fuelsaver {
		width: 100%;
		padding: 30px 10px;
		overflow-y: scroll;
		max-height: 100vh;
	}

	.fs-tablets {
		flex-wrap: wrap;
	}

	.fs-tablet,
	.fs-toggle-custom {
		font-size: 0.875rem;
	}

	.fs-submit {
		padding: 0 20px;
	}

	.fs-heading {
		font-size: 1rem;
	}

	/*Used Car Search*/
	.filter-header {
		background: none;
		border: 0;
	}
	
	.filter-header a {
		color: #fff;
	}


	/*Used Car BLock*/
	.used-car {
		width: 100%;
	}

	.cb-fuelsaver {
		font-size: 0.875rem;
	}

	.cb-image {
		height: fit-content;
	}

	.cb-action {
		padding: 10px;
	}

	.cb-spec>div {
		padding-right: 5px;
		font-size: 0.75rem;
		margin-right: 5px;
	}

	/*Search Form*/
	.search-form-action {
		flex-direction: column;
		width: 100%;
		justify-content: flex-start;
	}

	.used-cars-searchform input[type=submit] {
		width: 100%;
	}

	.used-cars-searchform a.search-advanced-link {
		justify-content: flex-start;
	}

	.search-form-action {
		gap: 10px;
	}

	.used-car-search {
		margin-bottom: 0;
	}

	.used-car-search-header {
		padding-bottom: 10px;
		line-height: 50px;
	}

	.used-car-search-header .container {
		padding: 0;
	}

	.used-car-search-header .search-result-count {
		font-size: 14px;
	}

	.used-car-search-header .orderDrop {
		top: 44px;
		border-top: 1px solid #b5b4b4;
	}

	.used-car-search-header .orderBy {
		width: 150px;
		margin: 0;
	}

	.car-overview {
		flex-wrap: wrap;
	}

	.used-car-efficiency {
		flex-direction: column;
	}

	.used-car-efficiency>div {
		width: 100%;
	}

	/*Used car module*/
	.used-car-module .used-car {
		margin: 0;
	}

	/*Details page*/
	.used-car-images {
		height: auto;
	}

	.used-car-exterior,
	.used-car-interior,
	.used-car-video {
		height: auto;
	}

	.used-car-exterior iframe,
	.used-car-interior iframe,
	.used-car-video iframe {
		height: auto;
	}

	.used-car-gallery-controls {
		justify-content: center;
		padding: 8px 20px;
	}

	.used-car-gallery-controls a {
		font-size: 0.75rem;
		padding: 5px 7px;
	}

	.used-car-cta>div:not(:last-child) {
		flex-direction: column;
	}

	.used-car-title {
		font-size: 1.5rem;
	}

	.used-car-sub-title {
		font-size: 1.125rem;
	}

	.used-car-details-spec>div {
		font-size: 0.75rem;
		text-align: center;
	}

	.used-car-prices {
		gap: 20px;
	}

	.used-car-cta .uc-buy,
	.used-car-cta .uc-reserve,
	.used-car-cta .uc-enquire,
	.used-car-cta .uc-trade-in,
	.used-car-cta .uc-testdrive,
	.used-car-cta .uc-finance-apply {
		width: 100%;
	}

	.adjust-finance:not(.hidden) {
		width: auto;
	}

	.used-car-cta a.close-finance {
		top:15px;
		right:5px;
		font-size: 0;
	}

	.used-car-enquire-trade>div {
		gap: 10px;
	}

	.uc-enquire,
	.uc-trade-in,
	.uc-favourites::after {
		font-size: 0.75rem;
	}

	.used-car-cta .adjust-finance:not(.hidden) {
		margin-top: -107px;
	}

	.adjust-finance {
		align-items: center;
	}

	.adjust-finance>span {
		text-align: center;
		font-size: 1.5rem;
		width: 100%;
	}

	.finance-amount {
		justify-content: center;
		margin: 0 auto;
	}

	.finance-terms {
		flex-wrap: wrap;
		justify-content: center;
	}

	.finance-terms a {
		font-size: 0.75rem;
		padding: 10px 7px;
	}

	.adjust-finance>p {
		width: 100%;
		text-align: center;
	}

	.used-car-enquire-trade>span {
		font-size: 0.75rem;
	}

	.finance-breakdown {
		font-size: 1.5rem;
		text-align: center;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.finance-info {
		width: 100%;
		justify-content: center;
	}

	.finance-info>div {
		font-size: 0.75rem;
	}

	.finance-calc-apply {
		width: 100%;
	}

	.used-car-tab-toggle {
		color: var(--tertiaryColour);
		font-weight: bold;
		background: #fff;
		width: 100%;
		display: flex;
		padding: 10px 10px 20px 10px;
		font-size: 1.125rem;
		position: relative;
		border: 1px solid #E9E9E9;
	}

	.used-car-tab-toggle.active {
		border-bottom-color: transparent;
	}

	.used-car-tab-toggle[data-tab=overview] {
		margin-top: 20px;
	}

	.used-car-tab-toggle::before {
		/* content: ""; */
		height: 4px;
		width: 28px;
		border-radius: 10px;
		background: var(--secondaryColour);
		position: absolute;
		bottom: 10px;
		left: 10px;
	}

	.used-car-tab-toggle::after {
		content: "";
		height: 8px;
		width: 8px;
		border: solid var(--tertiaryColour);
		border-width: 0 1px 1px 0;
		transform: rotate(45deg);
		position: absolute;
		right: 14px;
		top: 17px;
		transition: ease-in-out all .3s;
	}

	.used-car-tab-toggle.active::after {
		transform: rotate(225deg);
		top: 21px;
	}

	.used-car-tab-content {
		border-top: 0;
		padding: 10px 10px 20px 10px;
	}

	.overview {
		flex-direction: column;
		gap: 0;
	}

	.overview>div {
		width: 100%;
	}

	.overview>div>div {
		font-size: 1rem;
	}

	.overview>div:nth-child(2)>div:nth-child(even) {
		background: #F8F8F8;
	}

	.overview>div:nth-child(2)>div:nth-child(odd) {
		background: #ffffff;
	}

	.download-brochure {
		margin: 20px auto 0 auto;
		margin-top: 20px;
		width: 124px;
	}

	.used-car-related>span {
		font-size: 2rem;
	}

	.ucr-gal-nav {
		left: -20px;
	}

	.ucr-gal-next {
		left: initial;
		right: -20px;
	}

	/*Enquire Form*/
	.car-form-title {
		font-size: 1.5rem;
	}

	.form-car-header {
		flex-direction: column;
	}

	.form-car-info>span {
		font-size: 1.125rem;
	}

	.car-form label {
		font-size: 1rem;
	}

	/*Used car search module*/
	.search-form-module {
		padding: 25px 0;
	}

	.search-form-module>div {
		padding: 0 10px;
	}

	.search-form-module .sfm-header {
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
	}

	.search-form-module .sfm-header span {
		font-size: 1.75rem;
	}

	.search-form-module .sfm-quick-links {
		gap: 10px;
	}

	.search-form-module .sfm-quick-links a {
		font-size: 0.875rem;
	}

	.search-form-module .sfm-filters {
		flex-direction: column;
		align-items: flex-start;
		padding: 15px 10px;
		border-radius: 0;
		gap: 15px;
	}

	.search-form-module .sfm-filter {
		width: 100%;
		flex-grow: initial;
	}

	.search-form-module .sfm-filter-button {
		width: 100%;
	}

	.search-form-module .sfm-footer {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 10px;
	}

	.search-form-module .sfm-footer span {
		width: 100%;
	}

	/*Finance Form*/
	.finance_used_module {
		display: flex;
		flex-direction: column;
	}

	.finance_used_module>div:first-child {
		margin-bottom: 20px;
	}

	/* Used Car Module */
	.used-car-module .ucl-heading span {
		font-size: 2rem;
	}

	.ucl-gal-nav {
		left: -30px;
	}

	.ucl-gal-next {
		left: initial;
		right: -30px;
	}

	/*Trade Valuation Form*/
	.trade-in-module h5 {
		font-size: 1.25rem;
	}

	.valuation-form .form-groups {
		flex-direction: column;
		gap: 0
	}

	.valuation-form .form-groups>div {
		width: 100%;
	}

	/* Pruchase Page */
	.payment-section {
		padding: 0;
	}

	.payment-options a {
		padding: 14px 0;
	}

	.payment-options span {
		font-size: 0.875rem;
	}

	.po-finance-price {
		font-size: 1.375rem;
	}
}