body {
    margin: 0px;
}

p {
    margin: 0px;
}

.hide {
    display: none;
}

.ae-bubble-launcher.ae-pos-bottom.ae-pos-right {
    bottom: 150px;
}

.hytPlayerWrapOuter {
    height: 520px;
    width: 100%;
}

.hytPlayerWrap {
    display: block;
    position: relative;
    margin: 30px auto 0px auto;
    width: 100%;
    height: 100%;
}

.hytPlayerWrap.ended::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background-color: var(--text-heading);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 64px 64px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}

.hytPlayerWrap.paused::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0px;
    right: 0;
    cursor: pointer;
    background-color: var(--text-heading);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}

.hytPlayerWrap iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.youtube-thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    max-width: 1410px;    
    height: 666px;
    overflow: hidden;
    border-radius: 10px;
    margin: 30px;
    transform: translateZ(0);
    background-color: #0A3453;
}

.video-container .drive-pink-video-overlay {
    background: var(--text-heading);
    opacity: 0.3;
    position: absolute;
    z-index: 1;
    text-align: center;
    margin: 0%;
    min-width: 100%;
    min-height: 100%;
    top: 0;
}

.video-container video {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-container-content {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.video-container-content-text {
    display: block;
    margin: 30px auto;
    text-align: center;
    font: normal normal bold 2.5rem/3rem Arial;
    letter-spacing: 0px;
    color: var(--white);
    max-width: 550px;
}

.video-control {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 3;
    background-color: var(--white);
    width: 45px;
    height: 45px;
    border-radius: 10px;
    cursor: pointer;
    border: none;      
    color: var(--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);
}

.video-section {
    padding: 50px 19% 0px 19%;
}

.placeholder-container {
    position: relative;
}

.placeholder-container:hover .play-button {
    fill: #f32d1d;
}

.placeholder-container .background-color {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 25px;
    width: 25px;
    border-style: solid;
    border-width: 12px 0px 12px 25px;
    border-color: transparent transparent transparent white;
}

.play-button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-button {
    fill: var(--text-heading)CC;
}

.video-container {
    position: relative;
    overflow: hidden;
    margin: 30px auto 0px auto;
    padding-top: 56.25%;
}

.video-container-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


.autonation-racing-section {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/driving-cancer-background.png);
    background-color: var(--white);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 30px 0px 50px 0px;
}

.autonation-pink-stadium-section {
    background: #F3F8FC 0% 0% no-repeat padding-box;
    padding: 50px 0px;
    text-align: center;
}

.autonation-new-support-container {
    padding: 50px 0px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.drive-pink-section-text {
    display: block;
    margin: 0px auto;
    margin-top: 30px;
    text-align: center;
    font: normal normal normal 16px/24px Arial;
    letter-spacing: 0px;
    color: var(--text-copy);
    max-width: 785px;
}

.racing-section-image-container {
    display: flex;
    justify-content: center;
    gap: 80px;
    align-items: center;
    width: 60%;
    margin: 0px auto;
    margin-top: 50px;
}

.racing-section-image-container img {
    width: 150px;
    height: 230px;
    margin-bottom: 10px;
}

.racing-section-image-container img.helio {
    width: 100%;
    max-width: 150px;
    height: 250px;
    margin-top: -20px !important;
}

.racing-section-image-container .img-container img {
    display: block;
    margin: 0px auto 10px auto;
}

.racing-section-image-container .column-info-section img {
    display: block;
    margin: 0px auto 10px auto;
}

.autonation-racing-section  .autonation-racing-logo {
    width: 100%;
    max-width: 210px;
    height: auto;
    display: block;
    margin: 0px auto 40px auto;
}

.autonation-racing-section .drive-pink-section-text {
    max-width: 760px;
}

.racing-section-image-container .img-title {
    text-align: center;
    font: normal normal bold 16px/32px Arial;
    letter-spacing: 0.16px;
    color: #0A3453;
    text-transform: uppercase;    
}

.racing-section-image-container .img-subtitle {
    text-align: center;
    font: normal normal normal 12px/20px Arial;
    letter-spacing: 0px;
    color: var(--text-copy);    
}

.img-subtitle sup {
    font-size: 0.6em;
    top: -0.5em;
}

.img-subtitle br {
    display: none;
}

.drive-pink-section-text sup {
    font-size: 0.7em;
    top: -0.5em;
}

.drive-pink-stadium {
    display: block;
    margin: 0px auto;
    margin-top: 30px;
    width: 100%;
    max-width: 1170px;
    max-height: 600px;
}

.pink-text {
    color: var(--pink-600);
}

.drive-pink-drive-out-cancer-title.white-text,
.drive-pink-care-text.white-text {
    color: var(--white);
}

.drive-pink-drive-out-cancer-title.white-text {
    max-width: none;
}

.pink-line {
    border: none;
    border-bottom: 2px solid #EF73AB;
    width: 40px;
    height: 0px;
    display: block;
    margin: 0px auto;
}

.support-cta-section {
    text-align: center;
}

.secondary-button-support {
    width: 100%;
    max-width: 300px;
    height: 50px;
    display: block;
    margin: auto;
    background: var(--white);
    box-shadow: 0px 5px 10px var(--text-copy)26;
    border: 2px solid var(--pink-600);
    border-radius: 30px;
    text-align: center;
    font: Bold 16px/18px Arial;
    letter-spacing: 0px;
    color: var(--pink-600);
    text-transform: uppercase;
    margin-top: 30px;
}

.drive-pink-donate-bar {
    background-color: transparent;
    /* position: -webkit-sticky;
    position: sticky; */
    position: fixed;
    max-width: 105px;
    height: 105px;
    margin: 0px auto;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1000;
    border-bottom: none;
    bottom: 35px;
    right: 35px;
    opacity: 0;
    transition: all 1s;
}

.donate-bar-img {
    width: 104px;
    height: 55px;
    float: left;
   object-fit:cover;
   object-position:50% 50%;
}

.donate-bar-button.primary-button {
    width: 100%;
    height: 30px;
    text-align: center;
    font: Bold 10px/11px Arial;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    opacity: 1;
    vertical-align: top;
    margin-top: 7px;
    float: right;
}

.drive-pink-banner {
    padding-top: 0px;
    position: relative;
}

.drive-pink-hero-img {
    width: 95%;
    height: 500px;
    margin: 30px auto 0px auto;
    display: block;
    content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-banner-v4);
}

.banner-button {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-button.primary-button {
    border: 2px solid var(--white);
}

.drive-pink-care-title,
.drive-pink-drive-out-cancer-title,
.drive-pink-donation-title {
    text-align: center;
    font: Bold 28px/32px Arial;
    letter-spacing: 0px;
    color: #0A3453;
    opacity: 1;
}

.drive-pink-drive-out-cancer-text,
.drive-pink-donation-text {
    text-align: center;
    font: normal 16px/24px Arial;
    letter-spacing: -0.32px;
    color: #69768C;
    opacity: 1;
}

.drive-pink-care-text {
    color: var(--text-copy);
}

.drive-pink-drive-out-cancer-text {
    color: var(--text-copy);
}

.drive-pink-drive-out-cancer-text.secondary-text {
    font: normal normal bold 16px/32px Arial;
    letter-spacing: 0px;
    color: #69768C;
    margin: 0px auto 0px auto;
    text-transform: uppercase;
}

.drive-pink-care {
    padding: 50px 0px 0px;
}

.drive-pink-care .primary-button {
    margin-bottom: 50px;
    margin-top: 30px;
}

.drive-pink-care-title {
    margin-bottom: 22px;
    margin-top: 0px;
}

.drive-pink-care-text {
    margin-top: 30px;
    margin-bottom: 0px;
    text-align: center;
    margin-left: 300px;
    margin-right: 300px;
}

.img-container:first-child {
    margin-top: -15px;
}
.racing-section-image-container .column-info-section:first-child {
    margin-top: -15px;
}
.img-container:first-child img {
    width: 150px;
    height: 250px;
}
.racing-section-image-container .column-info-section:first-child img {
    width: 150px;
    height: 250px;
}

/* .racing-section-image-container .column-info-section:first-child {
    margin-top: -15px;
} */

/* .racing-section-image-container .column-info-section:first-child img {
    margin-top: -15px;
} */

.drive-pink-img-container {
    text-align: center;
}

.drive-pink-center-img {
    margin: 0px 30px;
}

.drive-pink-img-container img {
    display: inline-block;
    width: 75%;
    height: auto;
    border-radius: 10px;
}

.drive-pink-drive-out-cancer {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    background: #F3F8FC 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: 40px;
}

.drive-pink-drive-out-cancer-title {
    margin-bottom: 20px;
    margin-top: 0px
}

.drive-pink-drive-out-cancer-text {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    max-width: 889px;
}

.drive-pink-drive-out-cancer-thanks-container {
    overflow: hidden;
    padding: 107px 60px;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/donation-counter-background-v2);
    background-size: contain;
    background-repeat: round;
    max-width: 1170px;
    width: 80%;
    margin: 0px auto 50px auto;
    border-radius: 10px;
}

.donation-thanks {
    float: left;
    margin-top: 15px;
}

.donation-thanks svg {
    width: 100%;
    height: 100%;
}

.donation-ticker {
    float: right;
}

.donation-text-top,
.donation-text-bottom {
    display: block;
    margin: 0px auto;
}

.donation-ticker-number-container {
    padding: 0px 30px;
    transform: skew(-10deg);
    background: var(--pink-600);
    width: 420px;
    box-sizing: border-box;
    margin: 10px auto;
    display: block;
}

.donation-ticker-number-container .counter {
    transform: skew(20deg);
    font: Bold Italic 64px/94px Arial;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    opacity: 1;
    display: inline-block;
}

.drive-pink-donation-title {
    margin-bottom: 20px;
    margin-top: 0px;
}

.drive-pink-donation-text {
    margin-bottom: 55px;
    margin-top: 30px;
}

.drive-pink-free-pink-plate {
    max-width: 1170px;
    width: 100%;
    margin: 50px auto;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/free-pink-plate-background-v3);
    background-size: 100% 100%;
    background-repeat: round;
    padding: 108px 0px;
}

.drive-pink-free-pink-plate-title {
    margin-bottom: 20px;
}

.drive-pink-free-pink-plate-text {
    margin-bottom: 30px;
}

.drive-pink-support-text {
    margin-bottom: 30px;
}

.support-svg {
    max-width: 270px;
    margin: 0px auto;
}

.support-svg svg {
    width: 100%;
    height: 100%
}

.support-section-text {
    font: normal normal bold 36px/62px;
    font-family: 'Autonation Bold';
}

.local-partner-header,
.national-partner-header {
    display: block;
    margin: auto;
    text-align: center;
}

.drive-pink-line {
    width: 30%;
    display: inline-block;
    border: 1px solid #EAEAEA;
    opacity: 1;
    vertical-align: middle;
}

.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;
}

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

.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-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;
}

.local-partner p {
    text-align: center;
    font: Bold 14px/16px Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
    margin: 17px 0px 10px 0px;
}


.local-partner-container {
    display: flex;
    flex-flow: row wrap;
    padding: 30px 25%;
}

.secondary-button {
    width: 160px;
    height: 40px;
    display: block;
    margin: auto;
    background: var(--white) 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 5px 10px var(--text-copy)26;*/
    /*border: 1px solid var(--pink-600);*/
    border: none;
    border-radius: 20px;
    opacity: 1;
    text-align: center;
    font: Bold 14px/16px Arial;
    letter-spacing: 0px;
    color: var(--pink-600);
    text-transform: none;
    margin-top: 15px;
}

.secondary-button:hover {
    /*background: transparent linear-gradient(90deg, rgba(230, 20, 100, 1) 0%, rgba(238, 116, 170, 1) 100%) 0% 0% no-repeat padding-box;*/
    border: none;
    /*color: var(--white);*/
    visibility: visible;
    opacity: 1;
    text-decoration: underline;
}

.hover-effect:hover .national-partner-logo,
.hover-effect:hover .local-partner-logo {
    filter: grayscale(0%);
    opacity: 1;
}

.drive-pink-donation-partner-text {
    display: inline-block;
    text-align: center;
    font: Bold 18px/32px Arial;
    letter-spacing: 0px;
    color: var(--pink-600);
    opacity: 1;
    margin: 0px 70px;
    vertical-align: middle;
}

.drive-pink-free-pink-plate-title {
    max-width: 700px;
    margin: 0px auto 15px auto;
    text-align: center;
    font: Bold 28px/32px Arial;
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
}

.drive-pink-free-pink-plate-text {
    text-align: center;
    font: normal 16px/24px Arial;
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
}

.drive-pink-support-container {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-support-background);
    background-size: contain;
    background-repeat: round;
    text-align: center;
    padding-top: 50px;
}

.woman-pink-shirt,
.man-blue-shirt {
    height: 550px;
    display: inline-block;
    vertical-align: bottom;
}

.man-woman-375 {
    display: none;
}

.drive-pink-support-cta-container {
    display: inline-block;
    margin: 0px 50px 130px 50px;
}

.drive-pink-support-logo {
    margin-bottom: 38px;
}

.drive-pink-support-text {
    text-align: center;
    font: Bold 16px/24px Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
}

.drive-pink-disclaimer-section {
    padding: 18px 18px 16px 18px;
    background-color: var(--text-heading);
}
/*
.autonation-logo {
    width: 75px;
    height: 15px;
}
*/
.drive-pink-disclaimer {
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    color: var(--text-placeholder);
    font: normal 10px/11px arial;
}

.drive-pink-disclaimer a {
    font: Bold 10px/11px Arial;
    color: #EE89B3;
    text-decoration: none;
}

.drive-pink-disclaimer a:hover {
    text-decoration: underline;
}

.primary-button {
    width: 300px;
    height: 50px;
    display: block;
    margin: auto;
    background: transparent linear-gradient(90deg, #AD104C 0%, var(--pink-600) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px var(--text-copy)26;
    border-radius: 8px;
    border: none;
    text-align: center;
    font: Bold 16px/18px Arial;
    letter-spacing: 0px;
    color: var(--white);
    text-transform: uppercase;
    opacity: 1;
}

.primary-button.support-container-button {
    width: 200px;
}

.only-mobile {
    display: none;
}

/* NEW COUNTER CSS */
.drive-pink-counter-container {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-counter-new-background.png);
    background-repeat: no-repeat;
    width: 93%;
    max-width: 1170px;
    height: 400px;
    margin: 0px auto;
    background-size: cover;
    border-radius: 10px;
    position: relative;
    padding-top: 20px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.counter-container-text {
    font: normal 3.25rem/3.875rem;
    font-family: 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--white);
    text-transform: uppercase;
    margin: 0px;
    text-align: left;
}

.counter-container-text.title-text {
    font: normal 5.75rem/3.5rem;
    font-family: 'Autonation Regular';
}

.counter-container-text.lower-text {
    font: normal 2.75rem/3.5rem;
    font-family: 'Autonation Regular';
}

.drive-pink-counter-container .large-text {
    font: italic normal bold 9.25rem/8.25rem arial;
    color: #EF73AB;
    vertical-align: middle;
}

.large-text-dollar-sign {
    font: italic normal bold 4.25rem/4.25rem arial;
    color: #EF73AB;
}

.counter-container-text.dark-pink-text {
    color: #EF73AB;
    font-style: italic;
    line-height: 3.25rem;
}

.counter-container-money-text-container .counter-container-right-text {
    display: inline-block;
    vertical-align: middle;
}

.counter-container-money-text-container {
    background: transparent linear-gradient(265deg, var(--text-heading)00 38%, var(--text-heading) 100%) 0% 0% no-repeat padding-box;
}

.counter-container-small-text {
    font: italic 1.25rem/1.5rem;
    font-family: 'Autonation Regular';
    color: var(--white);
    text-align: center;
    margin: 5px auto;
}

.donation-ticker-number-container {
    text-align: center;
    border: 1px solid var(--white);
    padding: 10px;
    background-color: var(--pink-600);
    transform: skew(-5deg);
}

.counterNew {
    font: normal 3.5rem/4.5rem 'Autonation Regular';
    color: var(--white);
    display: inline-block;
    margin: 0px;
}

.drive-pink-ticker-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
}

.m-l-1 {
    margin-left: 3%;
    margin-right: -1%;
}

.m-l-2 {
    margin-left: 3%;
}

.drvPinkLogoWhite {
    width: 120px;
    height: 60px;
    position: absolute;
    bottom: 30px;
    left: 45px;
}
/* END OF NEW COUNTER CSS */

/* Carousel Css */
.testimonial-swiper {
    height: 270px;
    margin: 0px auto;
    overflow: hidden;
}

.autonation-testimonial-section {
    padding-bottom: 50px; 
    padding-top: 50px; 
}

.testimonials {
    display: block;
    margin: 0px auto;
    max-width: 1190px;
    position: relative;
    padding-top: 30px;
}

.testimonials .swiper-slide {
    box-sizing: border-box;
    position: relative;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/slide-background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 20px;
    height: 235px;
    box-shadow: 0px 3px 15px var(--text-heading)29;
}

.testimonials .testimonial-icon {
    width: 60px;
    height: 60px;
}

.testimonials .testimonial-header {
    display: flex;
    flex-flow: row;
    gap: 10px;
    margin-bottom: 10px;
}

.testimonials .testimonial-header p {
    margin: 0px;
}

.testimonials .testimonial-header .testimonial-name {
    text-align: left;
    font: normal normal bold 1rem/1.25rem Arial;
    letter-spacing: 0px;
    color: #003354;
    margin: 10px 0px 5px 0px;
}

.testimonials .testimonial-header .testimonial-title {
    text-align: left;
    font: normal normal bold 0.75rem/1.188rem Arial;
    letter-spacing: 0px;
    color: var(--text-copy);    
}

.testimonials .testimonial-header .testimonial-city {
    text-align: left;
    font: normal normal normal 0.75rem/1rem Arial;
    letter-spacing: 0px;
    color: var(--text-copy);    
}

.testimonials .testimonial-text p {
    margin: 5px 0px 0px 0px;
    font: normal normal normal 0.875rem/1.25rem Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
}

.testimonials .swiper-pagination {
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.testimonials .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 2px solid var(--white);
    border-color: #0A3453;
    background-color: transparent;
    opacity: 1;
    margin: 0px 5px;
    box-sizing: border-box;
}

.testimonials .swiper-pagination-bullet-active {
    background-color: #0A3453;
}

.testimonials .swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background-color: var(--white);
    font: bold 0.875rem/1rem arial;
    color: #0A3453;
    cursor: pointer;
}

.testimonials .swiper-arrow:hover {
    background-color: #0A3453;
}

.testimonials .swiper-arrow:hover .a {
    fill: var(--white);
}

.testimonials .swiper-button-prev::after,
.testimonials .swiper-button-next::after {
    display: none;
}

.testimonials .swiper-button-prev {
    left: -7%;
}

.testimonials .swiper-button-next {
    right: -7%;
}

.quote {
    color: var(--white);
    font-size: 60px;
    position: absolute;
    top: 15px;
    right: 15px;
}
/* End of Carousel Css */

/* Charity Partner CSS */
.drive-pink-charity-partners-section {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-partner-section-background.png);
    padding: 55px 0px 70px 0px;
}

.partners-section-map-v2 {
    width: 100%;
    max-width: 1190px;
    margin: 30px auto 0px auto;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    border-radius: 18px;            
    background-color: var(--bg-light-theme-tertiary);
}

.charity-partners-section-v2 {
    display: flex;            
    flex-flow: row wrap;
    gap: 10px;
}

.drive-pink-charity-logo,
.drive-pink-charity-map {
    text-align: center;
}

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

.partners-section-map-container img {
    max-width: 700px;
}

.partners-container-logo-container .partner-dropdown {
    appearance: none;
    max-width: 290px;
    height: 40px;
    display: block;
    margin: 0px auto 20px auto;
    background: transparent linear-gradient(180deg, var(--white) 0%, #F3F3F3 100%) 0% 0% no-repeat padding-box;
    background-color: var(--white);
    border: 1px solid #D9D9D9;
    border-radius: 5px;    
    padding: 7px 15px;
    text-align: left;
    font: normal normal normal 1rem/1.5rem Arial;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/dropdown.svg);
    background-position: 95% 50%;
    box-sizing: border-box;
}

.partners-container-logo-container option {
    font: normal normal normal 1rem/1.5rem Arial;
    height: 40px;
}

.charity-link {
    width: 144px;
    height: 165px;
    background-color: var(--white);
    text-decoration: none;            
    padding: 10px;          
    border-radius: 10px;  
}

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

.partner-logo {
    display: block;
    position: relative;
    margin: 0px auto 0px auto;
    /*width: 220px;
    height: 150px; */
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/partner-logo-background.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%, 50%;
    background-color: var(--white);
    margin-bottom: 10px;
}

.partner-logo-text-container {
    position: relative;
    text-decoration: none;            
}

.charity-link:hover .partner-logo-title {
    text-decoration: underline;
}

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

.charity-link:hover {
    color: var(--pink-600);
}

.partner-logo-title {
    text-align: center;
    font: normal normal bold 0.8rem/1rem Arial;
    letter-spacing: 0px;
    color: var(--pink-600);
}

.partner-logo-state {
    text-align: center;
    font: normal normal normal 0.875rem/1.5rem Arial;
    letter-spacing: 0px;
    color: #0A3453;
}

.partners-container {
    position: relative;
    width: auto;
    background: var(--bg-light-theme-tertiary) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px var(--text-copy)26;
    border-radius: 10px;    
    padding: 40px 0px 20px 0px;
    box-sizing: border-box;
}

.partner-checkbox {
    display: none;
}

.customCheck {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: var(--white) 0% 0% no-repeat padding-box;
    border: 2px solid #0A3453;
    border-radius: 3px;
    vertical-align: middle;   
    box-sizing: border-box; 
}

.partner-checkbox:checked + label {
    width: 20px;
    height: 20px;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/check.svg);
    background-size: cover;
    border: none;
}

.checkbox-group {
    margin-bottom: 20px;
}

.partner-checkbox-label {
    text-align: left;
    font: normal normal bold 0.875rem/1rem Arial;
    letter-spacing: 0px;
    color: var(--text-heading);    
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 8px;
    text-transform: none;
}

.partner-checkbox-label:last-child {
    margin-right: 0px;
}

.partner-checkbox:checked {
    background-color: #0A3453;
}

.partners-container-button-container {
    width: 100%;
    background: var(--white);
    padding: 20px 0px;
    position: absolute;
    bottom: 0px;
    border-radius: 0px 0px 10px 10px;
}

.primary-button:disabled {
    background: var(--text-placeholder)
}

.partner-logo.american-cancer-society{
    background-image: url("https://www.autonation.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://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-logos/cancer-league-denver-logo.png");
}

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

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

.partner-logo.dolphins {
    background-image: url("https://www.autonation.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://www.autonation.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://www.autonation.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")
}
/* End of Charity partner CSS */

.hide-until-focused {
    opacity: 0;
    height: 0px;
    display: block;
}

a.hide-until-focused:focus {
    opacity: 1;
    color: var(--pink-600);
    text-decoration: underline;
}

@media all and (max-width: 1356px) {
    .testimonials {
        width: 76%;
    }

    .testimonials .swiper-slide {
        height: 250px;
    }
}

@media all and (max-width: 1281px) {
    .drive-pink-hero-img {
        height: 500px;
    }

    .banner-button {
        bottom: 20px;
    }

    .donation-thanks {
        width: 375px;
    }

    .national-partner-logo,
    .local-partner-logo {
        filter: grayscale(0%);
        opacity: 1;
    }

    .hover-effect .secondary-button {
        visibility: visible;
        opacity: 1;
    }

    .local-partner {
        width: 30%;
    }

    .pheonix-children-logo {
        margin-bottom: 0px;
    }
}

@media all and (max-width: 1205px) {
    .autonation-pink-stadium-section {
        padding: 50px 35px;
    }

   .pheonix-children-logo {
        margin-bottom: 13px;
    }

    .autonation-pink-stadium-section {
        padding: 50px 35px;
    }

    .autonation-new-support-container {
        padding: 50px 35px;
    }

    .hytPlayerWrapOuter {
        height: 352px;
        width: 88%;
        margin: 0px auto;
    }

    .support-img {
        max-width: 300px;
    }

    .support-cta-section img {
        width: 100%;
        max-width: 175px;
    }

    .drive-pink-section-text {
        max-width: 790px;
    }

    .testimonials {
        width: 76%;
    }

    .testimonials .swiper-arrow {
        display: none;
    }  
}

@media all and (max-width: 1205px) {
    .drive-pink-hero-img {
        width: 93%;
        height: 500px;
        margin: 30px auto 0px auto;
        display: block;        
        border-radius: 10px;
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-banner-v4-1024);
    }

    .racing-section-image-container {
        width: 90%;
    }

    .banner-button {
        bottom: 0px;
    }

    .video-section {
        padding: 50px 15% 0px 15%;
    }

    .drive-pink-care-text {
        margin-left: 100px;
        margin-right: 100px;
    }

    .drive-pink-drive-out-cancer-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 790px;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        padding: 80px 40px;
    }

    .local-partner {
        margin-bottom: 0px;
    }

    .local-partner .susan-komen-text,
    .local-partner .wipe-out-kids-text,
    .local-partner .zero-text {
        margin-top: 0px;
    }

    .pheonix-children-logo {
        margin-bottom: 12px;
    }

    .donation-thanks {
        width: 364px;
        height: 99px;
    }

    .donation-text-top {
        width: 300px;
    }

    .donation-text-bottom {
        width: 150px;
    }

    .donation-ticker-number-container .counter {
        font: Bold Italic 51px/84px Arial;
    }

    .donation-ticker-number-container {
        width: auto;
        padding: 0px 15px;
    }

    .local-partner {
        width: 30%;
    }

    .local-partner-container {
        padding-top: 50px;
        padding: 50px 16.22% 29px 16.22%;
    }

    .woman-pink-shirt, .man-blue-shirt {
        height: 450px;
    }

    .autonation-racing-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/driving-cancer-background);
    }

    .drive-pink-support-cta-container {
        margin-bottom: 80px;
    }
}

@media all and (max-width: 1170px) {
/* Charity Partner CSS */
    .partners-section-map-container img {
        max-height: 460px;
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-partner-map-1024-v2.png);
    }

    .partners-container {
        width: 32%;
    }
/* End of Charity partner CSS */
}

@media all and (max-width: 1115px) {
    .drive-pink-drive-out-cancer-thanks-container {
        width: 93%;
    }

    .drive-pink-free-pink-plate {
        width: 93%;
    }

    .support-svg {
        max-width: 175px;
        margin: 0px auto;
    }

    .support-section-text {
        font: normal normal bold 23px/36px;
        font-family: 'Autonation Bold';
    }

    .racing-section-image-container {
        width: 100%;
    }

    .testimonials .swiper-slide {
        height: 315px;
    }

    /* NEW COUNTER CSS */
    .drive-pink-counter-container {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-counter-new-background-1024.png);
        padding-top: 20px;
    }

    .drive-pink-counter-container {
        width: 93%;
        max-height: 326px;
    }

    .drvPinkLogoWhite {
        bottom: 18px;
        left: 40px;
    }    

    .counter-container-small-text {
        letter-spacing: 1px;
    }

    .donation-ticker-number-container {
        padding: 0px 25px;
    }

    .drive-pink-ticker-container {
        right: 4%;
    }
    /* END OF NEW COUNTER CSS*/
    .partners-section-map-v2 {
        flex-flow: column-reverse;
        box-sizing: border-box;
        padding: 15px;
        margin: 15px 0px 0px 0px;
    }

    .charity-partners-section-v2 {
        justify-content: center;
    }

    .charity-img-section-v2 {
        display: flex;
        flex-flow: row;
        gap: 30px;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;        
    }        
}

@media all and (max-width: 993px) {
    .hytPlayerWrapOuter {
        height: 360px;
    }

    .counter-container-text {
        font: normal 2.75rem/3rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.title-text {
        font: normal 2.1rem/3rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.lower-text {
        font: normal 2.1rem/3rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.dark-pink-text {
        line-height: 2.75rem;
    }

    .partners-section-map-v2 {
        flex-flow: column-reverse;
        box-sizing: border-box;
        padding: 15px;
    }

    .charity-partners-section-v2 {
        justify-content: center;
    }

    .charity-img-section-v2 {
        display: flex;
        flex-flow: row;
        gap: 30px;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;        
    }

    .drive-pink-charity-logo svg,
    .drive-pink-charity-map svg {
        width: 100%;
        height: 100%;
    }     
}

@media all and (max-width: 952px) {
    .video-container {
        height: 450px;
    }

    .drive-pink-video-logo {
        height: 60px;
    }

    .drive-pink-video-logo svg {
        width: 100%;
        height: 100%;
    }

    .video-container-content-text {
        font: normal normal bold 1.75rem/2rem Arial;
    }

    .drive-pink-support-container {
        padding-top: 30px;
    }

    .woman-pink-shirt, .man-blue-shirt {
        height: 350px;
    }

    .drive-pink-support-logo {
        width: 206px;
        height: 132px;
    }

    .drive-pink-support-cta-container {
        margin: 0px 20px;
        margin-bottom: 20px;
    }

    .drive-pink-support-text {
        width: 271px
    }

    .primary-button.support-container-button {
        width: 100%;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        padding: 50px 0px;
    }

    .donation-thanks,
    .donation-ticker {
        display: block;
        margin: 0px auto;
        float: none;
    }

    .donation-thanks {
        margin-bottom: 40px;
    }

    .donation-ticker-number-container {
        width: fit-content;
    }

    .donation-ticker-number-container .counter {
        line-height: 80px;
    }

    .donation-text-bottom {
        width: 154px;
        height: 20px;
    }
}

@media all and (max-width: 915px) {
/* Charity Partner CSS */
    .drive-pink-charity-partners-section {
        padding: 55px 0px 45px 0px;
    }

    .partners-section-map-container {
        flex-flow: row wrap;
    }
    .partners-section-map-container img {
        flex: 100%;
        max-width: 622px;
        max-height: 416px;
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-partner-map-768-v2.png);
    }

    .partners-container {
        width: auto;
        height: 460px;
    }
/* End of Charity partner CSS */
    /* NEW COUNTER CSS */
    .drive-pink-counter-container {
        padding-top: 10px;
        background-size: 100% 100%;
    }

    .drvPinkLogoWhite {
        display: none;
    }  

    .counter-container-text.dark-pink-text {
        line-height: 1.75rem;
    }

    .drive-pink-counter-container .large-text {
        font: italic normal bold 5.25rem/5.25rem;
        font-family: 'Autonation Regular';
    }

    .large-text-dollar-sign {
        font: italic normal bold 2.25rem/2.5rem;
        font-family: 'Autonation Regular';
    }
    
    .counter-container-text {
        font: normal 2rem/2.313rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.title-text {
        font: normal 2.1rem/2.25rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.lower-text {
        font: normal 1.5rem/2.25rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-small-text {
        font: italic 1rem/1.5rem;
        font-family: 'Autonation Regular';
        letter-spacing: 0px;
    }

    .counterNew {
        font: normal 2rem/3.5rem 'Autonation Regular';
    }    

    .drive-pink-ticker-container {
        right: auto;
        left: 7.2%;
        bottom: 14px;
        top: auto;
        transform: none;
    }
    /* END OF NEW COUNTER CSS */
}

@media all and (max-width: 825px) {
    .drive-pink-hero-img {
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-banner-v4-768);
    }

    .video-container-content {
        width: 55%;
    }

    .video-control {
        bottom: 20px;
        left: 20px;
    }

    .counter-container-text.title-text {
        padding-bottom: 5px;
    }

    .counter-container-text-container {
        top: 45px;
        position: relative;
    }

    .autonation-racing-section {
        padding: 30px 30px 50px 30px;
        /*background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/autonation-racing-background-768-v2.png);*/
    }

    .autonation-pink-stadium-section {
        padding: 50px 15px;
    }

    .drive-pink-hero-img {
        width: 96%;
        height: 400px;
        margin: 30px auto 0px auto;
    }

    .drive-pink-section-text {
        width: auto;
    }

    .drive-pink-care-text {
        margin-left: 85px;
        margin-right: 85px;
    }

    .drive-pink-center-img {
        margin: 0px 15px;
    }

    .autonation-pink-stadium-section .drive-pink-section-text {
        max-width: 610px;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        margin: 0px auto 50px auto;
    }

    .video-section {
        padding: 50px 9% 0px 9%;
    }

    .hytPlayerWrapOuter {
        width: 100%;
    }

    .racing-section-image-container {
        padding-top: 125px;
        position: relative
    }

    .racing-section-image-container .autonation-racing-logo {
        position: absolute;
        height: auto;
        width: auto;
        top: 30px;
    }

    .support-img {
        max-width: 230px;
    }

    .drive-pink-donate-bar {
        padding: 10px 15px;
        max-width: 130px;
    }

    .donate-bar-img {
        width: 100%;
        height: 55px;
    }

    .donate-bar-button.primary-button {
        margin-top: 10px;
    }

    .drive-pink-banner {
        padding-top: 0px;
    }

    .drive-pink-hero-img {
        height: 476px;
    }

    .banner-button {
        bottom: 0px;
    }

    .drive-pink-img-container img {
        width: 28%;
    }

    .drive-pink-drive-out-cancer-text {
        margin-left: 80px;
        margin-right: 80px;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        padding: 50px 0px;
        width: 100%;
        max-width: 738px;
    }

    .donation-thanks,
    .donation-ticker {
        display: block;
        margin: 0px auto;
        float: none;
    }

    .donation-thanks {
        margin-bottom: 40px;
    }

    .donation-text-top {
        width: 328px;
        height: 20px;
    }

    .donation-ticker-number-container {
        width: fit-content;
    }

    .donation-ticker-number-container .counter {
        line-height: 80px;
    }

    .donation-text-bottom {
        width: 154px;
        height: 20px;
    }

    .local-partner-container {
        padding: 50px 40px 30px 40px;
    }

    .drive-pink-free-pink-plate {
        padding: 110px 15px;
        max-width: 738px;
        width: 100%;
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/free-pink-plate-background-v2-768);
    }

    .drive-pink-support-container {
        padding-top: 30px;
    }

    .woman-pink-shirt, .man-blue-shirt {
        height: 350px;
    }

    .drive-pink-support-logo {
        width: 206px;
        height: 132px;
    }

    .drive-pink-support-cta-container {
        margin: 0px 20px;
        margin-bottom: 20px;
    }

    .drive-pink-support-text {
        width: 271px
    }

    .primary-button.support-container-button {
        width: 100%;
    }

    .autonation-new-support-container {
        position: relative;
        padding: 30px 15px 120px 15px;
    }

    .secondary-button-support {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }


  /* Carousel CSS */
     .testimonials {
        width: 86%;
    }    

    .testimonials .testimonial-header {
        flex-flow: row wrap;
    }

    .testimonials .testimonial-header-text {
        flex: 100%;
    }

    .testimonials .testimonial-header .testimonial-name {
        margin-top: 0px;
    }

    .testimonial-swiper {
        height: 320px;
    }
 /* End of Carousel CSS */
}

@media all and (max-width: 769px) {
    .drive-pink-hero-img {
        height: 450px;
    }

    .autonation-racing-section {
        padding: 30px 25px 50px 25px;
    }
}

@media all and (max-width: 696px) {
    .second-national-partner.bcrf-partner {
        left: 0px;
    }

    .national-partner {
        left: -15px;
    }

    .partner-logo {
        margin-bottom: 0px;
    }

    .counter-container-text-container {
        top: 15px;
        position: relative;
    }    
}

@media all and (max-width: 679px) {
/* Charity Partner CSS */
    .drive-pink-charity-partners-section {
        padding: 30px 20px 35px 20px;
    }

    .partners-section-map-container img {
        width: 80%;
    }
/* End of Charity partner CSS */
}

@media all and (max-width: 652px) {
    .drive-pink-line {
        width: 18%;
    }
}

@media all and (max-width: 641px) {
    .local-partner-container {
        padding: 50px 75px 30px 75px;
    }

    .second-national-partner {
        margin-bottom: 30px;
    }

    .national-partner-container {
        padding: 0px;
    }

    .drive-pink-hero-img {
        height: 358px;
    }

    .drive-pink-care-text {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .drive-pink-center-img {
        margin: 0px 10px;
    }

    .drive-pink-drive-out-cancer-title {
        text-align: center;
        font: Bold 22px/32px Arial;
        letter-spacing: 0px;
        color: #0A3453;
        opacity: 1;
    }

    .drive-pink-donation-partner-text {
        margin: 0px 30px;
    }

    .drive-pink-line {
        border: none;
        border-bottom: 1px solid #EAEAEA;
    }

    .drive-pink-care .primary-button {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .national-partner {
        left: -30px;
    }

    .local-partner {
        width: 50%;
        margin: 0px;
        margin-bottom: 15px;
    }

    .national-partner-logo,
    .local-partner-logo {
        filter: grayscale(0%);
        opacity: 1;
    }

    .second-national-partner.bcrf-partner {
        display: block;
        margin-left: 0px;
        margin-bottom: 30px;
        left: 0px;
    }

    .pheonix-children-logo {
        margin-bottom: 12px;
    }

    .hover-effect .secondary-button {
        visibility: visible;
        opacity: 1;
    }

    .drive-pink-free-pink-plate {
        padding: 80px 0px;
    }

    .drive-pink-free-pink-plate-title {
        text-align: center;
        font: Bold 22px/28px Arial;
        letter-spacing: 0px;
        color: var(--white);
        opacity: 1;
    }

    .drive-pink-support-container .primary-button {
        width: 200px;
        height: 40px;
        font: Bold 14px/16px Arial;
    }

    .woman-pink-shirt, .man-blue-shirt {
        height: 276px;
    }

    .drive-pink-support-logo {
        width: 175px;
        height: 110px;
        margin-bottom: 25px;
    }

    .drive-pink-support-text {
        line-height: 20px;
        width: auto;
        margin-bottom: 20px;
    }

    .drive-pink-support-cta-container {
        width: 220px;
        margin-bottom: 20px;
    }

    .primary-button.support-container-button {
        width: 200px;
        height: 40px;
        font: Bold 14px/16px Arial;
    }
}

@media all and (max-width: 577px) {
    .hytPlayerWrapOuter {
        height: 187px;
    }

    .video-container {
    
    }

    .video-section {
        padding: 30px 20px 0px 20px;
    }

    .autonation-new-support-container {
        position: relative;
        padding: 140px 20px 170px 20px;
        justify-content: space-evenly;
    }

    .national-partner,
    .second-national-partner.bcrf-partner {
        left: 0px;
    }

    .national-partner-logo, 
    .second-national-partner {
        display: block;
    }

    .autonation-racing-section {
        padding: 30px 20px;
        /*background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/autonation-racing-background-mobile-v2.png);*/
        background-color: var(--white);
        background-position: center;
        background-position: 35% 0px;
    }

    .racing-section-image-container {
        width: 100%;
        padding-top: 0px;
        flex-flow: row wrap;
    }

    .img-container:first-child {
        flex: 100%;
    }
    .racing-section-image-container .column-info-section:first-child { 
        flex: 100%;
    }
    .racing-section-image-container .img-title,
    .racing-section-image-container .img-subtitle {
        max-width: 140px;
        line-height: 24px;
        display: block;
        margin: 0px auto;
    }

    .support-img {
        width: 100%;
        max-width: 150px;
        flex: 50%;
    }

    .support-cta-section img {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .support-cta-section p {
        position: absolute;
        width: 100%;
        max-width: 260px;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
    }

    .support-cta-section .support-section-text {
        position: relative;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        width: 95%;
    }

    .autonation-testimonial-section {
        padding-bottom: 75px;
    }

    .drive-pink-free-pink-plate {
        margin: 50px auto;
        width: 95%;
    }

    .drive-pink-drive-out-cancer {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .support-cta-section button {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .second-national-partner {
        margin: 0px auto 30px auto;
    }

    .local-partner .susan-komen-text {
        margin-top: 30px;
    }

    .zero-logo {
         margin-top: 0px;
    }

    .drive-pink-donate-bar {
        width: 100%;
        max-width: none;
        right: 0px !important;
        bottom: 0px !important;
        background-color: var(--white);
        border-radius: 10px 10px 0px 0px;
        padding: 10px 10px 15px 20px;
        height: auto;
    }

    .donate-bar-img {
        width: 70px;
        height: 40px;
        display: inline-block;
    }

    .donate-bar-button.primary-button {
        width: 70%;
    }

    .secondary-button-support {
        max-width: 200px;
        height: 40px;
    }

    .support-section-text {
        font: normal normal bold 21px/36px;
        font-family: 'Autonation Bold';
    }

    .support-svg {
        max-width: 175px;
        margin: 0px auto;
        position: relative;
        top: -100px;
    }

    .support-logo-container {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
    }

    .img-subtitle br,
    .drive-pink-drive-out-cancer-title br {
        display: block;
    }

    /* NEW COUNTER CSS */
    .drive-pink-counter-container {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-counter-new-background-mobile.png);
        max-width: 335px;
        height: 335px;
        padding-top: 5px;
    }
    
    .counter-container-money-text-container {
        background: none;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: -26px;
    }

    .drive-pink-counter-container .large-text {
        font: italic normal bold 3.25rem/3.25rem arial;
    }
    
    .counter-container-text {
        font: normal 1.375rem/1.625rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.title-text {
        font: normal 1.1rem/2rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.lower-text {
        font: normal 1.1rem/2.25rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.dark-pink-text {
        line-height: 1.25rem;
        font-size: 1.5rem;
    }

    .large-text-dollar-sign {
        font: italic normal bold 1.5rem/2.5rem;
        font-family: 'Autonation Regular';
    }

    .drive-pink-ticker-container {
        position: relative;
        left: auto;
        padding: 0px 20px;
        margin-top: 35px;
    }

    .donation-ticker-number-container {
        padding: 5px 20px;
    }    
    /* END OF NEW COUNTER CSS */

  /* Carousel CSS */
    .testimonials {
        max-width: 285px;
    }

    .testimonials .swiper-slide {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/slide-background-mobile.png);
    }
  /* End of Carousel CSS */
}

@media all and (max-width: 542px) {
    .drive-pink-line {
        width: 18%;
    }

    .img-subtitle br {
        display: block;
    }

    .drive-pink-free-pink-plate {
        margin: 30px auto;
        max-width: 335px;
    }
}

@media all and (max-width: 461px) {
    .only-mobile {
        display: block;
    }
}

@media all and (max-width: 461px) {
    .drive-pink-hero-img {
        display: block;
        width: 90%;
        margin: 20px auto 0px auto;
        border-radius: 10px;
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-banner-v4-425);
    }

    .banner-button {
        width: 200px;
        height: 40px;
        font: Bold 14px/16px Arial;
        bottom: 20px;
    }

    .video-container {
        max-width: 335px;
        height: 335px;
    }

    .video-container-content {
        width: 90%;
    }

    .drive-pink-video-logo {
        height: 40px;
    }

    .video-container .primary-button {
        width: 200px;
        height: 40px;
        font: Bold 0.875/1rem Arial;
    }

    .video-control {
        bottom: 10px;
        left: 10px;
    }

    .drive-pink-drive-out-cancer-text.secondary-text {
        font: normal normal bold 16px/22px Arial;
        max-width: 280px;
    }

    .secondary-button-support {
        font: normal normal bold 14px/16px Arial;
    }

    .drive-pink-care {
        padding: 30px 0px 0px;
    }

    .autonation-pink-stadium-section {
        padding: 30px 25px;
    }

    .drive-pink-stadium {
        content: url('https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-stadium-mobile');
    }

    .drive-pink-img-container {
        display: flex;
        justify-content: center;
        flex-flow: row-reverse wrap-reverse;
    }

    .drive-pink-img-container .drive-pink-right-img {
        width: 85%;
        margin-top: 0px;
    }

    .drive-pink-img-container img {
        width: 40%;
        margin: 0px 7.5px;
        margin-top: 20px;
    }

    .drive-pink-center-img {
        margin-right: 0px;
    }

    .drive-pink-drive-out-cancer-text {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 30px;
    }

    .donation-thanks {
        width: 219px;
        height: 59px;
    }

    .donation-text-top {
        width: 270px;
    }

    .donation-ticker-number-container .counter {
        font-size: 45px;
        line-height: 60px;
    }

    .donation-text-bottom {
        width: 128px;
    }

    .drive-pink-care-title, 
    .drive-pink-donation-title {
        max-width: 400px;
        display: block;
        margin: 0px auto;
        font: Bold 22px/26px Arial;
        margin-bottom: 20px;
    }

    .drive-pink-drive-out-cancer-title {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .drive-pink-donation-title {
        margin: 0px auto 20px auto;
        max-width: 190px;
    }

    .drive-pink-donation-text {
        padding: 0px 22px;
        margin: 30px auto;
        font: normal normal normal 12px/18px Arial;
        max-width: 247px;
    }

    .national-partner-logo {
        width: 263px;
        height: 71px;
        margin-bottom: 5px;
    }

    .drive-pink-line {
        width: 18%;
    }

    .local-partner-container {
        padding: 50px 0px 0px 0px;
    }

    .national-partner-logo, .lemons-of-love-logo {
        margin-bottom: 5px;
    }

    .local-partner .secondary-button {
        width: 160px;
        height: 40px;
    }

    .drive-pink-free-pink-plate-title {
        font: Bold 18px/22px Arial;
        letter-spacing: 0px;
    }

    .drive-pink-free-pink-plate {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/free-pink-plate-background-v2-375);
        padding: 68px 30px;
        margin: 30px auto;
        max-width: none;
        width: 90%;
    }

    .drive-pink-free-pink-plate .primary-button,
    .drive-pink-support-container .primary-button, 
    .drive-pink-care .primary-button {
        width: 200px;
        height: 40px;
        font: Bold 14px/16px Arial;
    }

    .drive-pink-support-logo {
        margin-bottom: 20px;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        width: 90%;
        margin: 0px auto 20px auto;
    }

    .man-woman-375 {
        display: block;
        width: 200px;
        height: 224px;
        margin-left: 17px;
    }

    .man-blue-shirt,
    .woman-pink-shirt {
        display: none;
    }
}

@media all and (max-width: 339px) {
    .drive-pink-line {
        width: 10%;
    }
}

@media all and (max-width: 321px) {
    .pheonix-children-logo {
        margin-bottom: 2px;
    }
}

.ae-bubble-launcher.ae-pos-bottom.ae-pos-right {
    bottom: 150px;
}

.hytPlayerWrapOuter {
    height: 520px;
    width: 100%;
}

.hytPlayerWrap {
    display: block;
    position: relative;
    margin: 30px auto 0px auto;
    width: 100%;
    height: 100%;
}

.hytPlayerWrap.ended::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background-color: var(--text-heading);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 64px 64px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}

.hytPlayerWrap.paused::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0px;
    right: 0;
    cursor: pointer;
    background-color: var(--text-heading);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}

.hytPlayerWrap iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.youtube-thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
}

.video-section {
    padding: 50px 19% 0px 19%;
}

.placeholder-container {
    position: relative;
}

.placeholder-container:hover .play-button {
    fill: #f32d1d;
}

.placeholder-container .background-color {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 25px;
    width: 25px;
    border-style: solid;
    border-width: 12px 0px 12px 25px;
    border-color: transparent transparent transparent white;
}

.play-button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-button {
    fill: var(--text-heading)CC;
}

.video-container {
    position: relative;
    overflow: hidden;
    margin: 30px auto 0px auto;
    padding-top: 56.25%;
}

.video-container-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


.autonation-racing-section {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/driving-cancer-background.png);
    background-color: var(--white);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 30px 0px 50px 0px;
}

.autonation-pink-stadium-section {
    background: #F3F8FC 0% 0% no-repeat padding-box;
    padding: 50px 0px;
    text-align: center;
}

.autonation-new-support-container {
    padding: 50px 0px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.drive-pink-section-text {
    display: block;
    margin: 0px auto;
    margin-top: 30px;
    text-align: center;
    font: normal normal normal 16px/24px Arial;
    letter-spacing: 0px;
    color: var(--text-copy);
    max-width: 760px;
}
.racing-section-image-container {
    display: flex;
    justify-content: center;
    gap: 80px;
    align-items: center;
    width: 60%;
    margin: 0px auto;
    margin-top: 50px;
}

.racing-section-image-container img {
    width: 150px;
    height: 230px;
    margin-bottom: 10px;
}

.racing-section-image-container img.helio {
    width: 100%;
    max-width: 150px;
    height: 250px;
    margin-top: -20px !important;
}

.racing-section-image-container .img-container img {
    display: block;
    margin: 0px auto 10px auto;
}

.racing-section-image-container .column-info-section img {
    display: block;
    margin: 0px auto 10px auto;
}

.autonation-racing-section  .autonation-racing-logo {
    width: 100%;
    max-width: 210px;
    height: auto;
    display: block;
    margin: 0px auto 40px auto;
}

.autonation-racing-section .drive-pink-section-text {
    max-width: 760px;
}

.racing-section-image-container .img-title {
    text-align: center;
    font: normal normal bold 16px/32px Arial;
    letter-spacing: 0.16px;
    color: #0A3453;
    text-transform: uppercase;    
}

.racing-section-image-container .img-subtitle {
    text-align: center;
    font: normal normal normal 12px/20px Arial;
    letter-spacing: 0px;
    color: var(--text-copy);    
}

.img-subtitle sup {
    font-size: 0.8em;
    top: -0.5em;
}

.img-subtitle br {
    display: none;
}

.drive-pink-section-text sup {
    font-size: 0.7em;
    top: -0.5em;
}

.drive-pink-stadium {
    display: block;
    margin: 0px auto;
    margin-top: 30px;
    width: 100%;
    max-width: 1170px;
    max-height: 600px;
}

.pink-text {
    color: var(--pink-600);
}

.drive-pink-drive-out-cancer-title.white-text,
.drive-pink-care-text.white-text {
    color: var(--white);
}

.drive-pink-drive-out-cancer-title.white-text {
    max-width: none;
}

.pink-line {
    border: none;
    border-bottom: 2px solid #EF73AB;
    width: 40px;
    height: 0px;
    display: block;
    margin: 0px auto;
}

.support-cta-section {
    text-align: center;
}

.secondary-button-support {
    width: 100%;
    max-width: 300px;
    height: 50px;
    display: block;
    margin: auto;
    background: var(--white);
    box-shadow: 0px 5px 10px var(--text-copy)26;
    border: 2px solid var(--pink-600);
    border-radius: 30px;
    text-align: center;
    font: Bold 16px/18px Arial;
    letter-spacing: 0px;
    color: var(--pink-600);
    text-transform: uppercase;
    margin-top: 30px;
}

.drive-pink-donate-bar {
    background-color: transparent;
    /* position: -webkit-sticky;
    position: sticky; */
    position: fixed;
    max-width: 105px;
    height: 105px;
    margin: 0px auto;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1000;
    border-bottom: none;
    bottom: 35px;
    right: 35px;
    opacity: 0;
    transition: all 1s;
}

.donate-bar-img {
    width: 104px;
    height: 55px;
    float: left;
   object-fit:cover;
   object-position:50% 50%;
}

.donate-bar-button.primary-button {
    width: 100%;
    height: 30px;
    text-align: center;
    font: Bold 10px/11px Arial;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    opacity: 1;
    vertical-align: top;
    margin-top: 7px;
    float: right;
}

.drive-pink-banner {
    padding-top: 0px;
    position: relative;
}

.drive-pink-hero-img {
    width: 95%;
    height: 500px;
    margin: 30px auto 0px auto;
    display: block;
    content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-banner-v4);
}

.banner-button {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-button.primary-button {
    border: 2px solid var(--white);
}

.drive-pink-care-title,
.drive-pink-drive-out-cancer-title,
.drive-pink-donation-title {
    text-align: center;
    font: Bold 28px/32px Arial;
    letter-spacing: 0px;
    color: #0A3453;
    opacity: 1;
}

.drive-pink-drive-out-cancer-text,
.drive-pink-donation-text {
    text-align: center;
    font: normal 16px/24px Arial;
    letter-spacing: -0.32px;
    color: #69768C;
    opacity: 1;
}

.drive-pink-care-text {
    color: var(--text-copy);
}

.drive-pink-drive-out-cancer-text {
    color: var(--text-copy);
}

.drive-pink-drive-out-cancer-text.secondary-text {
    font: normal normal bold 16px/32px Arial;
    letter-spacing: 0px;
    color: #69768C;
    margin: 0px auto 0px auto;
    text-transform: uppercase;
}

.drive-pink-care {
    padding: 50px 0px 0px;
}

.drive-pink-care .primary-button {
    margin-bottom: 50px;
    margin-top: 30px;
}

.drive-pink-care-title {
    margin-bottom: 22px;
    margin-top: 0px;
}

.drive-pink-care-text {
    margin-top: 30px;
    margin-bottom: 0px;
    text-align: center;
    margin-left: 300px;
    margin-right: 300px;
}

.drive-pink-img-container {
    text-align: center;
}

.drive-pink-center-img {
    margin: 0px 30px;
}

.drive-pink-img-container img {
    display: inline-block;
    width: 25%;
    height: auto;
    border-radius: 10px;
}

.drive-pink-drive-out-cancer {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    background: #F3F8FC 0% 0% no-repeat padding-box;
    opacity: 1;
}

.drive-pink-drive-out-cancer-title {
    margin-bottom: 20px;
    margin-top: 0px
}

.drive-pink-drive-out-cancer-text {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    max-width: 889px;
}

.drive-pink-drive-out-cancer-thanks-container {
    overflow: hidden;
    padding: 107px 60px;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/donation-counter-background-v2);
    background-size: contain;
    background-repeat: round;
    max-width: 1170px;
    width: 80%;
    margin: 0px auto 50px auto;
    border-radius: 10px;
}

.donation-thanks {
    float: left;
    margin-top: 15px;
}

.donation-thanks svg {
    width: 100%;
    height: 100%;
}

.donation-ticker {
    float: right;
}

.donation-text-top,
.donation-text-bottom {
    display: block;
    margin: 0px auto;
}

.donation-ticker-number-container {
    padding: 0px 30px;
    transform: skew(-10deg);
    background: var(--pink-600);
    width: 420px;
    box-sizing: border-box;
    margin: 10px auto;
    display: block;
}

.donation-ticker-number-container .counter {
    transform: skew(20deg);
    font: Bold Italic 64px/94px Arial;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    opacity: 1;
    display: inline-block;
}

.drive-pink-donation-title {
    margin-bottom: 20px;
    margin-top: 0px;
}

.drive-pink-donation-text {
    margin-bottom: 55px;
    margin-top: 30px;
}

.drive-pink-free-pink-plate {
    max-width: 1170px;
    width: 100%;
    margin: 50px auto;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/free-pink-plate-background-v3);
    background-size: 100% 100%;
    background-repeat: round;
    padding: 108px 0px;
}

.drive-pink-free-pink-plate-title {
    margin-bottom: 20px;
}

.drive-pink-free-pink-plate-text {
    margin-bottom: 30px;
}

.drive-pink-support-text {
    margin-bottom: 30px;
}

.support-svg {
    max-width: 270px;
    margin: 0px auto;
}

.support-svg svg {
    width: 100%;
    height: 100%
}

.support-section-text {
    font: normal normal bold 36px/62px;
    font-family: 'Autonation Bold';
}

.local-partner-header,
.national-partner-header {
    display: block;
    margin: auto;
    text-align: center;
}

.drive-pink-line {
    width: 30%;
    display: inline-block;
    border: 1px solid #EAEAEA;
    opacity: 1;
    vertical-align: middle;
}

.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;
}

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

.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-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;
}

.local-partner p {
    text-align: center;
    font: Bold 14px/16px Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
    margin: 17px 0px 10px 0px;
}


.local-partner-container {
    display: flex;
    flex-flow: row wrap;
    padding: 30px 25%;
}

.secondary-button {
    width: 160px;
    height: 40px;
    display: block;
    margin: auto;
    background: var(--white) 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 5px 10px var(--text-copy)26;*/
    /*border: 1px solid var(--pink-600);*/
    border: none;
    border-radius: 20px;
    opacity: 1;
    text-align: center;
    font: Bold 14px/16px Arial;
    letter-spacing: 0px;
    color: var(--pink-600);
    text-transform: none;
    margin-top: 15px;
}

.secondary-button:hover {
    /*background: transparent linear-gradient(90deg, rgba(230, 20, 100, 1) 0%, rgba(238, 116, 170, 1) 100%) 0% 0% no-repeat padding-box;*/
    border: none;
    /*color: var(--white);*/
    visibility: visible;
    opacity: 1;
    text-decoration: underline;
}

.hover-effect:hover .national-partner-logo,
.hover-effect:hover .local-partner-logo {
    filter: grayscale(0%);
    opacity: 1;
}

.drive-pink-donation-partner-text {
    display: inline-block;
    text-align: center;
    font: Bold 18px/32px Arial;
    letter-spacing: 0px;
    color: var(--pink-600);
    opacity: 1;
    margin: 0px 70px;
    vertical-align: middle;
}

.drive-pink-free-pink-plate-title {
    max-width: 700px;
    margin: 0px auto 15px auto;
    text-align: center;
    font: Bold 28px/32px Arial;
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
}

.drive-pink-free-pink-plate-text {
    text-align: center;
    font: normal 16px/24px Arial;
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
}

.drive-pink-support-container {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-support-background);
    background-size: contain;
    background-repeat: round;
    text-align: center;
    padding-top: 50px;
}

.woman-pink-shirt,
.man-blue-shirt {
    height: 550px;
    display: inline-block;
    vertical-align: bottom;
}

.man-woman-375 {
    display: none;
}

.drive-pink-support-cta-container {
    display: inline-block;
    margin: 0px 50px 130px 50px;
}

.drive-pink-support-logo {
    margin-bottom: 38px;
}

.drive-pink-support-text {
    text-align: center;
    font: Bold 16px/24px Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
}

.drive-pink-disclaimer-section {
    padding: 18px 18px 16px 18px;
    background-color: var(--text-heading);
}

.autonation-logo {
    width: 75px;
    height: 15px;
}

.drive-pink-disclaimer {
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    color: var(--text-placeholder);
    font: normal 10px/11px arial;
}

.drive-pink-disclaimer a {
    font: Bold 10px/11px Arial;
    color: #EE89B3;
    text-decoration: none;
}

.drive-pink-disclaimer a:hover {
    text-decoration: underline;
}

.primary-button {
    width: 300px;
    height: 50px;
    display: block;
    margin: auto;
    background: transparent linear-gradient(90deg, #AD104C 0%, var(--pink-600) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px var(--text-copy)26;
    border-radius: 8px;
    border: none;
    text-align: center;
    font: Bold 16px/18px Arial;
    letter-spacing: 0px;
    color: var(--white);
    text-transform: uppercase;
    opacity: 1;
}

.primary-button.support-container-button {
    width: 200px;
}

.only-mobile {
    display: none;
}

/* NEW COUNTER CSS */
.drive-pink-counter-container {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-counter-new-background.png);
    background-repeat: no-repeat;
    width: 93%;
    max-width: 1170px;
    height: 400px;
    margin: 0px auto;
    background-size: cover;
    border-radius: 10px;
    position: relative;
    padding-top: 28px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.counter-container-text {
    font: normal 3.25rem/3.875rem;
    font-family: 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--white);
    text-transform: uppercase;
    margin: 0px;
    text-align: left;
}

.counter-container-text.title-text {
    font: normal 5.75rem/3.5rem;
    font-family: 'Autonation Regular';
}

.counter-container-text.lower-text {
    font: normal 2rem/3.5rem;
    font-family: 'Autonation Regular';
}

.drive-pink-counter-container .large-text {
    font: italic normal bold 9.25rem/8.25rem;
    font-family: 'Autonation Regular';
    color: #EF73AB;
    vertical-align: middle;
}

.large-text-dollar-sign {
    font: italic normal bold 4.25rem/4.25rem;
    font-family: 'Autonation Regular';
    color: #EF73AB;
}

.counter-container-text.dark-pink-text {
    color: #EF73AB;
    font-style: italic;
    line-height: 3.25rem;
}

.counter-container-money-text-container .counter-container-right-text {
    display: inline-block;
    vertical-align: middle;
}

.counter-container-money-text-container {
    background: transparent linear-gradient(265deg, var(--text-heading)00 38%, var(--text-heading) 100%) 0% 0% no-repeat padding-box;
}

.counter-container-small-text {
    font: italic 1.25rem/1.5rem;
    color: var(--white);
    text-align: center;
    margin: 5px auto;
    font-family: 'Autonation Regular';
}

.donation-ticker-number-container {
    text-align: center;
    border: 1px solid var(--white);
    padding: 10px;
    background-color: var(--pink-600);
    transform: skew(-5deg);
}

.counterNew {
    font: normal 3.5rem/4.5rem 'Autonation Regular';
    color: var(--white);
    display: inline-block;
    margin: 0px;
}

.drive-pink-ticker-container {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
}

.m-l-1 {
    margin-left: 3%;
    margin-right: -1%;
}

.m-l-2 {
    margin-left: 3%;
}

.drvPinkLogoWhite {
    width: 120px;
    height: 60px;
    position: absolute;
    bottom: 30px;
    left: 45px;
}
/* END OF NEW COUNTER CSS */

/* Carousel Css */
.testimonial-swiper {
    height: 270px;
    margin: 0px auto;
    overflow: hidden;
}

.autonation-testimonial-section {
    padding-bottom: 50px; 
}

.testimonials {
    display: block;
    margin: 0px auto;
    max-width: 1190px;
    position: relative;
    padding-top: 30px;
}

.testimonials .swiper-slide {
    box-sizing: border-box;
    position: relative;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/slide-background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 20px;
}

.testimonials .testimonial-icon {
    width: 60px;
    height: 60px;
}

.testimonials .testimonial-header {
    display: flex;
    flex-flow: row;
    gap: 10px;
}

.testimonials .testimonial-header p {
    margin: 0px;
}

.testimonials .testimonial-header .testimonial-name {
    text-align: left;
    font: normal normal bold 1rem/1.25rem Arial;
    letter-spacing: 0px;
    color: #003354;
    margin: 10px 0px 5px 0px;
}

.testimonials .testimonial-header .testimonial-title {
    text-align: left;
    font: normal normal bold 0.75rem/1.188rem Arial;
    letter-spacing: 0px;
    color: var(--text-copy);    
}

.testimonials .testimonial-header .testimonial-city {
    text-align: left;
    font: normal normal normal 0.75rem/1.188rem Arial;
    letter-spacing: 0px;
    color: var(--text-copy);    
}

.testimonials .testimonial-text p {
    margin: 5px 0px 0px 0px;
    font: normal normal normal 0.875rem/1.25rem Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
}

.testimonials .swiper-pagination {
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.testimonials .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 2px solid var(--white);
    border-color: #0A3453;
    background-color: transparent;
    opacity: 1;
    margin: 0px 5px;
    box-sizing: border-box;
}

.testimonials .swiper-pagination-bullet-active {
    background-color: #0A3453;
}

.testimonials .swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    box-shadow: 0px 3px 15px var(--text-heading)29;
    border: 1px solid var(--white);
    border-radius: 50%;
    background-color: var(--white);
    font: bold 0.875rem/1rem arial;
    color: #0A3453;
    cursor: pointer;
}

.testimonials .swiper-arrow:hover {
    background-color: #0A3453;
}

.testimonials .swiper-arrow:hover .a {
    fill: var(--white);
}

.testimonials .swiper-button-prev::after,
.testimonials .swiper-button-next::after {
    display: none;
}

.testimonials .swiper-button-prev {
    left: -7%;
}

.testimonials .swiper-button-next {
    right: -7%;
}

.quote {
    color: var(--white);
    font-size: 60px;
    position: absolute;
    top: 15px;
    right: 15px;
}
/* End of Carousel Css */

@media all and (max-width: 1356px) {
    .testimonials {
        width: 76%;
    }
}

@media all and (max-width: 1281px) {
    .drive-pink-hero-img {
        height: 500px;
    }

    .banner-button {
        bottom: 20px;
    }

    .donation-thanks {
        width: 375px;
    }

    .national-partner-logo,
    .local-partner-logo {
        filter: grayscale(0%);
        opacity: 1;
    }

    .hover-effect .secondary-button {
        visibility: visible;
        opacity: 1;
    }

    .local-partner {
        width: 30%;
    }

    .pheonix-children-logo {
        margin-bottom: 0px;
    }
}

@media all and (max-width: 1205px) {
    .autonation-pink-stadium-section {
        padding: 50px 35px;
    }

   .pheonix-children-logo {
        margin-bottom: 13px;
    }

    .autonation-pink-stadium-section {
        padding: 50px 35px;
    }

    .racing-section-image-container {
        width: 90%;
    }

    .autonation-new-support-container {
        padding: 50px 35px;
    }

    .hytPlayerWrapOuter {
        height: 352px;
        width: 88%;
        margin: 0px auto;
    }

    .support-img {
        max-width: 300px;
    }

    .support-cta-section img {
        width: 100%;
        max-width: 175px;
    }

    .drive-pink-section-text {
        max-width: 790px;
    }

    .testimonials {
        width: 76%;
    }

    .testimonials .swiper-arrow {
        display: none;
    }  
}

@media all and (max-width: 1205px) {
    .drive-pink-hero-img {
        width: 93%;
        height: 500px;
        margin: 30px auto 0px auto;
        display: block;        
        border-radius: 10px;
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-banner-v4-1024);
    }

    .racing-section-image-container {
        width: 90%;
    }

    .banner-button {
        bottom: 0px;
    }

    .video-section {
        padding: 50px 15% 0px 15%;
    }

    .drive-pink-care-text {
        margin-left: 100px;
        margin-right: 100px;
    }

    .drive-pink-drive-out-cancer-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 790px;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        padding: 80px 40px;
    }

    .local-partner {
        margin-bottom: 0px;
    }

    .local-partner .susan-komen-text,
    .local-partner .wipe-out-kids-text,
    .local-partner .zero-text {
        margin-top: 0px;
    }

    .pheonix-children-logo {
        margin-bottom: 12px;
    }

    .donation-thanks {
        width: 364px;
        height: 99px;
    }

    .donation-text-top {
        width: 300px;
    }

    .donation-text-bottom {
        width: 150px;
    }

    .donation-ticker-number-container .counter {
        font: Bold Italic 51px/84px Arial;
    }

    .donation-ticker-number-container {
        width: auto;
        padding: 0px 15px;
    }

    .local-partner {
        width: 30%;
    }

    .local-partner-container {
        padding-top: 50px;
        padding: 50px 16.22% 29px 16.22%;
    }

    .woman-pink-shirt, .man-blue-shirt {
        height: 450px;
    }

    .autonation-racing-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/driving-cancer-background);
    }

    .drive-pink-support-cta-container {
        margin-bottom: 80px;
    }
}

@media all and (max-width: 1170px) {
/* Charity Partner CSS */
    .partners-section-map-container img {
        max-height: 460px;
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-partner-map-1024.png);
    }

    .partners-container {
        width: 32%;
    }

    .national-links .link-list,
    .local-links .link-list {
        max-height: none;
    }
/* End of Charity partner CSS */
}

@media all and (max-width: 1115px) {
    .drive-pink-drive-out-cancer-thanks-container {
        width: 93%;
    }

    .drive-pink-free-pink-plate {
        width: 93%;
    }

    .support-svg {
        max-width: 175px;
        margin: 0px auto;
    }

    .support-section-text {
        font: normal normal bold 23px/36px;
        font-family: 'Autonation Bold';
    }

    .racing-section-image-container {
        width: 100%;
    }

    /* NEW COUNTER CSS */
    .drive-pink-counter-container {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-counter-new-background-1024.png);
        padding-top: 18px;
    }

    .drive-pink-counter-container {
        width: 93%;
        max-height: 326px;
    }

    .drvPinkLogoWhite {
        bottom: 18px;
        left: 40px;
    }    

    .counter-container-small-text {
        letter-spacing: 1px;
    }

    .donation-ticker-number-container {
        padding: 0px 25px;
    }

    .drive-pink-ticker-container {
        right: 4%;
    }
    /* END OF NEW COUNTER CSS*/
}

@media all and (max-width: 993px) {
    .hytPlayerWrapOuter {
        height: 360px;
    }

    .counter-container-text {
        font: normal 2.75rem/3rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.dark-pink-text {
        line-height: 2.75rem;
    }

    .counter-container-text.title-text {
        font: normal 2.1rem/3rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.lower-text {
        font: normal 1.5rem/3rem;
        font-family: 'Autonation Regular';
    }
}

@media all and (max-width: 952px) {

    .drive-pink-support-container {
        padding-top: 30px;
    }

    .woman-pink-shirt, .man-blue-shirt {
        height: 350px;
    }

    .drive-pink-support-logo {
        width: 206px;
        height: 132px;
    }

    .drive-pink-support-cta-container {
        margin: 0px 20px;
        margin-bottom: 20px;
    }

    .drive-pink-support-text {
        width: 271px
    }

    .primary-button.support-container-button {
        width: 100%;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        padding: 50px 0px;
    }

    .donation-thanks,
    .donation-ticker {
        display: block;
        margin: 0px auto;
        float: none;
    }

    .donation-thanks {
        margin-bottom: 40px;
    }

    .donation-ticker-number-container {
        width: fit-content;
    }

    .donation-ticker-number-container .counter {
        line-height: 80px;
    }

    .donation-text-bottom {
        width: 154px;
        height: 20px;
    }
}

@media all and (max-width: 915px) {
/* Charity Partner CSS */
    .drive-pink-charity-partners-section {
        padding: 55px 0px 45px 0px;
    }

    .partners-section-map-container {
        flex-flow: row wrap;
    }
    .partners-section-map-container img {
        flex: 100%;
        max-width: 622px;
        max-height: 416px;
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-partner-map-768.png);
    }

    .partners-container {
        width: auto;
        height: 460px;
    }

    .national-links .link-list {
        max-height: 60px;
    }

    .local-links .link-list {
        max-height: 225px;
    }
/* End of Charity partner CSS */
    /* NEW COUNTER CSS */
    .drive-pink-counter-container {
        padding-top: 10px;
        background-size: 100% 100%;
    }

    .drvPinkLogoWhite {
        display: none;
    }  

    .counter-container-text.dark-pink-text {
        line-height: 1.75rem;
    }

    .drive-pink-counter-container .large-text {
        font: italic normal bold 5.25rem/5.25rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.title-text {
        font: normal 2.1rem/2.25rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.lower-text {
        font: normal 1.5rem/2.25rem;
        font-family: 'Autonation Regular';
    }

    .large-text-dollar-sign {
        font: italic normal bold 2.25rem/2.5rem;
        font-family: 'Autonation Regular';
    }
    
    .counter-container-text {
        font: normal 2rem/2.313rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-small-text {
        font: italic 1rem/1.5rem;
        letter-spacing: 0px;
        font-family: 'Autonation Regular';
    }

    .counterNew {
        font: normal 2.25rem/3.5rem 'Autonation Regular';
    }    

    .drive-pink-ticker-container {
        right: auto;
        left: 7.2%;
        bottom: 14px;
        top: auto;
        transform: none;
    }
    /* END OF NEW COUNTER CSS */
}

@media all and (max-width: 825px) {
    .drive-pink-hero-img {
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-banner-v4-768);
    }

    .autonation-racing-section {
        padding: 30px 30px 50px 30px;
        /*background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/autonation-racing-background-768-v2.png);*/
    }

    .autonation-pink-stadium-section {
        padding: 50px 15px;
    }

    .drive-pink-hero-img {
        width: 96%;
        height: 400px;
        margin: 30px auto 0px auto;
    }

    .drive-pink-section-text {
        width: auto;
    }

    .drive-pink-care-text {
        margin-left: 85px;
        margin-right: 85px;
    }

    .drive-pink-center-img {
        margin: 0px 15px;
    }

    .autonation-pink-stadium-section .drive-pink-section-text {
        max-width: 610px;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        margin: 0px auto 50px auto;
    }

    .video-section {
        padding: 50px 9% 0px 9%;
    }

    .hytPlayerWrapOuter {
        width: 100%;
    }

    .racing-section-image-container {
        padding-top: 125px;
        position: relative
    }

    .racing-section-image-container .autonation-racing-logo {
        position: absolute;
        height: auto;
        width: auto;
        top: 30px;
    }

    .support-img {
        max-width: 230px;
    }

    .drive-pink-donate-bar {
        padding: 10px 15px;
        max-width: 130px;
    }

    .donate-bar-img {
        width: 100%;
        height: 55px;
    }

    .donate-bar-button.primary-button {
        margin-top: 10px;
    }

    .drive-pink-banner {
        padding-top: 0px;
    }

    .drive-pink-hero-img {
        height: 476px;
    }

    .banner-button {
        bottom: 0px;
    }

    .drive-pink-img-container img {
        width: 28%;
    }

    .drive-pink-drive-out-cancer-text {
        margin-left: 80px;
        margin-right: 80px;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        padding: 50px 0px;
        width: 100%;
        max-width: 738px;
    }

    .donation-thanks,
    .donation-ticker {
        display: block;
        margin: 0px auto;
        float: none;
    }

    .donation-thanks {
        margin-bottom: 40px;
    }

    .donation-text-top {
        width: 328px;
        height: 20px;
    }

    .donation-ticker-number-container {
        width: fit-content;
    }

    .donation-ticker-number-container .counter {
        line-height: 80px;
    }

    .donation-text-bottom {
        width: 154px;
        height: 20px;
    }

    .local-partner-container {
        padding: 50px 40px 30px 40px;
    }

    .drive-pink-free-pink-plate {
        padding: 110px 15px;
        max-width: 738px;
        width: 100%;
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/free-pink-plate-background-v2-768);
    }

    .drive-pink-support-container {
        padding-top: 30px;
    }

    .woman-pink-shirt, .man-blue-shirt {
        height: 350px;
    }

    .drive-pink-support-logo {
        width: 206px;
        height: 132px;
    }

    .drive-pink-support-cta-container {
        margin: 0px 20px;
        margin-bottom: 20px;
    }

    .drive-pink-support-text {
        width: 271px
    }

    .primary-button.support-container-button {
        width: 100%;
    }

    .autonation-new-support-container {
        position: relative;
        padding: 30px 15px 120px 15px;
    }

    .secondary-button-support {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }


  /* Carousel CSS */
     .testimonials {
        width: 86%;
    }    

    .testimonials .testimonial-header {
        flex-flow: row wrap;
    }

    .testimonials .testimonial-header-text {
        flex: 100%;
    }

    .testimonials .testimonial-header .testimonial-name {
        margin-top: 0px;
    }

    .testimonial-swiper {
        height: 320px;
    }
 /* End of Carousel CSS */
}

@media all and (max-width: 769px) {
    .drive-pink-hero-img {
        height: 450px;
    }

    .autonation-racing-section {
        padding: 30px 25px 50px 25px;
    }
}

@media all and (max-width: 696px) {
    .second-national-partner.bcrf-partner {
        left: 0px;
    }

    .national-partner {
        left: -15px;
    }
}

@media all and (max-width: 679px) {
/* Charity Partner CSS */
    .drive-pink-charity-partners-section {
        padding: 30px 20px 35px 20px;
    }

    .partners-section-map-container img {
        width: 80%;
    }
/* End of Charity partner CSS */
}

@media all and (max-width: 652px) {
    .drive-pink-line {
        width: 18%;
    }
}

@media all and (max-width: 641px) {
    .local-partner-container {
        padding: 50px 75px 30px 75px;
    }

    .second-national-partner {
        margin-bottom: 30px;
    }

    .national-partner-container {
        padding: 0px;
    }

    .drive-pink-hero-img {
        height: 358px;
    }

    .drive-pink-care-text {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .drive-pink-center-img {
        margin: 0px 10px;
    }

    .drive-pink-drive-out-cancer-title {
        text-align: center;
        font: Bold 22px/32px Arial;
        letter-spacing: 0px;
        color: #0A3453;
        opacity: 1;
    }

    .drive-pink-donation-partner-text {
        margin: 0px 30px;
    }

    .drive-pink-line {
        border: none;
        border-bottom: 1px solid #EAEAEA;
    }

    .drive-pink-care .primary-button {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .national-partner {
        left: -30px;
    }

    .local-partner {
        width: 50%;
        margin: 0px;
        margin-bottom: 15px;
    }

    .national-partner-logo,
    .local-partner-logo {
        filter: grayscale(0%);
        opacity: 1;
    }

    .second-national-partner.bcrf-partner {
        display: block;
        margin-left: 0px;
        margin-bottom: 30px;
        left: 0px;
    }

    .pheonix-children-logo {
        margin-bottom: 12px;
    }

    .hover-effect .secondary-button {
        visibility: visible;
        opacity: 1;
    }

    .drive-pink-free-pink-plate {
        padding: 80px 0px;
    }

    .drive-pink-free-pink-plate-title {
        text-align: center;
        font: Bold 22px/28px Arial;
        letter-spacing: 0px;
        color: var(--white);
        opacity: 1;
    }

    .drive-pink-support-container .primary-button {
        width: 200px;
        height: 40px;
        font: Bold 14px/16px Arial;
    }

    .woman-pink-shirt, .man-blue-shirt {
        height: 276px;
    }

    .drive-pink-support-logo {
        width: 175px;
        height: 110px;
        margin-bottom: 25px;
    }

    .drive-pink-support-text {
        line-height: 20px;
        width: auto;
        margin-bottom: 20px;
    }

    .drive-pink-support-cta-container {
        width: 220px;
        margin-bottom: 20px;
    }

    .primary-button.support-container-button {
        width: 200px;
        height: 40px;
        font: Bold 14px/16px Arial;
    }
}

@media all and (max-width: 577px) {
    .hytPlayerWrapOuter {
        height: 187px;
    }

    .video-section {
        padding: 30px 20px 0px 20px;
    }

    .autonation-new-support-container {
        position: relative;
        padding: 140px 20px 170px 20px;
        justify-content: space-evenly;
    }

    .national-partner,
    .second-national-partner.bcrf-partner {
        left: 0px;
    }

    .national-partner-logo, 
    .second-national-partner {
        display: block;
    }

    .autonation-racing-section {
        padding: 30px 20px;
        /*background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/autonation-racing-background-mobile-v2.png);*/
        background-color: var(--white);
        background-position: center;
        background-position: 35% 0px;
    }

    .racing-section-image-container {
        width: 100%;
        padding-top: 0px;
        flex-flow: row wrap;
    }

    .img-container:first-child {
        flex: 100%;
    }
    
    .racing-section-image-container .column-info-section:first-child {
        flex: 100%;
    }

    .racing-section-image-container .img-title,
    .racing-section-image-container .img-subtitle {
        max-width: 140px;
        line-height: 24px;
        display: block;
        margin: 0px auto;
    }

    .support-img {
        width: 100%;
        max-width: 150px;
        flex: 50%;
    }

    .support-cta-section img {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .support-cta-section p {
        position: absolute;
        width: 100%;
        max-width: 260px;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
    }

    .support-cta-section .support-section-text {
        position: relative;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        width: 95%;
    }

    .drive-pink-free-pink-plate {
        margin: 50px auto;
        width: 95%;
    }

    .drive-pink-drive-out-cancer {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .support-cta-section button {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .second-national-partner {
        margin: 0px auto 30px auto;
    }

    .local-partner .susan-komen-text {
        margin-top: 30px;
    }

    .zero-logo {
         margin-top: 0px;
    }

    .drive-pink-donate-bar {
        width: 100%;
        max-width: none;
        right: 0px !important;
        bottom: 0px !important;
        background-color: var(--white);
        border-radius: 10px 10px 0px 0px;
        padding: 10px 10px 15px 20px;
        height: auto;
    }

    .donate-bar-img {
        width: 70px;
        height: 40px;
        display: inline-block;
    }

    .donate-bar-button.primary-button {
        width: 70%;
    }

    .secondary-button-support {
        max-width: 200px;
        height: 40px;
    }

    .support-section-text {
        font: normal normal bold 21px/36px;
        font-family: 'Autonation Bold';
    }

    .support-svg {
        max-width: 175px;
        margin: 0px auto;
        position: relative;
        top: -100px;
    }

    .support-logo-container {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
    }

    .img-subtitle br,
    .drive-pink-drive-out-cancer-title br {
        display: block;
    }

    /* NEW COUNTER CSS */
    .drive-pink-counter-container {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-counter-new-background-mobile.png);
        max-width: 335px;
        height: 335px;
        padding-top: 10px;
    }
    
    .counter-container-money-text-container {
        background: none;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .drive-pink-counter-container .large-text {
        font: italic normal bold 3.25rem/3.25rem arial;
        font-family: 'Autonation Regular';
    }
    
    .counter-container-text {
        font: normal 1.375rem/1.625rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.title-text {
        font: normal 2.1rem/2rem;
        font-family: 'Autonation Regular';
        top: -20px;
        position: relative;
    }

    .counter-container-text.lower-text {
        font: normal 1.1rem/2.25rem;
        font-family: 'Autonation Regular';
    }

    .counter-container-text.dark-pink-text {
        line-height: 1.25rem;
        font-size: 1.5rem;
    }

    .large-text-dollar-sign {
        font: italic normal bold 1.5rem/2.5rem;
        font-family: 'Autonation Regular';
    }

    .drive-pink-ticker-container {
        position: relative;
        left: auto;
        padding: 0px 20px;
        margin-top: 35px;
    }

    .donation-ticker-number-container {
        padding: 5px 20px;
    }    
    /* END OF NEW COUNTER CSS */

  /* Carousel CSS */
    .testimonials {
        max-width: 285px;
    }

    .testimonials .swiper-slide {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/slide-background-mobile.png);
    }
  /* End of Carousel CSS */
}

@media all and (max-width: 542px) {
    .drive-pink-line {
        width: 18%;
    }

    .img-subtitle br {
        display: block;
    }

    .drive-pink-free-pink-plate {
        margin: 30px auto;
        max-width: 335px;
    }
}

@media all and (max-width: 461px) {
    .only-mobile {
        display: block;
    }
}

@media all and (max-width: 461px) {
    .drive-pink-hero-img {
        display: block;
        width: 90%;
        margin: 20px auto 0px auto;
        border-radius: 10px;
        content: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-banner-v4-425);
    }

    .banner-button {
        width: 200px;
        height: 40px;
        font: Bold 14px/16px Arial;
        bottom: 20px;
    }

    .drive-pink-drive-out-cancer-text.secondary-text {
        font: normal normal bold 16px/22px Arial;
        max-width: 280px;
    }

    .secondary-button-support {
        font: normal normal bold 14px/16px Arial;
    }

    .drive-pink-care {
        padding: 30px 0px 0px;
    }

    .autonation-pink-stadium-section {
        padding: 30px 25px;
    }

    .drive-pink-stadium {
        content: url('https://www.autonation.com/~/media/Images/LandingPages/drive-pink/drive-pink-stadium-mobile');
    }

    .drive-pink-img-container {
        display: flex;
        justify-content: center;
        flex-flow: row-reverse wrap-reverse;
    }

    .drive-pink-img-container .drive-pink-right-img {
        width: 85%;
        margin-top: 0px;
    }

    .drive-pink-img-container img {
        width: 40%;
        margin: 0px 7.5px;
        margin-top: 20px;
    }

    .drive-pink-center-img {
        margin-right: 0px;
    }

    .drive-pink-drive-out-cancer-text {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 30px;
    }

    .donation-thanks {
        width: 219px;
        height: 59px;
    }

    .donation-text-top {
        width: 270px;
    }

    .donation-ticker-number-container .counter {
        font-size: 45px;
        line-height: 60px;
    }

    .donation-text-bottom {
        width: 128px;
    }

    .drive-pink-care-title, 
    .drive-pink-drive-out-cancer-title, 
    .drive-pink-donation-title {
        max-width: 250px;
        display: block;
        margin: 0px auto;
        font: Bold 22px/26px Arial;
        margin-bottom: 20px;
    }

    .drive-pink-donation-title {
        margin: 0px auto 20px auto;
        max-width: 190px;
    }

    .drive-pink-donation-text {
        padding: 0px 22px;
        margin: 30px auto;
        font: normal normal normal 12px/18px Arial;
        max-width: 247px;
    }

    .national-partner-logo {
        width: 263px;
        height: 71px;
        margin-bottom: 5px;
    }

    .drive-pink-line {
        width: 18%;
    }

    .local-partner-container {
        padding: 50px 0px 0px 0px;
    }

    .national-partner-logo, .lemons-of-love-logo {
        margin-bottom: 5px;
    }

    .local-partner .secondary-button {
        width: 160px;
        height: 40px;
    }

    .drive-pink-free-pink-plate-title {
        font: Bold 18px/22px Arial;
        letter-spacing: 0px;
    }

    .drive-pink-free-pink-plate {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/free-pink-plate-background-v2-375);
        padding: 68px 30px;
        margin: 30px auto;
        max-width: none;
        width: 90%;
    }

    .drive-pink-free-pink-plate .primary-button,
    .drive-pink-support-container .primary-button, 
    .drive-pink-care .primary-button {
        width: 200px;
        height: 40px;
        font: Bold 14px/16px Arial;
    }

    .drive-pink-support-logo {
        margin-bottom: 20px;
    }

    .drive-pink-drive-out-cancer-thanks-container {
        width: 90%;
        margin: 0px auto 20px auto;
    }

    .man-woman-375 {
        display: block;
        width: 200px;
        height: 224px;
        margin-left: 17px;
    }

    .man-blue-shirt,
    .woman-pink-shirt {
        display: none;
    }
}

@media all and (max-width: 410px) {
    .local-links .link-list,
    .national-links .link-list {
        max-height: none;
    }

    .partners-container {
        height: auto;
    }
}

@media all and (max-width: 339px) {
    .drive-pink-line {
        width: 10%;
    }
}

@media all and (max-width: 321px) {
    .pheonix-children-logo {
        margin-bottom: 2px;
    }
}

.section-content{
    display: flex;
}

.primary-button-cta {
    margin-top: -81px;
    position: absolute;
    margin-left: 519px;
    border: 2px solid;
}

.autonation-racing-section .racing-section-image-container div:nth-child(4) {
    display: none;
}

/* Start of Drive Pink Charity Counter Styles */
.charity-counter-v2 {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-counter-background.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 400px;
    width: 100%;
    overflow: hidden;
    max-width: 1170px;
    margin: 0px auto 45px auto;
}

.charity-counter-v2-text-container {
    position: absolute;
    bottom: 40px;
    left: 23.5%;
    margin: 0px;      
    width: 100%;                
}

.charity-counter-v2-text {
    font-size: 34px;
    font-style: italic;
    line-height: 120%;
    font-weight: 500;
    font-family: 'Autonation Regular';
    color: var(--white); 
    margin: 0px;    
    text-shadow: #cc2a6e 1px 0 10px;
    position: relative;
    z-index: 2;               
}

.charity-counter-v2-text::after {
    filter: blur(5px);
    position: absolute;
    content: attr(data-text-shadow);
    top: .1rem;
    left: .1rem;
    color: var(--text-heading);
    z-index: -1;               
    background: linear-gradient(90deg, #a60e4a 0%, #cc2a6e 50%, #ca2b6f 100%);
}

.text-outline {
    color: #a60e4a;
    color: #cc2a6e;
    color: #ca2b6f;
}

@media all and (max-width: 1116px) {
    .charity-counter-v2 {
         background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-counter-background-large-tablet.png);
         max-width: 950px;
         height: 325px;
    }

    .charity-counter-v2-text-container {
         left: 21%;
    }

    .charity-counter-v2-text {
         font-size: 28px;
    }
}

@media all and (max-width: 965px) {
    .charity-counter-v2 {
         background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-counter-background-tablet.png);
         max-width: 715px;
    }

    .charity-counter-v2-text-container {
         left: 28%;
         bottom: 25px;
         max-width: 445px;
         text-align: center;
    }

    .charity-counter-v2-text::after {
         text-shadow: none;
         content: initial;
    }
}

@media all and (max-width: 767px) {
    .charity-counter-v2 {
         background-image: url(https://www.autonation.com/~/media/Images/LandingPages/drive-pink/charity-counter-background-mobile.png);
         max-width: 325px;
         margin-bottom: 30px;
    }

    .charity-counter-v2-text-container {
         left: 50%;
         right: auto;
         transform: translateX(-50%);
         max-width: 300px;
         bottom: 76px;
    }

    .charity-counter-v2-text {
         font-size: 18px;                    
    }
}
/* End of Drive Pink Charity Counter Styles */