.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

.noUi-base, .noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

    .noUi-horizontal .noUi-handle {
        height: 28px;
        right: -17px;
        top: -6px;
        width: 34px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        bottom: -17px;
        height: 34px;
        right: -6px;
        width: 28px
    }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
    cursor: default
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    background: #e8e7e6;
    content: "";
    display: block;
    height: 14px;
    left: 14px;
    position: absolute;
    top: 6px;
    width: 1px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    height: 1px;
    left: 6px;
    top: 14px;
    width: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    color: #999;
    position: absolute
}

.noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #ccc;
    position: absolute
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%,50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%,50%)
}

.noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
}

.noUi-value-vertical {
    padding-left: 25px;
    transform: translateY(-50%)
}

.noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    transform: translate(-50%)
}

.noUi-vertical .noUi-tooltip {
    right: 120%;
    top: 50%;
    transform: translateY(-50%)
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    bottom: 10px;
    left: auto;
    transform: translate(50%)
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    right: 28px;
    top: auto;
    transform: translateY(-18px)
}

#used-car-detail #header-scroll {
    background-color: #fff;
    display: grid;
    grid-auto-flow: column;
    height: 45px;
    justify-content: space-between;
    padding: 0 15px;
    position: sticky;
    top: 77px;
    z-index: 4
}

@media (min-width:768px) {
    #used-car-detail #header-scroll {
        top: 100px
    }
}

@media (min-width:1200px) {
    #used-car-detail #header-scroll {
        border-bottom: 1px solid grey;
        -moz-column-gap: 15px;
        column-gap: 15px;
        top: 120px
    }
}

@media (min-width:1600px) {
    #used-car-detail #header-scroll {
        height: 70px;
        padding: 0 32px;
        top: 160px
    }
}

@media (min-width:1920px) {
    #used-car-detail #header-scroll {
        top: 207px
    }
}

#used-car-detail #header-scroll .cta-container {
    display: none
}

@media (min-width:1200px) {
    #used-car-detail #header-scroll .cta-container {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

        #used-car-detail #header-scroll .cta-container > * {
            border-radius: 0;
            font-size: 13px;
            height: 100%;
            justify-content: center;
            letter-spacing: 3px
        }

        #used-car-detail #header-scroll .cta-container .arrow-right {
            display: none
        }

        #used-car-detail #header-scroll .cta-container .button-quaternary {
            border-right: 1px solid grey
        }
}

#used-car-detail #footer-cta-scroll {
    bottom: 0;
    display: none;
    grid-template-columns: 1fr 1fr;
    position: sticky;
    z-index: 3
}

@media (min-width:1200px) {
    #used-car-detail #footer-cta-scroll {
        display: none
    }
}

#used-car-detail #footer-cta-scroll > * {
    border-radius: 0;
    justify-content: center
}

    #used-car-detail #footer-cta-scroll > * .arrow-right, #used-car-detail #vehicle-dealership-scroll {
        display: none
    }

@media (min-width:1200px) {
    #used-car-detail #vehicle-dealership-scroll {
        background: #f2f2f2;
        grid-auto-flow: column;
        height: 120px;
        justify-content: space-between;
        padding: 0 60px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 20
    }
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll {
        height: 160px
    }
}

@media (min-width:1920px) {
    #used-car-detail #vehicle-dealership-scroll {
        padding: 0 90px
    }
}

@media (min-width:1200px) {
    #used-car-detail #vehicle-dealership-scroll .vehicle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        row-gap: 14px
    }

        #used-car-detail #vehicle-dealership-scroll .vehicle .vehicle-make-variant {
            font-size: 21px;
            margin-bottom: 0
        }
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .vehicle .vehicle-make-variant {
        font-size: 26px
    }
}

#used-car-detail #vehicle-dealership-scroll .vehicle .vehicle-make-variant .make {
    font-family: Roboto-Light,Arial,Sans-Serif
}

#used-car-detail #vehicle-dealership-scroll .vehicle .vehicle-make-variant .model {
    font-family: Roboto-Bold,Arial,Sans-Serif
}

@media (min-width:1200px) {
    #used-car-detail #vehicle-dealership-scroll .vehicle .type {
        font-family: Roboto-Bold,Arial,Sans-Serif;
        font-size: 16px;
        margin-bottom: 0
    }
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .vehicle .type {
        font-size: 21px
    }
}

#used-car-detail #vehicle-dealership-scroll .pricing {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-auto-flow: column
}

    #used-car-detail #vehicle-dealership-scroll .pricing p {
        margin-bottom: 0
    }

@media (min-width:1200px) {
    #used-car-detail #vehicle-dealership-scroll .pricing p.cash-price-line {
        align-items: baseline;
        -moz-column-gap: 12px;
        column-gap: 12px;
        display: grid;
        grid-auto-flow: column
    }

        #used-car-detail #vehicle-dealership-scroll .pricing p.cash-price-line .cash-price {
            font-size: 16px
        }
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .pricing p.cash-price-line .cash-price {
        font-size: 18px
    }
}

#used-car-detail #vehicle-dealership-scroll .pricing p.cash-price-line .or {
    font-size: 12px;
    text-transform: lowercase
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .pricing p.cash-price-line .or {
        font-size: 14px
    }
}

#used-car-detail #vehicle-dealership-scroll .pricing p.monthly-price-line {
    align-items: baseline;
    -moz-column-gap: 17px;
    column-gap: 17px;
    display: grid;
    grid-auto-flow: column
}

@media (min-width:1200px) {
    #used-car-detail #vehicle-dealership-scroll .pricing p.monthly-price-line {
        -moz-column-gap: 20px;
        column-gap: 20px
    }

        #used-car-detail #vehicle-dealership-scroll .pricing p.monthly-price-line .monthly-price {
            font-size: 16px
        }
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .pricing p.monthly-price-line .monthly-price {
        font-size: 18px
    }
}

#used-car-detail #vehicle-dealership-scroll .pricing p.monthly-price-line .month {
    font-size: 12px;
    position: relative;
    text-transform: uppercase
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .pricing p.monthly-price-line .month {
        font-size: 14px
    }
}

#used-car-detail #vehicle-dealership-scroll .pricing p.monthly-price-line .month:before {
    background: #666;
    bottom: 5px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 36px;
    top: 44%;
    transform: rotate(135deg);
    width: 30px
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .pricing p.monthly-price-line .month:before {
        right: 43px;
        width: 35px
    }
}

@media (min-width:1200px) {
    #used-car-detail #vehicle-dealership-scroll .dealership-container {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

#used-car-detail #vehicle-dealership-scroll .dealership-container .dealership {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between
}

    #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership .dealership-info {
        display: flex;
        flex-direction: column;
        margin-bottom: 0
    }

        #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership .dealership-info .dealership-name {
            font-size: 16px;
            text-decoration: underline
        }

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership .dealership-info .dealership-name {
        font-size: 20px
    }
}

#used-car-detail #vehicle-dealership-scroll .dealership-container .dealership .dealership-info .dealership-number {
    font-size: 20px
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership .dealership-info .dealership-number {
        font-size: 24px
    }
}

#used-car-detail #vehicle-dealership-scroll .dealership-container .dealership .phone-button {
    align-items: center;
    background-color: #000;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (min-width:1200px) {
    #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership .phone-button {
        display: none
    }
}

#used-car-detail #vehicle-dealership-scroll .dealership-container .dealership .phone-button .phone-icon {
    height: 18px;
    width: 18px
}

#used-car-detail #vehicle-dealership-scroll .dealership-container .dealership-quote {
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex;
    justify-content: flex-end
}

    #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership-quote .quote-text {
        align-items: center;
        -moz-column-gap: 11px;
        column-gap: 11px;
        display: flex;
        font-size: 17px;
        margin-bottom: 0
    }

        #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership-quote .quote-text .exclamation-icon {
            height: 20px;
            width: 20px
        }

        #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership-quote .quote-text span {
            max-width: 120px
        }

@media (min-width:1200px) {
    #used-car-detail #vehicle-dealership-scroll .dealership-container .dealership-quote .quote-text span {
        max-width: 100%
    }
}

#used-car-detail #vehicle-dealership-scroll .dealership-container .dealership-quote .quote-code {
    font-size: 17px;
    margin-bottom: 0
}

#used-car-detail #vehicle-reserved {
    background: #f0f0f0;
    margin-bottom: -20px;
    position: relative;
    right: 0;
    top: 0;
    width: 100%
}

@media (min-width:576px) {
    #used-car-detail #vehicle-reserved {
        margin-bottom: 0;
        position: absolute;
        right: 30px;
        top: 30px;
        width: -moz-fit-content;
        width: fit-content;
        z-index: 1
    }
}

@media (min-width:768px) {
    #used-car-detail #vehicle-reserved {
        align-items: center;
        display: flex;
        justify-content: space-between;
        right: 0;
        top: 50px
    }
}

@media (min-width:1200px) {
    #used-car-detail #vehicle-reserved {
        right: 40px;
        top: 0
    }
}

@media (min-width:1600px) {
    #used-car-detail #vehicle-reserved {
        top: 30px
    }
}

@media (min-width:768px) {
    #used-car-detail #vehicle-reserved .finance-heading {
        margin-bottom: 0
    }
}

#used-car-detail #vehicle-reserved .apply-button {
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 25px;
    display: flex;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 12px;
    height: 45px;
    justify-content: space-between;
    letter-spacing: 3px;
    padding: 0 0 0 25px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #used-car-detail #vehicle-reserved .apply-button {
        font-size: 13px;
        letter-spacing: 5px
    }
}

#used-car-detail #vehicle-reserved .apply-button:hover {
    color: false
}

#used-car-detail #vehicle-reserved .apply-button svg {
    fill: none;
    height: 13px;
    width: 7px
}

@media (min-width:768px) {
    #used-car-detail #vehicle-reserved .apply-button {
        align-items: center;
        background-color: transparent;
        border: none;
        border-radius: 25px;
        display: flex;
        font-family: Roboto-Medium,Arial,Sans-Serif;
        font-size: 12px;
        height: 45px;
        justify-content: space-between;
        letter-spacing: 3px;
        padding: 0 0 0 40px;
        position: relative;
        text-transform: uppercase
    }
}

@media (min-width:768px) and (min-width:1200px) {
    #used-car-detail #vehicle-reserved .apply-button {
        font-size: 13px;
        letter-spacing: 5px
    }
}

@media (min-width:768px) {
    #used-car-detail #vehicle-reserved .apply-button:hover {
        color: false
    }

    #used-car-detail #vehicle-reserved .apply-button svg {
        fill: transparent;
        height: 13px;
        width: 7px
    }

    #used-car-detail #vehicle-reserved .apply-button {
        background-color: #fff;
        border: 1px solid #000;
        font-weight: 700;
        letter-spacing: 3px
    }
}

#used-car-detail #vehicle-reserved .apply-button .arrow-right {
    display: none
}

@media (min-width:768px) {
    #used-car-detail #vehicle-reserved .apply-button .arrow-right {
        display: flex;
        margin-left: 20px
    }
}

#used-car-detail #vehicle-reserved .apply-button:before {
    background: #666;
    content: "";
    display: block;
    height: 1px;
    left: 5px;
    position: absolute;
    top: 47%;
    transform: rotate(135deg);
    width: 38px
}

#used-car-detail .buy-now {
    align-items: center;
    background: grey;
    border-radius: 25px;
    display: grid;
    margin: 20px 0 0;
    padding: 25px
}

@media (min-width:768px) {
    #used-car-detail .buy-now {
        gap: 30px;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1200px) {
    #used-car-detail .buy-now {
        grid-template-columns: none
    }
}

#used-car-detail .buy-now h3, #used-car-detail .buy-now p {
    color: #fff
}

#used-car-detail .buy-now h3 {
    font-size: 25px;
    font-weight: 700
}

#used-car-detail .buy-now p {
    font-size: 16px
}

@media (min-width:768px) {
    #used-car-detail .buy-now p {
        margin: 0
    }
}

#used-car-detail .back-to-results {
    align-items: center;
    display: grid
}

    #used-car-detail .back-to-results .results-link {
        align-items: center;
        -moz-column-gap: 15px;
        column-gap: 15px;
        display: grid;
        grid-auto-flow: column
    }

        #used-car-detail .back-to-results .results-link .arrow-left {
            height: 12px;
            width: 7px
        }

@media (min-width:768px) {
    #used-car-detail .back-to-results .results-link .arrow-left {
        height: 14px;
        width: 9px
    }
}

#used-car-detail .back-to-results .results-text {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase
}

@media (min-width:768px) {
    #used-car-detail .back-to-results .results-text {
        font-size: 13px
    }
}

#used-car-detail .shortlist {
    cursor: pointer;
    display: grid
}

@media (min-width:768px) {
    #used-car-detail .shortlist {
        align-items: center;
        -moz-column-gap: 15px;
        column-gap: 15px;
        grid-auto-flow: column
    }
}

@media (max-width:767.98px) {
    #used-car-detail .shortlist .shortlist-text {
        display: none
    }
}

@media (min-width:768px) {
    #used-car-detail .shortlist .shortlist-text {
        color: grey;
        font-size: 13px;
        letter-spacing: 3px;
        text-transform: uppercase
    }
}

#used-car-detail .shortlist .shortlist-button {
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    outline: inherit;
    padding: 0;
    position: relative
}

    #used-car-detail .shortlist .shortlist-button .heart-icon {
        height: 26px;
        width: 28px
    }

        #used-car-detail .shortlist .shortlist-button .heart-icon path {
            fill: grey
        }

    #used-car-detail .shortlist .shortlist-button .shortlist-value {
        color: #fff;
        font-size: 11px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        width: 18px
    }

#used-car-detail .font-bold {
    font-family: Roboto-Bold,Arial,Sans-Serif
}

#used-car-detail .font-medium {
    font-family: Roboto-Medium,Arial,Sans-Serif
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance-mobile {
        display: none
    }
}

@media (max-width:1199.98px) {
    #used-car-detail .vehicle-finance-desktop {
        display: none
    }
}

#used-car-detail .used-detail-container {
    overflow: hidden;
    position: relative
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container, #used-car-detail .used-detail-container .vehicle-tabs {
        padding-left: 60px
    }
}

@media (min-width:1920px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container, #used-car-detail .used-detail-container .vehicle-tabs {
        padding-left: 90px
    }
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .desktop-background {
        background-color: #fff
    }
}

#used-car-detail .used-detail-container .two-tone-bg {
    background-color: #f2f2f2;
    overflow: hidden;
    position: relative
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .two-tone-bg {
        background-color: #f2f2f2;
        display: grid
    }
}

@media (max-width:1199.98px) {
    #used-car-detail .used-detail-container .two-tone-bg:before {
        background-color: #fff;
        -webkit-clip-path: polygon(0 0,75% 0,-25% 100%,0 100%);
        clip-path: polygon(0 0,75% 0,-25% 100%,0 100%);
        content: "";
        left: 0;
        padding-top: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }
}

@media (max-width:575.98px) {
    #used-car-detail .used-detail-container .two-tone-bg:before {
        -webkit-clip-path: polygon(0 0,90% 0,-10% 100%,0 100%);
        clip-path: polygon(0 0,90% 0,-10% 100%,0 100%)
    }
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .two-tone-bg:before {
        border-right: 100px solid #f2f2f2;
        border-top: 100px solid #fff;
        content: "";
        position: absolute;
        z-index: 0
    }
}

@media (max-width:1199.98px) {
    #used-car-detail .used-detail-container .two-tone-bg:after {
        background: #fff;
        background: linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 100%);
        content: "";
        height: 1px;
        left: 71%;
        position: absolute;
        top: 0;
        transform: rotate(135deg);
        transform-origin: left;
        width: 200vh;
        z-index: 0
    }
}

@media (max-width:767.98px) {
    #used-car-detail .used-detail-container .two-tone-bg:after {
        left: 69%
    }
}

@media (max-width:575.98px) {
    #used-car-detail .used-detail-container .two-tone-bg:after {
        left: 79%
    }
}

#used-car-detail .used-detail-container .two-tone-bg .dealership-cta-container, #used-car-detail .used-detail-container .two-tone-bg .vehicle-pricing-container {
    position: relative;
    z-index: 2
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .two-tone-bg .vehicle-finance-slice {
        align-items: flex-end;
        display: grid;
        grid-template-columns: 20% 1fr
    }

        #used-car-detail .used-detail-container .two-tone-bg .vehicle-finance-slice .slice {
            aspect-ratio: 1/1;
            background: linear-gradient(45deg,#fff,#fff 50%,#f2f2f2 0,#f2f2f2)
        }
}

#used-car-detail .used-detail-container .vehicle-carousel-container {
    background-color: #f2f2f2
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container {
        background-color: #fff
    }

        #used-car-detail .used-detail-container .vehicle-carousel-container .background-slice {
            background-color: #f2f2f2;
            bottom: 0;
            -webkit-clip-path: polygon(200% 0,0 100%,100% 100%);
            clip-path: polygon(200% 0,0 100%,100% 100%);
            height: 100%;
            height: 200px;
            left: 0;
            left: unset;
            position: absolute;
            right: 0;
            top: 0;
            top: unset;
            width: 100%;
            width: 100px;
            z-index: 1
        }

            #used-car-detail .used-detail-container .vehicle-carousel-container .background-slice:before {
                background: linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 100%);
                content: "";
                height: 1px;
                left: 100%;
                position: absolute;
                top: 0;
                transform: rotate(135deg);
                transform-origin: left;
                width: 200vh;
                z-index: 0
            }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header {
    padding: 40px 30px
}

@media (min-width:768px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header {
        padding: 50px 60px
    }
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header {
        display: flex;
        flex-direction: column;
        height: 200px;
        justify-content: center;
        padding: 0 60px 0 0;
        position: relative
    }
}

@media (min-width:1920px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header {
        justify-content: flex-end;
        padding: 0 90px 40px 0
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .vehicle-make-variant {
    font-size: 20px;
    margin-bottom: 0
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .vehicle-make-variant {
        font-size: 25px
    }
}

@media (min-width:1600px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .vehicle-make-variant {
        font-size: 30px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .vehicle-make-variant .make {
    font-family: Roboto-Light,Arial,Sans-Serif
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .vehicle-make-variant .model {
    font-family: Roboto-Bold,Arial,Sans-Serif
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .type {
    font-family: Roboto-Bold,Arial,Sans-Serif;
    font-size: 16px;
    margin-bottom: 26px
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .type {
        font-size: 21px
    }
}

@media (min-width:1600px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .type {
        font-size: 25px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .features {
    font-size: 12px;
    margin-bottom: 0
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-header .features {
        font-size: 15px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel {
    position: relative
}

    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel.timeless:before {
        background: url(https://cdn.motorparks.co.uk/assets/used-cars/listing-page/timeless-large.webp) no-repeat 50%/contain;
        height: 50px;
        width: 100px
    }

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel.timeless:before {
        height: 100px;
        width: 200px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel.selezione:before {
    background: url(https://cdn.motorparks.co.uk/assets/used-cars/listing-page/selezione.webp) no-repeat 50%/contain;
    height: 50px;
    width: 151px
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel.selezione:before {
        height: 93px;
        width: 300px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel:before {
    content: "";
    left: 30px;
    position: absolute;
    top: -2px;
    z-index: 1
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel:before {
        left: 98px
    }
}

@media (min-width:1920px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel:before {
        left: 128px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel .glide__slides {
    cursor: grab
}

#used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel .controls {
    display: flex;
    justify-content: space-between;
    left: 2.5%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 95%
}

    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel .controls button {
        background: none;
        border: none;
        pointer-events: all
    }

    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel .controls svg polygon {
        fill: #000
    }

    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel .controls .arrow-left, #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel .controls .arrow-right {
        height: 30px
    }

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel .controls .arrow-left, #used-car-detail .used-detail-container .vehicle-carousel-container .vehicle-carousel .controls .arrow-right {
        height: 50px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck {
    display: grid;
    grid-template-columns: auto 45px 200px
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck {
        grid-template-columns: 2fr 1fr 1fr
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck > * {
    height: 45px
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck > * {
        height: 55px
    }
}

@media (min-width:1350px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck > * {
        height: 70px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .images-total {
    align-items: center;
    background: #373836;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: min-content auto;
    padding: 0 15px
}

    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .images-total .camera-icon {
        height: 20px;
        width: 22px
    }

    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .images-total .images-total-line {
        color: #fff;
        font-size: 14px;
        margin-bottom: 0
    }

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .carousel-shortlist {
        background: #373836
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .carousel-shortlist .carousel-shortlist-button {
    background: none;
    background: #373836;
    background: url(/assets/svg/heart-outline-white.svg) no-repeat 50%/26px #373836;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    height: 100%;
    outline: inherit;
    padding: 0;
    width: 100%
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .carousel-shortlist .carousel-shortlist-button {
        display: block;
        margin-left: auto;
        width: 55px
    }
}

@media (min-width:1350px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .carousel-shortlist .carousel-shortlist-button {
        width: 70px
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .carousel-shortlist .carousel-shortlist-button .heart-outline-icon {
    height: 18px;
    width: 20px
}

#used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .carousel-shortlist .carousel-shortlist-button.saved {
    background: url(/assets/svg/heart-outline-white-filled.svg) no-repeat 50%/26px #373836
}

#used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .request-video {
    background: #000
}

    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .request-video .request-video-link {
        align-items: center;
        color: #fff;
        display: grid;
        font-size: 12px;
        grid-template-columns: min-content auto;
        height: 100%;
        justify-content: space-between;
        letter-spacing: 3px;
        padding: 0 15px;
        text-transform: uppercase
    }

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .request-video .request-video-link {
        -moz-column-gap: 18px;
        column-gap: 18px;
        grid-template-columns: auto 2fr;
        justify-content: normal
    }
}

#used-car-detail .used-detail-container .vehicle-carousel-container .carousel-fleck .request-video .request-video-link .play-icon {
    height: 20px;
    width: 20px
}

#used-car-detail .used-detail-container .vehicle-tabs {
    background: #fff
}

@media (max-width:1199.98px) {
    #used-car-detail .used-detail-container .vehicle-tabs {
        display: none
    }
}

#used-car-detail .used-detail-container .vehicle-tabs #vehicle-nav-tab {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    height: 55px
}

@media (min-width:1350px) {
    #used-car-detail .used-detail-container .vehicle-tabs #vehicle-nav-tab {
        height: 70px
    }
}

#used-car-detail .used-detail-container .vehicle-tabs #vehicle-nav-tab .nav-link {
    border: none;
    border-radius: 0;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase
}

    #used-car-detail .used-detail-container .vehicle-tabs #vehicle-nav-tab .nav-link.active {
        font-family: Roboto-Bold,Arial,Sans-Serif
    }

    #used-car-detail .used-detail-container .vehicle-tabs #vehicle-nav-tab .nav-link:not(.active) {
        background-color: #f2f2f2
    }

    #used-car-detail .used-detail-container .vehicle-tabs #vehicle-nav-tab .nav-link:not(:first-child) {
        border-left: 2px solid #fff
    }

    #used-car-detail .used-detail-container .vehicle-tabs #vehicle-nav-tab .nav-link:hover:not(.active) {
        background-color: #fff
    }

#used-car-detail .used-detail-container .vehicle-tabs .tab-body {
    background-color: #fff;
    display: grid;
    grid-auto-flow: row;
    padding: 30px
}

@media (min-width:1200px) {
    #used-car-detail .used-detail-container .vehicle-tabs .tab-body {
        max-height: 1100px;
        overflow-y: auto
    }
}

@media (min-width:1600px) {
    #used-car-detail .used-detail-container .vehicle-tabs .tab-body {
        max-height: 920px
    }
}

#used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row {
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    display: grid;
    padding: 30px 0
}

    #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row.tab-columns {
        grid-template-columns: 1fr 1fr
    }

    #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-left .value, #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-right .value, #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .value-paragraph {
        font-size: 15px
    }

@media (min-width:1600px) {
    #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-left .value, #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-right .value {
        font-size: 16px
    }
}

#used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-left .name, #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-right .name {
    font-size: 13px
}

@media (min-width:1600px) {
    #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-left .name, #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-right .name {
        font-size: 14px
    }
}

#used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content-right {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    row-gap: 26px
}

#used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content p {
    margin-bottom: 0
}

    #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content p.value {
        font-family: Roboto-Bold,Arial,Sans-Serif
    }

    #used-car-detail .used-detail-container .vehicle-tabs .tab-body .tab-body-row .tab-content p.name {
        color: grey
    }

#used-car-detail .vehicle-pricing-container {
    padding: 37px 30px 0
}

@media (min-width:768px) {
    #used-car-detail .vehicle-pricing-container {
        padding: 50px 60px 0
    }
}

@media (min-width:1600px) {
    #used-car-detail .vehicle-pricing-container {
        padding: 100px 60px 0
    }
}

@media (min-width:1920px) {
    #used-car-detail .vehicle-pricing-container {
        padding: 110px 60px 0
    }
}

#used-car-detail .vehicle-pricing-container .pricing-and-breakdown {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between
}

@media (min-width:576px) {
    #used-car-detail .vehicle-pricing-container .pricing-and-breakdown {
        max-width: 100%
    }
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .pricing-and-breakdown {
        justify-content: flex-end
    }
}

#used-car-detail .vehicle-pricing-container .pricing {
    display: grid;
    row-gap: 8px
}

@media (min-width:576px) {
    #used-car-detail .vehicle-pricing-container .pricing {
        align-items: baseline;
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-auto-flow: column
    }
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .pricing {
        align-items: baseline;
        -moz-column-gap: 30px;
        column-gap: 30px;
        grid-auto-flow: column;
        row-gap: 0
    }
}

#used-car-detail .vehicle-pricing-container .pricing p {
    margin-bottom: 0
}

    #used-car-detail .vehicle-pricing-container .pricing p.cash-price-line {
        align-items: baseline;
        -moz-column-gap: 20px;
        column-gap: 20px;
        display: grid;
        grid-auto-flow: column
    }

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .pricing p.cash-price-line {
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

#used-car-detail .vehicle-pricing-container .pricing p.cash-price-line .cash-price {
    font-size: 20px
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .pricing p.cash-price-line .cash-price {
        font-size: 25px
    }
}

#used-car-detail .vehicle-pricing-container .pricing p.cash-price-line .or {
    font-size: 12px;
    text-transform: lowercase
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .pricing p.cash-price-line .or {
        font-size: 14px
    }
}

#used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line {
    align-items: baseline;
    -moz-column-gap: 17px;
    column-gap: 17px;
    display: grid;
    grid-auto-flow: column;
    position: relative
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

#used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .loading-price {
    display: none;
    left: 26px;
    position: absolute;
    top: -3px
}

    #used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .loading-price.active {
        display: flex
    }

    #used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .loading-price .spinner {
        height: 26px;
        width: 26px
    }

#used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .monthly-price {
    font-size: 14px;
    min-height: 20px;
    min-width: 65px;
    opacity: 1;
    transition: opacity .5s ease-in
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .monthly-price {
        font-size: 17px
    }
}

#used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .monthly-price.hide {
    opacity: 0
}

#used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .month {
    font-size: 11px;
    position: relative;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .month {
        font-size: 14px
    }
}

#used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .month:before {
    background: #666;
    bottom: 5px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 36px;
    top: 48%;
    transform: rotate(135deg);
    width: 24px
}

@media (min-width:768px) {
    #used-car-detail .vehicle-pricing-container .pricing p.monthly-price-line .month:before {
        top: 30%;
        width: 42px
    }
}

#used-car-detail .vehicle-pricing-container .breakdown-button-container {
    -webkit-clip-path: polygon(40% 0,100% 0,100% 100%,19% 100%);
    clip-path: polygon(40% 0,100% 0,100% 100%,19% 100%)
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-pricing-container .breakdown-button-container {
        display: none
    }
}

#used-car-detail .vehicle-pricing-container .breakdown-button-container .breakdown-button {
    background: #fff;
    border: 1px solid #000;
    color: #4e4d4d;
    cursor: pointer;
    font-size: 11px;
    height: 33px;
    outline: inherit;
    padding: 0 13px 0 0;
    text-align: right;
    width: 156px
}

#used-car-detail .dealership-cta-container {
    padding: 30px
}

@media (min-width:768px) {
    #used-car-detail .dealership-cta-container {
        padding: 60px
    }
}

#used-car-detail .dealership-cta-container .button.hide {
    display: none
}

@media (min-width:1200px) {
    #used-car-detail .dealership-cta-container .button {
        letter-spacing: 3px
    }
}

#used-car-detail .dealership-cta-container .dealership-container {
    display: grid;
    grid-auto-flow: row;
    max-width: 315px;
    padding-bottom: 40px;
    row-gap: 30px
}

@media (min-width:576px) {
    #used-car-detail .dealership-cta-container .dealership-container {
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        max-width: 100%
    }
}

@media (min-width:768px) {
    #used-car-detail .dealership-cta-container .dealership-container {
        -moz-column-gap: 100px;
        column-gap: 100px
    }
}

@media (min-width:1200px) {
    #used-car-detail .dealership-cta-container .dealership-container {
        -moz-column-gap: 0;
        column-gap: 0;
        grid-auto-flow: column
    }
}

#used-car-detail .dealership-cta-container .dealership-container .dealership {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between
}

@media (max-width:575.98px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership {
        margin-bottom: 34px
    }
}

#used-car-detail .dealership-cta-container .dealership-container .dealership .dealership-info {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

    #used-car-detail .dealership-cta-container .dealership-container .dealership .dealership-info .dealership-name {
        font-size: 16px;
        text-decoration: underline
    }

@media (min-width:1600px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership .dealership-info .dealership-name {
        font-size: 20px
    }
}

#used-car-detail .dealership-cta-container .dealership-container .dealership .dealership-info .dealership-number {
    font-size: 20px
}

@media (min-width:1600px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership .dealership-info .dealership-number {
        font-size: 24px
    }
}

#used-car-detail .dealership-cta-container .dealership-container .dealership .phone-button {
    align-items: center;
    background-color: #000;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (min-width:1200px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership .phone-button {
        display: none
    }
}

#used-car-detail .dealership-cta-container .dealership-container .dealership .phone-button .phone-icon {
    height: 18px;
    width: 18px
}

#used-car-detail .dealership-cta-container .dealership-container .dealership-quote {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:576px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership-quote {
        flex-direction: column
    }
}

@media (min-width:768px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership-quote {
        flex-direction: row
    }
}

@media (min-width:1200px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership-quote {
        align-items: flex-start;
        flex-direction: column
    }
}

#used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-text {
    align-items: center;
    -moz-column-gap: 11px;
    column-gap: 11px;
    display: flex;
    font-size: 12px;
    margin-bottom: 0
}

@media (min-width:1200px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-text {
        align-items: flex-start
    }
}

@media (min-width:1600px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-text {
        font-size: 14px
    }
}

#used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-text .exclamation-icon {
    height: 20px;
    width: 20px
}

#used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-text span {
    max-width: 120px
}

@media (min-width:1200px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-text span {
        max-width: 100%
    }
}

#used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-code {
    font-size: 20px;
    margin-bottom: 0
}

@media (min-width:1200px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-code {
        padding-left: 31px
    }
}

@media (min-width:1600px) {
    #used-car-detail .dealership-cta-container .dealership-container .dealership-quote .quote-code {
        font-size: 24px
    }
}

#used-car-detail .dealership-cta-container .cta-container {
    display: grid;
    row-gap: 15px
}

@media (min-width:768px) {
    #used-car-detail .dealership-cta-container .cta-container {
        -moz-column-gap: 15px;
        column-gap: 15px;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1200px) {
    #used-car-detail .dealership-cta-container .cta-container {
        grid-template-columns: auto
    }
}

@media (min-width:1600px) {
    #used-car-detail .dealership-cta-container .cta-container {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1200px) {
    #used-car-detail #vehicle-detail-accordion {
        display: none
    }
}

#used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .accordion-button {
    height: 45px;
    padding: 0 30px
}

@media (min-width:768px) {
    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .accordion-button {
        height: 55px;
        padding: 0 60px
    }
}

#used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background: #fff
}

    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .accordion-header-text {
        color: #000;
        font-family: Roboto-Bold,Arial,Sans-Serif
    }

    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .accordion-arrow {
        transform: rotate(180deg);
        transition: .25s
    }

#used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background: #f2f2f2
}

#used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .accordion-button:after {
    content: none
}

#used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none
}

#used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .button-content {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .button-content .accordion-header-text {
        color: #000;
        font-size: 12px;
        letter-spacing: 3px;
        text-transform: uppercase
    }

    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-header .button-content .accordion-arrow {
        height: 7px;
        transition: .25s;
        width: 13px
    }

#used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body {
    padding: 0 30px
}

@media (min-width:768px) {
    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body {
        padding: 0 60px
    }
}

#used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body .accordion-body-row {
    padding: 13px 0
}

    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body .accordion-body-row:not(:last-child) {
        border-bottom: 1px solid #e6e6e6
    }

    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body .accordion-body-row .value-container-grid {
        display: grid;
        grid-template-columns: 50% 50%
    }

    #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body .accordion-body-row p {
        margin-bottom: 0
    }

        #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body .accordion-body-row p.value-paragraph {
            font-size: 13px
        }

        #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body .accordion-body-row p.value {
            font-size: 14px
        }

        #used-car-detail #vehicle-detail-accordion .accordion-item .accordion-body .accordion-body-row p.name {
            font-size: 12px
        }

#used-car-detail .vehicle-finance {
    background: #f2f2f2
}

    #used-car-detail .vehicle-finance .finance-heading {
        color: #000;
        font-family: Roboto-Bold,Arial,Sans-Serif;
        font-size: 18px;
        margin-bottom: 26px
    }

@media (min-width:1600px) {
    #used-car-detail .vehicle-finance .finance-heading {
        font-size: 20px
    }
}

@media (min-width:1920px) {
    #used-car-detail .vehicle-finance .finance-heading {
        font-size: 23px
    }
}

#used-car-detail .vehicle-finance .finance-example {
    padding: 40px 30px
}

@media (min-width:768px) {
    #used-car-detail .vehicle-finance .finance-example {
        padding: 60px 60px 0
    }
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance .finance-example {
        padding: 0 60px 10px
    }
}

#used-car-detail .vehicle-finance .finance-example .finance-table {
    display: grid;
    grid-auto-flow: row;
    row-gap: 10px
}

    #used-car-detail .vehicle-finance .finance-example .finance-table .finance-row {
        display: grid;
        grid-auto-flow: column;
        justify-content: space-between
    }

        #used-car-detail .vehicle-finance .finance-example .finance-table .finance-row p {
            color: #000;
            font-size: 13px;
            margin-bottom: 0
        }

@media (min-width:1600px) {
    #used-car-detail .vehicle-finance .finance-example .finance-table .finance-row p {
        font-size: 15px
    }
}

@media (min-width:1920px) {
    #used-car-detail .vehicle-finance .finance-example .finance-table .finance-row p {
        font-size: 17px
    }
}

#used-car-detail .vehicle-finance .finance-example .finance-table .finance-row .tooltip-parent {
    display: flex
}

#used-car-detail .vehicle-finance #deposit-tooltip-desktop, #used-car-detail .vehicle-finance #deposit-tooltip-mobile, #used-car-detail .vehicle-finance #monthly-tooltip-desktop, #used-car-detail .vehicle-finance #monthly-tooltip-mobile, #used-car-detail .vehicle-finance #term-tooltip-desktop, #used-car-detail .vehicle-finance #term-tooltip-mobile {
    display: none
}

    #used-car-detail .vehicle-finance #deposit-tooltip-desktop .exclamation-icon, #used-car-detail .vehicle-finance #deposit-tooltip-mobile .exclamation-icon, #used-car-detail .vehicle-finance #monthly-tooltip-desktop .exclamation-icon, #used-car-detail .vehicle-finance #monthly-tooltip-mobile .exclamation-icon, #used-car-detail .vehicle-finance #term-tooltip-desktop .exclamation-icon, #used-car-detail .vehicle-finance #term-tooltip-mobile .exclamation-icon {
        height: 14px;
        margin-left: 10px;
        margin-right: 10px;
        width: 14px
    }

@media (min-width:768px) {
    #used-car-detail .vehicle-finance #deposit-tooltip-desktop .exclamation-icon, #used-car-detail .vehicle-finance #deposit-tooltip-mobile .exclamation-icon, #used-car-detail .vehicle-finance #monthly-tooltip-desktop .exclamation-icon, #used-car-detail .vehicle-finance #monthly-tooltip-mobile .exclamation-icon, #used-car-detail .vehicle-finance #term-tooltip-desktop .exclamation-icon, #used-car-detail .vehicle-finance #term-tooltip-mobile .exclamation-icon {
        height: 20px;
        width: 20px
    }
}

#used-car-detail .vehicle-finance #deposit-tooltip-desktop.active, #used-car-detail .vehicle-finance #deposit-tooltip-mobile.active, #used-car-detail .vehicle-finance #monthly-tooltip-desktop.active, #used-car-detail .vehicle-finance #monthly-tooltip-mobile.active, #used-car-detail .vehicle-finance #term-tooltip-desktop.active, #used-car-detail .vehicle-finance #term-tooltip-mobile.active {
    display: flex
}

#used-car-detail .vehicle-finance .tooltip {
    z-index: 1
}

    #used-car-detail .vehicle-finance .tooltip.show {
        opacity: 1
    }

#used-car-detail .vehicle-finance .tooltip-arrow:before {
    border-top-color: #000
}

#used-car-detail .vehicle-finance .tooltip-inner {
    background-color: #000;
    color: #fff
}

#used-car-detail .vehicle-finance .finance-terms {
    color: #000;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-top: 30px
}

    #used-car-detail .vehicle-finance .finance-terms .terms-link {
        text-decoration: underline
    }

#used-car-detail .vehicle-finance .apply-for-finance {
    padding: 0 30px 10px;
    position: relative
}

@media (min-width:768px) {
    #used-car-detail .vehicle-finance .apply-for-finance {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0 60px 10px
    }

        #used-car-detail .vehicle-finance .apply-for-finance .finance-heading {
            margin-bottom: 0
        }
}

#used-car-detail .vehicle-finance .apply-for-finance .apply-button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 25px;
    display: flex;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 12px;
    height: 45px;
    justify-content: space-between;
    letter-spacing: 3px;
    padding: 0 25px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance .apply-for-finance .apply-button {
        font-size: 13px;
        letter-spacing: 5px
    }
}

#used-car-detail .vehicle-finance .apply-for-finance .apply-button:hover {
    color: false
}

#used-car-detail .vehicle-finance .apply-for-finance .apply-button svg {
    fill: none;
    height: 13px;
    width: 7px
}

@media (min-width:768px) {
    #used-car-detail .vehicle-finance .apply-for-finance .apply-button {
        align-items: center;
        background-color: #f2f2f2;
        border: none;
        border-radius: 25px;
        display: flex;
        font-family: Roboto-Medium,Arial,Sans-Serif;
        font-size: 12px;
        height: 45px;
        justify-content: space-between;
        letter-spacing: 3px;
        padding: 0 0 0 40px;
        position: relative;
        text-transform: uppercase;
        width: 280px
    }
}

@media (min-width:768px) and (min-width:1200px) {
    #used-car-detail .vehicle-finance .apply-for-finance .apply-button {
        font-size: 13px;
        letter-spacing: 5px
    }
}

@media (min-width:768px) {
    #used-car-detail .vehicle-finance .apply-for-finance .apply-button:hover {
        color: false
    }

    #used-car-detail .vehicle-finance .apply-for-finance .apply-button svg {
        fill: #000;
        height: 13px;
        width: 7px
    }

    #used-car-detail .vehicle-finance .apply-for-finance .apply-button:before {
        background: #666;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 40%;
        transform: rotate(135deg);
        width: 50px
    }
}

#used-car-detail .vehicle-finance .apply-for-finance .apply-button:after {
    background: linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 100%);
    content: "";
    height: 1px;
    left: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: rotate(135deg);
    transform-origin: left;
    width: 200vh;
    z-index: 0
}

@media (min-width:768px) {
    #used-car-detail .vehicle-finance .apply-for-finance .apply-button:after {
        left: 128%
    }
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance .apply-for-finance .apply-button:after {
        left: 128%
    }
}

@media (min-width:1350px) {
    #used-car-detail .vehicle-finance .apply-for-finance .apply-button:after {
        width: 300vw
    }
}

@media (max-width:767.98px) {
    #used-car-detail .vehicle-finance .apply-for-finance .apply-button .arrow-right {
        display: none
    }
}

#used-car-detail .vehicle-finance .finance-carousel {
    padding: 0 0 0 30px;
    position: relative
}

@media (min-width:576px) {
    #used-car-detail .vehicle-finance .finance-carousel {
        padding: 0 30px
    }
}

@media (min-width:768px) {
    #used-car-detail .vehicle-finance .finance-carousel {
        padding: 0 60px
    }
}

@media (max-width:575.98px) {
    #used-car-detail .vehicle-finance .finance-carousel:after {
        background: linear-gradient(90deg,hsla(85,50%,63%,0),#f2f2f2);
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px
    }
}

#used-car-detail .vehicle-finance .finance-carousel .glide__slides {
    margin-bottom: 0
}

@media (min-width:576px) {
    #used-car-detail .vehicle-finance .finance-carousel .glide__slides {
        transform: none !important
    }
}

#used-car-detail .vehicle-finance .finance-carousel .glide__slide {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    min-height: 40px
}

@media (min-width:768px) {
    #used-car-detail .vehicle-finance .finance-carousel .glide__slide {
        justify-content: center
    }
}

@media (min-width:1600px) {
    #used-car-detail .vehicle-finance .finance-carousel .glide__slide {
        font-size: 16px
    }
}

#used-car-detail .vehicle-finance .finance-carousel .glide__slide.glide__slide--active {
    font-family: Roboto-Bold,Arial,Sans-Serif
}

    #used-car-detail .vehicle-finance .finance-carousel .glide__slide span, #used-car-detail .vehicle-finance .finance-carousel .glide__slide.glide__slide--active:hover span {
        color: #000
    }

#used-car-detail .vehicle-finance .finance-carousel .glide__slide:hover span {
    color: #4d4d4d
}

#used-car-detail .vehicle-finance .finance-sliders {
    display: grid;
    padding: 35px 30px 62px;
    row-gap: 30px
}

@media (min-width:768px) {
    #used-car-detail .vehicle-finance .finance-sliders {
        padding: 40px 60px 60px
    }
}

#used-car-detail .vehicle-finance .finance-sliders p {
    margin-bottom: 0
}

#used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments {
    align-items: flex-end;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between
}

    #used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .radio-buttons {
        display: grid;
        row-gap: 16px
    }

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .radio-buttons {
        grid-auto-flow: column
    }
}

#used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .radio-buttons .radio-button-container {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .radio-buttons .radio-button-container.monthly-radio-container {
        margin-left: 25px
    }
}

#used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .radio-buttons .radio-button-container input[type=radio] {
    cursor: pointer;
    height: 20px;
    width: 20px
}

@media (min-width:1600px) {
    #used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .radio-buttons .radio-button-container input[type=radio] {
        height: 23px;
        width: 23px
    }
}

#used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .radio-buttons .radio-button-container input[type=radio]:checked:before {
    background: url(/assets/svg/tick.svg) no-repeat 50%/12px #c6d303;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%
}

#used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .value-container {
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 14px
}

@media (min-width:1350px) {
    #used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .value-container {
        font-size: 16px
    }
}

@media (min-width:1920px) {
    #used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .value-container {
        font-size: 18px
    }
}

#used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .value-container .percentage.hide, #used-car-detail .vehicle-finance .finance-sliders .deposit-monthly-payments .value-container .pound.hide {
    display: none
}

#used-car-detail .vehicle-finance .finance-sliders .vehicle-slider-container {
    display: grid;
    row-gap: 35px
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance .finance-sliders .vehicle-slider-container {
        row-gap: 20px
    }
}

@media (min-width:1600px) {
    #used-car-detail .vehicle-finance .finance-sliders .vehicle-slider-container {
        row-gap: 35px
    }
}

#used-car-detail .vehicle-finance .finance-sliders .vehicle-slider-container .slider-content {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between
}

#used-car-detail .vehicle-finance .finance-sliders .deposit-slider.hide, #used-car-detail .vehicle-finance .finance-sliders .deposit-value.hide, #used-car-detail .vehicle-finance .finance-sliders .monthly-slider.hide, #used-car-detail .vehicle-finance .finance-sliders .monthly-value.hide {
    display: none
}

#used-car-detail .vehicle-finance .finance-sliders .finance-slider {
    border: none;
    box-shadow: none;
    height: 5px
}

    #used-car-detail .vehicle-finance .finance-sliders .finance-slider .noUi-connect {
        background: #c6d303
    }

    #used-car-detail .vehicle-finance .finance-sliders .finance-slider .noUi-target {
        background: #fff
    }

    #used-car-detail .vehicle-finance .finance-sliders .finance-slider .noUi-handle {
        background: #c6d303;
        border: none;
        border-radius: 9px;
        box-shadow: none;
        cursor: pointer;
        height: 14px;
        right: -9px;
        top: -5px;
        width: 14px
    }

        #used-car-detail .vehicle-finance .finance-sliders .finance-slider .noUi-handle:after, #used-car-detail .vehicle-finance .finance-sliders .finance-slider .noUi-handle:before {
            display: none
        }

#used-car-detail .vehicle-finance .finance-sliders .finance-input-value-container {
    position: relative
}

    #used-car-detail .vehicle-finance .finance-sliders .finance-input-value-container:after {
        border-bottom: 2px solid #000;
        bottom: -8px;
        content: "";
        position: absolute;
        right: 0;
        width: 100%
    }

#used-car-detail .vehicle-finance .finance-sliders .finance-input-value {
    background: none;
    border: none;
    padding: 0;
    pointer-events: none;
    text-align: right;
    width: 70px
}

#used-car-detail .vehicle-finance .finance-sliders .pound.hide + .finance-input-value-container .finance-input-value {
    width: 30px
}

#used-car-detail .vehicle-finance .finance-sliders .radio-label, #used-car-detail .vehicle-finance .finance-sliders .slider-heading {
    font-size: 13px
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance .finance-sliders .radio-label, #used-car-detail .vehicle-finance .finance-sliders .slider-heading {
        font-size: 15px
    }
}

@media (min-width:1920px) {
    #used-car-detail .vehicle-finance .finance-sliders .radio-label, #used-car-detail .vehicle-finance .finance-sliders .slider-heading {
        font-size: 17px
    }
}

#used-car-detail .vehicle-finance .finance-sliders .radio-label {
    cursor: pointer;
    padding-left: 14px
}

#used-car-detail .vehicle-finance .finance-sliders .annual-mileage-line, #used-car-detail .vehicle-finance .finance-sliders .payment-term-line {
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 13px
}

@media (min-width:1350px) {
    #used-car-detail .vehicle-finance .finance-sliders .annual-mileage-line, #used-car-detail .vehicle-finance .finance-sliders .payment-term-line {
        font-size: 15px
    }
}

@media (min-width:1920px) {
    #used-car-detail .vehicle-finance .finance-sliders .annual-mileage-line, #used-car-detail .vehicle-finance .finance-sliders .payment-term-line {
        font-size: 17px
    }
}

#used-car-detail .vehicle-finance .scroll-wrapper {
    position: relative
}

@media (min-width:1200px) {
    #used-car-detail .vehicle-finance .scroll-wrapper {
        display: block
    }
}

#used-car-detail .vehicle-finance .scroll-wrapper .scroll-track {
    background-color: #f2f2f2;
    border-bottom: 1px solid #000;
    margin-top: 2px
}

#used-car-detail .vehicle-finance .scroll-wrapper .scroll-bar {
    background-color: #c6d303;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .2s ease;
    width: 33.3333333333%
}

#used-car-detail .finance-example-container {
    position: relative
}

#used-car-detail .loading-overlay {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: hsla(0,0%,100%,.4);
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

@media (min-width:1200px) {
    #used-car-detail .loading-overlay {
        top: -20px
    }
}

#used-car-detail .loading-overlay.active {
    display: flex
}

#used-car-detail .loading-overlay.hiding {
    opacity: 0;
    transition: opacity .4s ease-out
}

#used-car-detail .loading-overlay .loading-message-container {
    align-items: center;
    background-color: #000;
    border-radius: 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 160px;
    justify-content: center;
    margin-top: 50px;
    padding: 0 30px
}

    #used-car-detail .loading-overlay .loading-message-container .spinner {
        margin-bottom: 25px
    }

        #used-car-detail .loading-overlay .loading-message-container .spinner circle {
            fill: #fff
        }

    #used-car-detail .loading-overlay .loading-message-container .error-message, #used-car-detail .loading-overlay .loading-message-container .loading-message {
        font-size: 14px;
        margin-bottom: 0;
        text-align: center
    }

        #used-car-detail .loading-overlay .loading-message-container .error-message, #used-car-detail .loading-overlay .loading-message-container .loading-message.hide {
            display: none
        }

            #used-car-detail .loading-overlay .loading-message-container .error-message.active {
                display: flex
            }

.default-module-layout .light {
    font-family: Roboto-Light,Arial,Sans-Serif
}

.default-module-layout .medium {
    font-family: Roboto-Medium,Arial,Sans-Serif
}

.default-module-layout .bold {
    font-family: Roboto-Bold,Arial,Sans-Serif
}

.default-module-layout .background-image {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 768px 500px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    position: relative
}

@media (min-width:1024px) {
    .default-module-layout .background-image {
        background-size: cover
    }
}

@media (min-width:1200px) {
    .default-module-layout .background-image {
        grid-auto-flow: column;
        grid-template-columns: 2fr 1fr;
        grid-template-rows: 1fr
    }

        .default-module-layout .background-image.flex-reverse {
            grid-auto-flow: column;
            grid-template-columns: 1fr 2fr
        }
}

.default-module-layout .background-image.flex-reverse .primary-container {
    position: relative
}

@media (max-width:1199.98px) {
    .default-module-layout .background-image.flex-reverse .primary-container {
        grid-row: 2
    }
}

@media (min-width:1200px) {
    .default-module-layout .background-image.flex-reverse .primary-container {
        -webkit-clip-path: polygon(100% -100%,0 100%,100% 100%);
        clip-path: polygon(100% -100%,0 100%,100% 100%);
        grid-column: 2;
        grid-template-columns: 1fr 1fr
    }

        .default-module-layout .background-image.flex-reverse .primary-container:before {
            content: "";
            display: block;
            padding-bottom: 100%
        }
}

.default-module-layout .background-image.flex-reverse .primary-container .content {
    z-index: 1
}

@media (min-width:1200px) {
    .default-module-layout .background-image.flex-reverse .primary-container .content {
        grid-column: 2;
        padding: 0 60px 0 0
    }
}

@media (min-width:1600px) {
    .default-module-layout .background-image.flex-reverse .primary-container .content {
        padding: 0 90px 0 0
    }
}

@media (min-width:1920px) {
    .default-module-layout .background-image.flex-reverse .primary-container .content {
        padding: 0 140px 0 0
    }
}

@media (max-width:1199.98px) {
    .default-module-layout .background-image.flex-reverse .secondary-container {
        grid-row: 1
    }
}

@media (min-width:768px) {
    .default-module-layout .background-image.flex-reverse .secondary-container.secondary-container-mobile {
        display: none
    }
}

@media (max-width:767.98px) {
    .default-module-layout .background-image.flex-reverse .secondary-container.secondary-container-tablet {
        display: none
    }
}

.default-module-layout .background-image .primary-container .content, .default-module-layout .background-image .secondary-container .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 26px
}

@media (max-width:1199.98px) {
    .default-module-layout .background-image .primary-container .content, .default-module-layout .background-image .secondary-container .content {
        padding: 77px 90px 70px
    }
}

@media (max-width:1023.98px) {
    .default-module-layout .background-image .primary-container .content, .default-module-layout .background-image .secondary-container .content {
        padding: 77px 60px 70px
    }
}

@media (max-width:767.98px) {
    .default-module-layout .background-image .primary-container .content, .default-module-layout .background-image .secondary-container .content {
        padding: 77px 30px 70px
    }
}

@media (min-width:1350px) {
    .default-module-layout .background-image .primary-container .content, .default-module-layout .background-image .secondary-container .content {
        row-gap: 28px
    }
}

.default-module-layout .background-image .primary-container {
    background-color: #373836;
    display: grid
}

@media (min-width:1200px) {
    .default-module-layout .background-image .primary-container {
        -webkit-clip-path: polygon(0 0,50% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,50% 0,100% 100%,0 100%);
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr
    }

        .default-module-layout .background-image .primary-container:before {
            content: "";
            display: block;
            padding-bottom: 100%
        }

        .default-module-layout .background-image .primary-container .content {
            grid-column: 1;
            padding: 0 0 0 60px;
            position: relative
        }
}

@media (min-width:1600px) {
    .default-module-layout .background-image .primary-container .content {
        padding: 0 0 0 90px
    }
}

@media (min-width:1920px) {
    .default-module-layout .background-image .primary-container .content {
        padding: 0 0 0 140px
    }
}

.default-module-layout .background-image .primary-container .content .heading {
    color: #fff;
    font-size: 25px;
    line-height: 29px;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .default-module-layout .background-image .primary-container .content .heading {
        font-size: 30px;
        line-height: 43px
    }
}

.default-module-layout .background-image .primary-container .content .heading .heading-bold {
    font-family: Roboto-Bold,Arial,Sans-Serif
}

.default-module-layout .background-image .primary-container .content .heading .heading-light {
    font-family: Roboto-Light,Arial,Sans-Serif
}

.default-module-layout .background-image .primary-container .content .primary-content {
    display: flex;
    flex-direction: column;
    row-gap: 34px
}

    .default-module-layout .background-image .primary-container .content .primary-content p {
        color: #fff;
        margin-bottom: 0
    }

@media (min-width:768px) {
    .default-module-layout .background-image .secondary-container.secondary-container-mobile {
        display: none
    }
}

@media (max-width:767.98px) {
    .default-module-layout .background-image .secondary-container.secondary-container-tablet {
        display: none
    }
}

.default-module-layout .background-image .crosshair-icon {
    height: 17px;
    width: 17px
}

#part-exchange-valuation .background-image {
    background-position: top;
    background-size: contain;
    grid-template-rows: auto
}

@media (min-width:1200px) {
    #part-exchange-valuation .background-image {
        background-position: 0 100%;
        background-size: 67%
    }
}

@media (min-width:768px) {
    #part-exchange-valuation .secondary-container {
        height: 300px
    }
}

@media (min-width:1024px) {
    #part-exchange-valuation .secondary-container {
        background-size: 0;
        height: 400px
    }
}

@media (max-width:1199.98px) {
    #part-exchange-valuation .px-input-content-container .heading {
        display: flex;
        flex-direction: column
    }
}

#part-exchange-valuation .px-input-content-container .blurb {
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 15px
}

#part-exchange-valuation .px-input-content-container .instructions {
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 16px
}

#part-exchange-valuation #value-px-form {
    display: flex;
    flex-direction: column;
    margin: 0;
    max-width: 360px;
    row-gap: 15px;
    width: 100%
}

#part-exchange-valuation .button-px {
    align-items: center;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    display: flex;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 12px;
    font-size: 14px;
    height: 45px;
    justify-content: space-between;
    letter-spacing: 3px;
    padding: 0 25px;
    text-transform: uppercase;
    text-transform: none
}

@media (min-width:1200px) {
    #part-exchange-valuation .button-px {
        font-size: 13px;
        letter-spacing: 5px
    }
}

#part-exchange-valuation .button-px:hover {
    color: #fff
}

#part-exchange-valuation .button-px svg {
    fill: none;
    height: 13px;
    width: 7px
}

#part-exchange-valuation .button-px:focus-visible {
    outline: none
}

#part-exchange-valuation .button-px::-moz-placeholder {
    color: #fff
}

#part-exchange-valuation .button-px::placeholder {
    color: #fff
}

#part-exchange-valuation .submit .spinner {
    display: none
}

@media (min-width:1200px) {
    #timeless .background-image {
        background-size: cover
    }
}

#timeless .timeless-primary-container.background-image-secondary {
    background-color: #c6d303
}

    #timeless .timeless-primary-container.background-image-secondary:after {
        background-color: transparent
    }

#timeless .timeless-primary-container .content.timeless-primary {
    row-gap: 48px
}

@media (min-width:1200px) {
    #timeless .timeless-primary-container .content.timeless-primary {
        height: 100%;
        position: absolute;
        row-gap: 26px;
        width: 45%
    }
}

@media (min-width:1600px) {
    #timeless .timeless-primary-container .content.timeless-primary {
        row-gap: 65px;
        width: 40%
    }
}

#timeless .timeless-primary-container .content .timeless-logo {
    height: 50px;
    width: 157px
}

@media (min-width:768px) {
    #timeless .timeless-primary-container .content .timeless-logo {
        height: 59px;
        width: 180px
    }
}

@media (min-width:1200px) {
    #timeless .timeless-primary-container .content .timeless-logo {
        height: 76px;
        width: 240px
    }
}

#timeless .timeless-primary-container .content .primary-content {
    row-gap: 28px
}

    #timeless .timeless-primary-container .content .primary-content .light {
        font-size: 12px;
        line-height: 21px
    }

@media (min-width:768px) {
    #timeless .timeless-primary-container .content .primary-content .light {
        font-size: 15px
    }
}

#timeless .timeless-secondary-container {
    background-position-x: 52%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #timeless .timeless-secondary-container {
        background-size: 0;
        padding-right: 60px
    }
}

#timeless .timeless-secondary-container .content {
    height: 100%
}

@media (min-width:768px) {
    #timeless .timeless-secondary-container .content {
        row-gap: 65px
    }
}

#timeless .timeless-secondary-container .content .heading {
    color: #fff;
    font-size: 25px;
    line-height: 43px;
    margin: 0
}

@media (min-width:768px) {
    #timeless .timeless-secondary-container .content .heading {
        font-size: 30px
    }
}

#timeless .timeless-secondary-container .content .list-container {
    color: #fff;
    display: grid;
    list-style-type: "-";
    margin: 0;
    padding: 0;
    row-gap: 18px
}

@media (min-width:1200px) {
    #timeless .timeless-secondary-container .content .list-container {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1600px) {
    #timeless .timeless-secondary-container .content .list-container {
        grid-template-columns: 1fr;
        row-gap: 23px
    }
}

#timeless .timeless-secondary-container .content .list-container .list-item {
    font-size: 12px;
    line-height: 14px;
    padding-left: 10px
}

@media (min-width:768px) {
    #timeless .timeless-secondary-container .content .list-container .list-item {
        font-size: 14px;
        line-height: 22px
    }
}

#subscribe .background-colour {
    background-color: #191a1a
}

#subscribe .message-container {
    padding: 70px 30px 0;
    position: relative
}

@media (min-width:768px) {
    #subscribe .message-container {
        align-items: center;
        display: flex;
        padding: 70px 0 70px 60px
    }
}

@media (min-width:1024px) {
    #subscribe .message-container {
        padding: 70px 0 70px 90px
    }
}

@media (min-width:1600px) {
    #subscribe .message-container {
        padding: 70px 0 70px 140px
    }
}

@media (min-width:1920px) {
    #subscribe .message-container {
        justify-content: right
    }
}

#subscribe .message-container p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 50px;
    padding-right: 50px
}

@media (min-width:768px) {
    #subscribe .message-container p {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    #subscribe .message-container p {
        font-size: 18px;
        line-height: 30px
    }
}

@media (min-width:1920px) {
    #subscribe .message-container p {
        font-size: 21px;
        line-height: 33px;
        padding-right: 150px
    }
}

#subscribe .form-input-container {
    padding: 0 30px 70px;
    position: relative
}

@media (min-width:768px) {
    #subscribe .form-input-container {
        padding: 70px 60px 70px 0
    }
}

@media (min-width:1200px) {
    #subscribe .form-input-container {
        align-items: center;
        display: flex
    }
}

@media (min-width:1350px) {
    #subscribe .form-input-container {
        padding: 70px 60px 70px 45px
    }
}

@media (min-width:768px) {
    #subscribe .form-input-container form {
        align-items: center;
        display: flex;
        flex-direction: column
    }
}

@media (min-width:1200px) {
    #subscribe .form-input-container form {
        flex-direction: row;
        width: 100%
    }
}

#subscribe .form-input-container input {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    height: 45px;
    margin-bottom: 12px;
    max-width: 280px;
    padding: 0 25px;
    width: 100%
}

    #subscribe .form-input-container input::placeholder {
        color: #fff
    }

    #subscribe .form-input-container input:-moz-placeholder, #subscribe .form-input-container input::-moz-placeholder {
        color: #fff
    }

    #subscribe .form-input-container input:-ms-input-placeholder {
        color: #fff
    }

    #subscribe .form-input-container input::-webkit-input-placeholder {
        color: #fff
    }

@media (min-width:1200px) {
    #subscribe .form-input-container input {
        margin-bottom: 0;
        margin-right: 10px
    }
}

#subscribe .form-input-container button {
    max-width: 280px;
    width: 100%
}

@media (min-width:1200px) {
    #subscribe .form-input-container button {
        max-width: 220px
    }
}

#subscribe .form-input-container svg.arrow-right.hide {
    display: none
}

#subscribe .form-input-container svg.spinner {
    display: none;
    height: 20px;
    width: 20px
}

    #subscribe .form-input-container svg.spinner.show {
        display: block
    }

#subscribe .form-input-container .validation-message {
    bottom: 30px;
    color: #fff;
    display: none;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    position: absolute
}

@media (min-width:768px) {
    #subscribe .form-input-container .validation-message {
        padding-right: 60px;
        text-align: center;
        width: 100%
    }
}

@media (min-width:1200px) {
    #subscribe .form-input-container .validation-message {
        text-align: left;
        width: auto
    }
}

#subscribe .form-input-container .validation-message.show {
    display: block
}

#subscribe .linear-gradient {
    background: #fff;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#cccbcb 50%,hsla(0,0%,100%,0));
    height: 1px;
    position: absolute;
    right: 0;
    top: 135px;
    transform: rotate(135deg);
    width: 150px
}

@media (min-width:768px) {
    #subscribe .linear-gradient {
        right: -20px
    }
}

@media (min-width:1200px) {
    #subscribe .linear-gradient {
        right: -10px;
        top: 105px
    }
}

@media (min-width:1350px) {
    #subscribe .linear-gradient {
        right: -45px
    }
}

@media (min-width:1920px) {
    #subscribe .linear-gradient {
        right: -10px
    }
}

.used-result {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-name: example;
    -webkit-animation-name: example;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    opacity: 0
}

.ani-delay-1 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s
}

.ani-delay-15 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s
}

.ani-delay-2 {
    animation-delay: 2s;
    -webkit-animation-delay: 2s
}

.ani-delay-25 {
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s
}

.ani-delay-3 {
    animation-delay: 3s;
    -webkit-animation-delay: 3s
}

@keyframes example {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.used-sidebar {
    width: 100%
}

@media (min-width:768px) {
    .used-sidebar {
        overflow-y: scroll;
        position: sticky;
        top: 100px;
        width: 40%
    }
}

@media (min-width:1024px) {
    .used-sidebar {
        top: 120px;
        width: 30%
    }
}

@media (min-width:1350px) {
    .used-sidebar {
        width: 23%
    }
}

@media (min-width:1600px) {
    .used-sidebar {
        top: 160px;
        width: 19%
    }
}

.used-results-container {
    width: 100%
}

@media (min-width:768px) {
    .used-results-container {
        width: 60%
    }
}

@media (min-width:1024px) {
    .used-results-container {
        width: 70%
    }
}

@media (min-width:1350px) {
    .used-results-container {
        width: 77%
    }
}

@media (min-width:1600px) {
    .used-results-container {
        width: 81%
    }
}

#shortlist-popup .used-sidebar {
    min-height: 500px
}

    #shortlist-popup .used-sidebar button {
        border: none;
        width: 100%
    }

.mobile-search {
    z-index: 59
}

@media (min-width:768px) {
    .mobile-search {
        display: none
    }
}

.mobile-search button {
    border: none;
    bottom: 0;
    justify-content: center;
    position: fixed;
    width: 100%
}

.used-sidebar {
    background-color: #efede9
}

@media (max-width:767.98px) {
    .used-sidebar {
        position: fixed;
        top: 76px;
        transition: all .4s ease;
        z-index: 50
    }

        .used-sidebar .inside {
            height: calc(100vh - 77px);
            overflow-y: scroll;
            padding: 30px 20px 120px
        }

        .used-sidebar.hide {
            transform: translateX(-100%)
        }
}

@media (min-width:768px) {
    .used-sidebar .inside {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:1600px) {
    .used-sidebar .inside {
        padding-left: 40px;
        padding-right: 30px
    }
}

.used-sidebar .mobile-rep {
    padding-top: 40px
}

@media (min-width:768px) {
    .used-sidebar .mobile-rep {
        display: none
    }
}

.used-sidebar .mobile-rep .representative-example {
    font-family: Roboto-Bold,Arial,Sans-Serif;
    font-size: 18px
}

.used-sidebar .mobile-rep .representative-text {
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 11px
}

.filter-head {
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

    .filter-head .reset-filter {
        cursor: pointer;
        font-size: 14px
    }

        .filter-head .reset-filter svg {
            margin-right: 10px;
            width: 18px
        }

    .filter-head #filters-selected {
        align-items: center;
        color: #373836;
        display: flex;
        font-size: 14px;
        justify-content: left
    }

        .filter-head #filters-selected span {
            align-items: center;
            background-color: #373836;
            border-radius: 50%;
            color: #fff;
            display: flex;
            height: 25px;
            justify-content: center;
            line-height: 25px;
            margin-right: 10px;
            margin-top: -2px;
            width: 25px
        }

.refine-search {
    margin: 0
}

    .refine-search span {
        font-weight: 700
    }

#used-search-location {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

    #used-search-location input {
        background: #fff;
        border: none;
        color: #000;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%
    }

    #used-search-location span {
        cursor: pointer;
        font-size: 12px;
        width: -moz-fit-content;
        width: fit-content
    }

.used-filters .filter-tabs {
    margin-top: 30px
}

    .used-filters .filter-tabs .nav-tabs {
        display: flex
    }

        .used-filters .filter-tabs .nav-tabs .nav-item {
            flex-grow: 1
        }

            .used-filters .filter-tabs .nav-tabs .nav-item svg {
                margin-right: 15px;
                max-height: 20px;
                max-width: 20px
            }

            .used-filters .filter-tabs .nav-tabs .nav-item .nav-link {
                align-items: center;
                background: none;
                border: none;
                border-radius: 0;
                display: flex;
                font-size: 13px;
                font-weight: 700;
                justify-content: center;
                letter-spacing: 3px;
                padding: 15px 0;
                text-align: center;
                text-transform: uppercase
            }

                .used-filters .filter-tabs .nav-tabs .nav-item .nav-link.active {
                    background: #fff
                }

.used-filters .search-filter-container .accordion, .used-filters .search-filter-container .accordion-button, .used-filters .search-filter-container .accordion-item {
    background: transparent;
    box-shadow: none;
    outline: none
}

    .used-filters .search-filter-container .accordion-button:not(.collapsed) {
        color: inherit
    }

        .used-filters .search-filter-container .accordion-button:not(.collapsed):after {
            background-image: var(--bs-accordion-btn-icon)
        }

    .used-filters .search-filter-container .accordion-item.button-hidden button {
        display: none
    }

    .used-filters .search-filter-container .accordion-item.button-hidden .accordion-body {
        padding-left: 0
    }

.used-filters .search-filter-container .sub-tab {
    justify-content: space-between;
    margin-top: -20px
}

.used-filters .search-filter-container .center-tab {
    align-items: center;
    display: flex;
    padding: 0
}

.used-filters .search-filter-container .accordion-item {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

    .used-filters .search-filter-container .accordion-item .tick {
        background: url(/assets/svg/tick.svg) no-repeat 50%/12px #373836;
        border-radius: 50%;
        display: none;
        height: 20px;
        margin-right: 10px;
        width: 20px
    }

    .used-filters .search-filter-container .accordion-item div {
        font-family: Roboto-Medium,Arial,Sans-Serif;
        font-size: 15px
    }

        .used-filters .search-filter-container .accordion-item div span {
            display: block;
            font-family: Roboto-Regular,Arial,Sans-Serif;
            font-size: 14px
        }

@media (max-width:767.98px) {
    .used-filters .search-filter-container .accordion-item button {
        padding-left: 0;
        padding-right: 0
    }
}

.used-filters ul.filters {
    list-style: none;
    padding: 0
}

    .used-filters ul.filters li {
        display: flex;
        justify-items: center;
        margin: 15px 0;
        padding: 0
    }

        .used-filters ul.filters li input {
            display: none
        }

        .used-filters ul.filters li label {
            color: grey;
            cursor: pointer;
            font-size: 14px
        }

@media (min-width:1350px) {
    .used-filters ul.filters li label {
        font-size: 13px
    }
}

.used-filters ul.filters li input + label {
    background: #fff;
    border-radius: 50%;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

    .used-filters ul.filters li input + label + label {
        margin-top: 2px
    }

.used-filters ul.filters li input:checked + label {
    background: url(/assets/svg/tick.svg) no-repeat 50%/12px #373836
}

    .used-filters ul.filters li input:checked + label + label {
        color: #000
    }

.used-filters ul.filters .slider-output {
    padding-bottom: 16px;
    text-align: right
}

.used-filters .sort-by .filters {
    padding: 16px 20px 20px 0
}

#used-full-container, #used-listing-container {
    position: relative
}

.used-results-container {
    background: #f1f1f1;
    overflow: hidden;
    position: relative;
    z-index: 9
}

@media (max-width:767.98px) {
    .used-results-container {
        background: #fff
    }
}

.used-results-container:after, .used-results-container:before {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    z-index: 10
}

.used-results-container:before {
    background: #fff;
    -webkit-clip-path: polygon(75% 0,0 80%,0 0);
    clip-path: polygon(75% 0,0 80%,0 0);
    height: 0;
    padding: 50%;
    width: 0
}

.used-results-container:after {
    background: #fff;
    background: linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 100%);
    height: 1px;
    left: 71%;
    position: absolute;
    top: 0;
    transform: rotate(133.5deg);
    transform-origin: left;
    width: 200vh
}

.top-section {
    align-items: center;
    font-size: 16px;
    padding-bottom: 20px;
    padding-top: 20px
}

@media (max-width:767.98px) {
    .top-section {
        background: #fff;
        display: none;
        height: 77px;
        padding: 0 30px;
        position: sticky;
        top: 0;
        z-index: 14
    }
}

@media (min-width:768px) {
    .top-section {
        font-size: 17px;
        padding-bottom: 40px;
        padding-top: 60px
    }
}

@media (min-width:1024px) {
    .top-section {
        font-size: 19px
    }
}

@media (min-width:1350px) {
    .top-section {
        font-size: 23px
    }
}

.loading {
    margin: 30px 0;
    text-align: center
}

@media (min-width:1024px) {
    .loading {
        margin: 50px 0
    }
}

#shortlist-popup .used-results-header .shortlist-heart {
    margin-right: 20px
}

    #shortlist-popup .used-results-header .shortlist-heart span {
        font-weight: 700
    }

.used-results-inner {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 11
}

@media (min-width:1600px) {
    .used-results-inner {
        margin-right: 80px
    }
}

.used-results-header {
    display: flex
}

@media (max-width:767.98px) {
    .used-results-header.fixed {
        background: #fff;
        font-size: 16px;
        left: 0;
        padding: 20px;
        position: fixed;
        top: 77px;
        width: 100%;
        z-index: 11
    }

        .used-results-header.fixed p {
            display: none
        }
}

.used-results-header p {
    margin: 0
}

@media (max-width:767.98px) {
    .used-results-header.desktop {
        display: none
    }
}

@media (min-width:768px) {
    .used-results-header.mobile {
        display: none
    }
}

.used-results-header div span {
    color: #c6d303
}

.used-results-header .shortlist {
    align-items: center;
    background: none;
    border: none;
    display: flex
}

    .used-results-header .shortlist p {
        color: #000;
        letter-spacing: 2px;
        margin: 0 20px 0 0;
        text-transform: uppercase
    }

.used-results-header .shortlist-heart {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 13px;
    height: 23px;
    justify-content: center;
    position: relative;
    width: 36px
}

    .used-results-header .shortlist-heart .heart-icon {
        position: absolute;
        z-index: -1
    }

        .used-results-header .shortlist-heart .heart-icon path {
            fill: #c6d303
        }

    .used-results-header .shortlist-heart i {
        font-style: normal
    }

.used-results-header span {
    color: #000;
    font-weight: 700
}

.used-result > .row {
    padding: 10px 5px 20px
}

.used-result .card {
    box-shadow: 2px 2px 10px rgba(0,0,0,.3)
}

.used-result.timeless .used-images:before {
    background: url(https://cdn.motorparks.co.uk/assets/used-cars/listing-page/timeless.webp) no-repeat 50%/contain;
    width: 100px
}

.used-result.selezione .used-images:before {
    background: url(https://cdn.motorparks.co.uk/assets/used-cars/listing-page/selezione.webp) no-repeat 50%/contain;
    width: 158px
}

.used-result .used-images {
    position: relative
}

    .used-result .used-images:before {
        content: "";
        height: 50px;
        left: 50px;
        position: absolute;
        top: -1px;
        z-index: 1
    }

    .used-result .used-images .used-image {
        height: 0;
        padding-bottom: 55%
    }

        .used-result .used-images .used-image img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute
        }

    .used-result .used-images .love, .used-result .used-images .loved {
        background: url(/assets/svg/heart-outline-white.svg) no-repeat 50%/26px #373836;
        border-radius: 50%;
        cursor: pointer;
        height: 50px;
        position: absolute;
        right: 40px;
        transform: translateY(-50%);
        width: 50px
    }

        .used-result .used-images .love.saved, .used-result .used-images .loved.saved {
            background: url(/assets/svg/cross-icon-white.svg) no-repeat 50%/13px #373836
        }

        .used-result .used-images .love.results.saved, .used-result .used-images .loved.results.saved {
            background: url(/assets/svg/heart-outline-white-filled.svg) no-repeat 50%/26px #373836
        }

.used-result .used-listing-details .button-primary {
    justify-content: center;
    letter-spacing: normal;
    padding: 0
}

.used-result .card-detail {
    background: #fff;
    padding: 30px
}

@media (min-width:1600px) {
    .used-result .card-detail {
        padding: 40px
    }
}

.used-result .card-detail .vehicle-name {
    text-transform: uppercase
}

@media (min-width:1350px) {
    .used-result .card-detail .vehicle-name {
        height: 34px
    }
}

.used-result .card-detail .vehicle-name span {
    font-family: Roboto-Bold,Arial,Sans-Serif;
    text-transform: inherit
}

    .used-result .card-detail .vehicle-name span + span {
        display: block
    }

.used-result .card-detail .vehicle-price {
    font-size: 14px
}

    .used-result .card-detail .vehicle-price span {
        font-size: 18px;
        font-weight: 700
    }

@media (min-width:1600px) {
    .used-result .card-detail .vehicle-price span {
        font-size: 16px
    }
}

.used-result .card-detail .vehicle-price span.monthly-price, .used-result .card-detail .vehicle-price span.monthly-price .small {
    font-size: 16px;
    font-weight: 400
}

@media (min-width:1600px) {
    .used-result .card-detail .vehicle-price span.monthly-price, .used-result .card-detail .vehicle-price span.monthly-price .small {
        font-size: 14px
    }
}

.used-result .card-detail .vehicle-price .month {
    font-size: 12px;
    font-weight: 400;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase
}

    .used-result .card-detail .vehicle-price .month:before {
        border-left: 1px solid #e6e6e6;
        content: "";
        height: 36px;
        left: 9px;
        position: absolute;
        top: -13px;
        transform: rotate(50deg);
        width: 1px
    }

.used-result .card-detail .vehicle-specs {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    margin: 0 0 15px;
    padding: 15px 0
}

    .used-result .card-detail .vehicle-specs p {
        font-size: 16px;
        font-weight: 700;
        line-height: 120%;
        padding: 0
    }

        .used-result .card-detail .vehicle-specs p span {
            color: grey;
            display: block;
            font-size: 12px;
            font-weight: 400
        }

.used-result .card-detail .dealership {
    align-items: center;
    display: flex
}

    .used-result .card-detail .dealership p {
        font-size: 14px;
        font-weight: 700;
        margin: 0
    }

    .used-result .card-detail .dealership span {
        display: block;
        font-weight: 400
    }

#shortlist-popup {
    background: rgba(0,0,0,.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    transition: transform .4s ease;
    width: 100%;
    z-index: 70
}

@media (min-width:768px) {
    #shortlist-popup {
        top: 0
    }
}

#shortlist-popup.opened {
    display: block
}

#shortlist-popup.active {
    transform: translateY(0)
}

#shortlist-popup .row:first-child {
    padding-bottom: 60px
}

#shortlist-popup .close {
    align-items: center;
    border: none;
    color: #000;
    display: flex;
    font-size: 14px;
    justify-items: center;
    position: absolute;
    right: 40px;
    z-index: 26
}

@media (max-width:767.98px) {
    #shortlist-popup .close {
        background: transparent;
        top: 95px
    }
}

@media (min-width:768px) {
    #shortlist-popup .close {
        top: 20px
    }
}

@media (min-width:1350px) {
    #shortlist-popup .close {
        top: 40px
    }
}

#shortlist-popup .close svg {
    height: 17px;
    margin-left: 15px;
    width: 17px
}

#shortlist-results {
    height: calc(100vh - 77px);
    overflow-y: scroll;
    padding-top: 50px
}

@media (min-width:768px) {
    #shortlist-results {
        height: calc(85vh - 100px);
        padding-top: 0
    }
}

@media (min-width:1600px) {
    #shortlist-results {
        height: calc(85vh - 160px)
    }
}

@media (max-width:767.98px) {
    #no-results {
        left: 0;
        padding: 0 50px;
        position: fixed;
        text-align: center;
        top: 50%;
        width: 100%
    }
}

#no-results p {
    font-size: 16px;
    font-weight: 700
}

@media (min-width:768px) {
    #no-results p {
        font-size: 20px
    }
}

.validate label {
    display: none
}

.validate .error + label, .validate .error + span + label {
    color: red;
    display: block;
    font-size: 12px;
    position: absolute;
    top: 45px
}

@media (min-width:1024px) {
    .validate .error + label, .validate .error + span + label {
        top: 50px
    }
}

@media (min-width:1200px) {
    .validate .error + label, .validate .error + span + label {
        top: 60px
    }
}

.modal-inner {
    background: #fff;
    box-shadow: 3px 3px 30px rgba(0,0,0,.3);
    display: flex;
    left: 50%;
    min-height: 200px;
    min-width: 80%;
    padding: 20px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media (min-width:768px) {
    .modal-inner {
        min-height: 300px;
        min-width: 500px;
        padding: 30px
    }
}

@media (min-width:1350px) {
    .modal-inner {
        min-height: 460px;
        min-width: 1000px;
        padding: 40px 80px
    }
}

.modal {
    background: hsla(0,0%,100%,.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90
}

    .modal .centered {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .modal button {
        border: none
    }

.centered {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

    .centered p {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 40px;
        text-align: center
    }

@media (min-width:768px) {
    .centered p {
        font-size: 20px
    }
}

@media (min-width:1350px) {
    .centered p {
        font-size: 25px
    }
}

.centered .container-fluid {
    align-items: center;
    display: flex;
    justify-content: center
}

.centered .buttons {
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: flex;
    flex-direction: row
}

.centered input {
    background: #fff;
    margin-bottom: 10px;
    padding: 5px 20px;
    width: 100%
}

@media (min-width:768px) {
    .centered input {
        padding: 10px 20px
    }
}

.centered .email-container {
    margin-bottom: 30px;
    position: relative
}