#products-and-finance-header .background-image {
    background-position-x: 75%;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 127px)
}

@media (min-width:768px) {
    #products-and-finance-header .background-image {
        height: calc(100vh - 150px)
    }
}

@media (min-width:1200px) {
    #products-and-finance-header .background-image {
        height: calc(100vh - 170px)
    }
}

@media (min-width:1600px) {
    #products-and-finance-header .background-image {
        background-position-x: 100%;
        height: calc(100vh - 235px)
    }
}

@media (min-width:1920px) {
    #products-and-finance-header .background-image {
        background-position-x: 100%;
        height: calc(100vh - 282px)
    }
}

#products-and-finance-header .header-content {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 70px 30px
}

@media (min-width:768px) {
    #products-and-finance-header .header-content {
        justify-content: center;
        padding: 70px 60px;
        row-gap: 34px
    }
}

@media (min-width:1024px) {
    #products-and-finance-header .header-content {
        padding: 70px 90px
    }
}

@media (min-width:1200px) {
    #products-and-finance-header .header-content {
        justify-content: flex-start;
        padding: 150px 90px
    }
}

@media (min-width:1600px) {
    #products-and-finance-header .header-content {
        justify-content: space-around;
        padding: 150px 140px
    }
}

#products-and-finance-header .header-content .heading {
    display: flex;
    flex-direction: column;
    font-size: 25px;
    line-height: 28px;
    margin: 0
}

@media (min-width:768px) {
    #products-and-finance-header .header-content .heading {
        font-size: 30px;
        line-height: 35px
    }
}

@media (min-width:1200px) {
    #products-and-finance-header .header-content .heading {
        display: block
    }
}

#products-and-finance-header .header-content .copy-container {
    display: flex;
    flex-direction: column;
    max-width: 263px;
    row-gap: 25px
}

@media (min-width:768px) {
    #products-and-finance-header .header-content .copy-container {
        max-width: 390px
    }
}

#products-and-finance-header .header-content .copy-container p {
    font-size: 14px;
    line-height: 21px;
    margin: 0
}

@media (min-width:768px) {
    #products-and-finance-header .header-content .copy-container p {
        font-size: 16px;
        line-height: 23px
    }
}

#products-and-finance-header .header-content .copy-container p.medium {
    font-size: 15px;
    line-height: 24px
}

@media (min-width:768px) {
    #products-and-finance-header .header-content .copy-container p.medium {
        font-size: 18px;
        line-height: 23px
    }
}

#products-and-finance-header .header-content .button-transparent {
    border: none;
    padding: 0;
    width: 200px
}

@media (min-width:768px) {
    #products-and-finance-header .header-content .button-transparent {
        margin-top: 15px
    }
}

#menu-navigation-bar {
    background-color: #c6d303;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 50px
}

@media (min-width:1600px) {
    #menu-navigation-bar {
        height: 75px
    }
}

@media (min-width:1200px) {
    #menu-navigation-bar .glide__slides {
        display: grid;
        grid-auto-columns: minmax(0,1fr);
        grid-auto-flow: column
    }
}

@media (min-width:1350px) {
    #menu-navigation-bar .glide__slides {
        padding: 0 25%
    }
}

#menu-navigation-bar .glide__slide--active {
    position: relative
}

@media (max-width:1199.98px) {
    #menu-navigation-bar .glide__slide--active:after {
        background-color: #fff;
        bottom: 0;
        content: "";
        height: 4px;
        position: absolute;
        width: 100%
    }
}

#menu-navigation-bar .glide__slide {
    border-right: 1px solid #fff
}

@media (min-width:1200px) {
    #menu-navigation-bar .glide__slide:first-child {
        border-left: 1px solid #fff
    }
}

#menu-navigation-bar .menu-item {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 50px;
    justify-content: center;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:1600px) {
    #menu-navigation-bar .menu-item {
        font-size: 13px;
        height: 75px
    }
}

.video-container {
    align-items: center;
    background-color: #000;
    display: grid;
    position: relative
}

    .video-container .video {
        -o-object-fit: cover;
        object-fit: cover;
        pointer-events: none;
        width: 100%
    }

    .video-container .video-controls {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        position: absolute;
        width: 100%
    }

        .video-container .video-controls .play-pause {
            align-items: center;
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            display: flex;
            font: inherit;
            height: 45px;
            justify-content: center;
            outline: inherit;
            padding: 0;
            position: absolute;
            width: 45px
        }

@media (min-width:1200px) {
    .video-container .video-controls .play-pause {
        height: 77px;
        width: 77px
    }
}

.video-container .video-controls .play-pause .play-icon {
    display: block;
    height: 17px;
    margin-left: 4px;
    transition: .25s;
    width: 17px
}

@media (min-width:1200px) {
    .video-container .video-controls .play-pause .play-icon {
        height: 30px;
        margin-left: 7px;
        width: 30px
    }
}

.video-container .video-controls .play-pause .pause-icon {
    display: none;
    height: 17px;
    transition: .25s;
    width: 17px
}

@media (min-width:1200px) {
    .video-container .video-controls .play-pause .pause-icon {
        height: 30px;
        width: 30px
    }
}

.video-container .video-controls .play-pause .circle-icon {
    height: 45px;
    left: calc(50% - 22.5px);
    position: absolute;
    top: calc(50% - 22.5px);
    width: 45px
}

@media (min-width:1200px) {
    .video-container .video-controls .play-pause .circle-icon {
        height: 77px;
        left: calc(50% - 38.5px);
        top: calc(50% - 38.5px);
        width: 77px
    }
}

.video-container .video-controls .volume-container {
    align-items: center;
    bottom: 20px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: absolute;
    right: 20px
}

@media (min-width:1200px) {
    .video-container .video-controls .volume-container {
        bottom: 36px;
        right: 46px
    }
}

.video-container .video-controls .mute-unmute {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0
}

    .video-container .video-controls .mute-unmute .mute-icon {
        display: block;
        height: 22px;
        width: 18px
    }

    .video-container .video-controls .mute-unmute .unmute-icon {
        display: none;
        height: 22px;
        width: 18px
    }

.video-container .video-controls .volume-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: linear-gradient(90deg,#989898 0,#989898 50%,#fff 0,#fff);
    border-radius: 8px;
    cursor: pointer;
    height: 7px;
    outline: none;
    padding: 0;
    transition: background .45s ease-in
}

    .video-container .video-controls .volume-bar[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background: #989898;
        border-radius: 50%;
        height: 15px;
        width: 15px
    }

#menu-navigation-bar.menu-navigation-bar.finance {
    position: sticky;
    top: 77px;
    z-index: 1
}

@media (min-width:768px) {
    #menu-navigation-bar.menu-navigation-bar.finance {
        top: 100px
    }
}

@media (min-width:1200px) {
    #menu-navigation-bar.menu-navigation-bar.finance {
        top: 120px
    }
}

@media (min-width:1600px) {
    #menu-navigation-bar.menu-navigation-bar.finance {
        top: 160px
    }
}

@media (min-width:1920px) {
    #menu-navigation-bar.menu-navigation-bar.finance {
        top: 207px
    }
}

@media (min-width:1200px) {
    #menu-navigation-bar.menu-navigation-bar.finance .glide__slides {
        padding: 0
    }
}

#menu-navigation-bar.menu-navigation-bar.finance .glide__slides .glide__slide:first-child {
    border-left: none
}

#menu-navigation-bar.menu-navigation-bar.finance .glide__slides .glide__slide:last-child {
    border-right: none
}

#menu-navigation-bar.menu-navigation-bar.finance .glide__slides .glide__slide .menu-name {
    display: none
}

@media (min-width:1200px) {
    #menu-navigation-bar.menu-navigation-bar.finance .glide__slides .glide__slide .menu-name {
        display: flex;
        flex-direction: column
    }
}

@media (min-width:1600px) {
    #menu-navigation-bar.menu-navigation-bar.finance .glide__slides .glide__slide .menu-name {
        line-height: 20px
    }
}

@media (min-width:1200px) {
    #menu-navigation-bar.menu-navigation-bar.finance .glide__slides .glide__slide .menu-short-name {
        display: none
    }
}

.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 {
            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
    }
}

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

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

@media (min-width:1200px) {
    .default-module-layout .background-image.flex-reverse .secondary-container {
        padding: 0 0 0 60px
    }
}

@media (min-width:1350px) {
    .default-module-layout .background-image.flex-reverse .secondary-container {
        row-gap: 42px
    }
}

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

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

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

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

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

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

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

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

.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: 42px
    }
}

.default-module-layout .background-image .primary-container {
    background-color: #191a1a;
    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 .crosshair-icon {
    height: 17px;
    width: 17px
}

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

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

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

.default-accordion .background-image {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 768px 500px;
    display: flex;
    position: relative
}

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

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

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

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

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

@media (min-width:1200px) {
    .default-accordion .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-accordion .background-image.flex-reverse .primary-container:before {
            content: "";
            display: block;
            padding-bottom: 100%
        }

        .default-accordion .background-image.flex-reverse .primary-container .content {
            grid-column: 2;
            padding: 0 60px 0 0
        }
}

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

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

.default-accordion .background-image.flex-reverse .secondary-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 26px
}

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

@media (min-width:1200px) {
    .default-accordion .background-image.flex-reverse .secondary-container {
        padding: 0 0 0 60px
    }
}

@media (min-width:1350px) {
    .default-accordion .background-image.flex-reverse .secondary-container {
        row-gap: 42px
    }
}

@media (min-width:1600px) {
    .default-accordion .background-image.flex-reverse .secondary-container {
        padding: 0 0 0 90px
    }
}

@media (min-width:1920px) {
    .default-accordion .background-image.flex-reverse .secondary-container {
        padding: 0 0 0 140px
    }
}

.default-accordion .background-image.flex-reverse .secondary-container .heading {
    color: #fff;
    font-size: 25px;
    line-height: 29px;
    margin-bottom: 0;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .default-accordion .background-image.flex-reverse .secondary-container .heading {
        font-size: 30px;
        line-height: 43px
    }
}

.default-accordion .background-image.flex-reverse .secondary-container .heading .heading-bold {
    font-family: Roboto-Bold,Arial,Sans-Serif
}

.default-accordion .background-image.flex-reverse .secondary-container .heading .heading-light {
    font-family: Roboto-Light,Arial,Sans-Serif
}

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

    .default-accordion .background-image.flex-reverse .secondary-container .primary-content p {
        color: #fff;
        margin-bottom: 0
    }

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

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

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

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

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

.default-accordion .background-image .primary-container {
    background-color: #191a1a;
    display: grid
}

@media (min-width:1200px) {
    .default-accordion .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-accordion .background-image .primary-container:before {
            content: "";
            display: block;
            padding-bottom: 100%
        }

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

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

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

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

#like-4-like {
    position: relative
}

    #like-4-like .background-image {
        background-color: #191a1a
    }

        #like-4-like .background-image .body-text {
            color: #fff;
            margin: 0
        }

            #like-4-like .background-image .body-text.medium {
                font-size: 14px;
                line-height: 24px
            }

@media (min-width:1350px) {
    #like-4-like .background-image .body-text.medium {
        font-size: 16px;
        line-height: 25px
    }
}

#like-4-like .background-image .body-text.light {
    font-size: 13px;
    line-height: 21px
}

@media (min-width:1350px) {
    #like-4-like .background-image .body-text.light {
        font-size: 14px;
        line-height: 25px
    }
}

#like-4-like .background-image .ramp-container {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

    #like-4-like .background-image .ramp-container .text {
        color: #fff;
        font-size: 11px;
        line-height: 20px;
        padding-top: 17px;
        text-transform: uppercase
    }

    #like-4-like .background-image .ramp-container .ramp-logo {
        height: 46px;
        width: 119px
    }

#like-4-like .background-image .button-container {
    display: grid;
    row-gap: 14px
}

@media (min-width:1200px) {
    #like-4-like .background-image .button-container {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-auto-flow: column;
        row-gap: 18px
    }
}

@media (min-width:1350px) {
    #like-4-like .background-image .button-container {
        grid-auto-flow: row
    }
}

#like-4-like .background-image .button-container .button {
    max-width: 316px
}

    #like-4-like .background-image .button-container .button.button-video {
        -moz-column-gap: 18px;
        column-gap: 18px;
        flex-direction: row;
        justify-content: center
    }

@media (min-width:1200px) {
    #like-4-like .background-image .button-container .button.button-video {
        display: none
    }
}

#like-4-like .background-image .button-container .button.button-video .play-icon {
    height: 20px;
    width: 20px
}

    #like-4-like .background-image .button-container .button.button-video .play-icon .uuid-2ddb24ce-08be-4b0e-bc05-06a17bb2109e, #like-4-like .background-image .button-container .button.button-video .play-icon .uuid-c8e8a349-43ba-4a0f-95f5-5e90f78470ab {
        stroke: #000
    }

#like-4-like .background-image .modal-video {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: calc(50% - 77px);
    z-index: 70
}

@media (max-width:1199.98px) {
    #like-4-like .background-image .modal-video {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #like-4-like .background-image .modal-video {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #like-4-like .background-image .modal-video {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #like-4-like .background-image .modal-video {
        left: revert;
        padding: 0;
        right: 90px;
        top: 70px;
        width: 100%
    }
}

#like-4-like .background-image .modal-video .modal-header {
    padding-bottom: 15px;
    text-align: right
}

    #like-4-like .background-image .modal-video .modal-header .btn-close {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        outline: inherit;
        padding: 0
    }

        #like-4-like .background-image .modal-video .modal-header .btn-close .cross-icon {
            height: 15px;
            width: 15px
        }

@media (min-width:1200px) {
    #like-4-like .background-image .video-outer-container {
        align-items: center;
        background: transparent;
        display: grid;
        height: 100%;
        position: absolute;
        top: 0;
        width: 50%
    }

        #like-4-like .background-image .video-outer-container .video-container .video-controls .volume-container {
            bottom: 20px;
            right: 20px
        }
}

@media (max-width:1199.98px) {
    #like-4-like .background-image {
        grid-template-rows: 1fr
    }

        #like-4-like .background-image .like-4-like-content-container {
            display: none
        }
}

#like-4-like .background-image .like-4-like-mobile-background-container {
    background-image: url(https://cdn.motorparks.co.uk/assets/motorparks/finance/finance-like-4-like-background.webp);
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #like-4-like .background-image .like-4-like-mobile-background-container .like-4-like-mobile-background {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

#like-4-like .background-image .like-4-like-mobile-background-container .like-4-like-mobile-background .heading .like-4-like-logo {
    height: 35px;
    width: 230px
}

#like-4-like .background-image .like-4-like-mobile-background-container .like-4-like-mobile-background #like-4-like-video-modal {
    display: none;
    left: 0;
    position: absolute
}

#like-4-like .background-image .like-4-like-content-container .crosshair-icon {
    display: none
}

#maintained .background-image {
    background-color: #333
}

    #maintained .background-image .heading {
        color: #fff;
        font-size: 25px;
        line-height: 29px;
        margin: 0;
        text-transform: uppercase
    }

@media (min-width:1600px) {
    #maintained .background-image .heading {
        font-size: 30px;
        line-height: 39px
    }
}

#maintained .background-image .body-text {
    color: #fff;
    margin: 0
}

    #maintained .background-image .body-text.medium {
        font-size: 14px;
        line-height: 24px
    }

@media (min-width:1350px) {
    #maintained .background-image .body-text.medium {
        font-size: 16px;
        line-height: 25px
    }
}

#maintained .background-image .body-text.light {
    font-size: 13px;
    line-height: 21px
}

@media (min-width:1350px) {
    #maintained .background-image .body-text.light {
        font-size: 14px;
        line-height: 25px
    }
}

#maintained .background-image .button-container {
    display: grid;
    row-gap: 14px
}

@media (min-width:1200px) {
    #maintained .background-image .button-container {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-auto-flow: column;
        row-gap: 18px
    }
}

@media (min-width:1350px) {
    #maintained .background-image .button-container {
        grid-auto-flow: row
    }
}

#maintained .background-image .button-container .button {
    max-width: 316px
}

    #maintained .background-image .button-container .button.button-video {
        -moz-column-gap: 18px;
        column-gap: 18px;
        flex-direction: row;
        justify-content: center
    }

@media (min-width:1200px) {
    #maintained .background-image .button-container .button.button-video {
        display: none
    }
}

#maintained .background-image .button-container .button.button-video .play-icon {
    height: 20px;
    width: 20px
}

    #maintained .background-image .button-container .button.button-video .play-icon .uuid-2ddb24ce-08be-4b0e-bc05-06a17bb2109e, #maintained .background-image .button-container .button.button-video .play-icon .uuid-c8e8a349-43ba-4a0f-95f5-5e90f78470ab {
        stroke: #000
    }

@media (max-width:1199.98px) {
    #maintained .background-image .finance-accordion {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #maintained .background-image .finance-accordion {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #maintained .background-image .finance-accordion {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #maintained .background-image .finance-accordion {
        aspect-ratio: 1/1;
        overflow-y: auto;
        padding: 70px 90px 70px 0
    }
}

@media (min-width:1920px) {
    #maintained .background-image .finance-accordion {
        padding: 70px 140px 70px 0
    }
}

#maintained .background-image .finance-accordion .accordion-item {
    padding-bottom: 20px
}

@media (max-width:1199.98px) {
    #maintained .background-image .finance-accordion .accordion-item {
        border-bottom: 1px solid #fff;
        border-radius: 0
    }
}

#maintained .background-image .finance-accordion .accordion-item .accordion-heading {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0
}

    #maintained .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse {
        align-items: center;
        background: none;
        border: none;
        color: inherit;
        -moz-column-gap: 20px;
        column-gap: 20px;
        cursor: pointer;
        display: grid;
        font: inherit;
        grid-auto-flow: column;
        justify-content: space-between;
        outline: inherit;
        padding: 0;
        text-align: left;
        width: 100%
    }

@media (min-width:1200px) {
    #maintained .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse {
        pointer-events: none
    }
}

#maintained .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse:not(.collapsed) .arrow-down-icon {
    transform: rotate(180deg);
    transition: .5s ease
}

#maintained .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .arrow-down-icon {
    fill: #fff;
    height: 10px;
    transition: .5s ease;
    width: 17px
}

@media (min-width:1200px) {
    #maintained .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .arrow-down-icon {
        display: none
    }
}

#maintained .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .bold {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    #maintained .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .bold {
        display: block
    }
}

#maintained .background-image .finance-accordion .accordion-item .item .body-text:not(.min-padding) {
    padding: 50px 0
}

#maintained .background-image .finance-accordion .accordion-item .item .body-text.min-padding {
    padding: 20px 0
}

@media (min-width:1920px) {
    #maintained .background-image .finance-accordion .accordion-item .button-container {
        margin-top: 50px
    }
}

#maintained .background-image .modal-video {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: calc(50% - 77px);
    z-index: 70
}

@media (max-width:1199.98px) {
    #maintained .background-image .modal-video {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #maintained .background-image .modal-video {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #maintained .background-image .modal-video {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #maintained .background-image .modal-video {
        left: revert;
        padding: 0;
        right: 90px;
        top: 70px;
        width: 100%
    }
}

#maintained .background-image .modal-video .modal-header {
    padding-bottom: 15px;
    text-align: right
}

    #maintained .background-image .modal-video .modal-header .btn-close {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        outline: inherit;
        padding: 0
    }

        #maintained .background-image .modal-video .modal-header .btn-close .cross-icon {
            height: 15px;
            width: 15px
        }

@media (min-width:1200px) {
    #maintained .background-image .video-outer-container {
        align-items: center;
        background: transparent;
        display: grid;
        height: 100%;
        position: absolute;
        top: 0;
        width: 50%
    }

        #maintained .background-image .video-outer-container .video-container .video-controls .volume-container {
            bottom: 20px;
            right: 20px
        }
}

#maintained .background-image .maintained-mobile-background-container {
    background-image: url(https://cdn.motorparks.co.uk/assets/motorparks/finance/finance-maintained-background.webp);
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #maintained .background-image .maintained-mobile-background-container .maintained-mobile-background {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

#maintained .background-image .maintained-mobile-background-container .maintained-mobile-background .heading {
    display: flex;
    flex-direction: column
}

#maintained .background-image .maintained-content-container .crosshair-icon {
    display: none
}

@media (min-width:1200px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .accordion-heading {
        display: none
    }
}

#maintained .background-image .maintained-content-container #maintainedAccordion .item {
    min-height: 0;
    min-width: 0;
    width: 100%
}

@media (min-width:1200px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item {
        align-items: center;
        display: flex;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
    }

        #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide {
            align-items: center;
            -moz-column-gap: 20px;
            column-gap: 20px;
            display: flex
        }
}

@media (min-width:1920px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide {
        -moz-column-gap: 100px;
        column-gap: 100px
    }
}

#maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide .image-container {
    display: flex;
    justify-content: center
}

    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide .image-container img {
        height: auto;
        width: 228px
    }

@media (min-width:1350px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide .image-container img {
        width: 260px
    }
}

@media (min-width:1600px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide .image-container img {
        width: 290px
    }
}

@media (max-width:1199.98px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide .desktop-content {
        display: none
    }
}

@media (min-width:1200px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide .desktop-content {
        display: flex;
        flex-direction: column;
        row-gap: 30px
    }
}

@media (min-width:1350px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide .desktop-content {
        row-gap: 60px
    }
}

@media (min-width:1200px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide__slide .desktop-content .bold {
        color: #fff;
        display: flex;
        flex-direction: column;
        font-size: 23px;
        line-height: 26px
    }
}

#maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide-controls {
    margin: 0;
    position: absolute;
    top: calc(50% - 45px)
}

@media (min-width:1200px) {
    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide-controls.glide-controls-mob {
        display: none
    }

    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide-controls.glide-controls-desktop {
        -moz-column-gap: 10px;
        column-gap: 10px;
        justify-content: flex-start;
        position: relative
    }
}

#maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide-controls .glide__arrow {
    border: 1px solid #fff
}

    #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide-controls .glide__arrow .arrow-left, #maintained .background-image .maintained-content-container #maintainedAccordion .item .grange-maintained-carousel .glide-controls .glide__arrow .arrow-right {
        fill: #fff
    }

@media (min-width:1200px) {
    #maintained .background-image .maintained-content-container .button-container {
        display: flex;
        flex-direction: column
    }

        #maintained .background-image .maintained-content-container .button-container.button-container-mob {
            display: none
        }
}

#maintained .background-image .maintained-content-container .button-container .button {
    justify-content: center;
    margin: 0;
    max-width: 330px
}

    #maintained .background-image .maintained-content-container .button-container .button.button-video {
        display: none
    }

@media (min-width:1200px) {
    #maintained .background-image .maintained-content-container .button-container .button.button-video {
        display: flex
    }

    #maintained #maintained-modal {
        right: 0;
        width: 100%
    }

        #maintained #maintained-modal .modal-header {
            margin: 0 auto;
            width: 50%
        }

        #maintained #maintained-modal .video-container {
            margin: 0 auto;
            position: relative;
            width: 50%
        }
}

#service-plan .background-image {
    background-color: #000
}

    #service-plan .background-image .heading {
        color: #fff;
        font-size: 25px;
        line-height: 29px;
        margin: 0;
        text-transform: uppercase
    }

@media (min-width:1600px) {
    #service-plan .background-image .heading {
        font-size: 30px;
        line-height: 39px
    }
}

#service-plan .background-image .body-text {
    color: #fff;
    margin: 0
}

    #service-plan .background-image .body-text.medium {
        font-size: 14px;
        line-height: 24px
    }

@media (min-width:1350px) {
    #service-plan .background-image .body-text.medium {
        font-size: 16px;
        line-height: 25px
    }
}

#service-plan .background-image .body-text.light {
    font-size: 13px;
    line-height: 21px
}

@media (min-width:1350px) {
    #service-plan .background-image .body-text.light {
        font-size: 14px;
        line-height: 25px
    }
}

#service-plan .background-image .ramp-container {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

    #service-plan .background-image .ramp-container .text {
        color: #fff;
        font-size: 11px;
        line-height: 20px;
        padding-top: 17px;
        text-transform: uppercase
    }

    #service-plan .background-image .ramp-container .ramp-logo {
        height: 46px;
        width: 119px
    }

#service-plan .background-image .button-container {
    display: grid;
    row-gap: 14px
}

@media (min-width:1200px) {
    #service-plan .background-image .button-container {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-auto-flow: column;
        row-gap: 18px
    }
}

@media (min-width:1350px) {
    #service-plan .background-image .button-container {
        grid-auto-flow: row
    }
}

#service-plan .background-image .button-container .button {
    max-width: 316px
}

    #service-plan .background-image .button-container .button.button-video {
        -moz-column-gap: 18px;
        column-gap: 18px;
        flex-direction: row;
        justify-content: center
    }

@media (min-width:1200px) {
    #service-plan .background-image .button-container .button.button-video {
        display: none
    }
}

#service-plan .background-image .button-container .button.button-video .play-icon {
    height: 20px;
    width: 20px
}

    #service-plan .background-image .button-container .button.button-video .play-icon .uuid-2ddb24ce-08be-4b0e-bc05-06a17bb2109e, #service-plan .background-image .button-container .button.button-video .play-icon .uuid-c8e8a349-43ba-4a0f-95f5-5e90f78470ab {
        stroke: #000
    }

@media (max-width:1199.98px) {
    #service-plan .background-image .finance-accordion {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #service-plan .background-image .finance-accordion {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #service-plan .background-image .finance-accordion {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #service-plan .background-image .finance-accordion {
        aspect-ratio: 1/1;
        overflow-y: auto;
        padding: 70px 90px 70px 0
    }
}

@media (min-width:1920px) {
    #service-plan .background-image .finance-accordion {
        padding: 70px 140px 70px 0
    }
}

#service-plan .background-image .finance-accordion .accordion-item {
    padding-bottom: 20px
}

@media (max-width:1199.98px) {
    #service-plan .background-image .finance-accordion .accordion-item {
        border-bottom: 1px solid #fff;
        border-radius: 0
    }
}

#service-plan .background-image .finance-accordion .accordion-item .accordion-heading {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0
}

    #service-plan .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse {
        align-items: center;
        background: none;
        border: none;
        color: inherit;
        -moz-column-gap: 20px;
        column-gap: 20px;
        cursor: pointer;
        display: grid;
        font: inherit;
        grid-auto-flow: column;
        justify-content: space-between;
        outline: inherit;
        padding: 0;
        text-align: left;
        width: 100%
    }

@media (min-width:1200px) {
    #service-plan .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse {
        pointer-events: none
    }
}

#service-plan .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse:not(.collapsed) .arrow-down-icon {
    transform: rotate(180deg);
    transition: .5s ease
}

#service-plan .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .arrow-down-icon {
    fill: #fff;
    height: 10px;
    transition: .5s ease;
    width: 17px
}

@media (min-width:1200px) {
    #service-plan .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .arrow-down-icon {
        display: none
    }
}

#service-plan .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .bold {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    #service-plan .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .bold {
        display: block
    }
}

#service-plan .background-image .finance-accordion .accordion-item .item .body-text:not(.min-padding) {
    padding: 50px 0
}

#service-plan .background-image .finance-accordion .accordion-item .item .body-text.min-padding {
    padding: 20px 0
}

@media (min-width:1920px) {
    #service-plan .background-image .finance-accordion .accordion-item .button-container {
        margin-top: 50px
    }
}

#service-plan .background-image .nav-tabs {
    display: grid;
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column
}

    #service-plan .background-image .nav-tabs .nav-item .nav-link {
        border-color: transparent;
        border-bottom: 4px solid transparent;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        transition: none;
        width: 100%
    }

        #service-plan .background-image .nav-tabs .nav-item .nav-link.active {
            background: none;
            border: none;
            border-bottom: 4px solid #fff;
            font-family: Roboto-Bold,Arial,Sans-Serif
        }

#service-plan .background-image .tab-content .tab-content-heading {
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    margin: 44px 0
}

#service-plan .background-image .tab-content .tab-content-text {
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    #service-plan .background-image .tab-content .tab-content-text {
        font-size: 14px;
        line-height: 22px
    }
}

#service-plan .background-image .finance-list {
    display: grid;
    list-style-type: "-";
    margin-bottom: 20px;
    padding-left: 0;
    row-gap: 20px
}

@media (min-width:1200px) {
    #service-plan .background-image .finance-list {
        padding-left: 4px
    }
}

@media (min-width:1350px) {
    #service-plan .background-image .finance-list {
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

#service-plan .background-image .finance-list .finance-list-item {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    padding-left: 10px
}

@media (min-width:1200px) {
    #service-plan .background-image .finance-list .finance-list-item {
        font-size: 14px;
        line-height: 22px
    }

        #service-plan .background-image .finance-list .finance-list-item::marker {
            padding-left: 5px
        }
}

#service-plan .background-image .service-plan-mobile-background-container {
    background-image: url(https://cdn.motorparks.co.uk/assets/motorparks/finance/finance-service-plan-background.webp);
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #service-plan .background-image .service-plan-mobile-background-container .service-plan-mobile-background {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

#service-plan .background-image .service-plan-mobile-background-container .service-plan-mobile-background .heading-container {
    position: relative
}

#service-plan .background-image .service-plan-mobile-background-container .service-plan-mobile-background .heading {
    display: flex;
    flex-direction: column
}

#service-plan .background-image .service-plan-mobile-background-container .service-plan-mobile-background .lifetime-maintenance-logo-white {
    height: auto;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 72px
}

@media (min-width:375px) {
    #service-plan .background-image .service-plan-mobile-background-container .service-plan-mobile-background .lifetime-maintenance-logo-white {
        right: 0
    }
}

@media (min-width:768px) {
    #service-plan .background-image .service-plan-mobile-background-container .service-plan-mobile-background .lifetime-maintenance-logo-white {
        top: -35px;
        width: 110px
    }
}

@media (min-width:1600px) {
    #service-plan .background-image .service-plan-mobile-background-container .service-plan-mobile-background .lifetime-maintenance-logo-white {
        width: 130px
    }
}

@media (min-width:1200px) {
    #service-plan .background-image .service-plan-content-container {
        height: 100%;
        position: absolute;
        right: 0;
        width: 33%
    }
}

@media (min-width:1350px) {
    #service-plan .background-image .service-plan-content-container {
        width: 36%
    }
}

@media (min-width:1600px) {
    #service-plan .background-image .service-plan-content-container {
        width: 34%
    }
}

#service-plan .background-image .service-plan-content-container .crosshair-icon {
    display: none
}

#paint-and-fabric {
    position: relative
}

    #paint-and-fabric .background-image {
        background-color: #000
    }

        #paint-and-fabric .background-image .heading {
            color: #fff;
            font-size: 25px;
            line-height: 29px;
            margin: 0;
            text-transform: uppercase
        }

@media (min-width:1600px) {
    #paint-and-fabric .background-image .heading {
        font-size: 30px;
        line-height: 39px
    }
}

#paint-and-fabric .background-image .body-text {
    color: #fff;
    margin: 0
}

    #paint-and-fabric .background-image .body-text.medium {
        font-size: 14px;
        line-height: 24px
    }

@media (min-width:1350px) {
    #paint-and-fabric .background-image .body-text.medium {
        font-size: 16px;
        line-height: 25px
    }
}

#paint-and-fabric .background-image .body-text.light {
    font-size: 13px;
    line-height: 21px
}

@media (min-width:1350px) {
    #paint-and-fabric .background-image .body-text.light {
        font-size: 14px;
        line-height: 25px
    }
}

#paint-and-fabric .background-image .ramp-container {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

    #paint-and-fabric .background-image .ramp-container .text {
        color: #fff;
        font-size: 11px;
        line-height: 20px;
        padding-top: 17px;
        text-transform: uppercase
    }

    #paint-and-fabric .background-image .ramp-container .ramp-logo {
        height: 46px;
        width: 119px
    }

#paint-and-fabric .background-image .button-container {
    display: grid;
    row-gap: 14px
}

@media (min-width:1200px) {
    #paint-and-fabric .background-image .button-container {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-auto-flow: column;
        row-gap: 18px
    }
}

@media (min-width:1350px) {
    #paint-and-fabric .background-image .button-container {
        grid-auto-flow: row
    }
}

#paint-and-fabric .background-image .button-container .button {
    max-width: 316px
}

    #paint-and-fabric .background-image .button-container .button.button-video {
        -moz-column-gap: 18px;
        column-gap: 18px;
        flex-direction: row;
        justify-content: center
    }

@media (min-width:1200px) {
    #paint-and-fabric .background-image .button-container .button.button-video {
        display: none
    }
}

#paint-and-fabric .background-image .button-container .button.button-video .play-icon {
    height: 20px;
    width: 20px
}

    #paint-and-fabric .background-image .button-container .button.button-video .play-icon .uuid-2ddb24ce-08be-4b0e-bc05-06a17bb2109e, #paint-and-fabric .background-image .button-container .button.button-video .play-icon .uuid-c8e8a349-43ba-4a0f-95f5-5e90f78470ab {
        stroke: #000
    }

#paint-and-fabric .background-image .modal-video {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: calc(50% - 77px);
    z-index: 70
}

@media (max-width:1199.98px) {
    #paint-and-fabric .background-image .modal-video {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #paint-and-fabric .background-image .modal-video {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #paint-and-fabric .background-image .modal-video {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #paint-and-fabric .background-image .modal-video {
        left: revert;
        padding: 0;
        right: 90px;
        top: 70px;
        width: 100%
    }
}

#paint-and-fabric .background-image .modal-video .modal-header {
    padding-bottom: 15px;
    text-align: right
}

    #paint-and-fabric .background-image .modal-video .modal-header .btn-close {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        outline: inherit;
        padding: 0
    }

        #paint-and-fabric .background-image .modal-video .modal-header .btn-close .cross-icon {
            height: 15px;
            width: 15px
        }

@media (min-width:1200px) {
    #paint-and-fabric .background-image .video-outer-container {
        align-items: center;
        background: transparent;
        display: grid;
        height: 100%;
        position: absolute;
        top: 0;
        width: 50%
    }

        #paint-and-fabric .background-image .video-outer-container .video-container .video-controls .volume-container {
            bottom: 20px;
            right: 20px
        }
}

@media (max-width:1199.98px) {
    #paint-and-fabric .background-image {
        grid-template-rows: 1fr
    }

        #paint-and-fabric .background-image .paint-and-fabric-content-container {
            display: none
        }
}

#paint-and-fabric .background-image .paint-and-fabric-mobile-background-container {
    background-image: url(https://cdn.motorparks.co.uk/assets/motorparks/finance/finance-paint-and-fabric-background.webp);
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #paint-and-fabric .background-image .paint-and-fabric-mobile-background-container .paint-and-fabric-mobile-background {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

#paint-and-fabric .background-image .paint-and-fabric-mobile-background-container .paint-and-fabric-mobile-background .heading .paint-and-fabric-logo {
    height: 35px;
    width: 230px
}

#paint-and-fabric .background-image .paint-and-fabric-mobile-background-container .paint-and-fabric-mobile-background #paint-and-fabric-video-modal {
    display: none;
    left: 0;
    position: absolute
}

#paint-and-fabric .background-image .paint-and-fabric-content-container .crosshair-icon {
    display: none
}

#maintenance .background-image {
    background-color: #000
}

    #maintenance .background-image .heading {
        color: #fff;
        font-size: 25px;
        line-height: 29px;
        margin: 0;
        text-transform: uppercase
    }

@media (min-width:1600px) {
    #maintenance .background-image .heading {
        font-size: 30px;
        line-height: 39px
    }
}

#maintenance .background-image .body-text {
    color: #fff;
    margin: 0
}

    #maintenance .background-image .body-text.medium {
        font-size: 14px;
        line-height: 24px
    }

@media (min-width:1350px) {
    #maintenance .background-image .body-text.medium {
        font-size: 16px;
        line-height: 25px
    }
}

#maintenance .background-image .body-text.light {
    font-size: 13px;
    line-height: 21px
}

@media (min-width:1350px) {
    #maintenance .background-image .body-text.light {
        font-size: 14px;
        line-height: 25px
    }
}

#maintenance .background-image .ramp-container {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

    #maintenance .background-image .ramp-container .text {
        color: #fff;
        font-size: 11px;
        line-height: 20px;
        padding-top: 17px;
        text-transform: uppercase
    }

    #maintenance .background-image .ramp-container .ramp-logo {
        height: 46px;
        width: 119px
    }

#maintenance .background-image .button-container {
    display: grid;
    row-gap: 14px
}

@media (min-width:1200px) {
    #maintenance .background-image .button-container {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-auto-flow: column;
        row-gap: 18px
    }
}

@media (min-width:1350px) {
    #maintenance .background-image .button-container {
        grid-auto-flow: row
    }
}

#maintenance .background-image .button-container .button {
    max-width: 316px
}

    #maintenance .background-image .button-container .button.button-video {
        -moz-column-gap: 18px;
        column-gap: 18px;
        flex-direction: row;
        justify-content: center
    }

@media (min-width:1200px) {
    #maintenance .background-image .button-container .button.button-video {
        display: none
    }
}

#maintenance .background-image .button-container .button.button-video .play-icon {
    height: 20px;
    width: 20px
}

    #maintenance .background-image .button-container .button.button-video .play-icon .uuid-2ddb24ce-08be-4b0e-bc05-06a17bb2109e, #maintenance .background-image .button-container .button.button-video .play-icon .uuid-c8e8a349-43ba-4a0f-95f5-5e90f78470ab {
        stroke: #000
    }

@media (max-width:1199.98px) {
    #maintenance .background-image .finance-accordion {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #maintenance .background-image .finance-accordion {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #maintenance .background-image .finance-accordion {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #maintenance .background-image .finance-accordion {
        aspect-ratio: 1/1;
        overflow-y: auto;
        padding: 70px 90px 70px 0
    }
}

@media (min-width:1920px) {
    #maintenance .background-image .finance-accordion {
        padding: 70px 140px 70px 0
    }
}

#maintenance .background-image .finance-accordion .accordion-item {
    padding-bottom: 20px
}

@media (max-width:1199.98px) {
    #maintenance .background-image .finance-accordion .accordion-item {
        border-bottom: 1px solid #fff;
        border-radius: 0
    }
}

#maintenance .background-image .finance-accordion .accordion-item .accordion-heading {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0
}

    #maintenance .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse {
        align-items: center;
        background: none;
        border: none;
        color: inherit;
        -moz-column-gap: 20px;
        column-gap: 20px;
        cursor: pointer;
        display: grid;
        font: inherit;
        grid-auto-flow: column;
        justify-content: space-between;
        outline: inherit;
        padding: 0;
        text-align: left;
        width: 100%
    }

@media (min-width:1200px) {
    #maintenance .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse {
        pointer-events: none
    }
}

#maintenance .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse:not(.collapsed) .arrow-down-icon {
    transform: rotate(180deg);
    transition: .5s ease
}

#maintenance .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .arrow-down-icon {
    fill: #fff;
    height: 10px;
    transition: .5s ease;
    width: 17px
}

@media (min-width:1200px) {
    #maintenance .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .arrow-down-icon {
        display: none
    }
}

#maintenance .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .bold {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    #maintenance .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .bold {
        display: block
    }
}

#maintenance .background-image .finance-accordion .accordion-item .item .body-text:not(.min-padding) {
    padding: 50px 0
}

#maintenance .background-image .finance-accordion .accordion-item .item .body-text.min-padding {
    padding: 20px 0
}

@media (min-width:1920px) {
    #maintenance .background-image .finance-accordion .accordion-item .button-container {
        margin-top: 50px
    }
}

#maintenance .background-image .finance-list {
    display: grid;
    list-style-type: "-";
    margin-bottom: 20px;
    padding-left: 0;
    row-gap: 20px
}

@media (min-width:1200px) {
    #maintenance .background-image .finance-list {
        padding-left: 4px
    }
}

@media (min-width:1350px) {
    #maintenance .background-image .finance-list {
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

#maintenance .background-image .finance-list .finance-list-item {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    padding-left: 10px
}

@media (min-width:1200px) {
    #maintenance .background-image .finance-list .finance-list-item {
        font-size: 14px;
        line-height: 22px
    }

        #maintenance .background-image .finance-list .finance-list-item::marker {
            padding-left: 5px
        }
}

#maintenance .background-image .modal-video {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: calc(50% - 77px);
    z-index: 70
}

@media (max-width:1199.98px) {
    #maintenance .background-image .modal-video {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #maintenance .background-image .modal-video {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #maintenance .background-image .modal-video {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #maintenance .background-image .modal-video {
        left: revert;
        padding: 0;
        right: 90px;
        top: 70px;
        width: 100%
    }
}

#maintenance .background-image .modal-video .modal-header {
    padding-bottom: 15px;
    text-align: right
}

    #maintenance .background-image .modal-video .modal-header .btn-close {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        outline: inherit;
        padding: 0
    }

        #maintenance .background-image .modal-video .modal-header .btn-close .cross-icon {
            height: 15px;
            width: 15px
        }

#maintenance .background-image .maintenance-mobile-background-container {
    background-image: url(https://cdn.motorparks.co.uk/assets/motorparks/finance/finance-maintenance-background.webp);
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #maintenance .background-image .maintenance-mobile-background-container .maintenance-mobile-background {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

#maintenance .background-image .maintenance-mobile-background-container .maintenance-mobile-background .heading {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    #maintenance .background-image .maintenance-content-container {
        height: 100%;
        position: absolute;
        right: 0;
        width: 33%
    }
}

@media (min-width:1350px) {
    #maintenance .background-image .maintenance-content-container {
        width: 37%
    }
}

#maintenance .background-image .maintenance-content-container .crosshair-icon {
    display: none
}

@media (min-width:1200px) {
    #maintenance .background-image .maintenance-content-container .button-container .button-video {
        display: flex
    }
}
#pcp-and-hp {
    position: relative
}

    #pcp-and-hp .background-image {
        background-color: #000
    }

        #pcp-and-hp .background-image .heading {
            color: #fff;
            font-size: 25px;
            line-height: 29px;
            margin: 0;
            text-transform: uppercase
        }

@media (min-width:1600px) {
    #pcp-and-hp .background-image .heading {
        font-size: 30px;
        line-height: 39px
    }
}

#pcp-and-hp .background-image .body-text {
    color: #fff;
    margin: 0
}

    #pcp-and-hp .background-image .body-text.medium {
        font-size: 14px;
        line-height: 24px
    }

@media (min-width:1350px) {
    #pcp-and-hp .background-image .body-text.medium {
        font-size: 16px;
        line-height: 25px
    }
}

#pcp-and-hp .background-image .body-text.light {
    font-size: 13px;
    line-height: 21px
}

@media (min-width:1350px) {
    #pcp-and-hp .background-image .body-text.light {
        font-size: 14px;
        line-height: 25px
    }
}

#pcp-and-hp .background-image .ramp-container {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

    #pcp-and-hp .background-image .ramp-container .text {
        color: #fff;
        font-size: 11px;
        line-height: 20px;
        padding-top: 17px;
        text-transform: uppercase
    }

    #pcp-and-hp .background-image .ramp-container .ramp-logo {
        height: 46px;
        width: 119px
    }

#pcp-and-hp .background-image .button-container {
    display: grid;
    row-gap: 14px
}

@media (min-width:1200px) {
    #pcp-and-hp .background-image .button-container {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-auto-flow: column;
        row-gap: 18px
    }
}

@media (min-width:1350px) {
    #pcp-and-hp .background-image .button-container {
        grid-auto-flow: row
    }
}

#pcp-and-hp .background-image .button-container .button {
    max-width: 316px
}

    #pcp-and-hp .background-image .button-container .button.button-video {
        -moz-column-gap: 18px;
        column-gap: 18px;
        flex-direction: row;
        justify-content: center
    }

@media (min-width:1200px) {
    #pcp-and-hp .background-image .button-container .button.button-video {
        display: none
    }
}

#pcp-and-hp .background-image .button-container .button.button-video .play-icon {
    height: 20px;
    width: 20px
}

    #pcp-and-hp .background-image .button-container .button.button-video .play-icon .uuid-2ddb24ce-08be-4b0e-bc05-06a17bb2109e, #pcp-and-hp .background-image .button-container .button.button-video .play-icon .uuid-c8e8a349-43ba-4a0f-95f5-5e90f78470ab {
        stroke: #000
    }

#pcp-and-hp .background-image .modal-video {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: calc(50% - 77px);
    z-index: 70
}

@media (max-width:1199.98px) {
    #pcp-and-hp .background-image .modal-video {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #pcp-and-hp .background-image .modal-video {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #pcp-and-hp .background-image .modal-video {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #pcp-and-hp .background-image .modal-video {
        left: revert;
        padding: 0;
        right: 90px;
        top: 70px;
        width: 100%
    }
}

#pcp-and-hp .background-image .modal-video .modal-header {
    padding-bottom: 15px;
    text-align: right
}

    #pcp-and-hp .background-image .modal-video .modal-header .btn-close {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        outline: inherit;
        padding: 0
    }

        #pcp-and-hp .background-image .modal-video .modal-header .btn-close .cross-icon {
            height: 15px;
            width: 15px
        }

@media (min-width:1200px) {
    #pcp-and-hp .background-image .video-outer-container {
        align-items: center;
        background: transparent;
        display: grid;
        height: 100%;
        position: absolute;
        top: 0;
        width: 50%
    }

        #pcp-and-hp .background-image .video-outer-container .video-container .video-controls .volume-container {
            bottom: 20px;
            right: 20px
        }
}

@media (max-width:1199.98px) {
    #pcp-and-hp .background-image {
        grid-template-rows: 1fr
    }

        #pcp-and-hp .background-image .pcp-and-hp-content-container {
            display: none
        }
}

#pcp-and-hp .background-image .pcp-and-hp-mobile-background-container {
    background-image: url(https://cdn.motorparks.co.uk/assets/motorparks/finance/finance-pcp-and-hp-background.webp);
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #pcp-and-hp .background-image .pcp-and-hp-mobile-background-container .pcp-and-hp-mobile-background {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

#pcp-and-hp .background-image .pcp-and-hp-mobile-background-container .pcp-and-hp-mobile-background .heading .pcp-and-hp-logo {
    height: 35px;
    width: 230px
}

#pcp-and-hp .background-image .pcp-and-hp-mobile-background-container .pcp-and-hp-mobile-background #pcp-and-hp-video-modal {
    display: none;
    left: 0;
    position: absolute
}

#pcp-and-hp .background-image .pcp-and-hp-content-container .crosshair-icon {
    display: none
}
#tyre-and-alloy {
    position: relative
}

    #tyre-and-alloy .background-image {
        background-color: #000
    }

        #tyre-and-alloy .background-image .heading {
            color: #fff;
            font-size: 25px;
            line-height: 29px;
            margin: 0;
            text-transform: uppercase
        }

@media (min-width:1600px) {
    #tyre-and-alloy .background-image .heading {
        font-size: 30px;
        line-height: 39px
    }
}

#tyre-and-alloy .background-image .body-text {
    color: #fff;
    margin: 0
}

    #tyre-and-alloy .background-image .body-text.medium {
        font-size: 14px;
        line-height: 24px
    }

@media (min-width:1350px) {
    #tyre-and-alloy .background-image .body-text.medium {
        font-size: 16px;
        line-height: 25px
    }
}

#tyre-and-alloy .background-image .body-text.light {
    font-size: 13px;
    line-height: 21px
}

@media (min-width:1350px) {
    #tyre-and-alloy .background-image .body-text.light {
        font-size: 14px;
        line-height: 25px
    }
}

#tyre-and-alloy .background-image .ramp-container {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

    #tyre-and-alloy .background-image .ramp-container .text {
        color: #fff;
        font-size: 11px;
        line-height: 20px;
        padding-top: 17px;
        text-transform: uppercase
    }

    #tyre-and-alloy .background-image .ramp-container .ramp-logo {
        height: 46px;
        width: 119px
    }

#tyre-and-alloy .background-image .button-container {
    display: grid;
    row-gap: 14px
}

@media (min-width:1200px) {
    #tyre-and-alloy .background-image .button-container {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-auto-flow: column;
        row-gap: 18px
    }
}

@media (min-width:1350px) {
    #tyre-and-alloy .background-image .button-container {
        grid-auto-flow: row
    }
}

#tyre-and-alloy .background-image .button-container .button {
    max-width: 316px
}

    #tyre-and-alloy .background-image .button-container .button.button-video {
        -moz-column-gap: 18px;
        column-gap: 18px;
        flex-direction: row;
        justify-content: center
    }

@media (min-width:1200px) {
    #tyre-and-alloy .background-image .button-container .button.button-video {
        display: none
    }
}

#tyre-and-alloy .background-image .button-container .button.button-video .play-icon {
    height: 20px;
    width: 20px
}

    #tyre-and-alloy .background-image .button-container .button.button-video .play-icon .uuid-2ddb24ce-08be-4b0e-bc05-06a17bb2109e, #tyre-and-alloy .background-image .button-container .button.button-video .play-icon .uuid-c8e8a349-43ba-4a0f-95f5-5e90f78470ab {
        stroke: #000
    }

#tyre-and-alloy .background-image .modal-video {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: calc(50% - 77px);
    z-index: 70
}

@media (max-width:1199.98px) {
    #tyre-and-alloy .background-image .modal-video {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #tyre-and-alloy .background-image .modal-video {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #tyre-and-alloy .background-image .modal-video {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #tyre-and-alloy .background-image .modal-video {
        left: revert;
        padding: 0;
        right: 90px;
        top: 70px;
        width: 100%
    }
}

#tyre-and-alloy .background-image .modal-video .modal-header {
    padding-bottom: 15px;
    text-align: right
}

    #tyre-and-alloy .background-image .modal-video .modal-header .btn-close {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        outline: inherit;
        padding: 0
    }

        #tyre-and-alloy .background-image .modal-video .modal-header .btn-close .cross-icon {
            height: 15px;
            width: 15px
        }

@media (min-width:1200px) {
    #tyre-and-alloy .background-image .video-outer-container {
        align-items: center;
        background: transparent;
        display: grid;
        height: 100%;
        position: absolute;
        top: 0;
        width: 50%
    }

        #tyre-and-alloy .background-image .video-outer-container .video-container .video-controls .volume-container {
            bottom: 20px;
            right: 20px
        }
}

@media (max-width:1199.98px) {
    #tyre-and-alloy .background-image {
        grid-template-rows: 1fr
    }

        #tyre-and-alloy .background-image .tyre-and-alloy-content-container {
            display: none
        }
}

#tyre-and-alloy .background-image .tyre-and-alloy-mobile-background-container {
    background-image: url(https://cdn.motorparks.co.uk/assets/motorparks/finance/finance-tyre-and-alloy-background.webp);
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #tyre-and-alloy .background-image .tyre-and-alloy-mobile-background-container .tyre-and-alloy-mobile-background {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

#tyre-and-alloy .background-image .tyre-and-alloy-mobile-background-container .tyre-and-alloy-mobile-background .heading .tyre-and-alloy-logo {
    height: 35px;
    width: 230px
}

#tyre-and-alloy .background-image .tyre-and-alloy-mobile-background-container .tyre-and-alloy-mobile-background #tyre-and-alloy-video-modal {
    display: none;
    left: 0;
    position: absolute
}

#tyre-and-alloy .background-image .tyre-and-alloy-content-container .crosshair-icon {
    display: none
}

#vehicle-asset .background-image {
    background-color: #191a1a
}

    #vehicle-asset .background-image .heading {
        color: #fff;
        font-size: 25px;
        line-height: 29px;
        margin: 0;
        text-transform: uppercase
    }

@media (min-width:1600px) {
    #vehicle-asset .background-image .heading {
        font-size: 30px;
        line-height: 39px
    }
}

#vehicle-asset .background-image .body-text {
    color: #fff;
    margin: 0
}

    #vehicle-asset .background-image .body-text.medium {
        font-size: 14px;
        line-height: 24px
    }

@media (min-width:1350px) {
    #vehicle-asset .background-image .body-text.medium {
        font-size: 16px;
        line-height: 25px
    }
}

#vehicle-asset .background-image .body-text.light {
    font-size: 13px;
    line-height: 21px
}

@media (min-width:1350px) {
    #vehicle-asset .background-image .body-text.light {
        font-size: 14px;
        line-height: 25px
    }
}

#vehicle-asset .background-image .ramp-container {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

    #vehicle-asset .background-image .ramp-container .text {
        color: #fff;
        font-size: 11px;
        line-height: 20px;
        padding-top: 17px;
        text-transform: uppercase
    }

    #vehicle-asset .background-image .ramp-container .ramp-logo {
        height: 46px;
        width: 119px
    }

#vehicle-asset .background-image .button-container {
    display: grid;
    row-gap: 14px
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .button-container {
        -moz-column-gap: 14px;
        column-gap: 14px;
        grid-auto-flow: column;
        row-gap: 18px
    }
}

@media (min-width:1350px) {
    #vehicle-asset .background-image .button-container {
        grid-auto-flow: row
    }
}

#vehicle-asset .background-image .button-container .button {
    max-width: 316px
}

    #vehicle-asset .background-image .button-container .button.button-video {
        -moz-column-gap: 18px;
        column-gap: 18px;
        flex-direction: row;
        justify-content: center
    }

@media (min-width:1200px) {
    #vehicle-asset .background-image .button-container .button.button-video {
        display: none
    }
}

#vehicle-asset .background-image .button-container .button.button-video .play-icon {
    height: 20px;
    width: 20px
}

    #vehicle-asset .background-image .button-container .button.button-video .play-icon .uuid-2ddb24ce-08be-4b0e-bc05-06a17bb2109e, #vehicle-asset .background-image .button-container .button.button-video .play-icon .uuid-c8e8a349-43ba-4a0f-95f5-5e90f78470ab {
        stroke: #000
    }

@media (max-width:1199.98px) {
    #vehicle-asset .background-image .finance-accordion {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #vehicle-asset .background-image .finance-accordion {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #vehicle-asset .background-image .finance-accordion {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .finance-accordion {
        aspect-ratio: 1/1;
        overflow-y: auto;
        padding: 70px 90px 70px 0
    }
}

@media (min-width:1920px) {
    #vehicle-asset .background-image .finance-accordion {
        padding: 70px 140px 70px 0
    }
}

#vehicle-asset .background-image .finance-accordion .accordion-item {
    padding-bottom: 20px
}

@media (max-width:1199.98px) {
    #vehicle-asset .background-image .finance-accordion .accordion-item {
        border-bottom: 1px solid #fff;
        border-radius: 0
    }
}

#vehicle-asset .background-image .finance-accordion .accordion-item .accordion-heading {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0
}

    #vehicle-asset .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse {
        align-items: center;
        background: none;
        border: none;
        color: inherit;
        -moz-column-gap: 20px;
        column-gap: 20px;
        cursor: pointer;
        display: grid;
        font: inherit;
        grid-auto-flow: column;
        justify-content: space-between;
        outline: inherit;
        padding: 0;
        text-align: left;
        width: 100%
    }

@media (min-width:1200px) {
    #vehicle-asset .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse {
        pointer-events: none
    }
}

#vehicle-asset .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse:not(.collapsed) .arrow-down-icon {
    transform: rotate(180deg);
    transition: .5s ease
}

#vehicle-asset .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .arrow-down-icon {
    fill: #fff;
    height: 10px;
    transition: .5s ease;
    width: 17px
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .arrow-down-icon {
        display: none
    }
}

#vehicle-asset .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .bold {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .finance-accordion .accordion-item .accordion-heading .button-collapse .bold {
        display: block
    }
}

#vehicle-asset .background-image .finance-accordion .accordion-item .item .body-text:not(.min-padding) {
    padding: 50px 0
}

#vehicle-asset .background-image .finance-accordion .accordion-item .item .body-text.min-padding {
    padding: 20px 0
}

@media (min-width:1920px) {
    #vehicle-asset .background-image .finance-accordion .accordion-item .button-container {
        margin-top: 50px
    }
}

#vehicle-asset .background-image .nav-tabs {
    display: grid;
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column
}

    #vehicle-asset .background-image .nav-tabs .nav-item .nav-link {
        border-color: transparent;
        border-bottom: 4px solid transparent;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        transition: none;
        width: 100%
    }

        #vehicle-asset .background-image .nav-tabs .nav-item .nav-link.active {
            background: none;
            border: none;
            border-bottom: 4px solid #fff;
            font-family: Roboto-Bold,Arial,Sans-Serif
        }

#vehicle-asset .background-image .tab-content .tab-content-heading {
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    margin: 44px 0
}

#vehicle-asset .background-image .tab-content .tab-content-text {
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .tab-content .tab-content-text {
        font-size: 14px;
        line-height: 22px
    }
}

#vehicle-asset .background-image .modal-video {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: calc(50% - 77px);
    z-index: 70
}

@media (max-width:1199.98px) {
    #vehicle-asset .background-image .modal-video {
        padding: 70px 90px
    }
}

@media (max-width:1023.98px) {
    #vehicle-asset .background-image .modal-video {
        padding: 70px 60px
    }
}

@media (max-width:767.98px) {
    #vehicle-asset .background-image .modal-video {
        padding: 70px 30px
    }
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .modal-video {
        left: revert;
        padding: 0;
        right: 90px;
        top: 70px;
        width: 100%
    }
}

#vehicle-asset .background-image .modal-video .modal-header {
    padding-bottom: 15px;
    text-align: right
}

    #vehicle-asset .background-image .modal-video .modal-header .btn-close {
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        outline: inherit;
        padding: 0
    }

        #vehicle-asset .background-image .modal-video .modal-header .btn-close .cross-icon {
            height: 15px;
            width: 15px
        }

#vehicle-asset .background-image .vehicle-asset-mobile-background-container {
    background-image: url(https://cdn.motorparks.co.uk/assets/motorparks/finance/finance-vehicle-asset-background.webp);
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .vehicle-asset-mobile-background-container .vehicle-asset-mobile-background {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

#vehicle-asset .background-image .vehicle-asset-mobile-background-container .vehicle-asset-mobile-background .heading {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .vehicle-asset-content-container {
        height: 100%;
        position: absolute;
        right: 0;
        width: 33%
    }
}

@media (min-width:1350px) {
    #vehicle-asset .background-image .vehicle-asset-content-container {
        width: 37%
    }
}

#vehicle-asset .background-image .vehicle-asset-content-container .crosshair-icon {
    display: none
}

@media (min-width:1200px) {
    #vehicle-asset .background-image .vehicle-asset-content-container .button-container .button-video {
        display: flex
    }
}

#vehicle-asset .background-image .vehicle-asset-content-container .finance-accordion .accordion-item .accordion-heading {
    margin-bottom: 40px
}

#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
    }
}