/*font-family: heebo, sans-serif;*/ /*400 800*/
/*font-family: brandon-grotesque, sans-serif;*/ /*900*/

.contentWrapper.full .container {
    width: 100%;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1.header {
    display: none;
}

.oom-header {
    background-image: url(https://www.vwking.com/static/dealer-10826/2021/custom-pages/we-buy-cars/header.png);
    background-size: cover;
    background-position: center;
    height: 31vw;
    max-height: 410px;
}

.header-text-img {
    max-width: max-content;
    margin: auto;
    display: block;
    width: 90%;
    padding-top: 4vw;
}

.oom-btn {
    font-size: 26px;
    font-family: heebo, sans-serif;
    font-weight: 800;
    letter-spacing: 1px;
    width: 301px;
    margin: auto;
    text-align: center;
    border-radius: 50px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: 9px;
    margin-bottom: 10px;
    box-shadow: 3px 3px 10px #00000053;
    transition: all .2s;
}

.oom-btn:hover {
    box-shadow: 1px 1px 1px #00000053;
}

.oom-btn.one {
    background: #B2DA3D;
    color: #fff;
}

.oom-btn.two {
    background: #EFEA26;
    color: #17512E;
    margin-top: 57px;
}

.sec-one-inner {
    padding: 25px 25px;
}

.oom-headline-one {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 900;
    color: #17512E;
    font-size: 25px;
    margin-bottom: 3px;
}

.oom-sub-headline {
    font-family: heebo, sans-serif;
    font-weight: 800;
    color: #27753F;
    font-size: 17px;
    margin-bottom: 4px;
}

.oom-content {
    font-family: heebo, sans-serif;
    font-size: 15px;
}

.top-img {
    width: 90%;
    display: block;
    margin: auto;
    margin-top: 25px;
    max-width: max-content;
}

.sec-two {
    position: relative;
    overflow: hidden;
    background: #98D447;
    box-shadow: inset 0px 11px 8px -10px #525252, inset 0px -11px 8px -10px #525252;
}

.sec-two-inner {
    text-align: center;
    width: 302px;
    margin: auto;
    padding: 27px 0;
}

.sec-two-col {
    margin-top: 20px;
}

.sec-two-col.five {
    display: none;
}

.col-icon {
    width: 116px;
    max-width: max-content;
}

.col-content {
    font-size: 18px;
    font-family: heebo, sans-serif;
    font-weight: 800;
    color: #fff;
    margin-top: 12px;
}

.icon-num-wrapper {
    position: relative;
}

.col-num {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 900;
    color: #17512E;
    opacity: 0.13;
    position: absolute;
    font-size: 55px;
    left: 53px;
    bottom: -14px;
}

@media (min-width: 768px) {
    .header-text-img {
        width: 74%;
    }

    .oom-btn {
        width: 345px;
    }

    .oom-btn.one {
        margin-top: -22px;
    }

    .sec-one-inner {
        padding: 35px 40px;
    }

    .oom-headline-one {
        font-size: 36px;
    }

    .oom-sub-headline {
        font-size: 24px;
    }

    .oom-content.one {
        width: 500px;
    }

    .sec-two-inner {
        width: 768px;
    }

    .sec-two-cols {
        font-size: 0;
    }

    .sec-two-col {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 25px;
    }

    .sec-two-col-inner {
        width: 300px;
        margin: auto;
    }
}

@media (min-width: 1024px) {
    .sec-one-col {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        position: relative;
    }

    .sec-one-col.one {
        width: 49%;
    }

    .sec-one-col.two {
        width: 50%;
        padding-left: 71px;
    }
}

@media (min-width: 1200px) {
    .sec-one-inner {
        padding: 44px 40px;
        width: 1200px;
        box-sizing: border-box;
        margin: auto;
    }

    .oom-content {
        font-size: 16px;
    }

    .sec-one-col.one {
        width: 62%;
    }

    .sec-one-col.two {
        width: 37%;
    }

    .top-img {
        margin-top: 0;
        position: absolute;
        left: -74px;
        width: 465px;
    }


    .sec-two-inner {
        width: 1120px;
    }

    .col-num {
        bottom: -21px;
        left: 26px;
    }

    .sec-two-col {
        width: 25%;
        vertical-align: baseline;
    }

    .sec-two-col.one {
        width: 19%;
        margin-left: 53px;
    }

    .sec-two-col.one .sec-two-col-inner {
        width: 210px;
    }

    .sec-two-col.two .sec-two-col-inner {
        width: 213px;
    }

    .sec-two-col.three .sec-two-col-inner {
        width: 262px;
    }

    .sec-two-col.four .sec-two-col-inner {
        width: 196px;
    }

    .sec-two-col.four .col-num {
        left: 4px;
    }

    .sec-two-col.one .col-num {
        left: 16px;
    }

@media (min-width: 1320px) {
    .header-text-img {
        padding-top: 76px;
    }
}

@media (min-width: 1400px) {
    .sec-one-inner {
        width: 1300px;
    }
    
    .sec-two .oom-headline-one {
        margin-bottom: 25px;
    }

    .sec-two-inner {
        width: 82%;
        max-width: 1400px;
    }

    .sec-two-col.one {
        margin-left: -216px;
    }

    .sec-two-col.five {
        display: block;
        position: absolute;
        top: 59px;
        right: -8px;
    }
}