/* End of one-column pencil banner styles */

.one-column-container.pencil-banner {
    background-color: var(--text-heading);
    padding: 10px;
}

.one-column-container.pencil-banner .one-column-text,
.one-column-container.pencil-banner .primary-link {
    color: var(--white);
}

.one-column-container.pencil-banner .one-column-text strong {
    font-family: 'Autonation Light';
}

.one-column-container.pencil-banner .one-column-text span {
    font-family: 'Autonation Light';
    font-size: 16px;
}

.one-column-container.pencil-banner .primary-link {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
}

.display-768 {
    display: none;
}

@media all and (max-width: 1116px) {
    .one-column-container.pencil-banner .one-column-text span {
        font-size: 14px;
    }
}

@media all and (max-width: 825px) {
    .one-column-container.pencil-banner .one-column-text span {
        display: none;
    }

    .one-column-container.pencil-banner .one-column-text .display-768 {
        display: block;
        color: var(--white);
        text-decoration-line: underline;
        text-decoration-thickness: 1px;
        font-size: 14px;
        font-family: 'Autonation Light';
    }
}

/* Start of one-column pencil banner styles */

/* Start of two-column hero banner styles */
.two-column-container.autonation-mobile-service-hero-banner {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/an-mobile-service-background.png);
    background-size: cover;
    background-position: right;
    background-color: var(--grayscale-100);
    margin: 0px auto;
    max-width: 1280px;
    height: 440px;
    padding: 40px;
    border-radius: 16px;
    align-items: end;
    position: relative;
}

.info-section:has(.two-column-container.autonation-mobile-service-hero-banner) {
    padding: 56px 0px;
    background-color: var(--grayscale-100);
}

.two-column-container.autonation-mobile-service-hero-banner .two-column-text-container {
    gap: 24px;
}

.two-column-container.autonation-mobile-service-hero-banner .two-column-title {
    font-family: 'Autonation Regular';
    letter-spacing: 0.7px;
    color: var(--white);
}

.two-column-container.autonation-mobile-service-hero-banner .or-line {
    position: relative;
    display: inline-block;
    margin-right: 24px;
}

.two-column-container.autonation-mobile-service-hero-banner .or-line span {
    z-index: 1;
    background-color: var(--text-heading);
    width: 16px;
    height: 19px;
    display: flex;
    position: relative;
    flex-flow: column;
    align-items: center;
    justify-content: center;    
}

.two-column-container.autonation-mobile-service-hero-banner .two-column-text {
    color: var(--white);
    position: absolute;
    left: 20%;
    bottom: 55px;
}

.two-column-container.autonation-mobile-service-hero-banner .two-column-text a {
    color: var(--white);
    letter-spacing: 0.35px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;    
}

.two-column-container.autonation-mobile-service-hero-banner .divider {
    border: none;
    border-bottom: 1px solid #D2DADF;
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 52px;
    z-index: 0;
}

@media all and (max-width: 1281px) {
    .two-column-container.autonation-mobile-service-hero-banner {
        padding: 40px;
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/an-mobile-service-background-1024.png);
        max-width: 944px;
    }

    .info-section:has(.two-column-container.autonation-mobile-service-hero-banner) {
        padding: 40px 0px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-text-container {
        flex: 100%;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-title {
        max-width: 680px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-text {
        left: 27%;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-media-container {
        display: none;
    }
    
}

@media all and (max-width: 944px) {
    .two-column-container.autonation-mobile-service-hero-banner {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/an-mobile-service-background-768.png);
        flex-flow: row;
        max-width: 688px;
    }  

    .two-column-container.autonation-mobile-service-hero-banner .two-column-title {
        font-size: 32px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-text {
        left: 38%;
        bottom: 52px;
        font-size: 20px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .or-line {
        font-size: 16px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .or-line span {
        margin-top: 1px;
    }
}

@media all and (max-width: 577px) {
    .two-column-container.autonation-mobile-service-hero-banner {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/an-mobile-service-background-577.png);        
        background-position: center;
        margin: 0px;
        padding: 24px 16px;
        border-radius: 0px;
        max-width: none;
    }

    .info-section:has(.two-column-container.autonation-mobile-service-hero-banner) {
        padding: 0px 0px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-text-container {
        gap: 8px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-title {
        font-size: 20px;
        line-height: 150%;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-text {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        order: 4;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .two-column-container.autonation-mobile-service-hero-banner .or-line span {
        margin: 0px auto;
        width: 24px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-logo {
        max-width: 263px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .divider {
        width: 100%;
        transform: translate(-50%, -50%) rotate(0deg);
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-text {
        max-width: none;
        width: 100%;
        font-size: 16px;
        justify-content: center;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-cta-container {
        width: 100%;
        margin: 12px 0px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .two-column-text a {
        font-size: 16px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .or-line {
        margin: 0px auto;
        margin-bottom: 20px;
        flex: 100%;
    }

    .two-column-container.autonation-mobile-service-hero-banner svg {
        margin: 0px 4px;
        margin-right: 6px;
    }

    .two-column-container.autonation-mobile-service-hero-banner .primary-button {
        max-width: none;
        width: 100%;
    }
}
/* End of two-column hero banner styles */

/* Start of two column info styles */
.two-column-info-section {
    display: flex;
    flex-flow: row;
    gap: 40px;
    padding: 80px;
}

.two-column-info-section .small-text-container {
    max-width: 170px;
}

.two-column-info-section .small-text-container.first {
    max-width: 135px;
}

.two-column-info-section .info-section {
    display: flex;
    flex-flow: column;
    gap: 16px;
    flex: 45%;
}

.two-column-info-section .info-section.first {
    border-right: 1px solid #D9D9D9;
}

.two-column-info-section .two-column-title {
    font-size: 24px;
    max-width: 620px;
}

.two-column-info-section .two-column-text {
    color: var(--text-heading);
    max-width: 580px;
}

.two-column-info-section .two-column-text strong {
    font-family: 'Autonation Light';
    color: var(--text-heading);
}

.two-column-info-section .primary-button {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    background-color: var(--text-heading);
    width: 220px;
    height: 44px;
    color: var(--white);
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.28px;  
    border-radius: 8px;
    border: none;  
}

.two-column-info-section .primary-link {
    font-family: 'Autonation Regular';
    color: var(--text-heading);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;
    text-decoration-line: underline; 
    text-decoration-thickness: 1px;   
}

@media all and (max-width: 1116px) {
    .two-column-info-section {
        flex-flow: column;
        gap: 40px;
        padding: 40px;
    }

    .two-column-info-section .info-section.first {
        border: none;
        border-bottom: 1px solid #D9D9D9;
        padding-bottom: 40px;
    }

    .two-column-info-section .two-column-title {
        max-width: 680px;
    }
    
    .two-column-info-section .two-column-text {
        max-width: 640px;
    }    
}

@media all and (max-width: 577px) {
    .two-column-info-section {
        padding: 24px 16px;
    }

    .two-column-info-section .small-text-container {
        font-size: 14px;
    }

    .two-column-info-section .two-column-title {
        font-size: 20px;
    }

    .two-column-info-section .two-column-text {
        font-size: 14px;
    }

    .two-column-info-section .two-column-text strong {
        font-size: 14px;
    }    

    .two-column-info-section .primary-button {
        width: 100%;
    }

    .two-column-info-section .primary-link {
        font-size: 14px;
    }
}
/* End of two column info styles */

/* Start of three column styles */
.three-column-container.convenience-section {
    padding: 60px 80px;
    padding-bottom: 140px;
    background:var(--grayscale-100);
}

.three-column-container.convenience-section .three-column-title {
    text-align: left;
}

.three-column-container.convenience-section .three-column-content, 
.three-column-container.convenience-section .three-column-carousel {
    gap: 40px;
}

.three-column-container.convenience-section .column-content {
    height: 500px;
    justify-content: end;
    background-size: cover;
    background-position: center;
    border: none;
}

.three-column-container.convenience-section .column-title {
    color: var(--white);
    font-size: 32px;
}

.three-column-container.convenience-section .column-text {
    margin: 0px;
    color: var(--white);
}

.three-column-container.convenience-section .arrow-container {
    height: 56px;
    width: 56px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    right: 30px;
    bottom: 30px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12px);    
}

.three-column-container.convenience-section .column-content.first-column {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/first-tile-background.png);
}

.three-column-container.convenience-section .column-content.second-column {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/second-tile-background.png);
}

.three-column-container.convenience-section .column-content.third-column {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/third-tile-background.png);
}

.three-column-container.convenience-section .three-column-text {
    position: absolute;
    bottom: 60px;
}

.three-column-container.convenience-section .primary-button {
    height: 44px;
    width: 220px;
    color: var(--white);
    border-radius: 8px;
    background-color: var(--text-heading);
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px; 
    display: flex;
    justify-content: center;
    align-items: center;   
}

@media all and (max-width: 1116px) {
    .three-column-container.convenience-section {
        padding: 40px;
        padding-bottom: 120px;
        background-color: transparent;
    }

    .three-column-container.convenience-section .three-column-text {
        bottom: 40px;
    }

    .three-column-container.convenience-section .three-column-content, 
    .three-column-container.convenience-section .three-column-carousel {
        flex-flow: row wrap;
    }    

    .three-column-container.convenience-section:not(.three-column-carousel) .column-content {
        max-width: none;
    }

    .three-column-container.convenience-section .column-content.first-column {
        flex: 100%;
        height: 390px;
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/first-tile-background-mobile.png);
    }
    
    .three-column-container.convenience-section .column-content.second-column {
        flex: 45%;
    }
    
    .three-column-container.convenience-section .column-content.third-column {
        flex: 45%;
    }    
}

@media all and (max-width: 578px) {
    .three-column-container.convenience-section {
        padding: 24px 16px;
        padding-bottom: 105px;
    }

    .three-column-container.convenience-section .three-column-text {
        bottom: 24px;
        left: 0px;
        width: 100%;
        padding: 0px 16px;
    }

    .three-column-container.convenience-section .three-column-content, 
    .three-column-container.convenience-section .three-column-carousel {
        flex-flow: row;
    }      

    .three-column-container.convenience-section .column-title {
        text-align: left;
    }

    .three-column-container.convenience-section .column-content {
        display: flex;
    }

    .three-column-container.convenience-section .column-content.first-column {
        flex: auto;
        height: 500px;
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/repair-smith/first-tile-background.png);
    }
    
    .three-column-container.convenience-section .column-content.second-column {
        flex: auto;
    }
    
    .three-column-container.convenience-section .column-content.third-column {
        flex: auto;
    }

    .three-column-container.convenience-section .primary-button {
        width: 100%;
    }

    .three-column-container.convenience-section .arrow-container {
        right: 15px;
        bottom: 15px;
    }

    .three-column-content .slick-dots {
        position: absolute;
        width: 100%;
        max-width: 1170px;
        bottom: -30px;
        left: 1%;
        display: flex;
        flex-flow: row;
        justify-content: start;
        align-items: center;
        gap: 0px;    
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }
    
    .three-column-content:not(.arrow) .slick-dots {
        max-width: none;
    }
    
    .three-column-content .slick-dots li button,
    .three-column-content ~ .swiper-arrow,
    .three-column-content ~ .swiper-arrow::after
    {
        display: none;
    }
    
    .three-column-content .slick-dots li {
        width: 100%;
        height: 0px;
        border-top: 1px solid #D2DADF;
        margin: 0px;
    }
    
    .three-column-content .slick-dots li.slick-active {
        border-top: 2.5px solid black;
    }   
    
    .three-column-content .slick-dots,
    .three-column-content:not(.arrow) .slick-dots {
        display: flex;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        max-width: 110px;
        bottom: -16px;
        gap: 4px;
        height: 10px;
        border-radius: 240px;
        margin: 0px auto;
        text-align: center;        
        background-color: var(--grayscale-100);
        padding: 3px 7px;
        border-radius: 16px;
    }

    .three-column-content .slick-dots li.slick-active {
        background-color: var(--text-heading);
    }

    .three-column-content .slick-dots li {
        height: 3px;
        border: none;
        background-color: #D2DADF;
        border-radius: 240px;
    }         
}
/* End of three column styles */

/* Start of certified smiles styles */
.two-column-container.certified-smiles {
    padding: 56px 80px 56px 80px;
    background-color: var(--text-heading);
}

.media-container-circle {
    height: 475px;
    width: 475px;
    position: absolute;
    bottom: -40px;
    border-radius: 50%;
    background: rgba(101, 101, 101, 0.50);
}

.two-column-container.certified-smiles .small-text-container {
    width: 180px;
    margin-bottom: 12px;
}

.two-column-container.certified-smiles .small-text-container span {
    color: #D9D9D9;
}

.two-column-container.certified-smiles .two-column-title,
.two-column-container.certified-smiles .two-column-text {
    color: var(--white);
}

.two-column-container.certified-smiles .two-column-title {    
    margin-bottom: 22px;
}

.two-column-container.certified-smiles .two-column-text-container {
    flex: 52%;
}

.two-column-container.certified-smiles .two-column-media-container img {
    position: absolute;
    bottom: -16px;
    left: -25px;
}

.two-column-container.certified-smiles .two-column-media-container {
    position: relative;
    width: 475px;
    height: 475px;
}

@media all and (max-width: 1116px) {
    .two-column-container.certified-smiles {
        padding: 40px;
    } 
    
    .two-column-container.certified-smiles .two-column-title {
        margin-bottom: 16px;
    }    

    .media-container-circle {
        width: 355px;
        height: 355px;
        bottom: -40px;
    }

    .two-column-container.certified-smiles .two-column-text {
        font-size: 16px;
    }

    .two-column-container.certified-smiles .two-column-media-container {
        width: 355px;
        height: 355px;
    }

    .two-column-container.certified-smiles .two-column-media-container img {
        width: 385px;
        bottom: 0px;
        left: -10px;
    }
}

@media all and (max-width: 825px) {
    .two-column-container.certified-smiles {
        gap: 0px;
    }

    .two-column-container.certified-smiles .two-column-media-container img {
        width: 575px;
    }

    .two-column-container.certified-smiles .two-column-media-container {
        width: auto;
        height: auto;
    }

    .media-container-circle {
        width: 475px;
        height: 475px;
        position: relative;
    }
}

@media all and (max-width: 577px) {
    .two-column-container.certified-smiles {
        padding: 24px 16px;
    }  
    
    .two-column-container.certified-smiles .small-text-container {
        margin-bottom: 8px;
        font-size: 14px;
        width: 160px;
    }
    
    .two-column-container.certified-smiles .two-column-title {
        margin-bottom: 0px;
    }

    .two-column-container.certified-smiles .two-column-text {
        font-size: 13px;
    }

    .two-column-container.certified-smiles .two-column-media-container img {
        max-width: 316px;
    }

    .media-container-circle {
        max-width: 277px;
        max-height: 277px;
        bottom: -22px;
    }
}

/* End of certified smiles styles */

/* Start of benefits section styles */
.benefits-section {
    padding: 56px 80px;
}

.benefits-container {
    position: relative;
}

.benefits-section .section-title {
    font-family: 'Autonation Regular';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: 0.7px;   
    color: var(--text-heading); 
    margin-bottom: 40px;
}

.benefits-section-carousel {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 32px;
}

.benefit-item { 
    flex: 30%;
    width: 100%;
    height: 316px;  
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
    border-radius: 16px;
    background:var(--grayscale-100);        
}

.benefit-item.large-item {
    flex: 45%;
}

.benefit-item-icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: var(--text-heading);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.benefit-item-title {
    font-family: 'Autonation Regular';
    font-size: 24px;
    font-style: normal;
    text-align: left;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.42px;    
    color: var(--text-heading);
    margin-bottom: 8px;
}

.benefit-item-text {
    color: var(--text-heading);
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px; 
    max-width: 500px;   
}

.pink-text {
    color: var(--pink-600);
    font-family: 'Autonation Regular';
}

a.pink-text:hover,
a.pink-text:focus {
    color: var(--pink-600);
    text-decoration: none;

}

@media all and (max-width: 1361px) {
    .benefit-item.large-item {
        flex: 45%;
    }

    .benefit-item {
        flex: 30%;
    }
}

@media all and (max-width: 1116px) {
    .benefits-section {
        padding: 40px;
    }
}

@media all and (max-width: 825px) {
    .benefit-item,
    .benefit-item.large-item {
        max-width: none;
    }

    .benefits-section-carousel.three-column-carousel.arrow ~ .swiper-arrow.swiper-button-prev,
    .benefits-section-carousel.three-column-carousel.arrow ~ .swiper-arrow.swiper-button-next {
        display: flex;
    }

    .benefits-section-carousel.three-column-carousel.arrow ~ .swiper-arrow.swiper-button-prev {
        right: 55px;
        bottom: -50px;
    }

    .benefits-section-carousel.three-column-carousel.arrow ~ .swiper-arrow.swiper-button-next {
        right: 5px;
        bottom: -50px;
    }
}

@media all and (max-width: 577px) {
    .benefits-section {
        padding: 24px 16px;
    }

    .benefits-section .section-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .benefit-item,
    .benefit-item.large-item {
        margin: 20px 0px;
    }
    
    .benefit-item:first-child,
    .benefit-item.large-item:first-child {
        margin-top: 0px;
    }

    .benefit-item:last-child {
        margin-bottom: 0px;
    }    

    .benefits-section-carousel.three-column-carousel.arrow ~ .swiper-arrow.swiper-button-prev,
    .benefits-section-carousel.three-column-carousel.arrow ~ .swiper-arrow.swiper-button-next {
        display: none;
    }    
}
/* End of benefits section styles */

/* Start of Fleet Moving section styles */
.two-column-container.fleet-moving-section {
    padding: 56px 80px;
    flex-flow: column;
    background:var(--grayscale-100);
    align-items: start;
    gap: 0px;
}

.two-column-container.fleet-moving-section .two-column-text-container {
    max-width: 680px;
}

.two-column-container.fleet-moving-section .two-column-text-container .small-text-container {
    max-width: 120px;
    margin-bottom: 8px;
}

.two-column-container.fleet-moving-section .primary-button {
    background: none;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;
    text-decoration-line: underline;    
    text-decoration-thickness: 1px;
    color: var(--text-heading);
    width: auto;
}

.two-column-container.fleet-moving-section .two-column-media-container {
    align-self: end;
    max-width: 1109px;
    margin-top: -60px;
}

@media all and (max-width: 1116px) {
    .two-column-container.fleet-moving-section {
        padding: 40px;
    }

    .two-column-container .two-column-text {
        font-size: 16px;
    }

    .two-column-container.fleet-moving-section .two-column-media-container {
        max-width: 618px;
    }    
}

@media all and (max-width: 825px) {
    .two-column-container.fleet-moving-section {
        gap: 30px;
    }

    .two-column-container.fleet-moving-section .two-column-text-container .small-text-container {
        margin-bottom: 16px;
    }
    
    .two-column-container.fleet-moving-section .two-column-media-container {
        margin: 0px;
        align-self: center;
    }    
}

@media all and (max-width: 577px) {
    .two-column-container.fleet-moving-section {
        padding: 24px 16px;
    }    

    .two-column-container.fleet-moving-section .two-column-text-container .small-text-container {
        margin-bottom: 8px;
        font-size: 14px;
    }    

    .two-column-container.fleet-moving-section .two-column-text-container {
        gap: 0px;
    }
}
/* End of Fleet Moving section styles */

/* Start of Service Repair section styles */
.service-repair-offerering-section {
    padding: 56px 80px;
}

.service-repair-offerering-section .small-text-container {
    max-width: 225px;
    margin-bottom: 12px;
}

.service-repair-offerering-section .section-title {
    font-family: 'Autonation Regular';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: 0.7px;
    color: var(--text-heading);    
}

.service-repair-offerering-section .section-links-container {
    display: flex;
    flex-flow: row;
    gap: 40px;
    align-items: center;
    justify-content: start; 
    padding: 32px 0px;
}

.service-repair-offerering-section .section-links-container .section-link {
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;    
    color: var(--text-heading);
    padding: 8px 16px;
    background-color: transparent;
    cursor: pointer;
}

.service-repair-offerering-section .section-links-container .section-link.active {
    background-color: var(--text-heading);
    color: var(--white);
    border-radius: 360px;    
}

.service-repair-offerering-section .service-repair-info-container {
    padding: 32px;
    padding-right: 0px;
    display: none;
}

.service-repair-offerering-section .service-repair-info-container.active {
    display: block;
}

.service-repair-offerering-section .service-repair-info-container ul {
    display: flex;
    flex-flow: row wrap;
    gap: 12px 24px;
    max-width: none;
}

.service-repair-offerering-section .service-repair-info-container ul li {
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;   
    color: var(--text-copy); 
    min-width: 260px;
    max-width: 260px;
    margin-left: 30px;
    position: relative;    
}

.service-repair-offerering-section .service-repair-info-container ul li::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="7" viewBox="0 0 8 7" fill="none"><path d="M7.80038 1.46193L3.37499 6.04991C3.24222 6.18756 3.06794 6.25684 2.89367 6.25684C2.71939 6.25684 2.54511 6.18756 2.41234 6.04991L0.199709 3.75592C-0.0665698 3.47998 -0.0665698 3.03382 0.199709 2.75788C0.465864 2.48181 0.896074 2.48181 1.16235 2.75788L2.89367 4.55285L6.83774 0.463888C7.10389 0.187818 7.5341 0.187818 7.80038 0.463888C8.06654 0.739829 8.06654 1.18586 7.80038 1.46193Z" fill="white"/></svg>');
    width: 20px;
    height: 20px;
    background-color: var(--text-heading);
    box-sizing: border-box;
    margin-right: 8px;
    border-radius: 50%;
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    align-items: end;
    position: absolute;
    left: -30px;
    top: 2px;    
}

@media all and (max-width: 1116px) {
    .service-repair-offerering-section {
        padding: 40px;
    }  
    
    .service-repair-offerering-section .section-links-container {
        padding: 24px 0px;
    }    

    .service-repair-offerering-section .service-repair-info-container {
        padding: 16px;
        padding-right: 0px;
    }
}

@media all and (max-width: 825px) {
    .service-repair-offerering-section .section-links-container {
        gap: 24px;
    }    
}

@media all and (max-width: 577px) {
    .service-repair-offerering-section {
        padding: 24px 16px;
    }   

    .service-repair-offerering-section .section-title {
        font-size: 24px;
    }

    .service-repair-offerering-section .small-text-container {
        margin-bottom: 16px;
    }
    
    .service-repair-offerering-section .service-repair-info-container {
        padding: 24px 0px 24px 16px;
    }

    .service-repair-offerering-section .section-links-container {
        gap: 12px;
        overflow: scroll;
    }

    .service-repair-offerering-section .section-links-container .section-link {
        min-width: 165px;
        text-align: center;
    }
}
/* End of Service Repair section styles */

/* Start of started section styles */
.two-column-container.started-section {
    padding: 100px 80px;
    background-color: var(--text-heading);
    gap: 24px;
    position: relative;
}

.two-column-container.started-section .two-column-text-container {
    max-width: 680px;
    text-align: left;
    position: relative;
    gap: 24px;
}

.two-column-container.started-section .two-column-media-container {
    display: none;
}

.two-column-container.started-section .two-column-title {
    color: var(--white);
    font-size: 40px;
}

.two-column-container.started-section .two-column-text {
    font-size: 20px;
    color: var(--white);
    text-align: left;
    max-width: 680px;
}

.two-column-container.started-section .or-line-content {
    display: flex;
    flex-flow: row;
    gap: 0px;
    justify-content: center;
    align-items: center;   
    color: var(--white); 
    position: absolute;
    left: 37%;
    bottom: 10px;    
}

.two-column-container.started-section .or-line-content svg {
    margin: 0px 8px;
}

.two-column-container.started-section .or-line-content a {
    color: var(--white);
}

.or-line {
    position: relative;
    margin-right: 24px;
}

.or-line hr {
    border: none;
    border-bottom: 1px solid #D2DADF;
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 52px;
    z-index: 0;
}

.or-line-content .or-line span {
    font-size: 16px;
    font-family: 'Autonation Light';
    color: #EAEAEA;
    width: 16px;
    height: 20px;
    background-color: var(--text-heading);
    z-index: 10;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;    
}

.or-line-content {
    font-family: 'Autonation Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 150% */
    letter-spacing: 0.35px;    
}

.two-column-container.started-section .two-column-cta-container .primary-button {
    width: 220px;
}

@media all and (max-width: 825px) {
    .two-column-container.started-section {
        padding: 100px 40px;
    }

    .two-column-container.started-section .or-line-content {
        left: 35%;
    }    
}

@media all and (max-width: 577px) {
    .two-column-container.started-section {
        padding: 24px 16px;
    }   
    
    .two-column-container.started-section .two-column-title {
        font-size: 24px;
    }

    .two-column-container.started-section .two-column-text {
        font-size: 16px;
    }

    .two-column-container.started-section .or-line-content {
        position: relative;
        bottom: auto;
        left: auto;
        display: flex;
        justify-content: start;
        flex-flow: row wrap-reverse;
        margin-top: 24px;
    }

    .or-line-content .or-line {
        position: relative;        
        margin: 0px auto;
        margin-top: 8px;
        margin-bottom: -10px;
        flex: 100%;
        display: flex;
        flex-flow: row;
        justify-content: center;
    }

    .or-line-content .or-line span {
        width: 30px;
    }

    .or-line hr {
        transform: translate(-50%, -50%) rotate(0deg);
        width: 100%;        
    }

    .two-column-container.started-section .two-column-cta-container {
        width: 100%;
    }

    .two-column-container.started-section .two-column-cta-container .primary-button {
        width: 100%;
    }
}
/* End of started section styles */

/* Start of disclaimer section styles  */
.one-column-container.disclaimer-section {
    padding: 40px;
    background:#191919;    
    align-items: start;
}

.one-column-container.disclaimer-section .one-column-disclaimer {
    max-width: 1380px;
    text-align: left;
    font-family: 'Autonation Light';
    color: var(--white);
}

.one-column-container.disclaimer-section .one-column-disclaimer ol {
    list-style-type: decimal;
    list-style: decimal;
    display: flex;
    flex-flow: column;
    gap: 15px;
    margin: 0px;
}

.one-column-container.disclaimer-section .one-column-disclaimer ol li {
    list-style-type: decimal;    
    list-style: decimal;    
}

.one-column-container.disclaimer-section .hide-until-mobile {
    display: none;
}

@media all and (max-width: 577px) {
    .one-column-container.disclaimer-section {
        padding: 24px 32px;
    }

    .one-column-container.disclaimer-section .one-column-disclaimer ol li {
        list-style-position: inside;
    }

    .one-column-container.disclaimer-section .hide-until-mobile {
        display: block;
        margin-top: 15px;
    }
}
/* End of disclaimer section styles  */