html {
    font-size: 16px;
}

.small-text-container span {
    font-family: 'Autonation Light';
}

/* Start of Military Discount Hero */
.two-column-container.military-discount-hero {
    padding: 40px 80px;
}

.two-column-container.military-discount-hero .two-column-text-container {
    gap: 24px;
}

.two-column-container.military-discount-hero .two-column-title {
    font-size: 60px;
}

.two-column-container.military-discount-hero .arrow-container {
    gap: 16px;
    width: auto;
    background-color: transparent;
}

.two-column-container.military-discount-hero .arrow-container.primary-button {
    background: transparent;
}

.two-column-container.military-discount-hero .arrow-container .primary-cta-arrow {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--pink-600);
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.two-column-container.military-discount-hero .arrow-container .primary-cta-arrow + .cta-text {
    color: var(--pink-600);
    font-family: 'Autonation Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: 0.35px;
    text-decoration-line: underline;    
    text-decoration-thickness: 1px;
}

.two-column-container.military-discount-hero .arrow-container .secondary-cta-arrow {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--text-heading);
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;    
}

.two-column-container.military-discount-hero .arrow-container .secondary-cta-arrow + .cta-text {
    color: var(--text-heading);
    font-family: 'Autonation Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: 0.35px;
    text-decoration-line: underline;    
    text-decoration-thickness: 1px;    
}

.two-column-container.military-discount-hero .two-column-media-container {
    height: 462px;
    background-image: url('https://www.autonation.com/~/media/Images/LandingPages/military-discounts/military-discount-hero-background.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
}

@media all and (max-width: 1116px) {
    .two-column-container.military-discount-hero {
        padding: 40px;
        gap: 32px;
    }

    .two-column-container.military-discount-hero .two-column-cta-container {
        flex-flow: column;
        align-items: start;
        gap: 32px;
    }

    .two-column-container.military-discount-hero .two-column-title {
        font-size: 48px;
    }
}

@media all and (max-width: 825px) {
    .two-column-container.military-discount-hero {
        align-items: start;
    }

    .two-column-container.military-discount-hero .two-column-media-container {
        height: 344px;
        width: 100%;        
    }

    .two-column-container.military-discount-hero .two-column-cta-container {
        flex-flow: row;
    }    
}

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

    .two-column-container.military-discount-hero .two-column-cta-container {
        flex-flow: column;
        gap: 16px;
        width: 100%;
    }

    .two-column-container.military-discount-hero .two-column-title {
        font-size: 24px;
    }

    .two-column-container.military-discount-hero .two-column-cta-container .primary-button,
    .two-column-container.military-discount-hero .two-column-cta-container .secondary-button {
        width: 100%;
    }

    .two-column-container.military-discount-hero .two-column-cta-container .primary-button {
        border-radius: 8px;
        background: linear-gradient(90deg, #AD104C 0%, var(--pink-600) 100%);
    }

    .two-column-container.military-discount-hero .two-column-cta-container .secondary-button {
        border-radius: 8px;
        background: var(--pink-100);
    }

    .two-column-container.military-discount-hero .two-column-cta-container .primary-button .cta-text {
        color: var(--white);
        font-size: 16px;
        text-decoration-line: none;
    }

    .two-column-container.military-discount-hero .two-column-cta-container .secondary-button .cta-text {
        color: var(--pink-700);
        font-size: 16px;
        text-decoration-line: none;        
    }

    .two-column-container.military-discount-hero .arrow-container .primary-cta-arrow,
    .two-column-container.military-discount-hero .arrow-container .secondary-cta-arrow {
        display: none;
    }

    .two-column-container.military-discount-hero .two-column-media-container {
        height: 280px;
    }
}
/* End of Military Discount Hero */

/* Start of Military logo section styles */
.military-discount-promise-section {
    padding: 56px 80px;
    display: flex;
    flex-flow: column;
    align-items: start;
    justify-content: start;
    gap: 8px;
    background:var(--grayscale-100);
}

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

.military-discount-promise-section .military-discount-promise-section-text {
    color: var(--text-heading);
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;    
    margin: 0px;
    max-width: 780px;
}

.military-logo-section {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-top: 24px;
}

.military-logo-container {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    min-width: 210px;
}

.military-logo-container .military-logo {
    width: 100px;
    height: 100px;
}

.military-logo-container .military-name {
    color: var(--text-heading);
    text-align: center;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.28px;
    text-align: center; 
    margin: 0px;
    margin-top: 8px; 
}

@media all and (max-width: 1680px) {
    .military-logo-container {
        min-width: 155px;
    }
}

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

    .military-logo-container {
        min-width: 212px;
    }
}

@media all and (max-width: 825px) {
    .military-logo-container {
        min-width: 148px;
    }
}

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

    .military-logo-section {
        margin-top: 16px;
    }

    .military-discount-promise-section .military-discount-section-title {
        font-size: 19px;
    }

    .military-discount-promise-section .military-discount-promise-section-text {
        font-size: 14px;
    }
}
/* End of Military logo section styles */

/* Start of SRP Deals Styles */
.military-discount-srp-section {    
    opacity: 1;
    padding: 56px 80px;
}

.military-discount-srp-section .small-text-container {
    max-width: 120px;
}

.military-discount-srp-section 
.military-discount-srp-section-title {
    color: var(--text-heading);
    font-family: 'Autonation Regular';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: 0.7px;
    max-width: 810px;
    margin: 8px 0px;
}

.military-discount-srp-section 
.military-discount-srp-section-text {
    color: var(--text-heading);
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;
    max-width: 810px;
    margin: 0px;
}

.military-discount-srp-section
.srp-recs-container {
    display: block;
    margin: auto 0px;
}

.military-discount-srp-section .military-discount-srp-container {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    overflow: hidden;
    max-height: 700px;
    margin: 0px;
    margin-top: 32px;
    background-color: var(--bg-light-theme-tertiary);
    box-shadow: 0px 0px 10px var(--text-copy)26;
    border: 1px solid #EAEAEA;
    border-radius: 10px;
}

.srp-container-top {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    flex: 100%;
}

.srp-container-title {
    display: inline-flex;
    width: 30.5%;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.srp-container-top .seperator {
    transform: rotate(90deg);
    width: 24px;
    border: none;
    border-top: 1px solid #D2DADF;
}

.srp-container-title
.search-by-make {
    display: inline-block;
    text-align: left;
    font-size: 16px;
    font-family: 'Autonation Regular';
    font-weight: 500;
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
    padding: 24px;
    margin: 0px;
}

.military-discount-srp-section 
.srp-container-purchase-options {
    display: inline-flex;
    width: 100%;
    padding: 12px 16px 12px 16px;
    flex-flow: row;
    align-items: center;
    justify-content: end;
}

.srp-container-purchase-options 
.purchase-options-title {
    display: inline-block;
    text-align: center;
    font: Bold 1rem/1.125rem Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    opacity: 1;
}

.military-discount-srp-section 
.srp-container-purchase-options 
button {
    text-align: center;
    cursor: pointer;
    font: Bold 0.875rem/1.125rem Arial;
    letter-spacing: 0px;
    color: #AD104C;
    opacity: 1;
    border: none;
    background: transparent;
    width: 101px;
    height: 37px;
    border-radius: 24px;
}

.purchase-options-options {
    display: flex;
    flex-flow: row;
    gap: 0px;
    border-radius: 24px;
    border: 3px solid var(--pink-50);
    background: var(--pink-50);
}

.military-discount-srp-section 
.srp-container-purchase-options-tablet,
.military-discount-srp-section 
.srp-container-purchase-options-mobile {
    display: none;
}

.military-discount-srp-section 
.srp-container-purchase-options 
button:hover {
    cursor: pointer;
} 

.military-discount-srp-section
.srp-container-purchase-options
.active {
    background: var(--white);   
    color: var(--pink-600); 
}

.srp-seperator {
    margin: 0px;
    border: none;
    border-bottom: 1px solid #EAEAEA;
    display: none;
}

.vertical-line {
    display: none;
    position: absolute;
    left: 30.5%;
    top: 0px;
    height: 100%;
    border-right: 1px solid #EAEAEA;
}

.military-discount-srp-section 
.search-options {
    display: inline-block;
    width: 24%;
    max-width: 305px;
    height: 600px;
    max-height: 99%;
    overflow-y: auto;
    padding: 30px;
    flex: 30%;
}

.military-discount-srp-section 
.search-options 
input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sort-dropdown-list {
    display: inline-block;
    position: relative;
    text-align: left;
    font: normal 1rem/0.938rem Arial;
    letter-spacing: 0px;
    color: var(--text-copy);
    opacity: 1;
}

.sort-dropdown-list 
.custom-arrow {
    display: inline-block;
    cursor: pointer;
    transition: all .3s;
    margin-bottom: 2px;
}

.discount-offer-details {
    display: none;
    padding: 0px;
    border-radius: 16px;
    color: var(--text-heading);
}

.search-results-tile 
.discount-offer-details 
p {
    text-align: left;
    font: normal 0.875rem/1.5rem Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    margin: 0px;
}

.offer-container {
    text-align: center;
    margin-top: 50px;
}

.toggle-dropdown {
    display: inline-block;
    margin-right: 10px;
    color: var(--text-copy);
}

.toggle-dropdown:hover {
    cursor: pointer;
    color: var(--text-copy);
    text-decoration: none;
}

.sort-dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background: var(--white);
    border: 1px solid #ededed;
    box-shadow: 0 3px 4px rgba(0,0,0,.1);
    padding: 0px 16px;
}

.sort-dropdown-menu li {
    padding: 10px;
}

.sort-dropdown-menu li:hover {
    background-color: var(--bg-light-theme-tertiary);
    cursor: pointer;
}

.srp-container-purchase-options 
.srp-container-sort-label {
    text-align: left;
    font: Bold 1rem/1.125rem Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
    font-family: 'Autonation Light';
    margin: 0px;
}



.purchase-options-container {
    display: flex;
    flex-flow: row;
    justify-self: center;
    align-items: center;
    gap: 16px;
}

.srp-sort-container .srp-sort-select {
    text-align: left;
    font: normal 1rem/0.938rem 'Autonation Light';
    font-family: 'Autonation Light';
    letter-spacing: 0px;
    color: var(--text-copy);
    opacity: 1;
    border: none !important;
    background: url("https://www.autonation.com/~/media/Images/LandingPages/military-discounts/icons/dropdown") 96% / 15% no-repeat var(--white);
    background-size: 10px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 1;
    width: 65px;
    height: 14px;
    padding: 5px;
    box-sizing: content-box;
    padding: 0px;
}

.srp-sort-container 
select::-ms-expand {
    display: none;
    /* remove default arrow in IE 10 and 11 */
}

.military-discount-srp-section 
.search-options 
.option-container {
    display: block;
    position: relative;
    text-align: left;
    font: normal 1rem/1.5rem Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
    padding: 0px 0px 0px 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: capitalize;
}

.search-options {
    background-color: var(--bg-light-theme-tertiary);
}

.clear-filter {
    display: inline-block;
    text-align: center;
    font: Bold 0.875rem/1.125rem 'Autonation Light';
    font-family: 'Autonation Light';
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
    cursor: pointer;
    margin: 0px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    padding-right: 16px;
}

.clear-filter:hover {
    text-decoration: underline;
}

.option-container:not(:last-child) {
    margin-bottom: 20px;
}

.military-discount-srp-section 
.search-options 
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--white);
    border: 1px solid var(--text-heading);
    border-radius: 6px;
    opacity: 1;
}

.checkmark:after {
    position: absolute;
    display: block;
}

.military-discount-srp-section 
.search-options 
input:checked ~ .checkmark{
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.458 3.81839C12.6309 3.99128 12.6309 4.27158 12.458 4.44447L5.96495 10.9375C5.79206 11.1104 5.51176 11.1104 5.33887 10.9375L2.38748 7.98614C2.21459 7.81325 2.21459 7.53294 2.38748 7.36005C2.56037 7.18717 2.84067 7.18717 3.01356 7.36005L5.65191 9.9984L11.8319 3.81839C12.0048 3.6455 12.2851 3.6455 12.458 3.81839Z" fill="white" stroke="white" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-size: contain;
}

.srp-sort-container {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.srp-sort-container .sort-logo {
    width: 16px;
    height: 16px;
}

.srp-sort-container .sort-logo svg {
    width: 100%;
    height: 100%;
}

.military-discount-srp-section 
.search-options 
input:checked ~ .checkmark{
    background-color: var(--text-heading);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.458 3.81839C12.6309 3.99128 12.6309 4.27158 12.458 4.44447L5.96495 10.9375C5.79206 11.1104 5.51176 11.1104 5.33887 10.9375L2.38748 7.98614C2.21459 7.81325 2.21459 7.53294 2.38748 7.36005C2.56037 7.18717 2.84067 7.18717 3.01356 7.36005L5.65191 9.9984L11.8319 3.81839C12.0048 3.6455 12.2851 3.6455 12.458 3.81839Z" fill="white" stroke="white" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-size: contain;    
}

.military-discount-srp-section .option-container:has(input:checked) {
    font-family: 'Autonation Regular';
    font-weight: 500;
}

.outer-container {
    vertical-align: top;
    display: inline-block;
    max-width: 45%;
    padding: 50px 0px 55px 50px;
    margin: 0px auto;
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/blue-background-768.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.left-text,
.right-text {
    display: block;
    vertical-align: top;
    text-align: left;
}

.left-text {
}

.left-text-title {
    font: bold 1.875rem/2rem Arial;
    letter-spacing: 0px;
    color: var(--white);
    margin-bottom: 5px;
    padding-left: 25px;
}

.left-text-secondary {
    font: normal 0.875rem/1rem Arial;
    letter-spacing: 0px;
    color: var(--white);
    padding-left: 10px;
}

.desktop-img {
    width: 85%;
    margin-top: 15px;
}

.mobile-img {
    display: none;
}

.coupon-disclaimer {
    text-align: left;
    font: normal 0.6rem/0.8rem Arial;
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
    margin-top: 20px;
    width: 85%;
}

.military-discount-srp-section 
.srp-requirement-container {
    text-align: center;
    margin-bottom: 50px;
}

.srp-requirements-icons {
    width: 85%;
    margin: auto;
}

.srp-requirement-icon-tile {
    text-align: center;
}

.srp-requirement-icon-tile img {
    margin-bottom: 22px;
}

.srp-requirement-icon-tile-content .blue-license {
    position: relative;
    top: -40px;
    left: 0px;
    margin-bottom: -45px;
}

.blue-license {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 25px auto 10px auto;
}

.blue-license img {
    transform: scale(2.3);
}

.srp-requirement-icon-tile p {
    text-align: center;
    font: normal 1rem/1.5rem Arial;
    letter-spacing: 0px;
    color: var(--white);
    max-width: 216px;
    margin: auto;
}

.option-container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.military-discount-srp-section 
.srp-store-requirements {
    display: inline-block;
    text-align: center;
    font: Bold 1.8rem/1.5rem Arial;
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
}

.military-discount-eligibility-section {
    padding: 50px 5% 50px 5%;
    width: auto;
    background: var(--bg-light-theme-tertiary) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.military-discount-eligibility-section 
.left-section-title {
    text-align: left;
    font: Bold 1.8rem/1.5rem Arial;
    letter-spacing: 0px;
    color: #0A3453;
    opacity: 1;
    margin-bottom: 15px;
    margin-top: 0px;
}

.military-discount-eligibility-section 
.left-section-text {
    text-align: left;
    font: Bold 1rem/1.5rem Arial;
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
    margin-bottom: 30px;
    margin-top: 0px;
}

.military-discount-eligibility-section ul {
    padding-left: 0px;
    list-style-type: none;
}

.military-discount-eligibility-section ul li:before {
    content: "\2605";
    color: var(--pink-600);
    margin-right: 20px;
  }

.military-discount-eligibility-section ul li {
    text-align: left;
    font: normal 1rem/1.8rem Arial;
    letter-spacing: 0px;
    color: var(--text-copy);
    text-transform: capitalize;
    /*list-style-image: ;*/
    opacity: 1;
}

.search-results {
    display: inline-block;
    padding: 24px 12px;
    vertical-align: top;
    width: 100%;
    height: 600px;
    /* max-width: 967px; */
    max-height: 99%;
    overflow-y: auto;
    position: relative;
    background-color: var(--bg-light-theme-tertiary);
    flex: 70%;
}

.make-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    align-items: start;
    gap: 16px;
    margin-bottom: 16px;
}

.filled-tag {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #039855;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
}

.empty-results {
    display: none;
    max-width: 545px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: Bold 1.8rem/1.8rem Arial;
    color: rgba(10, 52, 83, 1);
}

.search-results-tile 
p {
    margin: 5px 0px;
}

.search-results 
.search-results-title {
    width: 100%;
    color: var(--text-heading);
    font-family: 'Autonation Regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: 0.35px;
    flex: 100%;
}

.search-results 
.search-results-tile {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: start;
    gap: 16px;
    position: relative;
    padding: 16px;
    background: var(--white);
    border: 1px solid #EAEAEA;
    border-radius: 16px;
    opacity: 1;
    min-height: 300px;
    max-width: 300px;
    overflow-y: auto;
    transition: all .3s;
}

.search-results-tile-info {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 20px;
}

.search-results-tile 
.search-results-tile-title {
    text-align: left;
    font: Bold 1rem/1.125rem 'Autonation Regular';
    color: var(--text-heading);
    font-family: 'Autonation Regular';
    font-weight: 700;
    letter-spacing: 0px;
    opacity: 1;
    flex: 100%;
    margin: 0px;
    min-height: 52px;
}

.search-results-tile .search-results-tile-icon {
    flex: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
} 

.search-results-tile .search-results-tile-icon img {
    max-height: 25px;
}

.search-results-tile .search-results-tile-price {
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    font: Bold 1rem/1.25rem 'Autonation Regular';
    font-family: 'Autonation Light';
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
    margin: 0px;
    gap: 2px;
}

.search-results-tile .search-results-tile-price .off {
    font: Bold 1rem/1.25rem 'Autonation Regular';
    font-family: 'Autonation Light';
    letter-spacing: 0px;
    color: var(--text-heading);    
    justify-self: end;
    align-self: end;
    position: relative;
    bottom: -4px;
    left: 4px;
}

.search-results-tile .search-results-tile-price sup {
    font-size: 16px;
    font-family: 'Autonation Regular';
    top: -5px;
}

.search-results-tile .search-results-tile-price .discount-price {
    font-size: 32px;
}

.search-results-tile 
.search-results-default-price {
    text-align: right;
    font: Bold 0.875rem/1.25rem 'Autonation Light';
    font-family: 'Autonation Light';
    letter-spacing: 0px;
    color: var(--text-heading);
    opacity: 1;
}

.search-results-tile 
.search-results-tile-expiration {
    text-align: left;
    font: normal 12px/1.25rem 'Autonation Light';
    font-family: 'Autonation Light';
    letter-spacing: 0.21px;
    color: var(--text-placeholder);
    opacity: 1;
}

.search-results-tile 
.search-results-tile-details-link {
    color: var(--text-heading);
    font-family: 'Autonation Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: 0.245px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    background: none;
    border: none;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    gap: 8px;    
}

.search-results-tile .search-results-tile-details-link:hover,
.search-results-tile .search-results-tile-details-link:focus {
    color: var(--text-heading);
}

.search-results-tile 
.search-results-tile-details-link:hover {
    text-decoration: underline;
}

.search-results-tile 
.search-results-tile-button-link {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    border: none;
    background-color: var(--text-heading);
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    font: Bold 1rem/1.25rem Arial;
    font-family: 'Autonation Regular';
    font-weight: 500;
    letter-spacing: 0px;
    color: var(--white);
    opacity: 1;
    text-decoration: none;
    text-transform: capitalize;
}

.search-results-tile 
.search-results-tile-button-link:hover {
    color: var(--white);
    cursor: pointer;
    box-shadow: none;
}

.requirements-section {
    padding: 60px 0px;
    background-color: var(--white);
}

.srp-store-requirements-title {
    text-align: center;
    font: normal normal bold 1.75rem/1.5rem Arial;
    letter-spacing: 0px;
    color: rgba(10, 52, 83, 1);
    opacity: 1;
}

.srp-requirement-container .pink-line {
    display: block;
    margin: 20px auto 0px auto;
}

.srp-requirement-icons {
    width: 60%;
    margin: 0px auto;
    margin-top: 50px;
}

.srp-requirement-icon-tile-content .blue-licence {
    position: relative;
    top: -20px;
    left: -20px;
    margin-bottom: -26px;
}

.srp-requirement-icon-tile p {
    text-align: center;
    font: normal normal bold 1rem/1.5rem Arial;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    opacity: 1;
}

.srp-disclaimer {
    display: block;
    text-align: center;
    font: normal normal normal 0.75rem/1rem Arial;
    letter-spacing: 0px;
    color: rgba(148, 148, 148, 1);
    opacity: 1;
    margin: 40px auto 0px auto;
}

.right-section-img-left-section {
    display: inline-block;
    width: 46%;
    height: 80.5%;
    margin-right: 30px;
    vertical-align: top;
}

.right-section-img-left-section img {
    height: 100%;
    width: 100%;
}

.right-section-img-right-section {
    display: inline-block;
    width: 45%;
    height: auto;
}

.right-section-img-right-section img {
    width: 100%;
    height: 97%;
    margin-bottom: 30px;
}

.right-section-img-right-section .old-veterans-img {
    height: 57.14%;
}

.eligibility-section-title {
    text-align: center;
    font: normal normal bold 2.5rem/1.5rem Arial;
    letter-spacing: 0px;
    color: #0A3453;
    opacity: 1;
    margin-bottom: 20px;
}

.military-discount-eligibility-section .pink-line {
    display: block;
    margin: 0px auto;
}

@media all and (max-width: 1366px) {
    .left-text-secondary {
        padding-left: 0px;
    }
}

@media all and (max-width: 1301px) {
    .outer-container {
        padding-top: 50px;
    }

    .left-text, .right-text {
        width: 80%;
    }

    .left-text-title {
        font: bold 1.5rem/1.625rem Arial;
    }

    .right-text img {
        width: 100%;
    }

    .coupon-disclaimer {
        margin-top: 5px;
    }
}

@media all and (max-width: 1281px) {
    .left-text-title {
        padding-left: 0px;
    }

    .search-results-tile 
    .search-results-tile-price {
        right: 35%;
    }

    .military-discount-eligibility-section {
        padding: 50px 5% 50px 5%;
    }

    .right-section-img-left-section {
        width: 300px;
    }
}

@media all and (max-width: 1279px) {
    .right-section-img-left-section {
        width: 48%;
    }
}

@media all and (max-width: 1201px) {
    .search-results-tile .search-results-tile-price {
        right: 37%;
    }

    .clear-filter {
        margin-left: 10%;
    }

    .search-results-tile .search-results-default-price {
        font: Bold 1rem/1.25rem Arial;
    }

    .outer-container {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/blue-background-half.svg);
        padding: 50px 0px 0px 50px;
        width: 700px;
        max-width: none;
        height: 400px;
        background-size: 100% 100%;
    }

    .right-text img {
        width: 100%;
    }

    .left-text {
        width: 90%;
    }

    .right-text {
        width: 70%;
    }

    .left-text-title {
        font: bold 1.25rem/1.375rem Arial;
    }

    .left-text-secondary {
        font: normal 1rem/1.5rem Arial;
    }

    .coupon-disclaimer {
        margin-top: 5px;
        width: 90%;
        margin-bottom: 15px;
    }

    .sanitize-title {
        width: 80%;
    }
}

@media all and (max-width: 1151px) {
    .right-text {
        max-width: 646px;
        width: 40%;
    }

    .military-discount-srp-section {
        padding: 40px;
    }
}

@media all and (max-width: 1125px) {
    .military-discount-banner-section {
        padding-left: 0px;
    }

    .military-discount-banner-container {
        margin: 0px auto;
    }

    .banner-button-container {
        display: block;
        text-align: center;
        margin: 25px auto 0px auto;
    }

    .srp-requirement-icons {
        width: 90%;
        margin: 0px auto;
        margin-top: 50px;
    }

    .srp-container-title {
        max-width: 260px;
    }

    .srp-container-top {
        justify-content: start;
    }

    .srp-container-top .seperator {
        margin: 0px;
    }

    .military-discount-srp-section 
    .srp-container-purchase-options {
        width: 80%;
    }

    .military-discount-srp-section .search-options {
        max-width: 272px;
        width: 100%;
    }

    .clear-filter {
        margin-left: 5%;
    }

    .search-results {
        padding: 10px;
    }

    .search-results-tile 
    .search-results-tile-price {
        position: relative;
        right: auto;
        top: auto;
        text-align: left;
    }

    .search-results-tile .search-results-default-price {
        font: Bold 1rem/1.25rem Arial;
    }

    .military-discount-eligibility-section .left-section-text {
        text-align: left;
        font: Bold 0.875rem/1.5rem Arial;
        letter-spacing: 0px;
        color: var(--text-heading);
        opacity: 1;
        margin-bottom: 15px;
    }

    .right-section-img-left-section {
        display: inline-block;
        width: 36.9%;
        height: 64.6%;
        margin-right: 30px;
        vertical-align: top;
    }
    
    .right-section-img-left-section img {
        height: 100%;
        width: 100%;
    }
    
    .right-section-img-right-section {
        display: inline-block;
        width: 35%;
        height: auto;
    }
    
    .right-section-img-right-section img {
        width: 100%;
        height: 123.36%;
        margin-bottom: 20px;
    }
    
    .right-section-img-right-section .old-veterans-img {
        height: 72.23%;
    }

    .military-discount-thanks-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/thank-you-service-banner-992.png);
        background-size: contain;
        background-repeat: round;
        padding: 4.55% 0px 4.55% 12%;
    }

    .outer-container {
        width: 90%;
        max-width: 700px;
        padding: 50px 0px 0px 0px;
    }

    .left-text,
    .right-text {
        display: block;
        margin: 0px auto;
    }

    .right-text {
        max-width: 60.7%;
        width: auto;
        height: 10.4%;
    }

    .left-text {
        margin: 0px auto 25px auto;
        width: auto;
        max-width: none;
        text-align: center;
    }

    .left-text-title {
        font: bold 2.5rem/2.625rem Arial;
    }

    .left-text-secondary {
        font: normal 1rem/1.5rem Arial;
        text-align: center;
        max-width: 385px;
        margin: 0px auto;
    }

    .coupon-disclaimer {
        margin: 80px auto 0px auto;
        width: 80%;
    }

    .sanitize-offer {
        display: block;
        max-width: none;
        width: 90%;
        max-width: 700px;
        margin: 0px auto;
    }

    .sanitize-text {
        width: 70.7%;
    }
}

@media all and (max-width: 991px) {
    .right-section-img-left-section {
        display: none;
    }

    .right-section-img-right-section {
        width: 80%;
    }
}

@media all and (max-width: 901px) {
    .left-text {
        margin-bottom: 30px;
    }

    .right-text {
        max-width: 63%;
    }

    .coupon-disclaimer {
        margin: 70px auto 10px auto;
    }
}

@media all and (max-width: 894px) {
    .military-discount-thanks-section {
        padding: 3.11% 0px 3.11% 5%;
    }

    .thank-you-service {
        width: 53%;
        vertical-align: top;
        margin-top: 30px;
    }
}

@media all and (max-width: 825px) {
    .header-button {
        margin: 30px auto 0px auto;
        display: block;
    }

    .search-results {
        padding: 10px;
    }

    .srp-container-title 
    .search-by-make {
        padding: 20px;
        padding-right: 0px;
        padding-left: 10px;
    }

    .military-discount-srp-section {
        padding: 40px;
    }

    .military-discount-srp-section 
    .search-options {
        padding: 20px;
        padding-right: 0px;
    }

    .search-results .search-results-title {
        font: bold 1rem/1.5rem Arial;
    }

    .search-results-tile 
    .search-results-tile-button-link {
        position: relative;
        display: block;
        bottom: auto;
        right: auto;
        width: auto;
    }

    .military-discount-srp-section 
    .srp-container-purchase-options {
        display: none;
    }

    .military-discount-srp-section 
    .srp-container-purchase-options-tablet {
        padding: 20px 0px;
        display: inline-block;
        text-align: center;
        width: 65%;
        position: relative;
    }

    .srp-sort-container 
    .srp-sort-select,
    .purchase-options-container 
    .purchase-options-select,
    .refine-results-container 
    .purchase-options-select {
        background: url("https://www.autonation.com/~/media/Images/LandingPages/military-discounts/icons/dropdown") 96% / 15% no-repeat var(--white);
        background-size: 10px 6px;
        border: 1px solid var(--text-placeholder);
        border-radius: 3px;
        opacity: 1;
        width: 100%;
        padding: 12px 0px 12px 15px;
        text-align: left;
        font: normal 1rem/1.5rem Arial;
        letter-spacing: 0px;
        color: var(--text-copy);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        opacity: 1;
        margin-bottom: 20px;
        height: auto;
        box-sizing: border-box;
    }

    .srp-sort-container 
    select::-ms-expand ,
    .purchase-options-container 
    select::-ms-expand {
        display: none;
      }

    .refine-results {
        text-align: center;
        font: Bold 1rem/1.125rem Arial;
        letter-spacing: 0px;
        color: var(--text-heading);
        opacity: 1;
    }

    .refine-results-container .purchase-options-select {
        border: none !important;
        font: normal 1rem / 1.2rem 'Autonation Light';
        font-family: 'Autonation Light';
        margin-bottom: 0px;
    }

    .refine-results:hover,
    .refine-results:focus {
        text-decoration: none;
        color:  var(--text-heading);
    }

    .refine-results 
    .results-arrow{
        display: inline-block;
        margin-left: 14px;
        transition: all .3s;
        margin-bottom: 2px;
    }

    .refine-results-container {
        text-align: left;
        display: none;
        background: var(--white);
        z-index: 1000;
        padding: 10px;
        max-height: 300px;
        overflow-y: auto;
        padding: 10px 15px;
    }

    .purchase-options-container,
    .srp-sort-container {
        float: none;
    }

    .srp-container-purchase-options-tablet 
    .purchase-options-container 
    button, 
    .srp-container-purchase-options-mobile 
    .purchase-options-container 
    button {
        border: none;
        background: var(--white);
        text-align: left;
        font: Bold 0.875rem/1rem Arial;
        letter-spacing: 0px;
        color: #0A3453;
        opacity: 1;
        display: block;
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }

    .srp-container-purchase-options-tablet 
    .purchase-options-container 
    button:hover,
    .srp-container-purchase-options-mobile 
    .purchase-options-container 
    button:hover {
        color: var(--pink-600);
        border-bottom: 3px solid var(--pink-600);
    }

    .srp-container-purchase-options-tablet 
    .purchase-options-container 
    .purchase-options-title, 
    .srp-container-purchase-options-mobile 
    .purchase-options-container 
    .purchase-options-title{
        text-align: left;
        font: Bold 0.875rem/1rem Arial;
        letter-spacing: 0px;
        color: var(--text-heading);
        opacity: 1;
        margin-bottom: 15px;
    }

    .srp-container-purchase-options-tablet 
    .srp-sort-container 
    .srp-container-sort-label,
    .srp-container-purchase-options-mobile 
    .srp-sort-container 
    .srp-container-sort-label {
        text-align: left;
        display: block;
        font: Bold 0.875rem/1rem Arial;
        letter-spacing: 0px;
        color: var(--text-heading);
        opacity: 1;
        margin-bottom: 0px;
    }

    .sort-dropdown-list {
        font: normal 0.875rem/1rem arial;
    }

    .sort-dropdown-menu {
        display: block;
    }

    .srp-sort-container 
    .make-category {
        margin: 0px 0px 10px 0px;
        font: normal 0.875rem/1rem Arial;
        cursor: pointer;
    }

    .srp-sort-container 
    .make-category:hover {
        background-color: var(--bg-light-theme-tertiary);;
    }

    .srp-requirement-icons div {
        padding: 0px;
    }

    .blue-license img {
        transform: scale(3);
    }

    .military-discount-eligibility-section {
        padding: 50px;
    }

    .right-section-img-left-section {
        display: none;
    }

    .right-section-img-right-section {
        width: auto;
    }
    
    .right-section-img-right-section img {
        width: 100%;
        height: 85.97%;
        margin-bottom: 20px;
    }
    
    .right-section-img-right-section .old-veterans-img {
        height: 50.55%;
    }

    .military-discount-thanks-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/thank-you-service-banner-tablet.png);
        background-size: 100% 100%;
        padding: 6.9% 0px 6.9% 5%;
    }

    .thank-you-service {
        width: 55.8%;
        vertical-align: top;
        margin-top: 30px;
    }

    .left-text {
        margin-bottom: 0px;
    }

    .right-text {
        max-width: 535px;
        width: 75%;
    }

    .coupon-disclaimer {
        margin: 90px auto 10px auto;
    }

    .sanitize-offer {
        display: block;
        max-width: none;
        width: 100%;
        max-width: 700px;
    }

    .pink-plate {
        width: 170px;
        height: 88px;    
    }
}

@media all and (max-width: 801px) {
    .outer-container {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/blue-background-768.svg);
    }

    .right-text {
        max-width: 55.9%;
        height: 9.7%;
    }

    .outer-container {
        width: 100%;
    }

    .blue-license {
        margin: 40px auto 10px auto;
    }

    .coupon-disclaimer {
        margin: 75px auto 10px auto;
        width: 80%;
    }

    .sanitize-text {
        width: 75.7%;
    }
}

@media all and (max-width: 767px) {
    .srp-requirement-icon-tile p {
        display: inline-block;
        vertical-align: top;
    }

    .requirements-section {
        padding: 40px 0px;
    }

    .srp-requirement-icon-tile {
        margin-bottom: 40px;
    }

    .srp-store-requirements-title {
        font: bold 1.375rem/1.5rem Arial;
    }

    .srp-requirement-icon-tile-content img {
        display: block;
        margin: 0px auto 22px auto;
    }

    .srp-requirement-icon-tile-content p{
        font: normal normal bold 1rem/1.5rem Arial;
    }

    .military-discount-srp-section 
    .search-options {
        padding-left: 10px;
    }

    .srp-requirement-icon-tile img {
        display: block;
        vertical-align: baseline;
        margin: 0px auto 15px auto;
    }

    .srp-requirement-icon-tile p {
        text-align: left;
    }

    .blue-license {
        display: inline-block;
        margin-left: -60px;
    }

    .srp-disclaimer {
        margin-top: 0px;
    }

    .military-discount-eligibility-section {
        padding: 50px;
    }

    .military-discount-eligibility-section .left-section-text {
        text-align: center;
        font: Bold 1rem/1.5rem Arial;
        letter-spacing: 0px;
        color: var(--text-heading);
        opacity: 1;
    }

    .military-discount-eligibility-section ul {
        padding-left: 10%;
    }

    .right-section {
        display: none;
    }
}

@media all and (max-width: 641px) {
    .pink-plate {
        width: 141px;
        height: 82px;
    }

    .outer-container {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/blue-background-mobile.svg);
        padding: 50px;
        margin-bottom: 30px;
    }

    .sanitize-offer {
        padding: 55px 10px;
    }

    .left-text-title {
        font: bold 1.375rem/1.5rem Arial;
    }

    .left-text-secondary {
        font: normal 1rem/1.5rem Arial;
        text-align: center;
        max-width: 385px;
        margin: 0px auto;
    }

    .right-text {
        max-width: 63%;
    }

    .coupon-disclaimer {
        width: 80%;
    }
}

@media all and (max-width: 584px) {
    .outer-container {
        padding: 50px 30px 50px 30px;
    }
}

@media all and (max-width: 825px) {
    .military-discount-banner-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/military-family-smiling-mobile.png);
    }

    .srp-container-top {
        padding: 0px 24px;
    }

    .srp-container-top .seperator {
        display: none;
    }

    .hide-mobile {
        display: none;
    }

    .header-button {
        width: 57%;
        height: 40px;
        font: bold 0.875rem/1rem Arial;
    }

    .make-title {
        text-align: left;
        font: Bold 0.875rem/1rem Arial;
        letter-spacing: 0px;
        color: var(--text-heading);
        opacity: 1;
        margin-bottom: 15px;
    }

    .clear-filter {
        margin-left: 0px;
        margin-top: 15px;
        display: none;
    }

    .military-discount-srp-section .military-discount-srp-container {
        margin: 24px 0px 0px 0px;
    }

    .refine-results {
        display: flex;
        flex-flow: row;
        justify-content: start;
        align-items: center;
        font-family: 'Autonation Regular';
        font-size: 16px;
        font-weight: 500;
        gap: 12px;
    }

    .military-logos {
        display: none;
    }
    
    .military-logos-576 {
        display: block;
        margin: 0px 0px 0px 10%;
    }

    .military-discount-srp-section .hide-mobile {
        display: none;
    }

    .military-discount-srp-section 
    .srp-container-purchase-options-tablet {
        display: none;
    }

    .military-discount-srp-section 
    .srp-container-purchase-options-mobile {
        display: block;
        text-align: center;
        padding: 17px 0px;
        max-width: 270px;
        width: 100%;
    }

    .refine-results-container {
        width: 100%;
    }

    .refine-results-container .srp-sort-select  {
        font-size: 16px;
        font-family: 'Autonation Light';
        margin-bottom: 0px;        
    }

    .military-discount-srp-section .search-options {
        z-index: 100;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0px;
        border: none;
    }

    .search-results {
        width: 100%;
        padding: 24px 16px;
        margin-left: 0px;
    }

    .purchase-options-container 
    .make-title{
        text-align: left;
        font: Bold 0.875rem/1rem Arial;
        letter-spacing: 0px;
        color: var(--text-heading);
        opacity: 1;
    }

    .search-options-select {
        background: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/icons/dropdown) 96% / 15% no-repeat var(--white);
        background-size: 10px 6px;
        border-radius: 3px;
        opacity: 1;
        width: 100%;
        padding: 12px 0px 12px 15px;
        border: none !important;
        font: normal 1rem / 1.2rem 'Autonation Light';
        font-family: 'Autonation Light';        
        text-align: left;
        letter-spacing: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        opacity: 1;
        margin-bottom: 0px;
        width: 100%;
    }

    .search-options-select.open {
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-radius: 3px;
        margin-bottom: 15px;
    }

    .search-options {
        background-color: var(--white);
    }

    .search-options-select.close-select {
        border: 1px solid var(--text-heading);
    }

    .military-discount-srp-section
    .search-options 
    .option-container {
        margin-left: 15px;
    }

    .mobile-version.close-select {
        border: none;
        max-height: 130px;
    }

    .mobile-version.open {
        border: 1px solid var(--text-heading);
        border-radius: 8px;
    }

    .purchase-options-container 
    .make-title{
        text-align: left;
        font: Bold 0.875rem/1rem Arial;
        letter-spacing: 0px;
        color: var(--text-heading);
        opacity: 1;
    }

    .search-results-tile .search-results-tile-button-link {
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        flex: 100%;
    }

    .search-results .search-results-tile {
        max-width: 330px;
        flex: 48%;
    }

    .military-discount-srp-section .search-options {
        width: 100%;
        padding: 0px;
        height: auto;
    }

    .military-discount-srp-section .srp-store-requirements {
        text-align: center;
        font: Bold 1.375rem/1.5rem Arial;
        letter-spacing: 0px;
        color: var(--white);
        opacity: 1;
    }

    .military-discount-eligibility-section .left-section-title {
        text-align: center;
        font: Bold 1.375rem/1.5rem Arial;
    }

    .search-results .search-results-title {
        font: Bold 1rem/1.5rem Arial;
    }

    .military-discount-thanks-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/thank-you-service-banner-576.png);
    }

    .pink-plate {
        width: 141px;
        height: 82px;
    }

    .thank-you-service {
        margin-top: 20px;
    }

    .sanitize-offer {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/sanitation-offer-background-576.png);
    }
    
    .sanitize-pink-text {
        width: 80%;
        margin: 0px auto 20px auto;
    }

    .coupon-disclaimer {
        margin: 50px auto 10px auto;
        width: 80%;
    }

    .sanitize-offer .primary-button {
        width: 200px;
        height: 40px;
    }
}

@media all and (max-width: 525px) {
    .left-text-title {
        font: bold 1.125rem/1.25rem Arial;
    }

    .left-text-secondary {
        font: normal 0.75rem/0.875rem Arial;
    }

    .outer-container {
        padding: 80px 30px 50px 30px;
    }

    .coupon-disclaimer {
        font: normal 0.5rem/0.625rem arial;
    }

    .military-discount-srp-section .srp-store-requirements {
         font: Bold 1.125rem/1.5rem Arial;
    }
}

@media all and (max-width: 577px) {
    .military-discount-srp-section .military-discount-srp-section-title {
        font-size: 20px;
        line-height: 150%;
    }

    .military-discount-srp-section .military-discount-srp-section-text {
        font-size: 14px;
    }

    .search-results-tile-info {
        align-content: start;
    }

    .search-results .search-results-tile {
        padding: 16px;
        min-height: auto;
    }
}

@media all and (max-width: 461px) {
    .military-logo-container {
        flex-basis: 32%;
    }

    .military-discount-banner-section {
        padding: 27.9% 0px;
        text-align: center;
    }

    .srp-requirement-icon-tile img {
        display: block;
        margin: 0px auto 15px auto;
    }

    .blue-license {
        display: block;
        margin-left: 0px;
    }

    .srp-requirement-icon-tile p {
        text-align: center;
        margin-bottom: 30px;
    }

    .military-discount-srp-section {
        padding: 24px 16px;
    }

    .military-discount-srp-section .srp-store-requirements {
        text-align: center;
        font: Bold 1rem/1.5rem Arial;
        letter-spacing: 0px;
        color: var(--white);
        opacity: 1;
    }

    .srp-requirement-icons div {
        margin: auto;
    }

    .srp-requirement-icon-tile
    .srp-requirement-icon-tile-content
    .blue-shield {
        margin: auto;
    }

    .blue-license + p {
        margin-top: 0px;
    }

    .blue-shield + p {
        margin-top: 0px;
    }

    .military-discount-eligibility-section {
        padding: 50px 15px;
    }

    .military-discount-eligibility-section ul {
        padding-left: 0%;
    }

    .military-discount-eligibility-section ul li {
        font: normal 1rem/1.75rem Arial;
    }

    .pink-plate {
        display: block;
        margin: auto;
        width: 128px;
        height: 67px;
        margin-bottom: 10px;
    }

    .srp-store-requirements-title {
        font: bold 1.125rem/1.5rem Arial;
    }

    .military-discount-thanks-section {
        padding: 30px 0px;
    }

    .thank-you-service {
        display: none;
    }

    .thank-you-service-mobile {
        display: block;
        width: 211px;
        height: 56px;
        margin: 0px auto;
    }

    .military-discount-thanks-section {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/thank-you-service-banner-425.png);
    }

    .outer-container {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/blue-background-375.svg);
        padding: 30px 50px 60px 50px;
    }

    .left-text {
        margin-bottom: 0px;
    }

    .left-text-title {
        font: bold 1rem/1.125rem Arial;
    }

    .left-text-secondary {
        font: normal 0.875rem/1.125rem Arial;
        max-width: 235px;
    }

    .right-text {
        max-width: 188px;
    }

    .mobile-img {
        display: block;
    }

    .desktop-img {
        display: none;
    }

    .coupon-disclaimer {
        width: 70%;
        text-align: center;
        margin: 70px auto 0px auto;
    }

    .sanitize-offer {
        background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/sanitation-offer-background-375.png);
        padding: 50px 0px;
        max-width: 260px;
    }

    .sanitize-title {
        width: 80%;
    }

    .sanitize-pink-text {
        font: bold 1.375rem/1.5rem Arial;
    }
}

@media all and (max-width: 461px) {
    .first-thanks-line {
        text-align: center;
        font: normal 1.5rem/1.5rem 'Autonation Regular';;
    }

    .second-thanks-line {
        text-align: center;
        font: italic 1.5rem/1.5rem "Autonation Bold";
    }

    .thanks-text-container {
            width: 100%;
    }

    .thanks-text-container img {
        max-height: 13px;
        float: none;
        margin: 0px auto;
        display: block;
    }

    .military-discount-srp-section .srp-store-requirements {
        font: Bold 0.875rem/1.5rem Arial;
    }

    .military-discount-eligibility-section ul li {
        font: normal 0.875rem/1.75rem Arial;
    }
}

@media all and (max-width: 361px) {
    .left-text-title {
        font: bold 1rem/1.5rem Arial;
    }

    .left-text-secondary {
        font: normal 0.75rem/1.125rem Arial;
        max-width: 235px;
    }
}

@media all and (max-width: 321px) {
    .military-discount-srp-section .srp-store-requirements {
        font: Bold 0.75rem/1.5rem Arial;
    }

    .search-results-tile .search-results-tile-button-link {
        font: Bold 0.75rem/0.875rem Arial;
    }

    .military-discount-eligibility-section ul li {
        font: normal 0.75rem/1.75rem Arial;
    }

    .left-text-title {
        font: bold 0.75rem/0.875rem Arial;
    }

    .left-text-secondary {
        font: normal 0.625rem/0.75rem Arial;
        max-width: 235px;
    }

    .coupon-disclaimer {
        font: normal 0.5rem/0.625rem Arial;
    }
}
/* End of SRP Deals Styles */

/* Start of three column need to bring styles */
.three-column-container.three-column-need-to-bring {
    padding: 12px 80px;
}

.three-column-container.three-column-need-to-bring .three-column-title {
    text-align: left;
}

.three-column-container.three-column-need-to-bring .column-content {
    border: none;
    align-items: center;
    gap: 12px;
}

.three-column-container.three-column-need-to-bring .column-icon {
    width: 120px;
    height: 120px;
    background-color: var(--bg-light-theme-tertiary);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.three-column-container.three-column-need-to-bring .column-title {
    font-size: 20px;
}

@media all and (max-width: 1116px) {
    .three-column-container.three-column-need-to-bring .column-title {
        font-size: 16px;
    }  
    
    .three-column-container.three-column-need-to-bring {
        padding: 40px;
    }    
}

@media all and (max-width: 825px) {
    .three-column-container.three-column-need-to-bring .slick-slide {
        height: auto;
    }

    .three-column-container.three-column-need-to-bring .column-content {
        padding: 16px 8px;
    }
}

@media all and (max-width: 577px) {
    .three-column-container.three-column-need-to-bring {
        padding: 24px 16px;
        padding-bottom: 32px;
        gap: 24px;
    }  
    
    .three-column-container.three-column-need-to-bring .column-content {
        display: flex;
        margin: 0px;
    }
    
    .three-column-container.three-column-need-to-bring .three-column-title {
        font-size: 20px;
        text-align: left;        
    }
}
/* End of three column need to bring styles */

/* Start of Carousel Styles */
.carousel-section {
    margin: 56px 80px;
    padding: 56px 80px;
    background-color: var(--text-heading);
    border-radius: 16px;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    align-items: center;
}

.carousel-section .carousel-section-title,
.carousel-section .carousel-section-text {
    color: var(--white);
    text-align: left;
    max-width: 384px;
    margin: 0px;
}

.carousel-section .carousel-copy-title {
    padding: 16px;
    padding-bottom: 0px;
    margin: 0px;    
    font-family: 'Autonation Regular';
    font-size: 20px;
}

.carousel-section .carousel-copy-text {
    color: var(--text-copy);
    font-size: 14px;
    font-family: 'Autonation Light';
    padding: 0px 0px 16px 0px;
    margin: 0px 16px;
    border-bottom: 1px solid #D2DADF;
}

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

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

.carousel.arrow ~ .swiper-arrow {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(2px);
}

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

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

.carousel .slick-dots li.slick-active {
    border-top: 2.5px solid var(--white);
}

.carousel .slick-dots li {
    border-top: 1px solid #D2DADF;
}

.carousel-section .carousel-copy-text ul,
.carousel-section .carousel-copy-text ul li {
    list-style-type: circle;
    margin: 0px;
}

.carousel-section .carousel-copy-text ul li {
    font-size: 14px;
    font-family: 'Autonation Light';
}

.carousel-section .carousel-copy-text ul {
    margin-left: 16px;
}

.carousel-copy-expiration p {
    font-size: 12px;
    color: var(--text-copy);
    margin: 0px;
    margin-bottom: 4px;
}

.carousel-copy-expiration {
    padding: 0px 16px;
}

.carousel-copy-expiration .carousel-copy-link {
    color: var(--text-heading);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    font-size: 14px;
    font-family: 'Autonation Regular';
    font-weight: 500;
}

.carousel-copy-button {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    background-color: var(--text-heading);
    color: var(--white);
    font-size: 16px;
    font-family: 'Autonation Regular';
    font-weight: 500;
    height: 48px;
    max-width: 290px;
    position: absolute;
    bottom: 16px;
    left: 16px;
    border-radius: 8px;
}

.carousel-copy-button:hover,
.carousel-copy-button:focus {
    color: var(--white);
    text-decoration: none;
}

.carousel-section .carousel-section-text {
    font-size: 20px;
    position: absolute;
    left: 7.5%;
    bottom: 28%;
}

.carousel-section .small-text-container {
    max-width: 130px;
    color: #D9D9D9;
    border-color: #D9D9D9;
    margin-bottom: 8px;
}

.carousel-section .carousel-copy-image .small-text-container {
    width: fit-content;
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    color: var(--text-heading);
    border-color: var(--text-heading);
    background-color: var(--white);
    max-width: none;
}

.carousel-section .slick-slide {
    padding: 0px;
    background-color: var(--white);
    padding-bottom: 16px;
    border-radius: 16px;
}

.carousel-section div {
    text-align: left;
}

.carousel-section .carousel-copy-image {
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 16px 16px 0px 0px;
}

.carousel-section .carousel-container .carousel {
    gap: 16px;
}

.carousel-section .first-slide,
.carousel-section .second-slide {
    position: relative;
    background-color: var(--white);
    height: 500px;
    width: 100%;
    max-width: 370px;
    border-radius: 16px;    
}

.carousel-section .third-slide,
.carousel-section .fourth-slide,
.carousel-section .fifth-slide {
    display: none;
}

.carousel-section .carousel-copy-image.first {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/first-slide-image);
}

.carousel-section .carousel-copy-image.second {
    background-image: url(https://www.autonation.com/~/media/Images/LandingPages/military-discounts/second-slide-image);
}

.carousel-section .carousel-copy-image.third {
    background-image: url(https://anapi.kreateservices.com/Files/Service/b54bb34f-e566-4aad-9f19-9f48fd683418.jpg);
}

.carousel-section .carousel-copy-image.fourth {
    background-image: url(https://anapi.kreateservices.com/Files/Service/ef23fbcc-3972-4dab-bfeb-e01932a6c96b.jpg);
}

.carousel-section .carousel-copy-image.fifth {
    background-image: url(https://anapi.kreateservices.com/Files/Service/5eb5e44e-27a9-4386-acab-6ebca33b896e.jpg);
}

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

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

@media all and (max-width: 1680px) {
    .carousel-section .carousel-container {
        max-width: 744px;
    }   
    
    .carousel-section .carousel-section-text {
        left: 9%;
    }
}

@media all and (max-width: 1480px) {
    .carousel-section .carousel-section-text {
        left: 8%;
    }  
    
    .carousel.arrow ~ .swiper-arrow.swiper-button-prev
    .carousel.arrow ~ .swiper-arrow.swiper-button-next {
        bottom: -45px;
    }
}

@media all and (max-width: 1421px) {
    .carousel-section .carousel-section-text {
        bottom: 28%;
    }    
}

@media all and (max-width: 1300px) {
    .carousel-section {
        margin: 40px;
        padding: 40px;
        padding-bottom: 60px;
    }

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

    .carousel-section .carousel-section-text {
        left: 119px;
    }

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

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

    .carousel-copy-button {
        max-width: 343px;
        left: 50%;
        margin: 0px auto;
        transform: translateX(-50%);
    }
}

@media all and (max-width: 1116px) {
    .carousel-section {
        justify-content: space-between;
    }

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

    .carousel-copy-button {
        max-width: 230px;
    }

    .carousel-section .carousel-copy-text ul li {
        font-size: 12px;
    }

    .carousel-section .carousel-copy-text {
        font-size: 12px;
    }

    .carousel-section .carousel-section-text {
        left: 40px;
        bottom: 32%;
    }

    .carousel-section .carousel-section-title, .carousel-section .carousel-section-text {
        max-width: 383px;
    }

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

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

@media all and (max-width: 965px) {
    .carousel-section {
        flex-flow: column;
        align-items: start; 
        display: block;       
    }

    .carousel-section .carousel-container {
        max-width: none;
        margin-top: 30px;
    }

    .carousel-section .carousel-section-title {
        max-width: none;
        font-size: 32px;
    }

    .carousel-section .carousel-section-text {
        position: relative;
        bottom: auto;
        left: auto;
        max-width: none;
    }
}

@media all and (max-width: 825px) {
    .carousel .slick-dots {
        width: 80%;
        bottom: -30px;
    }
}

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

    .carousel-section .small-text-container {
        margin-bottom: 16px;
    }

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

    .carousel-section .carousel-section-text {
        font-size: 16px;
    }    

    .carousel .slick-dots {
        background-color: transparent;
    }

    .carousel .slick-dots li {
        border-color: var(--text-placeholder);
        background-color: var(--text-placeholder);
    }

    .carousel-copy-button {
        max-width: 260px;
    }
}
/* End of Carousel Styles */

/* Start of Pencil Banner Styles */
.two-column-container.military-discounts-pencil-banner {
    padding: 40px 80px;
    margin: 40px 80px;
    max-width: 1680px;
    border-radius: 16px;
    background: var(--grayscale-100);
    gap: 40px;
}

.two-column-container.military-discounts-pencil-banner .two-column-media-container {
    max-width: 150px;
    border-radius: 0px;
}

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

.two-column-container.military-discounts-pencil-banner .two-column-text-container {
    max-width: 585px;
}

.two-column-container.military-discounts-pencil-banner .two-column-title {
    font-family: 'Autonation Light';
    letter-spacing: 0.7px;
    font-weight: 500;
}

@media all and (max-width: 1116px) {
    .two-column-container.military-discounts-pencil-banner {
        margin: 40px;
        padding: 40px 56px;
        gap: 32px;
    }
}

@media all and (max-width: 825px) {
    .two-column-container.military-discounts-pencil-banner {
        padding: 40px;
    }

    .two-column-container.military-discounts-pencil-banner .two-column-title {
        text-align: center;
    }    
}

@media all and (max-width: 577px) {
    .two-column-container.military-discounts-pencil-banner {
        padding: 24px 16px;
        margin: 24px 16px;
    }

    .two-column-container.military-discounts-pencil-banner .two-column-title {
        font-size: 24px;
    }
}
/* End of Pencil Banner Styles */

/* Start of Disclaimer Styles */
.one-column-container.military-discounts-disclaimer {
    padding: 28px 80px;
    background-color: #191919;
    color: var(--white);
}

.one-column-container.military-discounts-disclaimer .one-column-disclaimer {
    color: var(--white);
    font-family: 'Autonation Light';
}

@media all and (max-width: 825px) {
    .one-column-container.military-discounts-disclaimer {
        padding: 28px 40px;
    }
}

@media all and (max-width: 577px) {
    .one-column-container.military-discounts-disclaimer {
        padding: 16px;
    }    
}
/* End of Disclaimer Styles */

/* Start of Modal Styles */
.military-discounts-modal {
    z-index: 100001;
    position: relative;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 24px;
    max-width: 375px;
    max-height: 475px;
    overflow-y: auto;
    background-color: var(--white);
}

.military-discounts-modal .close-logo {
    border-radius: 50%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #eaeaea;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.military-discounts-modal-overlay {
    width: 100%;
    height: 100%;
    z-index: 100000;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.military-discounts-modal-overlay.hide {
    display: none;
}

.military-discounts-modal-content .military-discounts-title {
    color: var(--text-heading);
    font-family: 'Autonation Regular';
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .35px;    
}

.military-discounts-modal-content .military-discounts-text {
    font-size: 14px;
    font-family: 'Autonation Light';
    line-height: 150%;
}

.military-discounts-modal ul,
.military-discounts-modal ul li {
    font-size: 14px;
    font-family: 'Autonation Light';
    line-height: 150%;
    list-style-type: circle;
}

.military-discounts-modal ul {
    margin-left: 16px;
}

@media all and (max-width: 577px) {
    .military-discounts-modal {
        max-width: 315px;
        max-height: 375px;
    }
}
/* End of Modal Styles */