html {
    scroll-behavior: smooth;
}

/* Start of Header Links Styles */
.our-purpose-header-links {
    padding: 24px 0px;
    background-color: transparent;
    z-index: 10;
}

.our-purpose-header-links .one-column-text {
    display: flex;
    flex-flow: row;
    justify-self: center;
    align-items: center;
    gap: 40px;
}

.our-purpose-header-links a {
    color: #000;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;    
    padding: 8px 16px;
    text-align: center;
}

.our-purpose-header-links a:focus,
.our-purpose-header-links a:hover {
    text-decoration: none;
}

.our-purpose-header-links a.active {
    border-radius: 360px;
    background: #000;
    color: white;
}

.our-purpose-header-links.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: white;    
}

@media all and (max-width: 1116px) {
    .our-purpose-header-links {
        padding: 12px 0px;
    }    
}

@media all and (max-width: 577px) {
    .our-purpose-header-links .one-column-text {
        gap: 12px;
        margin: auto;
        padding: 0px 16px;        
    }

    .our-purpose-header-links {
        overflow: scroll;
    }

    .our-purpose-header-links a {
        font-size: 14px;
        width: 145px;
    }
}
/* End of Header Links Styles */

/* Start of Hero Styles */
.two-column-container.drive-pink-hero-container {
    padding: 56px 80px;
    gap: 32px;
}

.two-column-container.drive-pink-hero-container .two-column-text-container {
    gap: 24px;
}

.two-column-container.drive-pink-hero-container .two-column-title {
    font-size: 60px;
}

.two-column-container.drive-pink-hero-container .two-column-media-container {
    height: 458px;
    max-width: 800px;   
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    flex: 66%;
    position: relative;
}

.two-column-container.drive-pink-hero-container .two-column-media-container video {
    max-width: 100%;
    height: 458px;
    border-radius: 16px;
}

.video-control {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 3;
    background-color: white;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    cursor: pointer;
    border: none;      
    color: white;
    background: rgba(0, 0, 0, 0.6); 
}

.play {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/play.svg);
}

.pause {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/pause.svg);
}

@media all and (max-width: 1600px) {
    .two-column-container.drive-pink-hero-container .two-column-media-container {
        flex: 90%;
    }

    .two-column-container.drive-pink-hero-container .two-column-text-container {
        max-width: 400px;
    }

    .two-column-container.drive-pink-hero-container .two-column-logo {
        max-width: 191px;
    }

    .two-column-container.drive-pink-hero-container .two-column-title {
        font-size: 48px;
    }
}

@media all and (max-width: 1116px) {
    .two-column-container.drive-pink-hero-container {
        padding: 40px;
        flex-flow: column-reverse;
        align-items: start;
        gap: 45px;
    }

    .two-column-container.drive-pink-hero-container .two-column-media-container {
        max-width: none;
        width: 100%;
        height: 530px;
        flex: auto;
    }

    .two-column-container.drive-pink-hero-container .two-column-media-container video {
        height: 530px;
    }

    .two-column-container.drive-pink-hero-container .two-column-text-container {
        max-width: 680px;
    }

    .two-column-container.drive-pink-hero-container .two-column-logo {
        max-width: 136px;
    }

    .two-column-container.drive-pink-hero-container .two-column-title {
        font-size: 40px;
    }    
}

@media all and (max-width: 825px) {
    .two-column-container.drive-pink-hero-container .two-column-media-container {
        height: 388px;
    }   
    
    .two-column-container.drive-pink-hero-container .two-column-media-container video {
        height: 388px;
    }
}

@media all and (max-width: 577px) {
    .two-column-container.drive-pink-hero-container {
        padding: 24px;
        gap: 24px;
    }
    
    .two-column-container.drive-pink-hero-container .two-column-text-container {
        gap: 16px;
    }

    .two-column-container.drive-pink-hero-container .two-column-media-container {
        height: 185px;
    }

    .two-column-container.drive-pink-hero-container .two-column-media-container video {
        height: 185px;
    }

    .two-column-container.drive-pink-hero-container .two-column-logo {
        max-width: 104px;
    }

    .two-column-container.drive-pink-hero-container .two-column-title {
        font-size: 24px;
    }     

    .two-column-container.drive-pink-hero-container .two-column-cta-container {
        background-color: white;
        padding: 12px 16px;
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 10;
    }

    .two-column-container.drive-pink-hero-container .two-column-cta-container .primary-button {
        width: 100%;
        max-width: none;        
    }

    #v2footer-mobile {
        z-index: 11;
        position: relative;
    }

    .video-control {
        bottom: 15px;
        left: 15px;
    }
}
/* End of Hero Styles */

/* Start of drive out cancer styles */
.two-column-container.drive-out-cancer {
    padding: 56px 80px;
}

.two-column-container.drive-out-cancer .two-column-media-container {
    display: flex;
    flex-flow: row;
    gap: 36px;  
    flex: 86%;  
    max-width: 934px;
}

.two-column-container.drive-out-cancer .two-column-text-container {
    gap: 16px;
}

.two-column-container.drive-out-cancer .two-column-text {
    color: #555;
    font-size: 20px;
    margin-bottom: 8px;
}

.two-column-container.drive-out-cancer .two-column-cta-container .primary-button {
    background: transparent;
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: center;
    gap: 24px;
    width: auto;
}

.two-column-container.drive-out-cancer .two-column-cta-container .primary-button .primary-cta-arrow {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid black;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.two-column-container.drive-out-cancer .two-column-cta-container .primary-button .cta-text {
    color: #000;
    font-family: 'Autonation Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: 0.35px;
    text-decoration-line: underline; 
    text-decoration-thickness: 1px;   
}

.two-column-container.drive-out-cancer .two-column-media-container .first-column {
    max-width: 286px;
    display: flex;
    flex-flow: column;
    gap: 36px;
}

.two-column-container.drive-out-cancer .two-column-media-container .second-column {
    max-width: 610px;
}

@media all and (max-width: 1600px) {
    .two-column-container.drive-out-cancer .two-column-media-container {
        gap: 24px;
        max-width: 612px;
        flex: 50%;
    }

    .two-column-container.drive-out-cancer .two-column-media-container .first-column {
        max-width: 188px;
        gap: 24px;
    }    

    .two-column-container.drive-out-cancer .two-column-media-container .second-column {
        max-width: 400px;
    }
}

@media all and (max-width: 1116px) {
    .two-column-container.drive-out-cancer.reverse-row {
        padding: 40px;
        flex-flow: column;
        align-items: start;
    }    

    .two-column-container.drive-out-cancer .two-column-text-container {
        max-width: 600px;
    }
    
    .two-column-container.drive-out-cancer .two-column-media-container {
        max-width: none;
        gap: 36px;
    }

    .two-column-container.drive-out-cancer .two-column-media-container .first-column {
        max-width: 289px;
        gap: 36px;
    }    

    .two-column-container.drive-out-cancer .two-column-media-container .second-column {
        max-width: 616px;
    }    
}

@media all and (max-width: 825px) {
    .two-column-container.drive-out-cancer .two-column-text-container {
        align-items: start;
    }

    .two-column-container.drive-out-cancer .two-column-cta-container .primary-button {
        gap: 24px;
    }   
    
    .two-column-container.drive-out-cancer .two-column-media-container {
        gap: 26px;
    }

    .two-column-container.drive-out-cancer .two-column-media-container .first-column {
        max-width: 211px;
        gap: 26px;
    } 
    
    .two-column-container.drive-out-cancer .two-column-media-container .second-column {
        max-width: 449px;
    }       
}

@media all and (max-width: 577px) {
    .two-column-container.drive-out-cancer.reverse-row {
        padding: 24px 16px;
        gap: 24px;
    }    

    .two-column-container.drive-out-cancer .two-column-text-container {
        gap: 8px;
    }

    .two-column-container.drive-out-cancer .two-column-title {
        font-size: 20px;
    }

    .two-column-container.drive-out-cancer .two-column-text {
        font-size: 14px;
        margin-bottom: 16px;
    }
    .two-column-container.drive-out-cancer .two-column-cta-container {
        width: 100%;
    }

    .two-column-container.drive-out-cancer .two-column-cta-container .primary-button {
        width: 100%;
        border-radius: 8px;
        background: #EAEAEA;    
        display: flex;
        flex-flow: row;
        justify-content: center;    
    }

    .two-column-container.drive-out-cancer .two-column-cta-container .primary-button .primary-cta-arrow {
        display: none;
    }

    .two-column-container.drive-out-cancer .two-column-cta-container .primary-button .cta-text {
        font-size: 16px;
        text-decoration-line: none;
        color: black;
    }

    .two-column-container.drive-out-cancer .two-column-media-container {
        flex-flow: column;
        gap: 20px;
    }    

    .two-column-container.drive-out-cancer .two-column-media-container .first-column {
        flex-flow: row;
        max-width: none;
        justify-content: start;
        align-items: start;
        gap: 20px;
    }

    .two-column-container.drive-out-cancer .two-column-media-container .first-column img {
        max-width: 161px;
    }

    .two-column-container.drive-out-cancer .two-column-media-container .second-column {
        max-width: none;
    }

    .two-column-container.drive-out-cancer .two-column-cta-container .primary-button .primary-cta-arrow {
        display: none;
    }
}
/* End of drive out cancer styles */

/* Start of Drive Pink Pencil Banner Styles */
.two-column-container.drive-pink-pencil-banner {
    background-color: #F7F8F9;
    padding: 40px 80px;
    max-width: 1680px;
    margin: 56px auto;
}

.two-column-container.drive-pink-pencil-banner .two-column-media-container {
    max-width: 150px;
}

.two-column-container.drive-pink-pencil-banner .two-column-text-container .two-column-title {
    font-size: 40px;
    font-family: 'Autonation Light';;
    max-width: 945px;
}

@media all and (max-width: 1700px) {
    .two-column-container.drive-pink-pencil-banner {
        max-width: none;
        margin: 56px 80px;
    }

    .two-column-container.drive-pink-pencil-banner .two-column-text-container .two-column-title {
        max-width: none;
        font-weight: 300;
        letter-spacing: 0.2px;
    }
}

@media all and (max-width: 1300px) {
    .two-column-container.drive-pink-pencil-banner {
        max-width: 945px;
        padding: 40px;
        margin: 40px auto;
    }

    .two-column-container.drive-pink-pencil-banner .two-column-text-container .two-column-title {
        font-size: 24px;
        letter-spacing: 0.42px;
        line-height: 150%;
    }
}

@media all and (max-width: 1000px) {
    .two-column-container.drive-pink-pencil-banner {
        max-width: 688px;
        gap: 40px;
    }
}

@media all and (max-width: 700px) {
    .two-column-container.drive-pink-pencil-banner.pencil-banner.reverse-row {
        margin: 0px 16px 24px 16px;
        flex-flow: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 24px;
        padding: 24px;
    }

    .two-column-container.drive-pink-pencil-banner .two-column-media-container {
        max-width: 110px;        
    }

    .two-column-container.drive-pink-pencil-banner .two-column-media-container img {
        border-radius: 0px;
    }

    .two-column-container.drive-pink-pencil-banner .two-column-text-container .two-column-title {
        text-align: center;
    }
}
/* End of Drive Pink Pencil Banner Styles */

/* Start of license to care styles */
.two-column-container.license-to-care {
    padding: 56px 80px;
}

.two-column-container.license-to-care .two-column-text-container {
    gap: 24px;
    max-width: 670px;
}

.two-column-container.license-to-care .two-column-text {
    color: #5C5C5C;
}

.two-column-container.license-to-care .two-column-text strong {
    display: block;
    margin-top: 16px;
    font-size: 24px;
    font-family: 'Autonation Regular';
    color: black;
    font-weight: 500;
}

.two-column-container.license-to-care .two-column-media-container {
    flex-flow: column;
    gap: 24px;
    max-width: 600px;
}

.two-column-container.license-to-care .two-column-media-container .first-column {
    flex-flow: row;
    gap: 24px;
    display: flex;
    align-items: start;
    justify-content: center;
}

.two-column-container.license-to-care .two-column-media-container .first-column img {
    max-width: 288px;
}

@media all and (max-width: 1116px) {
    .two-column-container.license-to-care {
        padding: 40px;
        flex-flow: column;
        align-items: start;
        gap: 24px;
    }    

    .two-column-container.license-to-care .two-column-text-container {
        max-width: 640px;
        gap: 16px;
    }

    .two-column-container.license-to-care .two-column-text-container .two-column-text {
        font-size: 20px;
    }

    .two-column-container.license-to-care .two-column-media-container {
        gap: 24px;
        max-width: 100%;
    }

    .two-column-container.license-to-care .two-column-media-container .first-column {
        gap: 33px;
    }

    .two-column-container.license-to-care .two-column-media-container .first-column img {
        max-width: 455px;
    }
}

@media all and (max-width: 825px) {
    .two-column-container.license-to-care .two-column-media-container .first-column {
        gap: 24px;
    }
}

@media all and (max-width: 577px) {
    .two-column-container.license-to-care {
        padding: 0px 16px;
    }

    .two-column-container.license-to-care .two-column-title {
        font-size: 20px;
    }

    .two-column-container.license-to-care .two-column-text-container .two-column-text,
    .two-column-container.license-to-care .two-column-text strong {
        font-size: 14px;
        line-height: 150%;
    }

    .two-column-container.license-to-care .two-column-text strong {
        margin-top: 4px;
        letter-spacing: 0.245px;
    }

    .two-column-container.license-to-care .two-column-media-container,
    .two-column-container.license-to-care .two-column-media-container .first-column {
        gap: 12px;
    }

    .two-column-container.license-to-care .two-column-media-container .first-column img {
        max-width: 165px;
    }
}
/* End of license to care styles */

/* Start of Donation Styles */
.drive-pink-charity-partners-section {
    padding: 56px 80px;
}

.drive-pink-drive-out-cancer-title {
    color: #000;
    font-family: 'Autonation Regular';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: 0.7px;   
    margin: 0px; 
    margin-bottom: 8px;
}

.drive-pink-care-text {
    color: #555;
    font-family: 'Autonation Light';;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;
    margin: 0px;
}

.partners-section-map-v2 {
    display: flex;
    flex-flow: row;
    gap: 40px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.charity-partners-section-v2 {
    flex: 45%;
    display: flex;
    flex-flow: row wrap;
    align-items: start;
    justify-self: center;
    gap: 40px;
}

.charity-link {
    display: flex;
    flex-flow: column;
    justify-self: center;
    align-items: center;
    width: 100%;
    max-width: 145px;
}

.charity-link:hover,
.charity-link:hover .partner-logo-state {
    text-decoration-line: none;
    text-decoration: none;
}

.charity-img-section {
    flex: 45%;
}

.partner-logo {
    max-width: 124px;
    height: 75px;
    box-sizing: border-box;
}

.partner-logo-title {
    color: #E61464;
    text-align: center;
    font-family: 'Autonation Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: 0.245px;
    text-decoration-line: underline;    
    margin: 0px;
    min-height: 45px;
}

.partner-logo-state {
    color: #0A3453;
    text-align: center;
    font-family: 'Autonation Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */    
    margin: 0px;
}

.partner-logo {
    display: block;
    position: relative;
    margin: 0px auto 0px auto;
    width: 100%;
    /*width: 220px;
    height: 150px; */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%, 50%;
    background-color: white;
}

.partner-logo.american-cancer-society{
    background-image: url("https://www6.stgautonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/american-cancer-society-logo.png");
}

.partner-logo.bcrf {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/bcrf.png");
}

.partner-logo.cleveland-clinic {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/cleveland-clinic.png");
}  

.partner-logo.cure {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/cure.png");
}  

.partner-logo.cancer-league-denver {
    background-image: url("https://www6.stgautonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/cancer-league-denver-logo.png");
}

.partner-logo.cancer-support-south-bay {
    background-image: url("https://www6.stgautonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/cancer-support-south-bay-logo.png");
}

.partner-logo.candlelighters {
    background-image: url("https://www6.stgautonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/candlelighters-logo.png");
}

.partner-logo.dolphins {
    background-image: url("https://www6.stgautonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/dolphins-challenge-logo.jpg");
}    

.partner-logo.great-big-relay {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/gbr.png");
}  

.partner-logo.jamie {
    background-image: url("https://www6.stgautonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/jamies-hope-logo.png")
}

.partner-logo.lemons-of-love {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/lemons-of-love.png")
}

.partner-logo.leukemia-society {
    background-image: url("https://www6.stgautonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/leukemia-society-logo.png")
}

.partner-logo.memorial {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/memorial.png")
}  

.partner-logo.moffitt {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/moffitt.png")
}  

.partner-logo.pediatric-cancer-foundation {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/pediatric-cancer-foundation.png")
}          

.partner-logo.NSU {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/nsu.png")
} 

.partner-logo.pheonix-children {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/pheonix.png")
}  

.partner-logo.wokc {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/wokc.png")
}    

.partner-logo.zero {
    background-image: url("https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/zero.png")
}

.national-partner-container {
    text-align: center;
    padding: 30px 0px;
}

.national-partner {
    position: relative;
    max-width: fit-content;
    margin: 0px auto;
    padding: 30px 0px;
    display: inline-block;
    left: -50px;
}

.second-national-partner {
    display: inline-block;
    margin-left: 0px;
}

.second-national-partner.bcrf-partner {
    margin-left: 0px;
    position: relative;
    left: 0px;
}

.national-partner-logo {
    width: 219px;
    height: 60px;
    transition: all 0.5s ease;
    margin-bottom: 5px;
}

.american-breast-cancer-logo {
    width: 142px;
    height: 107px;
}

.bcrf-logo {
    width: 172px;
    height: 78px;
    margin-bottom: 25px;
}

.local-partner {
    width: 30%;
    height: 218px;
    margin: 0px auto 20px auto;
}

.local-partner-logo {
    width: 145px;
    height: 61px;
    transition: all 0.5s ease;
}

.nsu-logo {
    width: 160px;
    height: 94px;
}

.cure-logo {
    margin-top: 17px;
    margin-bottom: 15px;
}

.jamie-hope-logo {
    width: 185px;
    height: 50px;
    margin-top: 25px;
    margin-bottom: 17px;
}

.local-partner .jamie-hope-city {
    margin-top: 17px;
}

.lemons-of-love-logo {
    width: 115px;
    height: 95px;
}

.moffitt-logo {
    width: 161px;
    height: 40px;
    margin-top: 35px;
    margin-bottom: 20px;
}

.pheonix-children-logo {
    width: 166px;
    height: 53px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.susan-komen-logo {
    width: 160px;
    height: 120px;
    margin-top: 20px;
}

.wipe-out-kids-cancer-logo {
    width: 160px;
    height: 120px;
    margin-top: 20px;
}

.zero-logo {
    width: 160px;
    height: 120px;
    margin-top: 20px;
}

.local-partner .zero-text {
    margin-top: 0px;
}

@media all and (max-width: 1600px) {
    .charity-partners-section-v2 {
        gap: 8px;
    }
}

@media all and (max-width: 1116px) {
    .drive-pink-charity-partners-section {
        padding: 40px;
    }    

    .partners-section-map-v2 {
        flex-flow: column-reverse;
        gap: 32px;
    }

    .charity-img-section img {
        max-height: 500px;
        max-width: 480px;
    }

    .charity-partners-section-v2 {
        gap: 40px;
        justify-content: center;
        padding: 0px 40px 40px 40px;
    }

    .charity-link {
        max-width: 150px;
    }
}

@media all and (max-width:825px) {
    .charity-partners-section-v2 {
        gap: 10px;
        padding: 0px 20px 20px 20px;
    }    
}

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

    .drive-pink-drive-out-cancer-title {
        font-size: 20px;
    }

    .drive-pink-care-text {
        font-size: 14px;
    }

    .charity-partners-section-v2 {
        padding: 0px;
    }

    .partners-section-map-v2 {
        margin-top: 24px;
        gap: 24px;
    }

    .charity-img-section img {
        max-height: 300px;
    }
}
/* End of Donation Styles */

/* Start of Carousel Styles */
.carousel-section {
    padding: 56px 80px;
    display: inline-flex;
    flex-flow: row;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.carousel-copy-container {
    height: 100%;
    width: 100%;
    background-color: transparent;
}

.carousel-section .carousel-section-text {
    font-size: 20px;
    color: #555;
    text-align: left;
}

.carousel-section .carousel-container {
    max-width: 710px;
}

.carousel-section .slick-slide {  
    padding: 40px;  
    display: flex;
    flex-flow: column;
    align-items: start;
    justify-content: space-between;
    height: 500px;
    background-color: #F7F8F9;
}

.carousel-section .slick-slide .carousel-copy-text {
    text-align: left;
    font-family: 'Autonation Light';;
    color: #555;
}

.carousel-section .slick-slide .carousel-copy-text {
    font-size: 20px;
}

.carousel-section .slick-slide .carousel-copy-text.smaller {
    font-size: 16px;
} 

.carousel-section .carousel-copy-icon-container {
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: start;
    gap: 4px;
}

.carousel-section .carousel-copy-name {
    margin: 0px;
    color: #000;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;   
    text-align: left; 
}

.carousel-section .carousel-copy-job {
    margin: 0px;
    color: #555;
    font-family: 'Autonation Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: 0.245px;  
    text-align: left;  
}

.carousel-section .carousel-copy-icon {
    max-width: 40px;
    height: 40px;
}

.carousel .slick-dots {
    width: 82%;
}

.carousel-section .carousel.arrow ~ .swiper-arrow.swiper-button-prev,
.carousel.arrow ~ .swiper-arrow.swiper-button-next {
    bottom: -50px;
}

.carousel-section .carousel {
    margin: 0px auto;
}

@media all and (max-width: 1116px) {
    .carousel-section {
        padding: 40px;
        padding-bottom: 60px;
        align-items: start;
        flex-flow: column;
    }

    .carousel-section .carousel-container {
        max-width: 944px;
    }

    .carousel-section .slick-slide .carousel-copy-text.smaller {
        font-size: 20px;
    } 

    .carousel .slick-dots {
        width: 88%;
    }

    .carousel-section .carousel.arrow ~ .swiper-arrow.swiper-button-prev, 
    .carousel.arrow ~ .swiper-arrow.swiper-button-next {
        bottom: -45px;
    }
}

@media all and (max-width: 825px) {
    .carousel-section {
        gap: 24px;
    }

    .carousel-section .carousel-section-title {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .carousel-section .carousel-container {
        max-width: 680px;
    } 

    .carousel-section .slick-slide .carousel-copy-text.smaller {
        font-size: 16px;
    }

    .carousel-section .carousel .slick-dots {
        width: 80%;
        bottom: -30px;
    }

    .carousel-section .carousel.arrow ~ .swiper-arrow.swiper-button-prev, 
    .carousel.arrow ~ .swiper-arrow.swiper-button-next {
        bottom: -45px;
    }

    .carousel-section .carousel.arrow ~ .swiper-arrow.swiper-button-prev {
        right: 75px;        
    }

    .carousel.arrow ~ .swiper-arrow.swiper-button-next {
        right: 20px;
    }
}

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

    .carousel-section .slick-slide {
        padding: 24px;
    }

    .carousel-section .carousel-section-title {
        font-size: 20px;
        text-align: left;
        margin-bottom: 5px;
    }

    .carousel-section .carousel-container {
        max-width: 100%;
    }

    .carousel-section .slick-slide {
        height: 360px;
    }

    .carousel-section .slick-slide .carousel-copy-text,
    .carousel-section .slick-slide .carousel-copy-text.smaller {
        font-size: 14px;
    }
}
/* End of Carousel Styles */