.sticky-navbar {
    display: flex;
    justify-content: space-around;
    max-width: 1480px;
    max-height: 75px;
    background: var(--white);
    border: 1px solid #F3F3F3;
    z-index: 1000;
    box-shadow: 0px 5px 10px var(--text-heading)26;
    opacity: 1;
}

.sticky-nav-link-container {
    box-sizing: border-box;
    position: relative;
    padding: 25px 0%;
    display: inline-block;
    max-width: 450px;
    background: var(--white);
    border-right: 1px solid #f3f3f3;
    flex: 25%;
}

.sticky-nav-link-container.last-link {
    border-right: none;
}

.sticky-nav-link {
    display: block;
    margin: 0px auto;
    text-align: center;
    font: normal normal bold 14px/16px 'Autonation Regular';
    letter-spacing: 0px;
    color: #0A3453;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
}

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

.sticky-nav-link.active {
    color: var(--pink-600);
}

.sticky-nav-link.active + .active-pink-bar {
    display: block;
}

.sticky-navbar.sticky {
    position: fixed;
    width: 100%;
    top: 0px;
}

.active-pink-bar {
    display: none;
    width: 85px;
    height: 5px;
    background: var(--pink-600) 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media all and (max-width: 1441px) {
    .sticky-nav-link-container.last-link {
        padding: 25px 5%;
    }
}

@media all and (max-width: 1201px) {
    .sticky-nav-link-container {
        padding: 25px 7.5%;
    }
}

@media all and (max-width: 1116px) {
    .sticky-nav-link-container.last-link {
        padding: 29.5px 7%;
    }
}

@media all and (max-width: 1025px) {
    .sticky-nav-link-container {
        padding: 29.5px 7%;
    }

    .sticky-navbar {
        display: block;
    }
}

@media all and (max-width: 993px) {
    .sticky-nav-link-container {
        padding: 29.5px 6.5%;
    }
}

@media all and (max-width: 909px) {
    .sticky-nav-link-container {
        padding: 29.5px 7%;
    }
}

@media all and (max-width: 901px) {
    .sticky-nav-link-container {
        padding: 29.5px 6%;
    }
}

@media all and (max-width: 825px) {
    .sticky-nav-link-container.last-link {
        padding: 29.5px 5%;
    }

    .sticky-nav-link-container {
        padding: 29.5px 5.5%;
    }
}

@media all and (max-width: 769px) {
    .sticky-nav-link-container {
        padding: 29.5px 5%;
        min-width: 180px;
    }
}

@media all and (max-width: 768px) {
    .sticky-navbar {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .sticky-navbar::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}
.slick-dots li {
    width: 30px;
    height: 30px;
}

.slick-dots li.slick-active button:before {
    color: #0A3453;
}

.slick-dots li button:before {
    font-size: 40px;
}

.active-pink-bar {
    display: none;
    width: 85px;
    height: 5px;
    background: var(--pink-600) 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

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

.yellow-text {
    color: #EF9B39;
}

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

.primary-button {
    width: 100%;
    height: 50px;
    display: block;
    margin: 0px auto;
    cursor: pointer;
    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: none;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    font: normal normal bold 1rem/1.125rem 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--white);
    text-transform: uppercase;
    opacity: 1;
}

.our-purpose-banner-section {
    padding: 50px 50px 10px 50px;
}

.our-purpose-banner {
    box-sizing: border-box;
    background-image: linear-gradient(179deg, rgba(19, 30, 41, 0.1), rgba(19, 30, 41, 0.7)), url(https://www.autonation.com/~/media/Images/LandingPages/our-purpose/our-purpose-banner-desktop.jpg);
    background-size: 100% 100%;
    background-repeat: round;
    text-align: center;
    max-height: 500px;
    padding-top: 13.5%;
    padding-bottom: 13.5%;
    border-radius: 10px;
}

.our-purpose-logo {
    display: block;
    margin: 0px auto 20px auto;
}

.banner-header {
    color: var(--white);
    font: normal 4.45rem/4.75rem '';
    transform: scale(1.2, 1.2);
    margin-bottom: 20px;
    font-family: 'Autonation Light';
}

.banner-header strong {
    letter-spacing: 0px;
    font-family: 'Autonation bold';
    font-weight: normal;
}

.banner-text {
    display: block;
    margin: 0px auto;
    text-align: center;
    font: normal normal normal 1.375rem/1.75rem 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
    max-width: 745px;
}

.our-purpose-together-section {
    padding-top: 0px;
}

.section-title {
    text-align: center;
    font: normal normal bold 1.75rem/2rem 'Autonation Regular';
    letter-spacing: 0px;
    opacity: 1;
}

.our-purpose-card-container {
    width: 100%;
    margin: 30px auto;
    text-align: center;
}

.our-purpose-card-container .column-info-section{
    display: inline-block;
    border-right: 1px solid #EAEAEA;
    padding: 0 30px;
    opacity: 1;
    width: 30%;
    max-width: 285px;
    vertical-align: top;
}
.our-purpose-card {
    display: inline-block;
    border-right: 1px solid #EAEAEA;
    padding: 0 30px;
    opacity: 1;
    width: 30%;
    max-width: 285px;
    vertical-align: top;
}

.our-purpose-card-img {
    display: block;
    width: 100%;
    max-width: 280px;
    border-radius: 10px;
}

.our-purpose-card-logo {
    display: block;
    max-width: 130px;
    height: 70px;
    margin: 20px auto 15px auto;
}

.sustainability-logo {
    margin: 35px 0px 45px 0px;
    font: normal 1.2rem/1.5rem;
    font-family: 'Autonation-bold';
    transform: scale(1, 1.5);
    text-transform: uppercase;
    color: #0A3453;
}

.our-purpose-card-text {
    text-align: center;
    font: normal normal normal 0.875rem/1.125rem '';
    letter-spacing: -0.1px;
    color: var(--text-copy);
    opacity: 1;
    height: 140px;
    margin-bottom: 20px;
    font-family: 'Autonation Regular';
}

.column-info-section:last-child {
    border-right: none;
}

.our-purpose-importance-section {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/our-purpose/important-to-you-background-desktop.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 20px 0px 50px 0px;
}

.importance-info-containers {
    max-width: 930px;
    margin: 50px auto;
    display: block;
}

.importance-info-container {
    padding: 30px;
    background: rgba(243, 248, 252, 0.6) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    display: block;
    margin: 0px auto 15px auto;
}

.info-container-title {
    text-align: left;
    font: normal normal bold 1rem/1.25rem 'Autonation Regular';
    letter-spacing: 1.12px;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 15px;
}

.info-container-text {
    text-align: left;
    font: normal normal normal 1rem/1.5rem 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--text-copy);
    opacity: 1;
}

.responsibility-text {
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
    font: normal normal bold 1rem/1.125rem 'Autonation Regular';
    margin-top: 50px;
}

.responsibility-link {
    text-decoration: none;
    font: normal normal bold 1rem/1.125rem 'Autonation Regular';
    color: var(--pink-600);
}

.responsibility-link:hover,
.responsibility-link:focus {
    text-decoration: underline;
    color: var(--pink-600);
}

.our-purpose-footer-section{
    position: relative;
    background-image: linear-gradient(179deg, rgba(19, 30, 41, 0.4), rgba(19, 30, 41, 0.7)), url(https://www.autonation.com/~/media/Images/LandingPages/our-purpose/family-thumbs-up-desktop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 145px 0px;
}

.footer-content {
    max-width: 1050px;
    display: block;
    margin: 0px auto;
}

.footer-text-container {
    width: max-content;
    max-width: 700px;
    display: block;
    margin: 0px auto;
}

.footer-text-container-title {
    text-align: center;
    font: normal normal bold 1.75rem/2rem 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 5px;
}

.footer-text-container-text {
    text-align: center;
    font: normal normal normal 1.125rem/1.5rem 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
    max-width: 630px;
}

.footer-img-container {
    max-width: 275px;
    display: inline-block;
    vertical-align: middle;
}

.footer-img-container img {
    width: 100%;
}

.footer-text-disclaimer {
    position: absolute;
    max-width: 500px;
    text-align: center;
    font: normal normal normal 0.625rem/0.75rem 'Autonation Regular';
    letter-spacing: 0px;
    color: var(--white);
    opacity: 0.5;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.hide-mobile {
    display: none;
}

@media all and (max-width: 1116px) {
    .our-purpose-banner-section {
        padding: 50px 35px;
    }

    .our-purpose-importance-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/our-purpose/important-to-you-background-tablet.jpg);
    }

    .importance-info-containers {
        max-width: 685px;
    }

    .our-purpose-footer-section {
        padding: 125px 0px;
        position: relative;
    }

    .footer-content {
        width: fit-content;
    }

    .footer-text-container {
        max-width: 620px;
        margin-right: 0px;
    }

    .footer-text-container-text {
        max-width: 550px;
        margin: 0px auto;        
    }

    .footer-text-container-title {
        margin-bottom: 20px;
    }

    .footer-img-container {
        position: absolute;
        max-width: 210px;
        bottom: 30px;
        right: 115px;
    }
}

@media all and (max-width: 1025px) {
    .our-purpose-card {
        width: 30%;
    }

    .our-purpose-card button {
        width: 100%;
    }

    .footer-text-container {
        max-width: 610px;
    }

    .footer-text-container-text {
        max-width: 555px;
    }
}

@media all and (max-width: 825px) {
    .our-purpose-card-text {
        height: 150px;
    }

    .footer-text-container {
        max-width: 560px;
    }

    .footer-text-container-text {
        max-width: 500px;
    }    

    .our-purpose-footer-section {
        padding: 40px 0px;
    }

    .footer-content {
        display: flex;
        flex-flow: column;
        margin: 0px auto;
    }

    .footer-img-container {
        position: relative;
        display: block;  
        order: 1;     
        width: 125px;
        margin: 0px auto 20px auto;
        bottom: auto;
        right: auto;
    }

    .footer-text-container {
        display: block;
        order: 2;
    }

    .footer-text-disclaimer {
        bottom: -10px;
    }
}

@media all and (max-width: 769px) {
    .our-purpose-card {
        vertical-align: middle;
        max-width: 250px;
    }

    .our-purpose-card-text {
        height: 110px;
    }

    .our-purpose-card button {
        height: 40px;
    }
}

@media all and (max-width: 768px) {
    .section-title {
        font: normal normal bold 1.375rem/1.625rem 'Autonation Regular';
    }

    .our-purpose-card-text {
        margin-bottom: 50px;
    }

    .our-purpose-card-container {
        max-width: 100%;
        overflow: auto;
        white-space: nowrap;
    }

    .our-purpose-card {
        white-space: normal;
        width: 50%;
    }

    .our-purpose-importance-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/our-purpose/important-to-you-background-tablet-768.jpg);
    }
}

@media all and (max-width: 641px) {
    .our-purpose-banner-section {
        padding: 20px;
    }

    .our-purpose-logo {
        max-width: 223px;
        margin-bottom: 10px;
    }

    .banner-header {
        font: normal 2.45rem/2.75rem '';
        font-family: "Autonation Light";

    }

    .our-purpose-card-container {
        max-width: 100%;
        overflow: auto;
        white-space: nowrap;
    }

    .our-purpose-card {
        padding: 0px 20px;
        max-width: none;
    }

    .our-purpose-card-img {
        margin: 0px auto;
    }

    .banner-text {
        font: normal normal normal 1rem/1.5rem 'Autonation Regular';
        width: 80%;
    }

    .our-purpose-importance-section {
        padding: 30px 20px;
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/our-purpose/important-to-you-background-mobile.jpg);
    }

    .responsibility-text, 
    .responsibility-link{
        font: normal normal bold 1rem/1.25rem 'Autonation Regular';
    }

    .our-purpose-footer-section {
        padding: 90px 20px;
    }

    .our-purpose-footer-section {
        background-image: linear-gradient(179deg, rgba(19, 30, 41, 0.4), rgba(19, 30, 41, 0.7)), url(https://www.autonation.com/~/media/Images/LandingPages/our-purpose/family-thumbs-up-mobile.png);
    }

    .footer-content {
        width: 100%;
    }

    .footer-text-container {
        display: block;
        margin: 0px auto;
        width: 100%;
    }

    .importance-info-containers {
        margin-bottom: 0px;
    }

    .responsibility-text {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .footer-text-disclaimer {
        bottom: 30px;
    }
}

@media all and (max-width: 502px) {
    .our-purpose-banner {
        background-image: linear-gradient(179deg, rgba(19, 30, 41, 0.1), rgba(19, 30, 41, 0.7)), url('https://www.autonation.com/~/media/Images/LandingPages/our-purpose/our-purpose-banner-mobile.png');
        padding-top: 100px;
        height: 335px;
    }

    .our-purpose-card:first-child {
        /*margin-left: 17.33%;*/
    }

    .our-purpose-card {
        max-width: none;
        width: 100%;
    }

    .section-title  {
        max-width: 330px;
        display: block;
        margin: 0px auto;
    }

    .our-purpose-card-text {
        height: 75px;
    }

    .our-purpose-footer-section {
        padding: 135px 20px;
    }

    .footer-text-container-title {
        text-align: center;
        font: normal normal bold 1.375rem/1.75rem 'Autonation Regular';
        letter-spacing: -0.88px;
    }

    .footer-text-container-text {
        text-align: center;
        font: normal normal normal 1rem/1.5rem 'Autonation Regular';
        letter-spacing: 0px;
    }

    .hide-mobile {
        display: block;
    }
}