body.tm2023-body {
    overflow-x: hidden;
}

section.active-promotions img, section.mega-stores img {
    max-width: none !important;
}
.active-promotions, .offering{
    padding-bottom: 30px;
    margin-bottom: -1px;
}
.more{
    padding-top: 0;
}
.active-promotions h2 {
    font-family: Gotham, sans-serif;
    font-size: 2.488rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 900;
    line-height: .9;
    font-style: normal;
}
.flex-vert {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    position: relative;
}
.wedge-2025 {
    object-fit: cover;
    max-width: none !important;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.cashback-hero {
    background-color: var(--tm-colour--red);
    text-transform: uppercase;
    flex-flow: column;
    padding-top: 0;
    display: flex;
    position: relative;
    /* overflow: hidden; */
}
.div-block-48 {
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
    position: relative;
    /* overflow: hidden; */
}
.cashback-bg {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    position: relative;
    top: -50px;
}
.cashback-find-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}
.wedge {
    object-fit: cover;
    max-width: none;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.wedge.wedge-flip {
    transform: rotate(180deg);
}
.offering{
    overflow: hidden;
    /*background-color: #ed1846;*/
}
.ap{
    padding-bottom: 0;
}
.offering h1{
    font-size: 3rem;
}
.mega-stores {
    background-color: #0056a4;
    padding-bottom: 0svh;
    position: relative;
}
.mega-stores .flex-vert {
    margin-bottom: 0vh;
    margin-top: 0vh;
}
.offering .flex-vert {
    padding-top: 0;
    padding-bottom: 0;
}
.cashback-tables {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: var(--tm-colour--blue);
    flex-direction: column;
    align-items: center;
    padding: 60px 50px;
    display: flex;
    position: relative;
}
.win-txt-wrap {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}
.hero-txt-note {
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 900;
}
.cashback-tables-2025 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: var(--tm-colour--blue);
    flex-direction: column;
    align-items: center;
    padding: 60px 50px;
    display: flex;
    position: relative;
}
.cashback-wrapper-2025 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}
.brand-portfolio-2025 {
    max-width: 500px;
}
.cashback-tables-container-2025 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: min-content min-content;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: grid;
    position: relative;
}
.cashback-table-2025.first {
    grid-area: span 1 / span 1 / span 1 / span 1;
    border-right: 3px solid var(--tm-colour--white);
    padding-right: 20px;
}
.cashback-table-2025 {
    grid-column-gap: .5em;
    grid-row-gap: 0px;
    text-transform: uppercase;
    white-space: nowrap;
    grid-template-rows: min-content;
    grid-template-columns: max-content max-content max-content;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    font-size: 1.44rem;
    font-weight: 900;
    line-height: 1;
    display: grid;
}
.hero-headline-2025 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: Gotham, sans-serif;
    font-size: 30px;
    font-style: italic;
    font-weight: 900;
    line-height: 1.1;
}
.mt-1{
    margin-top: -1px;
}
.bridgestone-boost-2025 {
    width: 50%;
    height: auto;
}
.continental-boost-2025 {
    width: 50%;
    height: auto;
}
.find-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    font-weight: 900;
    line-height: 1;
    display: flex;
    position: relative;
}
.footer-2025 .footer {
    margin-top: 0px;
}
.tnc-trigger.a2025 {
    padding: 20px 20px 20px 20px;
}
.a2025 .plus-list-item {
    padding-top: .1em;
    padding-bottom: .1em;
}
.a2025 .plus-text{
    padding: .35em .5em .35em .55em;
}
.a2025 .login-plus .plus-list-item {
    padding-top: 0em;
    padding-bottom: 0em;
}
.plus-introducing {
    margin-bottom: 0;
}
.tm2022 .close {
    top: 10px;
    right: 10px;
}
.tm2022 .modal.login-plus {
    z-index: 102;
}
.tm2022 .modal.enter-mobile-plus-otp {
    z-index: 103;
}
.find-component.yellow-bg{
    margin-bottom: 0;
}
section.active-promotions .mw-300 {
    max-width: 230px !important;
}
.slider-form .find-tyres-promo,
.slider-form .find-intro{
    display: none;
}
.slider-form .find-component.yellow-bg{
    box-shadow: 0 0 0em #00000080;
    min-width: auto;
}
.slider-form .find-form{
    grid-template-columns: 1fr;
}
.font-normal h1{
    font-style: normal;
    font-family: Gotham;
}
.active-promotions .promo-cards {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    display: grid;
}
.active-promotions .promo-cards a {
    max-width: 230px;
}
.close-terms {
    align-items: center;
    bottom: auto;
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: auto;
    /* position: fixed; */
    position: absolute;
    right: 40px;
    top: 20px;
    width: 40px;
    height: 40px;
    z-index: 99;
}
.link-block-plus-fullwidth-container {
    flex-flow: column;
}
.link-block-plus-fullwidth {
    display: block;
    width: 100%;
}

.pp-show-plus-enabled, .pp-show-plus-enabled-block,
.pp-show-plus-disabled, .pp-show-plus-disabled-block {
    opacity: 0;
}

.button-my-offers {
    background-color: var(--tm-colour--white);
    color: var(--tm-colour--blue);
    text-transform: uppercase;
    border-radius: 100vw;
    margin-top: -1px;
    padding: 5px .75em 3px;
    font-family: Gotham, sans-serif;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    position: relative;
    box-shadow: 0 0 .5em #fff;
}

.footer-2025 .footer {
    background-color: #ed1846;
}

.login-plus .close {
    top: 5px;
    right: 5px;
}

.otp-sent-number {
    white-space: nowrap;
    display: block;
    margin-bottom: 15px;
}

.offering-nav-link {
    font-weight: 900;
    font-size: .875rem;
}

.branch-name-warpper h1 { 
    text-shadow: none;
}

@media screen and (max-width: 1360px) {
    .cashback-find-wrap {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        inset: auto 0% -2%;
    }
    .cashback-bg {
        top: -100px;
    }
}
@media screen and (max-width: 1200px) {
    .cashback-find-wrap {
        inset: auto 0% 0%;
    }
}
@media screen and (max-width: 1130px) {
    .cashback-bg {
        
    }
}
@media screen and (max-width: 991px) {
    .cashback-bg {
        aspect-ratio: 1;
        margin-top: -13%;
    }
    .cashback-wrapper-2025 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        justify-content: center;
        align-items: center;
    }
    .cashback-table-2025.first {
        border-right-style: none;
        padding-right: 0;
    }
    .bridgestone-boost-2025 {
        width: 70%;
    }
    .continental-boost-2025 {
        width: 70%;
    }
}
@media screen and (max-width: 767px) {

    .modal .find-component .size-field-wrapper.application {
        width: 100%;
    }

    .page-branch-promo .find-container,
    .page-template-page-performance .find-container,
    .page-template-page-performance .find-wrapper,
    .page-template-page-suv-4x4 .find-container,
    .page-template-page-suv-4x4 .find-wrapper {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .modal-container.no-promo-image {
        margin-top: 50px !important;
    }

    .find-wrapper {
        width: 100%;
    }
    .bridgestone-boost-2025 {
        width: 100%;
    }
    .continental-boost-2025 {
        width: 100%;
    }
    .cashback-tables-container-2025 {
        grid-template-columns: min-content;
    }
    .cashback-hero {
        /* aspect-ratio: 1; */
        flex-flow: column;
        display: flex;
    }
    .cashback-find-wrap {
        margin-top: -15vw;
        position: relative;
    }
    .cashback-bg {
        height: 100%;
        margin-top: 0%;
        transform: scale(1.5);
    }
    .wedge-2025{
        display: none;
    }
    .div-block-48 {
        top: 5vh;
        overflow: hidden;
    }
    .cashback-table-2025{
        justify-content: end;
    }

    .active-promotions .promo-cards {
        grid-template-columns: 1fr;
    }
    .active-promotions .promo-cards a {
        max-width: 80%;
        margin: 0 auto;
    }

    .h2-smaller {
        font-size: 18px;
    }

    .nav-wrapper .tm-logo {
        max-width: 185px;
    }

    h1.smallerheadings{
        font-size: 1.8rem;
        font-style: normal !important;
        font-family: Gotham !important;
    }

    .smallerheadings {
        font-size: 2rem;
    }

    section.active-promotions img, section.mega-stores img {
        max-width: 100% !important;
    }

    /* .smallerheadings .yellow {
        display: block;
    } */

    .offering-grid.offering-grid-3, .block-grid {
        grid-template-columns: 1fr !important;
    }

    .mega-stores .block-img {
        max-width: 100% !important;
    }

    .offering-grid.offering-grid-3 .block-link, .block-grid .block-link {
        padding: 10px !important;
        margin: 0 auto;
    }

    .modal.menu .modal-container {
        padding: 35px !important;
    }
    .offering-bg-2, .more-bg-2, .active-promotions-bg, .wedge{
        display: none !important;
    }
    .section-more-bf, .section-tyremart, .section-more{
        background-color: #0056a4 !important;
    }

    /* body.tm2022-body {
        margin-top: 80px;
    } */

    .page-template-megastore-bridgestone .footer-2025 .footer,
    .page-template-megastore-continental .footer-2025 .footer,
    .page-template-megastore-bfgoodrich .footer-2025 .footer,
    .page-template-megastore-gt .footer-2025 .footer
    {
        background-color: #0056a4;
    }

    .footer-2025 .footer {
        background-color: #ed1846;
    }

}

/* Modal overflow fix: anchor modal to top and make content scrollable when viewport is shorter than modal */
.modal.allow-overflow {
    justify-content: flex-start;
    overflow-y: auto;
}
/*
.modal.allow-overflow .modal-container {
    overflow-x: visible;
    overflow-y: auto;
    max-height: calc(100vh - 40px);
}
*/
/* Reduce padding when modal is height-constrained */
.modal .modal-container.is-constrained,
.modal.allow-overflow .modal-container.is-constrained {
    padding: 20px;
}

.bnpl-blue {
    select.bnpl-drop  {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #ffec01;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ed1c24' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 1.5em center;
        background-size: 1.2em;
        border-radius: 100vw;
        border-style: none;
        color: #ed1c24;
        cursor: pointer;
        font-family: Gotham, sans-serif;
        font-weight: 900;
        line-height: 1;
        margin-bottom: 0;
        padding: 1em 3.5em 1em 1em;
        text-align: center;
        text-align-last: center;
        text-transform: uppercase;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    /*
    .modal.allow-overflow .modal-container {
        max-height: calc(100vh - 10px);
    }
        */
    .modal.allow-overflow .modal-container.is-constrained {
        padding: 8px;
    }
}
@media screen and (max-width: 479px) {
    .cashback-bg {
        height: 100%;
        margin-top: 50px;
        transform: scale(1.4);
    }
    .cashback-find-wrap {
        margin-top: 0;
        position: relative;
    }
    .cashback-table-2025 {
        font-size: 1rem;
    }
    .offering h1, .active-promotions h2{
        font-size: 2rem;
    }
    .cashback-find-wrap {
        margin-top: -100px;
        position: relative;
    }
    .a2025 .traycopy{
        flex-direction: column !important;
    }
    .a2025 .plus-text{
        align-self: flex-start;
        margin-bottom: 5px;
    }
    .a2025 .plus-tray-top{
        padding-top: 20px;
    }
}


@media screen and (min-width: 1171px) {
    .flex-promos-updated {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}
.normal h1{
    font-style: normal !important;
    font-family: Gotham !important;
}
.mega-stores{
    padding-top: 10svh;;
}
.flex-footer .block-link{
    max-width: 240px;
}
.footerwidth{
    max-width: 1660px;
    margin: 0px auto;
}
.w-100{
    width: 100%;
}
.footer-content.first a{
    font-weight: bold;
}
.plus-icon {
    width: 24px;
    height: 24px;
    display: flex;
}
.oct-updates .plus-card svg{
    color: #fff !important;
}
.login-plus.oct-updates .plus-list-item {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}
.login-plus.oct-updates .plus-descriptor{
    opacity: 1;
}
.have-number.oct-updates .plus-descriptor{
    opacity: 1;
}
.have-number.oct-updates .plus-list-item {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}
.have-number.oct-updates .plus-card svg{
    color: #fff !important;
}
.my-plus-offers.oct-updates .plus-descriptor{
    opacity: 1;
}
.my-plus-offers.oct-updates .plus-list-item {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}
.my-plus-offers.oct-updates .plus-card svg{
    color: #fff !important;
}
.hero-title.mega-chashback{
    max-width: 900px;
}

.hero-bottom.oct-2025{
    
}
.oct-2025 .hero-headline{
    font-style: normal;
}
.find-footer{
    z-index: 2;
}
.cashback-tables-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: min-content min-content;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: grid;
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
}
.cashback-table {
    grid-column-gap: .5em;
    grid-row-gap: 0px;
    text-transform: uppercase;
    white-space: nowrap;
    grid-template-rows: min-content;
    grid-template-columns: max-content max-content max-content;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    font-size: 1.44rem;
    font-weight: 900;
    line-height: 1;
    display: grid;
}
.cashback-table.first {
    border-right: 3px solid #fff;
    padding-right: 20px;
}
.boost-logo-lockup {
    width: auto;
    max-height: 35px;
    position: relative;
}
.brandimg-2025{
    max-width: 80vw;
}
.brands-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}
.performance .brand-portfolio{
    display: none;
}
.offering-hero-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    display: grid;
}
.offering-item {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex;
    position: relative;
}
.offering-hero-img {
    object-fit: contain;
    max-height: 500px;
}
.offering-overlay-im {
    object-fit: contain;
    max-width: 100%;
    height: 100%;
    padding-bottom: 10%;
    padding-left: 20%;
    padding-right: 20%;
    position: absolute;
    inset: 0%;
    width: 100%;
}
.brand-portfolio-suv {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.offering-vert-line {
    background-color: #fff;
    width: 2px;
    height: 100%;
    margin-left: 20px;
    margin-right: 20px;
}
.flex-vert-1rem {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.offering-hero-grid.is_cashback {
    grid-template-columns: 1fr auto 1fr;
}

.find-component {
    font-weight: 900;
    line-height: 1;
    font-family: Gotham, sans-serif;
    font-size: 1rem;
}

@media screen and (max-width: 479px) {
    .offering-hero-grid {
        flex-direction: column;
        display: flex;
    }
}
@media screen and (max-width: 991px) {
    .footer-content {
        flex-direction: row;
    }
}
@media screen and (max-width: 767px) {
    .brands-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    .footer-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .offering-overlay-im {
        object-fit: contain;
        max-width: 100%;
        height: 100%;
        padding-bottom: 10%;
        padding-left: 10%;
        padding-right: 10%;
        position: absolute;
        inset: 0%;
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    .oct-2025 .hero-headline {
        font-size: 22px;
    }
}

.sub-nav-button {
    background-color: #0056a4;
    color: #fff;
    text-transform: uppercase;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 900;
    transition: all .2s;
    display: flex;
}
.button{
    font-size: 1rem;
}
.mw-none{
    max-width: none;
}
.fs .text-block {
    max-width: 820px;
}
.max-w-b{
    max-width: 900px;
}
.hero-headline, .active-promotions h2, .offering h1, h1, h2, h2.smallerheadings, .heading-7{
    text-shadow: 0.1em 0.1em 0 rgba(0, 0, 0, 0.35);
    font-style: italic !important;
}
.shadow-blue{
    text-shadow: 0.1em 0.1em 0 #003566;
}
.shadow-blue-all h3{
    text-shadow: 0.1em 0.1em 0 #003566;
}
.modal h3{
    text-shadow: 0.1em 0.1em 0 #003566;
    font-style: italic !important;
}
.hero{
    padding: 5svh 40px;
}
.brand-portfolio {
    max-width: 540px;
    min-width: 540px;
}
.active-promotions h2, .offering h1, h1, h2.smallerheadings, .heading-7 {
    font-size: 2.986rem;
}
.bold-caps {
    text-transform: uppercase;
    font-weight: 900;
}
.dunlop-tyre-grid {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 16px;
    grid-row-gap: 4px;
    align-items: center;
}
.dunlop-tyre-grid .right {
    text-align: right;
    white-space: nowrap;
}
.section-header-flex {
    column-gap: 0.5em;
    row-gap: 1em;
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
}
.mega-stores .section-header-flex h1{
    margin: 0;
    text-transform: uppercase;
    line-height: .9;
}
.mega-stores .section-header-flex .bold-caps{
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.2;
    letter-spacing: .02em;
}
.mega-stores .section-header-flex .bold-caps .caps-chunk{
    display: inline-block;
    white-space: nowrap;
}
.pt-small{
    padding-top: 5px;
}
.bg-red {
    background-color: #ed1846;
}
.sub-nav{
    background-color: #0056a4;
}
.mw-a{
    max-width: 900px !important;
}
.tips-offering{
    background-color: #0056a4;
    padding-bottom: 2svh;
}
.tips-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    max-width: 1000px;
}
.tips-detail-grid{
    max-width: 1000px;
}
.tips-item-heading{
    font-size: 1.44em;
}
.tips-grid-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: #00000026;
    border-radius: 10px;
    flex-direction: column;
    padding: 20px;
    font-size: .875rem;
    display: flex;
}
.text {
    line-height: 1.5;
}
body{
    line-height: 1.5;
}
.page-template-page-why-davanti .more.wf-section.bg-red, .mt-80{
    margin-top: 80px;
}
.hero-tips{
    padding-bottom: 70px;
}
.mt-100{
    margin-top: 100px !important;
}
.pt-80{
    padding-top: 80px !important;
}
.mh-100{
    min-height: 100vh;
}
.ob-fit-cover{
    object-fit: cover;
}
.hero {
    padding: 10svh 40px;
}
.section.underbody, .section.hero.raw-4x4, .section.cover, .section.cards{
    background-image: none !important;
}
.hero-tips-2026 {
    background-color: #ed1846;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 120px;
    padding-bottom: 60px;
    display: flex;
}
.tips-detail-grid-left h1, .t-al-left{
    text-align: left !important;
}
.weight-400{
    font-weight: 400;
}
.grandtrek {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 550px;
    display: grid;
}
.grandtrek-logo{
    grid-area: span 1 / span 2 / span 1 / span 2;
}
.pt-100{
    padding-top: 100px !important;
}
.rmi-logo {
    max-width: 300px;
}
.sub-nav{
    box-shadow: 0 3px 5px #0003;
}
.headings-smaller {
    font-family: Gotham, sans-serif;
    font-size: 1.875rem;
    font-weight: 900;
    line-height: 1;
}
.hero-bg.bfg {
    overflow: visible;
    inset: -10% 0% auto;
}
.hero-bg{
    inset: 0%;
}
.hero-mega-store {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: #ed1846;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-top: 200px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
}
.mega-store-callout-content{
    font-weight: 600;
    line-height: 1;
}
h1.italic, .italic{
    font-style: italic !important;
}
.slide-msg.slide-msg-search {
    aspect-ratio: auto;
    object-fit: contain;
    object-position: 50% 66%;
    height: 100%;
    padding: 0% 6% 17%;
}
.main-hero-bg {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.redo-hero-title {
    width: 100%;
    min-width: 660px;
    position: relative;
}
.title-performance{
    max-width: 620px;
    min-width: auto;
}
.performance-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.performance-header h2{
    font-size: 1.875rem;
    margin-top: 30px;
    margin-bottom: 30px;
}
.redo-hero-bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    inset: -4% 0% auto;
}
.redo-hero-offering{
    padding-bottom: 0;
}
.nav-megastore-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-weight: 900;
    line-height: 1;
    display: grid;
}
.nav-megastore-link {
    background-color: #003566;
    color: #fff;
    border-radius: 100vw;
    justify-content: center;
    align-items: center;
    padding: 7px 10px 5px;
    transition: all .2s;
    display: flex;
}
.nav-megastore-link:hover, .nav-megastore-link.active {
    background-color: #ed1846;
}
.page-template-page-cost-u-less .find-container{
    margin-top: 0;
}
.feedback .field-label{
    color: #fff;
}
.the-tips-intro{
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
}
.move-bg-down{
    inset: 5% 0%;
}
.move-bg-up{
    inset: -8% 0%;
}
.hero-content.top{
    max-width: 960px;
    align-items: center;
    margin: 0px auto;
}
.active-promotions h2, .offering h1, h1, h2.smallerheadings, .heading-7 {
    font-size: 2.5rem;
}
.page-template-page-raw-4x4 .hero-content.top {
    margin-top: 5vh;
}
.hero-title-bigger{
    max-width: 650px;
}
.hero-headline{
    line-height: 1;
}
.home .active-promotions .flex-vert{
    padding-top: 0;
}
.buy-now-pay-later-logos{
    max-height: 80px;
}
.page-template-buy-now-pay-later .hero {
    padding: 11svh 40px;
}
.buy-now-pay-later-blurb{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1rem;
}
.full-width{
    max-width: none;
}
.extend-offering {
    padding-bottom: 0;
}
.tips-details{
    padding-bottom: 0;
}
.more-information {
    background-color: #0056a4;
    padding-bottom: 0;
}
.page-template-page-suv-4x4 .offering-item-1,
.page-template-page-performance .offering-item-1{
    padding-top: 50px;
}
.page-template-page-performance .find-container,
.page-template-page-suv-4x4 .find-container{
    margin-top: 0;
}
.brand-mega-store {
    max-width: 600px;
    position: relative;
}
.rows-gap-0{
    grid-row-gap: 0px;
}
h2{
    font-size: 2.5rem;
}
.icon-tips{
    height: 30px;
}
.the-tips-intro{
    font-weight: bold;
}
.cta-branch, .cta-download{
    background-color: #ffec01;
    padding: 13px 20px 10px;
    width: fit-content;
    font-size: 1rem;
    line-height: 1;
}
.cta-branch:hover, .cta-download:hover{
    background-color: #fff;
}
.text-align-left, .text-align-left h1, .text-align-left h2{
    text-align: left;
}
.subheading{
    font-weight: bold;
    text-transform: uppercase;
}
.svg-btn svg{
    width: 20px;
}
.page-template-page-raw-4x4 .button.find-branch{
    height: auto;
}
.page-template-page-raw-4x4 .section-2{
    background-color: #0056a4;
}
.yellow {
    color: #ffec01 !important;
}
@media screen and (min-width: 1920px) {
    .brands {
        max-width: 600px;
    }
}
@media screen and (max-width: 767px) {
    .active-promotions h2, .offering h1, h1, h2.smallerheadings, .heading-7 {
        font-size: 2.5rem;
    }
    .tips-grid {
        grid-template-columns: 1fr;
    }
    .tips-detail-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr;
    }
    .page-template-page-why-davanti .tips-details, .page-template-page-royal-class-black .tips-details{
        padding-top: 0;
    }
    .tips-detail-grid-left {
        padding-top: 1svh;
        padding-bottom: 1svh;
    }
    .tips-offering{
        padding-bottom: 12svh;
    }
    .redo-hero-title {
        min-width: 400px;
    }
    .nav-megastore-grid {
        grid-template-columns: 1fr 1fr;
    }
    .hero {
        padding: 10svh 20px;
    }
    .mega-stores .section-header-flex{
        padding-left: 20px;
        padding-right: 20px;
    }
    .mega-stores .section-header-flex .bold-caps{
        font-size: 1.05rem;
    }
    .breakgrid{
        display: flex;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 479px) {
    h2{
        font-size: 2rem;
    }
    .active-promotions h2, .offering h1, h1, h2.smallerheadings, .heading-7 {
        font-size: 2rem;
    }
    .brand-portfolio {
        min-width: auto;
    }
    .redo-hero-title {
        min-width: 200px;
    }
    .performance-header h2, .headings-smaller{
        font-size: 18px;
    }
    .find-wrapper{
        padding: 0;
    }
    .mega-stores .section-header-flex{
        row-gap: .6em;
    }
    .mega-stores .section-header-flex .bold-caps{
        font-size: .95rem;
        max-width: 22em;
    }
}