html {
    font-size: 16px;
}

.h1, .h2, .h3, h1, h2, h3, p {
    margin: 0px;
}

.onePrice-hero-banner {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/onePrice-lp/hero-background-1440.png);
    background-size: cover;
    height: 440px;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;       
}

.onePrice-hero-banner-content {
    position: absolute;
    top: 85px;
    left: 80px;
}

.banner-content-image {
    width: 330px;
    height: 92px;
    margin-bottom: 40px;
}

.banner-content-image img {
    width: 100%;
}

.banner-content-text {
    text-align: left;
    font: normal normal normal 4.125rem/3.875rem Black;
    font-family: 'Autonation Regular';
    letter-spacing: -1.65px;
    color: var(--white);
    text-transform: uppercase;    
}

.onePrice-pre-owned-section {
    background-color: #F5F8FA;
}

.pre-owned-content {
    display: flex;
    flex-flow: row;
    margin-top: 40px;
    gap: 25px;
    width: 80%;
    margin: 40px auto 0px auto;
    justify-content: center;
}

.pre-owned-container {
    max-width: 343px;
    padding: 0px 5px;
}

.pre-owned-logo {
    text-align: center;
}

.pre-owned-title {
    text-align: center;
    font: normal normal bold 1.25rem/2rem 'Autonation Regular';
    letter-spacing: 0px;
    color: #0A3453;    
    margin: 12px auto 12px auto;
}

.pre-owned-text {
    text-align: center;
    font: normal normal normal 1rem/1.5rem 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--text-copy);    
}

.emoji-container {
    width: 18px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 3px;    
}

.emoji-container img {
    width: 100%;
    height: 100%;
    position: relative;
    top: -5px;
}

.onePrice-benefits-content {
    display: flex;
    flex-flow: row;
    gap: 40px;
}

.onePrice-benefits-content .section-text {
    margin-left: 0px;
    margin-top: 40px;
    width: auto;
    max-width: 790px;
}

.onePrice-benefits-content {
    width: 78%;
    margin: 0px auto;
    align-items: center;
}

.onePrice-benefits-image-container {
    width: 240px;
    height: 240px;
}

.onePrice-benefits-image-container img {
    width: 100%;
    height: 100%;
}

.section-title {
    text-align: center;
    font: normal normal bold 1.75rem/2.5rem 'Autonation Regular';
    letter-spacing: 0px;
    color: #0A3453;    
    margin-bottom: 18px;
}

.section-title.white-text {
    color: var(--white);
}

.section-text {
    text-align: center;
    font: normal normal normal 1rem/1.5rem 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--text-copy);  
    margin: 30px auto 20px auto;
    width: 73%;  
}

.section-text.left-aligned {
    text-align: left;
}

.onePrice-footer-section {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/onePrice-lp/footer-background-1440.png);
    background-size: cover;
    background-position: 50% 50%;
}

.onePrice-footer-section .primary-button {
    margin-top: 30px;
}

.primary-button {
    display: block;
    margin: 0px auto;
    width: 240px;
    height: 50px;
    background: transparent linear-gradient(90deg, #AD104C 0%, var(--pink-600) 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    border: none;
    color: var(--white);
    text-transform: none;
    position: relative;
    cursor: pointer;
    text-align: center;
    font: normal normal bold 1rem/1.2rem 'Autonation Regular';
    letter-spacing: 0.8px;
    color: var(--white);
    text-transform: uppercase;        
}

.primary-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font: normal normal bold 1rem/1.2rem 'Autonation Regular';
    letter-spacing: 0.8px;
    color: var(--white);
    text-transform: uppercase;    
}

.onePrice-disclaimer {
    background: #131E29 0% 0% no-repeat padding-box;
    padding: 25px 0px;
}

.onePrice-disclaimer-text {
    text-align: center;
    font: normal normal normal 0.75rem/1.2rem 'Autonation Regular';
    letter-spacing: 0.14px;
    color: var(--white);    
    width: 72%;
    margin: 0px auto;
}

.section-spacing {
    padding: 30px 0px;
}

.section-spacing-sm {
    padding: 30px 0px;
}

.pink-line {
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 40px;
    height: 0px;
    border: none;
    border-bottom: 2px solid var(--pink-600);
}

.hide-mobile,
.display-tablet,
.show-tablet,
.show-tablet-lg,
.hide-mobile-sm,
.hide-mobile-sm-2 {
    display: none;
}

@media all and (max-width: 1330px) {
    .onePrice-benefits-content {
        width: 100%;
        max-width: 805px;
        margin: 0px auto;
        align-items: center;
    }

    .onePrice-benefits-content .section-text {
        max-width: 525px;
    }
}

@media all and (max-width: 1116px) {
    .onePrice-hero-banner {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/onePrice-lp/hero-background-1024.png);
        height: 370px;        
    }

    .onePrice-hero-banner-content {
        top: 70px;
        left: 70px;
    }    

    .banner-content-image {
        width: 280px;
        height: 80px;
        margin-bottom: 40px;
    }    

    .banner-content-text {
        text-align: left;
        font: normal normal normal 3.125rem/3.4rem Black;
        font-family: 'Autonation Regular';
    }    

    .onePrice-benefits-content {
        width: 100%;
        max-width: 805px;
        margin: 0px auto;
        align-items: center;
    }

    .onePrice-benefits-content .section-text {
        max-width: 520px;
        padding-right: 55px;
    }

    .pre-owned-content {
        flex-flow: row;
        justify-content: center;
        gap: 20px;
    }

    .pre-owned-container {
        flex: 45%;
        max-width: 385px;        
        padding: 0px 0px;
    }

    .onePrice-footer-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/onePrice-lp/footer-background-1024.png);
    }

    .onePrice-disclaimer-text {
        width: 68%;
    }
    
    .section-spacing {
        padding: 50px 0px;
    }

    .section-title {
        max-width: 715px;
        margin: 0px auto 18px auto;
    }

    .section-title.white-text {
        max-width: 720px;
    }

    .section-text {
        width: 69%;
    }

    .emoji-container {
        width: 16px;
        height: 15px;
    }
}

@media all and (max-width: 975px) {
    .onePrice-hero-banner {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/onePrice-lp/hero-background-768.png);
    }

    .onePrice-hero-banner-content {
        top: 60px;
        left: 60px;
    }    

    .pre-owned-container {
        padding: 0px 3px;
    }

    .banner-content-image {
        width: 240px;
        height: 70px;
        margin-bottom: 30px;
    }  

    .banner-content-text {
        text-align: left;
        font: normal normal normal 2.2rem/2.5rem Black;
        font-family: 'Autonation Regular';
    }        
    
    .onePrice-benefits-content {
        display: block;
        margin-top: 40px;
        text-align: center;
    }

    .onePrice-benefits-image-container {
        margin: 0px auto;
    }

    .onePrice-benefits-content .section-text {
        display: block;
        margin: 30px auto 20px auto;
        max-width: 615px;
        text-align: center;
        padding-right: 0px; 
    }

    .onePrice-footer-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/onePrice-lp/footer-background-768.png);
    }    

    .emoji-container {
        width: 18px;
        height: 17px;
    }

    .pre-owned-container {
        flex: 100%;
        max-width: 490px;        
    }

    .pre-owned-content {
        flex-flow: row wrap;
        width: 100%;
        gap: 40px;
    }    

    .onePrice-disclaimer-text {
        width: 80%;
    }

    .section-title {
        max-width: 563px;
    }

    .section-title.white-text {
        max-width: 618px;
    }

    .section-text {
        width: 80%;
    }

    .display-tablet,
    .show-tablet  {
        display: block;
    }

    .show-tablet-lg {
        display: none;
    }
}
 
@media all and (max-width: 577px) {
    .section-spacing {
        padding: 40px 30px;
    }

    .section-spacing-sm {
        padding: 40px 30px;
    }

    .onePrice-hero-banner {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/onePrice-lp/hero-background-375.png);
        height: 470px;
        padding: 40px;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;        
    }

    .onePrice-hero-banner-content {
        position: relative;
        text-align: center;
        top: 0px;
        left: 0px;
    }

    .banner-content-image {
        margin: 0px auto 30px auto;
    }  

    .banner-content-text {
        text-align: center;
        font: normal normal normal 2.25rem/2.5rem Black;
        font-family: 'Autonation Regular';
    }   

    .onePrice-benefits-content {
        margin-top: 18px;
    }

    .onePrice-benefits-content .section-text {
        margin: 18px auto 0px auto;
        max-width: 339px;
    }

    .onePrice-benefits-content .section-text .smaller-text {
        max-width: 339px;
        display: block;
        margin: 0px auto;
    }

    .onePrice-disclaimer-text {
        font: normal normal normal 0.625rem/1rem 'Autonation Regular';
        letter-spacing: 0.12px;
        width: 84%;
    }

    .pre-owned-container {
        max-width: 295px;
    }

    .pre-owned-container:last-child {
        max-width: 315px;
        padding: 0px;
    }

    .onePrice-disclaimer {
        padding: 18px 0px;
    }

    .onePrice-footer-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/onePrice-lp/footer-background-375.png);
    }    

    .section-title {
        max-width: 345px;
        font: normal normal bold 1.25rem/1.875rem 'Autonation Regular';
        margin: 0px auto 14px auto;
    }

    .section-text {
        width: 100%;
        font: normal normal normal 0.875rem/1.25rem 'Autonation Regular';
    }   
    
    .onePrice-footer-section .primary-button {
        margin-top: 18px;
    }

    .emoji-container {
        top: 2.5px;
        left: -4px;
    }

    .primary-button {
        width: 172px;
        height: 40px;
    }
    
    .primary-button span {
        font: normal normal bold 0.875rem/1.2rem 'Autonation Regular';
        letter-spacing: 0.7px;  
    }    

    .display-tablet,
    .show-tablet {
        display: none;
    }

    .hide-mobile {
        display: block;
    }
}

@media all and (max-width: 436px) {
    .section-text {
        margin-top: 20px;
    }

    .section-title.white-text {
        max-width: 300px;
    }

    .hide-mobile-sm-2 {
        display: block;
    }
}

@media all and (max-width: 391px) {
    .banner-content-text {
        text-align: center;
        font: normal normal normal 2rem/2.255rem Black;
        font-family: 'Autonation Regular';
    }

    .hide-mobile-sm {
        display: block;
    }
}

@media all and (max-width: 370px) {
    .hide-mobile-sm-2 {
        display: none;
    }
}