#offer-banner + #branded-main-banner {
    padding-top: 50px
}

@media (min-width:1600px) {
    #offer-banner + #branded-main-banner {
        padding-top: 70px
    }
}

#offer-banner + #branded-main-banner .background-image {
    height: calc(100vh - 127px)
}

@media (min-width:768px) {
    #offer-banner + #branded-main-banner .background-image {
        height: calc(100vh - 150px)
    }
}

@media (min-width:1200px) {
    #offer-banner + #branded-main-banner .background-image {
        height: calc(100vh - 170px)
    }
}

@media (min-width:1600px) {
    #offer-banner + #branded-main-banner .background-image {
        height: calc(100vh - 230px)
    }
}

#branded-main-banner .background-image {
    align-items: center;
    background-blend-mode: multiply;
    background-color: rgba(0,0,0,.6);
    background-position: 35%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: calc(100vh - 77px);
    min-height: 550px;
    position: relative
}

@media (min-width:576px) {
    #branded-main-banner .background-image {
        background-position: 50%
    }
}

@media (min-width:768px) {
    #branded-main-banner .background-image {
        height: calc(100vh - 100px);
        min-height: 750px
    }
}

@media (min-width:1200px) {
    #branded-main-banner .background-image {
        height: calc(100vh - 120px);
        min-height: 460px
    }
}

@media (min-width:1600px) {
    #branded-main-banner .background-image {
        height: calc(100vh - 160px);
        min-height: 650px
    }
}

#branded-main-banner .inside-padding {
    height: 100%;
    padding: 60px 30px
}

@media (min-width:768px) {
    #branded-main-banner .inside-padding {
        padding: 60px
    }
}

@media (min-width:1024px) {
    #branded-main-banner .inside-padding {
        padding: 60px 90px
    }
}

@media (min-width:1200px) {
    #branded-main-banner .inside-padding {
        align-items: center;
        display: flex
    }
}

@media (min-width:1600px) {
    #branded-main-banner .inside-padding {
        padding: 120px 140px
    }
}

#branded-main-banner .video-container {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

    #branded-main-banner .video-container video {
        height: auto;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: auto
    }

    #branded-main-banner .video-container .overlay {
        background-color: #000;
        height: 100%;
        opacity: .1;
        position: absolute;
        width: 100%;
        z-index: 2
    }

#branded-main-banner .homepage-link-container {
    position: relative;
    width: 100%;
    z-index: 3
}

    #branded-main-banner .homepage-link-container .heading {
        color: #fff;
        font-family: Roboto-Light,Arial,Sans-Serif;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
        max-width: 220px
    }

@media (min-width:768px) {
    #branded-main-banner .homepage-link-container .heading {
        font-size: 21px;
        line-height: 25px;
        max-width: none
    }
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .heading {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 50px
    }
}

@media (min-width:1600px) {
    #branded-main-banner .homepage-link-container .heading {
        font-size: 28px;
        line-height: 32px
    }
}

#branded-main-banner .homepage-link-container .homepage-links {
    display: flex;
    flex-direction: column
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links {
        flex-direction: row
    }
}

#branded-main-banner .homepage-link-container .homepage-links .link-box {
    margin-bottom: 15px
}

@media (min-width:768px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-box {
        margin-bottom: 30px
    }
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-box {
        position: relative;
        width: 25%
    }
}

#branded-main-banner .homepage-link-container .homepage-links .link-box .linear-gradient {
    background: #fff;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#cccbcb 50%,hsla(0,0%,100%,0));
    display: none;
    height: 1px;
    position: absolute;
    transform: rotate(135deg);
    width: 250px
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-box .linear-gradient {
        display: block;
        right: -75px;
        top: 45px
    }
}

@media (min-width:1600px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-box .linear-gradient {
        right: -60px;
        top: 55px
    }
}

@media (min-width:1920px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-box .linear-gradient {
        right: -45px
    }
}

#branded-main-banner .homepage-link-container .homepage-links .link-box:nth-of-type(4n) {
    margin-bottom: 0
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-box:nth-of-type(4n) .linear-gradient {
        display: none
    }

    #branded-main-banner .homepage-link-container .homepage-links .link-box:nth-of-type(4n) svg.arrow-right {
        margin-right: 0
    }
}

@media (min-width:1920px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-box:nth-of-type(4n) svg.arrow-right {
        margin-right: 60px
    }
}

#branded-main-banner .homepage-link-container .homepage-links .link-title {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    height: 55px;
    letter-spacing: 5px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-title {
        align-items: flex-start
    }
}

#branded-main-banner .homepage-link-container .homepage-links .link-title .title {
    font-size: 17px;
    line-height: 19px
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-title .title {
        font-size: 19px;
        line-height: 21px
    }
}

@media (min-width:1600px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-title .title {
        font-size: 21px;
        line-height: 23px
    }
}

@media (min-width:1920px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-title .title {
        font-size: 25px;
        line-height: 27px
    }
}

#branded-main-banner .homepage-link-container .homepage-links .link-title .title br {
    display: none
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links .link-title .title br {
        display: inline-block
    }
}

#branded-main-banner .homepage-link-container .homepage-links svg.arrow-right {
    fill: #fff;
    flex-shrink: 0;
    height: 20px;
    margin-left: auto;
    width: 11px
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links svg.arrow-right {
        margin-right: 50px
    }
}

@media (min-width:1600px) {
    #branded-main-banner .homepage-link-container .homepage-links svg.arrow-right {
        margin-right: 80px
    }
}

@media (min-width:1920px) {
    #branded-main-banner .homepage-link-container .homepage-links svg.arrow-right {
        margin-right: 110px
    }
}

#branded-main-banner .homepage-link-container .homepage-links .message {
    color: #fff;
    display: none;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0
}

@media (min-width:768px) {
    #branded-main-banner .homepage-link-container .homepage-links .message {
        display: block
    }
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links .message {
        font-size: 12px;
        line-height: 14px;
        max-width: 170px
    }
}

@media (min-width:1600px) {
    #branded-main-banner .homepage-link-container .homepage-links .message {
        font-size: 14px;
        line-height: 16px;
        max-width: 210px
    }
}

@media (min-width:1920px) {
    #branded-main-banner .homepage-link-container .homepage-links .message {
        max-width: 260px
    }
}

#branded-main-banner .homepage-link-container .homepage-links .message br {
    display: none
}

@media (min-width:1200px) {
    #branded-main-banner .homepage-link-container .homepage-links .message br {
        display: block
    }
}

@media (min-width:1920px) {
    #branded-main-banner .homepage-link-container .homepage-links .message.servicing {
        margin-top: 20px
    }
}

#branded-main-banner .contact-dealer-details {
    min-height: 40px
}

@media (min-width:768px) {
    #branded-main-banner .contact-dealer-details {
        min-height: 90px
    }
}

#branded-main-banner .contact-dealer-details .contact-message {
    color: #fff;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 0
}

@media (min-width:1600px) {
    #branded-main-banner .contact-dealer-details .contact-message {
        font-size: 23px;
        line-height: 24px
    }
}

#branded-main-banner .contact-dealer-details .change-dealer {
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 11px;
    line-height: 13px;
    padding-bottom: 3px
}

#branded-main-banner .contact-dealer-details .found-dealership {
    display: flex
}

    #branded-main-banner .contact-dealer-details .found-dealership .dealer-details .dealer-name {
        color: #fff;
        display: block;
        font-family: Roboto-Medium,Arial,Sans-Serif;
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 8px
    }

#branded-main-banner .contact-dealer-details .select-closest-container {
    position: relative
}

    #branded-main-banner .contact-dealer-details .select-closest-container .loading-overlay {
        display: none;
        height: 100%;
        justify-content: flex-end;
        left: 0;
        padding-right: 40px;
        position: absolute;
        top: 0;
        width: 100%
    }

        #branded-main-banner .contact-dealer-details .select-closest-container .loading-overlay.active {
            display: flex
        }

.sidebar-service {
    background-color: #f2f2f2;
    height: 100vh;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 77px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 55
}

@media (min-width:768px) {
    .sidebar-service {
        padding-top: 100px
    }
}

@media (min-width:1200px) {
    .sidebar-service {
        padding-top: 120px
    }
}

@media (min-width:1600px) {
    .sidebar-service {
        padding-top: 160px
    }
}

.sidebar-service .sidebar-heading-container {
    padding: 30px
}

    .sidebar-service .sidebar-heading-container .heading {
        display: flex
    }

    .sidebar-service .sidebar-heading-container .close-icon-container {
        margin-left: auto
    }

    .sidebar-service .sidebar-heading-container .close-sidebar {
        cursor: pointer;
        height: 22px;
        width: 22px
    }

        .sidebar-service .sidebar-heading-container .close-sidebar .cross-icon-svg-white {
            fill: #000;
            stroke: #000
        }

#service-commitment .background-image {
    background-blend-mode: multiply;
    background-color: #05689d;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 1390px 773px;
    position: relative
}

@media (min-width:1024px) {
    #service-commitment .background-image {
        background-size: cover
    }
}

@media (min-width:1200px) {
    #service-commitment .background-image {
        background-position: 0
    }
}

#service-commitment .background-slice {
    background-color: #fff;
    -webkit-clip-path: polygon(25% 0,100% 0,100% 100%,70% 100%);
    clip-path: polygon(25% 0,100% 0,100% 100%,70% 100%);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (min-width:1200px) {
    #service-commitment .background-slice {
        display: block
    }
}

#service-commitment .right-container {
    background-color: #fff;
    padding: 70px 30px;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    #service-commitment .right-container {
        padding: 70px 60px
    }
}

@media (min-width:1024px) {
    #service-commitment .right-container {
        padding: 70px 90px
    }
}

@media (min-width:1200px) {
    #service-commitment .right-container {
        background-color: transparent;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        order: 2;
        padding: 90px 90px 90px 120px
    }
}

@media (min-width:1600px) {
    #service-commitment .right-container {
        padding: 90px 90px 120px 120px
    }
}

@media (min-width:1920px) {
    #service-commitment .right-container {
        padding: 120px
    }
}

#service-commitment .right-container .brand-logo {
    margin-bottom: 40px;
    max-width: 290px
}

@media (min-width:1200px) {
    #service-commitment .right-container .brand-logo {
        left: -80px;
        position: absolute;
        top: 90px
    }
}

@media (min-width:1600px) {
    #service-commitment .right-container .brand-logo {
        left: -140px
    }
}

@media (min-width:1920px) {
    #service-commitment .right-container .brand-logo {
        top: 120px
    }
}

#service-commitment .right-container .brand-logo.abarth-logo, #service-commitment .right-container .brand-logo.mazda-logo {
    height: 80px;
    width: 80px
}

@media (min-width:1200px) {
    #service-commitment .right-container .brand-logo.abarth-logo, #service-commitment .right-container .brand-logo.mazda-logo {
        height: 90px;
        width: 90px
    }
}

@media (min-width:1600px) {
    #service-commitment .right-container .brand-logo.abarth-logo, #service-commitment .right-container .brand-logo.mazda-logo {
        height: 130px;
        width: 130px
    }
}

#service-commitment .right-container .brand-logo.mg-logo {
    height: 40px;
    margin-left: -7px;
    width: 80px
}

@media (min-width:1200px) {
    #service-commitment .right-container .brand-logo.mg-logo {
        height: 138px;
        left: -60px;
        margin-left: 0;
        width: 107px
    }
}

@media (min-width:1600px) {
    #service-commitment .right-container .brand-logo.mg-logo {
        height: 165px;
        left: -110px;
        width: 128px
    }
}

#service-commitment .right-container .heading {
    color: #000;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media (min-width:1600px) {
    #service-commitment .right-container .heading {
        font-size: 38px;
        line-height: 40px
    }
}

@media (min-width:1920px) {
    #service-commitment .right-container .heading {
        margin-bottom: 60px
    }
}

@media (min-width:1200px) {
    #service-commitment .right-container .heading br {
        display: none
    }
}

#service-commitment .right-container .crosshair-icon {
    height: 17px;
    margin-bottom: 30px;
    width: 17px
}

@media (min-width:1920px) {
    #service-commitment .right-container .crosshair-icon {
        margin-bottom: 60px
    }
}

#service-commitment .right-container .crosshair-icon .crosshair-svg-1 {
    stroke: #000
}

#service-commitment .right-container .text-notable {
    color: #000;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px
}

@media (min-width:1600px) {
    #service-commitment .right-container .text-notable {
        font-size: 16px;
        line-height: 26px
    }
}

#service-commitment .right-container .text {
    color: #000;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 40px
}

@media (min-width:1600px) {
    #service-commitment .right-container .text {
        font-size: 15px;
        line-height: 21px
    }
}

#service-commitment .right-container .button {
    max-width: 320px
}

#service-commitment .left-container {
    padding: 70px 30px;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    #service-commitment .left-container {
        padding: 70px 60px
    }
}

@media (min-width:1024px) {
    #service-commitment .left-container {
        padding: 70px 90px
    }
}

@media (min-width:1200px) {
    #service-commitment .left-container {
        order: 1;
        padding: 90px
    }
}

@media (min-width:1600px) {
    #service-commitment .left-container {
        padding: 90px 90px 120px 140px
    }
}

@media (min-width:1920px) {
    #service-commitment .left-container {
        padding: 120px 120px 90px 140px
    }
}

#service-commitment .left-container img {
    height: auto;
    margin-bottom: 35px;
    width: 100%
}

@media (min-width:1200px) {
    #service-commitment .left-container img {
        margin-bottom: 20px;
        min-height: 292px
    }
}

#service-commitment .left-container .event-text .heading {
    color: #fff;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 40px;
    text-transform: uppercase
}

@media (min-width:1600px) {
    #service-commitment .left-container .event-text .heading {
        font-size: 30px;
        line-height: 32px
    }
}

@media (min-width:1920px) {
    #service-commitment .left-container .event-text .heading {
        margin-bottom: 60px
    }

        #service-commitment .left-container .event-text .heading br {
            display: none
        }
}

#service-commitment .left-container .event-text .crosshair-icon {
    height: 17px;
    margin-bottom: 40px;
    width: 17px
}

@media (min-width:1920px) {
    #service-commitment .left-container .event-text .crosshair-icon {
        margin-bottom: 60px
    }
}

#service-commitment .left-container .event-text .crosshair-icon .crosshair-svg-1 {
    stroke: #fff
}

#service-commitment .left-container .event-text .text {
    color: #fff;
    font-family: Roboto-Regular,Arial,Sans-Serif;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 30px
}

@media (min-width:1600px) {
    #service-commitment .left-container .event-text .text {
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 30px
    }
}

#service-commitment .left-container .event-text .commitment-list {
    list-style-type: "-";
    margin-bottom: 0;
    padding-left: 0
}

    #service-commitment .left-container .event-text .commitment-list li {
        color: #fff;
        font-family: Roboto-Regular,Arial,Sans-Serif;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 25px;
        padding-left: 10px
    }

@media (min-width:1600px) {
    #service-commitment .left-container .event-text .commitment-list li {
        font-size: 14px;
        line-height: 16px
    }
}

@media (min-width:768px) {
    #service-commitment .left-container .button {
        width: 50%
    }
}

@media (min-width:1024px) {
    #service-commitment .left-container .button {
        max-width: 315px;
        width: 100%
    }
}

#service-commitment .background-colour {
    background-color: #05689d
}

#service-commitment .question-container {
    padding: 70px 30px 30px;
    position: relative
}

@media (min-width:768px) {
    #service-commitment .question-container {
        padding: 70px 60px 30px
    }
}

@media (min-width:1024px) {
    #service-commitment .question-container {
        padding: 70px 90px 30px
    }
}

@media (min-width:1200px) {
    #service-commitment .question-container {
        padding: 90px
    }
}

@media (min-width:1600px) {
    #service-commitment .question-container {
        padding: 90px 90px 120px 140px
    }
}

@media (min-width:1920px) {
    #service-commitment .question-container {
        padding: 120px 120px 120px 140px
    }
}

#service-commitment .question-container .heading {
    color: #fff;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media (min-width:1600px) {
    #service-commitment .question-container .heading {
        font-size: 38px;
        line-height: 40px
    }
}

@media (min-width:1920px) {
    #service-commitment .question-container .heading {
        margin-bottom: 45px
    }
}

#service-commitment .question-container .heading br {
    display: none
}

@media (min-width:768px) {
    #service-commitment .question-container .heading br {
        display: inline-block
    }
}

#service-commitment .question-container .crosshair-icon {
    height: 17px;
    margin-bottom: 30px;
    width: 17px
}

@media (min-width:1920px) {
    #service-commitment .question-container .crosshair-icon {
        margin-bottom: 45px
    }
}

#service-commitment .question-container .crosshair-icon .crosshair-svg-1 {
    stroke: #fff
}

#service-commitment .question-container .text-notable {
    color: #fff;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px
}

@media (min-width:1600px) {
    #service-commitment .question-container .text-notable {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 40px
    }
}

#service-commitment .question-container .text {
    color: #fff;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 40px
}

@media (min-width:1600px) {
    #service-commitment .question-container .text {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 50px
    }
}

#service-commitment .question-container .button {
    max-width: 320px
}

#service-commitment .pricing-container {
    padding: 30px 30px 70px;
    position: relative
}

@media (min-width:768px) {
    #service-commitment .pricing-container {
        padding: 30px 60px 70px
    }
}

@media (min-width:1024px) {
    #service-commitment .pricing-container {
        padding: 30px 90px 70px
    }
}

@media (min-width:1200px) {
    #service-commitment .pricing-container {
        padding: 90px 90px 90px 60px
    }
}

@media (min-width:1600px) {
    #service-commitment .pricing-container {
        padding: 90px 140px 120px 90px
    }
}

@media (min-width:1920px) {
    #service-commitment .pricing-container {
        padding: 120px 140px 120px 120px
    }
}

#pricingAccordion .not-clickable {
    pointer-events: none
}

#pricingAccordion .accordion-heading {
    margin-bottom: 0
}

#pricingAccordion .button-collapse {
    align-items: center;
    background: none;
    border: none;
    border-bottom: 1px solid hsla(0,0%,100%,.4);
    color: inherit;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-family: Roboto-Bold,Arial,Sans-Serif;
    font-size: 20px;
    line-height: 22px;
    outline: inherit;
    padding: 0 0 30px;
    width: 100%
}

@media (min-width:1200px) {
    #pricingAccordion .button-collapse {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media (min-width:1600px) {
    #pricingAccordion .button-collapse {
        font-size: 23px;
        line-height: 25px
    }
}

#pricingAccordion .button-collapse:after {
    background-image: url(/assets/svg/arrow-down-icon-white.svg);
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 10px;
    margin-left: auto;
    transition: transform .2s ease-in-out;
    width: 16px
}

@media (min-width:1200px) {
    #pricingAccordion .button-collapse:after {
        display: none
    }
}

#pricingAccordion .button-collapse:not(.collapsed):after {
    transform: rotate(180deg)
}

#pricingAccordion .nav-tabs {
    border-bottom: 1px solid hsla(0,0%,100%,.4);
    display: flex;
    justify-content: space-evenly
}

@media (min-width:1200px) {
    #pricingAccordion .nav-tabs {
        justify-content: space-between
    }
}

#pricingAccordion .nav-tabs .nav-item {
    flex: 1
}

@media (min-width:1200px) {
    #pricingAccordion .nav-tabs .nav-item {
        width: 33%
    }
}

#pricingAccordion .nav-tabs .nav-item .nav-link {
    background-color: transparent;
    border: none;
    color: #fff;
    height: 80px;
    padding: 0;
    width: 100%
}

@media (min-width:1200px) {
    #pricingAccordion .nav-tabs .nav-item .nav-link {
        height: 60px
    }
}

@media (min-width:1600px) {
    #pricingAccordion .nav-tabs .nav-item .nav-link {
        height: 80px
    }
}

#pricingAccordion .nav-tabs .nav-item .nav-link.active {
    border-bottom: 3px solid #fff;
    font-family: Roboto-Bold,Arial,Sans-Serif
}

#pricingAccordion .tab-content {
    border-bottom: 1px solid hsla(0,0%,100%,.4)
}

#pricingAccordion .tab-pane {
    padding: 40px 0
}

@media (min-width:1200px) {
    #pricingAccordion .tab-pane {
        padding: 30px 0 10px
    }
}

@media (min-width:1600px) {
    #pricingAccordion .tab-pane {
        padding: 40px 0 30px
    }
}

#pricingAccordion .pricing-list {
    color: #fff;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0
}

@media (min-width:768px) {
    #pricingAccordion .pricing-list {
        -moz-columns: 2;
        column-count: 2;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

@media (min-width:1200px) {
    #pricingAccordion .pricing-list {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media (min-width:1350px) {
    #pricingAccordion .pricing-list {
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media (min-width:1600px) {
    #pricingAccordion .pricing-list {
        -moz-column-gap: 70px;
        column-gap: 70px
    }
}

#pricingAccordion .pricing-list .pricing-item {
    align-items: flex-start;
    display: flex;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 30px
}

    #pricingAccordion .pricing-list .pricing-item:last-of-type {
        margin-bottom: 0
    }

    #pricingAccordion .pricing-list .pricing-item .value {
        margin-left: auto
    }

#pricingAccordion .para-line-1 {
    color: #fff;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px
}

@media (min-width:1600px) {
    #pricingAccordion .para-line-1 {
        font-size: 16px;
        line-height: 18px
    }
}

#pricingAccordion .para-line-2 {
    border-bottom: 1px solid hsla(0,0%,100%,.4);
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 35px;
    padding-bottom: 35px
}

@media (min-width:1200px) {
    #pricingAccordion .para-line-2 {
        margin-bottom: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:1600px) {
    #pricingAccordion .para-line-2 {
        font-size: 14px;
        margin-bottom: 35px;
        padding-bottom: 35px
    }
}

#pricingAccordion .pricing-item-heading {
    color: #fff;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 30px
}

@media (min-width:1600px) {
    #pricingAccordion .pricing-item-heading {
        font-size: 16px;
        line-height: 18px
    }
}

#pricingAccordion .pricing-terms {
    border-bottom: 1px solid hsla(0,0%,100%,.4);
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 0;
    padding: 30px 0
}

@media (min-width:1200px) {
    #pricingAccordion .pricing-terms {
        border-bottom: 0;
        padding: 20px 0 0
    }
}

@media (min-width:1600px) {
    #pricingAccordion .pricing-terms {
        font-size: 12px;
        line-height: 15px;
        padding: 30px 0 0
    }
}

#extended-warranty .background-image {
    background-blend-mode: multiply;
    background-color: rgba(255,158,27,.8);
    background-position: top;
    background-repeat: no-repeat;
    position: relative
}

@media (min-width:1200px) {
    #extended-warranty .background-image {
        background-position: 0;
        background-size: 1350px 834px
    }
}

#extended-warranty .background-slice {
    background-blend-mode: multiply;
    background-color: #05689d;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 1580px 834px;
    -webkit-clip-path: polygon(25% 0,100% 0,100% 100%,70% 100%);
    clip-path: polygon(25% 0,100% 0,100% 100%,70% 100%);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (min-width:1200px) {
    #extended-warranty .background-slice {
        display: block
    }
}

#extended-warranty .info-container {
    padding: 70px 30px 30px;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    #extended-warranty .info-container {
        padding: 70px 60px 30px
    }
}

@media (min-width:1024px) {
    #extended-warranty .info-container {
        padding: 70px 90px 30px
    }
}

@media (min-width:1200px) {
    #extended-warranty .info-container {
        padding: 90px
    }
}

@media (min-width:1600px) {
    #extended-warranty .info-container {
        padding: 90px 90px 120px 140px
    }
}

@media (min-width:1920px) {
    #extended-warranty .info-container {
        padding: 120px 120px 120px 140px
    }
}

#extended-warranty .info-container .heading {
    color: #fff;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media (min-width:1600px) {
    #extended-warranty .info-container .heading {
        font-size: 38px;
        line-height: 40px
    }
}

@media (min-width:1920px) {
    #extended-warranty .info-container .heading {
        margin-bottom: 45px
    }
}

#extended-warranty .info-container .heading br {
    display: none
}

@media (min-width:768px) {
    #extended-warranty .info-container .heading br {
        display: inline-block
    }
}

#extended-warranty .info-container .crosshair-icon {
    height: 17px;
    margin-bottom: 30px;
    width: 17px
}

@media (min-width:1920px) {
    #extended-warranty .info-container .crosshair-icon {
        margin-bottom: 45px
    }
}

#extended-warranty .info-container .crosshair-icon .crosshair-svg-1 {
    stroke: #fff
}

#extended-warranty .info-container .text-notable {
    color: #fff;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px
}

@media (min-width:1600px) {
    #extended-warranty .info-container .text-notable {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 40px
    }
}

#extended-warranty .info-container .text {
    color: #fff;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    #extended-warranty .info-container .text {
        max-width: 440px
    }
}

@media (min-width:1600px) {
    #extended-warranty .info-container .text {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 30px
    }
}

#extended-warranty .info-container .text.bold {
    font-family: Roboto-Bold,Arial,Sans-Serif
}

#extended-warranty .info-container .button {
    max-width: 320px
}

#extended-warranty .warranty-container {
    background-blend-mode: multiply;
    background-color: #05689d;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 30px 70px;
    position: relative
}

@media (min-width:768px) {
    #extended-warranty .warranty-container {
        padding: 30px 60px 70px
    }
}

@media (min-width:1024px) {
    #extended-warranty .warranty-container {
        padding: 30px 90px 70px
    }
}

@media (min-width:1200px) {
    #extended-warranty .warranty-container {
        background-color: transparent;
        background-image: none !important;
        padding: 90px 90px 90px 30px;
        z-index: 2
    }
}

@media (min-width:1600px) {
    #extended-warranty .warranty-container {
        padding: 90px 140px 120px 90px
    }
}

@media (min-width:1920px) {
    #extended-warranty .warranty-container {
        padding: 120px 140px 120px 120px
    }
}

#extended-warranty .nav-tabs {
    border-bottom: 0;
    display: flex;
    justify-content: space-evenly
}

@media (min-width:1200px) {
    #extended-warranty .nav-tabs {
        justify-content: space-between
    }
}

#extended-warranty .nav-tabs .nav-item {
    border-bottom: 1px solid hsla(0,0%,100%,.4);
    width: 100%
}

@media (min-width:1200px) {
    #extended-warranty .nav-tabs .nav-item {
        flex: 1;
        width: 33%
    }
}

#extended-warranty .nav-tabs .nav-item .nav-link {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 60px;
    padding: 0;
    width: 100%
}

@media (min-width:1200px) {
    #extended-warranty .nav-tabs .nav-item .nav-link {
        font-size: 14px
    }
}

@media (min-width:1350px) {
    #extended-warranty .nav-tabs .nav-item .nav-link {
        font-size: 16px
    }
}

@media (min-width:1600px) {
    #extended-warranty .nav-tabs .nav-item .nav-link {
        font-size: 18px
    }
}

#extended-warranty .nav-tabs .nav-item .nav-link.active {
    border-bottom: 3px solid #fff;
    font-family: Roboto-Bold,Arial,Sans-Serif
}

#extended-warranty .nav-tabs .nav-item .nav-link br {
    display: none
}

@media (min-width:1200px) {
    #extended-warranty .nav-tabs .nav-item .nav-link br {
        display: inline-block
    }
}

#extended-warranty .warranty-carousel .heading {
    color: #fff;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 25px
}

@media (min-width:1200px) {
    #extended-warranty .warranty-carousel .heading {
        margin-bottom: 15px
    }
}

@media (min-width:1350px) {
    #extended-warranty .warranty-carousel .heading {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 25px
    }
}

#extended-warranty .warranty-carousel .text {
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 25px
}

@media (min-width:1200px) {
    #extended-warranty .warranty-carousel .text {
        margin-bottom: 15px
    }
}

@media (min-width:1350px) {
    #extended-warranty .warranty-carousel .text {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 25px
    }
}

#extended-warranty .warranty-carousel .list {
    list-style-type: "-";
    margin-bottom: 25px;
    padding-left: 5px
}

@media (min-width:768px) {
    #extended-warranty .warranty-carousel .list {
        -moz-columns: 2;
        column-count: 2;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media (min-width:1200px) {
    #extended-warranty .warranty-carousel .list {
        -moz-columns: 3;
        column-count: 3;
        margin-bottom: 15px
    }
}

@media (min-width:1350px) {
    #extended-warranty .warranty-carousel .list {
        margin-bottom: 25px
    }
}

#extended-warranty .warranty-carousel .list .list-item {
    color: #fff;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 5px;
    padding-left: 10px
}

@media (min-width:1350px) {
    #extended-warranty .warranty-carousel .list .list-item {
        font-size: 14px;
        line-height: 23px
    }
}

#extended-warranty .warranty-carousel .glide__slide {
    padding: 30px 0
}

@media (min-width:1200px) {
    #extended-warranty .warranty-carousel .glide__slide {
        padding: 30px 0 10px
    }
}

#extended-warranty .warranty-carousel .glide-controls.arrows {
    margin-top: 0
}

    #extended-warranty .warranty-carousel .glide-controls.arrows .glide__arrow {
        border-color: #fff
    }

    #extended-warranty .warranty-carousel .glide-controls.arrows .arrow-left-icon-svg, #extended-warranty .warranty-carousel .glide-controls.arrows .arrow-right-icon-svg {
        fill: #fff
    }

#extended-warranty .warranty-carousel .glide__bullets {
    pointer-events: none;
    position: relative;
    top: -30px
}

    #extended-warranty .warranty-carousel .glide__bullets .glide__bullet {
        background-color: #fff;
        pointer-events: auto
    }

        #extended-warranty .warranty-carousel .glide__bullets .glide__bullet.glide__bullet--active {
            background-color: #05689d
        }

#extended-warranty .button-container {
    margin-top: 30px;
    max-width: 320px
}

@media (min-width:1200px) {
    #extended-warranty .button-container {
        margin-top: 0
    }
}

#servicing-products .background-colour {
    background-color: #53565a;
    border-bottom: 1px solid hsla(0,0%,100%,.4);
    padding-bottom: 70px
}

@media (min-width:1024px) {
    #servicing-products .background-colour {
        padding-bottom: 90px
    }
}

@media (min-width:1600px) {
    #servicing-products .background-colour {
        padding-bottom: 120px
    }
}

#servicing-products .product-container {
    padding: 70px 30px 0
}

@media (min-width:768px) {
    #servicing-products .product-container {
        padding: 70px 30px 0 60px
    }
}

@media (min-width:1024px) {
    #servicing-products .product-container {
        padding: 90px 20px 0 90px
    }
}

@media (min-width:1600px) {
    #servicing-products .product-container {
        padding: 120px 14px 0 140px
    }
}

@media (min-width:768px) {
    #servicing-products .product-container:nth-of-type(2n) {
        padding: 70px 60px 0 30px
    }
}

@media (min-width:1024px) {
    #servicing-products .product-container:nth-of-type(2n) {
        padding: 90px 90px 0 20px
    }
}

@media (min-width:1600px) {
    #servicing-products .product-container:nth-of-type(2n) {
        padding: 120px 140px 0 14px
    }
}

#servicing-products .image-container {
    margin-bottom: 50px
}

    #servicing-products .image-container img {
        display: block;
        height: auto;
        max-width: 800px;
        width: 100%
    }

#servicing-products .product-heading {
    color: #fff;
    font-family: Roboto-Light,Arial,Sans-Serif;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #servicing-products .product-heading {
        font-size: 20px;
        line-height: 22px
    }
}

@media (min-width:1600px) {
    #servicing-products .product-heading {
        font-size: 22px;
        line-height: 24px
    }
}

#servicing-products .product-message {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 30px
}

@media (min-width:768px) {
    #servicing-products .product-message {
        min-height: 60px
    }
}

@media (min-width:1024px) {
    #servicing-products .product-message {
        min-height: 45px
    }
}

@media (min-width:1200px) {
    #servicing-products .product-message {
        font-size: 13px;
        line-height: 16px;
        min-height: 30px
    }
}

@media (min-width:1600px) {
    #servicing-products .product-message {
        margin-bottom: 45px;
        max-width: 640px
    }
}

#servicing-products .button-group {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

@media (min-width:1024px) {
    #servicing-products .button-group {
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-direction: row
    }
}

#servicing-products .button-group .button-container {
    max-width: 320px
}

@media (min-width:1024px) {
    #servicing-products .button-group .button-container {
        flex: 1
    }
}

#subscribe .background-colour {
    background-color: #53565a
}

#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: 0;
    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
    }
}

@media (min-width:1600px) {
    .sidebar-service .sidebar-heading-container {
        padding: 60px
    }
}

.sidebar-service .sidebar-heading-container .title {
    color: #000;
    font-family: Roboto-Medium,Arial,Sans-Serif;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:1600px) {
    .sidebar-service .sidebar-heading-container .title {
        font-size: 25px;
        letter-spacing: 5px;
        line-height: 27px
    }
}

.sidebar-service .sidebar-content-container {
    margin: 0 auto;
    max-width: 1370px;
    padding-bottom: 30px
}

@media (min-width:1600px) {
    .sidebar-service .sidebar-content-container {
        padding-bottom: 60px
    }
}

.sidebar-service .sidebar-content-container.form-container {
    background-color: transparent
}

.sidebar-service .sidebar-content-container .radio-group {
    font-size: 14px;
    line-height: 135%;
    margin: 20px 0
}

@media (min-width:768px) {
    .sidebar-service .sidebar-content-container .radio-group {
        -moz-columns: 2;
        column-count: 2
    }
}

.sidebar-service .sidebar-content-container .radio-group .radio label {
    min-width: 150px;
    padding-left: 30px
}

    .sidebar-service .sidebar-content-container .radio-group .radio label:after {
        left: 0
    }

.sidebar-service .sidebar-content-container .vehicle-drop-off {
    font-size: 14px;
    line-height: 135%;
    margin: 50px 0 20px
}

    .sidebar-service .sidebar-content-container .vehicle-drop-off .radio label {
        min-width: 150px;
        padding-left: 30px
    }

        .sidebar-service .sidebar-content-container .vehicle-drop-off .radio label:after {
            left: 0
        }

.sidebar-service .sidebar-content-container .vehicle-status {
    text-transform: capitalize
}