* {
    margin: 0px;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}

/* Start of Pencil Banner Styles */
.one-column-container.fleet-service-pencil-banner {
    padding: 10px;
    background: #D9D9D9;

}

.one-column-container.fleet-service-pencil-banner .one-column-text, 
.one-column-container.fleet-service-pencil-banner .one-column-text .pencil-banner-link {
    font-size: 16px;
    color: #000;
}

.one-column-container.fleet-service-pencil-banner .one-column-text {
    font-family: 'Autonation Regular';
    font-weight: 500;
}

.one-column-container.fleet-service-pencil-banner .one-column-text .pencil-banner-link {
    font-family: 'Autonation Regular';
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
}

.one-column-container.fleet-service-pencil-banner .one-column-text .pencil-banner-link:hover,
.one-column-container.fleet-service-pencil-banner .one-column-text .pencil-banner-link:focus {
    color: #000;
}

@media all and (max-width: 577px) {
    .one-column-container.fleet-service-pencil-banner .one-column-text, 
    .one-column-container.fleet-service-pencil-banner .one-column-text .pencil-banner-link {
        font-size: 12px;
        max-width: 300px;
    }
}

@media all and (max-width: 374px) {
    .one-column-container.fleet-service-pencil-banner .one-column-text, 
    .one-column-container.fleet-service-pencil-banner .one-column-text .pencil-banner-link {
        font-size: 12px;
    }
}
/* End of Pencil Banner Styles */

/* Start of Hero Banner Styles */
.two-column-container.fleet-service-hero {
    background-image: url(https://www6.stgautonation.com/~/media/Images/LandingPages/fleet-service/hero-background-1440);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    color: white;
    padding: 56px 80px;
    padding-bottom: 0px;
    justify-content: space-between;
    gap: 0px;
}

.two-column-container.fleet-service-hero .two-column-text-container {
    gap: 16px;
    max-width: 744px;
    padding-bottom: 80px;
}

.two-column-container.fleet-service-hero .two-column-title,
.two-column-container.fleet-service-hero .two-column-text {
    color: white;
}

.two-column-container.fleet-service-hero .two-column-title {
    font-size: 60px;
    letter-spacing: 1.05px;
}

.two-column-container.fleet-service-hero .two-column-text {
    font-size: 20px;
    font-family: 'Autonation Light';
    font-weight: 500;
}

.two-column-container .two-column-media-container {
    max-height: 520px;
    max-width: 535px;
}

.two-column-container.fleet-service-hero .two-column-cta-container .arrow-container {
    display: flex;
    flex-flow: row;
    /*justify-content: start;*/
    align-items: center;
    gap: 24px;
    text-decoration: none;
    /*background: none;*/
    box-shadow: none;
    width: 280px;
    /*height: auto;*/
    border: none;
    margin: 0px;
    padding: 0px;    
}

.two-column-container.fleet-service-hero .two-column-cta-container .arrow-container:hover .cta-text {
    /*text-decoration: underline;*/
}

.two-column-container.fleet-service-hero .two-column-cta-container .primary-cta-arrow {
    background-color: #E61464;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;   
    display: none; 
}

.two-column-container.fleet-service-hero .two-column-cta-container .cta-text {
    color: white;
    text-decoration: none;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: none;
    /*text-decoration-line: underline;*/
}

.two-column-container.fleet-service-hero .two-column-media-container img {
    margin-top: 15px;
}

@media all and (max-width: 1116px) {
    .two-column-container.fleet-service-hero {
        background-image: url(https://www6.stgautonation.com/~/media/Images/LandingPages/fleet-service/hero-background-1024);
        padding: 56px 40px 0px 40px;
        justify-content: space-between;
    }

    .two-column-container.fleet-service-hero .two-column-text-container {
        max-width: 404px;
        padding-bottom: 40px;
    }

    .two-column-container.fleet-service-hero .two-column-media-container img {
        max-height: 100%;
        max-width: 500px;
        float: right;      
    }
}

@media all and (max-width: 825px) {
    .two-column-container.fleet-service-hero {
        background-image: url(https://www6.stgautonation.com/~/media/Images/LandingPages/fleet-service/hero-background-768);
        padding: 56px 40px 0px 40px;
    }

    .two-column-container.fleet-service-hero .two-column-text-container {
        max-width: none;
        padding-bottom: 40px;
    }

    .two-column-container .two-column-media-container {
        display: none;
    }

    .two-column-container.fleet-service-hero .two-column-logo {
        max-width: 375px;
    }
}

@media all and (max-width: 577px) {
    .two-column-container.fleet-service-hero {
        background-image: url(https://www6.stgautonation.com/~/media/Images/LandingPages/fleet-service/hero-background-375);
        padding: 24px 16px 0px 16px;
    }

    .two-column-container .two-column-container {
        align-items: left;
    }    

    .two-column-container.fleet-service-hero .two-column-text-container {
        gap: 8px;
        max-width: 303px;
        padding-bottom: 24px;
    }   
    
    .two-column-container.fleet-service-hero .two-column-logo {
        max-width: 275px;
    }

    .two-column-container.fleet-service-hero .two-column-title {
        font-size: 24px;
    }

    .two-column-container.fleet-service-hero .two-column-text {
        font-size: 16px;
    }

    .two-column-container.fleet-service-hero .two-column-cta-container {
        display: none;
    }
}
/* End of Hero Banner Styles */

/* Start of three column styles */
.column-content {
    height: 500px;
    border-radius: 32px;
    border: none;
}

.fleet-service-three-column {
    padding: 56px 80px;
}

.fleet-service-three-column .three-column-title,
.fleet-service-three-column .three-column-text {
    text-align: left;
    max-width: 740px;
}

.fleet-service-three-column .carousel-copy-title {
    text-align: center;
    font-size: 20px;
}

.fleet-service-three-column .three-column-content {
    max-width: none;
}

.fleet-service-three-column .carousel-copy-text {
    font-size: 16px;
    text-align: center;
    font-family: 'Autonation Light';
    color: #5C5C5C;
    max-width: 335px;
}

.fleet-service-three-column .column-content {
    padding: 16px;
    background-size: cover;
    background-position: center;
}

.fleet-service-three-column .three-column-text {
    font-family: 'Autonation Light';
    font-size: 16px;
}

.fleet-service-three-column .carousel-copy-container {
    width: 93%;
}

.fleet-service-three-column .first-column {
    background-image: url(https://www6.stgautonation.com/~/media/Images/LandingPages/fleet-service/slide-1-background);
}

.fleet-service-three-column .second-column {
    background-image: url(https://www6.stgautonation.com/~/media/Images/LandingPages/fleet-service/slide-2-background.jfif);
}

.fleet-service-three-column .third-column {
    background-image: url(https://www6.stgautonation.com/~/media/Images/LandingPages/fleet-service/slide-3-background);
}

@media all and (max-width: 1116px) {
    .fleet-service-three-column {
        padding: 56px 40px;
    }

    .fleet-service-three-column .three-column-title,
    .fleet-service-three-column .three-column-text {
        max-width: 840px;
    }    
}
/* End of three column styles */

/* Start of table styles */
.repair-services-section p {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.repair-services-section {
    padding: 80px;
    background-color: #F7F8F9;
    display: flex;
    flex-flow: row;
    gap: 40px;
    align-items: center;
    justify-content: center;
}

.repair-services-section .text-container {
    max-width: 680px;
    width: 100%;
}

.repair-services-section .text-container-title {
    font-family: 'Autonation Regular';
    font-size: 40px;
    font-style: normal;
    font-weight: bold;
    line-height: 120%; /* 48px */
    letter-spacing: 0.7px;  
    margin-bottom: 8px;  
}

.repair-services-section .text-container-text {
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;   
    margin-bottom: 24px; 
}

.repair-services-section .logo-info-container {
    background-color: white;
    padding: 40px;
    display: flex;
    flex-flow: row wrap;
    gap: 40px;
    max-width: 770px;
    box-sizing: border-box;
    border-radius: 16px;
}

.repair-services-section .info-container{
    flex: 45%;    
    display: flex;
    flex-flow: column;
    align-items: start;
    justify-content: start;
    max-width: 333px;
}

.repair-services-section .info-container-logo {
    height: 60px;
    width: 60px;
    background-color: #F3F3F3;
    border-radius: 50%;
    margin-bottom: 24px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;    
}

.repair-services-section .info-container-logo .logo {
    height: 35px;
    width: 35px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.repair-services-section .primary-cta-arrow {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;    
}

.repair-services-section .primary-cta-arrow svg {
    width: 24px;
    height: 24px;
}

.repair-services-section .primary-cta-arrow {
    background-color: #E61464;    
}

.repair-services-section .service.arrow-container.primary-button {
    display: flex;
    flex-flow: row;
    gap: 24px;
    justify-content: left;
    align-items: center;
}

.repair-services-section .primary-button .cta-text {
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;
    text-decoration-line: underline;  
    color: #000;  
}

.logo.buying-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="22" viewBox="0 0 32 22" fill="none"><path d="M7.03093 15.7044V15.1574L19.1528 15.1346V15.7396C19.1528 16.7109 19.9534 17.45 20.8633 17.45H21.6924C22.6707 17.45 23.4029 16.6475 23.4029 15.7396V9.37778C23.4029 9.09669 23.5705 8.80272 23.8006 8.66076L24.2863 8.42031C24.4993 8.31488 24.634 8.09781 24.634 7.86019V6.70441C24.634 6.35923 24.3542 6.07941 24.009 6.07941H22.8532C22.45 6.07941 22.0705 5.85659 21.8449 5.49216L20.1583 2.26368C19.7873 1.52739 19.013 1.12964 18.2653 1.12964H7.78282C6.9972 1.12964 6.26157 1.52448 5.89198 2.25936L4.16513 5.42777C3.94608 5.81968 3.56527 6.04423 3.15969 6.04423H2.00391C1.65873 6.04423 1.37891 6.32405 1.37891 6.66923V7.82501C1.37891 8.06264 1.51366 8.27971 1.72662 8.38513L2.22199 8.63037C2.46044 8.76418 2.61007 9.03495 2.61007 9.34261V15.7044C2.61007 16.6758 3.41066 17.4149 4.3205 17.4149H5.3205C6.29183 17.4149 7.03093 16.6143 7.03093 15.7044Z" fill="%23EAEAEA" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M6.71936 8.04175H19.2937" stroke="black" stroke-width="1.25" stroke-linecap="round"/><path d="M13.3182 19.6342V19.0872L25.4401 19.0644V19.6694C25.4401 20.6408 26.2407 21.3799 27.1505 21.3799H27.9797C28.9579 21.3799 29.6901 20.5773 29.6901 19.6694V13.3076C29.6901 13.0265 29.8577 12.7325 30.0878 12.5906L30.5735 12.3501C30.7865 12.2447 30.9212 12.0276 30.9212 11.79V10.6342C30.9212 10.289 30.6414 10.0092 30.2962 10.0092H29.1405C28.7372 10.0092 28.3578 9.7864 28.1321 9.42197L26.4455 6.19349C26.0745 5.4572 25.3002 5.05945 24.5525 5.05945H14.0701C13.2844 5.05945 12.5488 5.45429 12.1792 6.18917L10.4524 9.35758C10.2333 9.74949 9.85251 9.97404 9.44692 9.97404H8.29114C7.94596 9.97404 7.66614 10.2539 7.66614 10.599V11.7548C7.66614 11.9924 7.80089 12.2095 8.01385 12.3149L8.50922 12.5602C8.74767 12.694 8.8973 12.9648 8.8973 13.2724V19.6342C8.8973 20.6056 9.69789 21.3447 10.6077 21.3447H11.6077C12.5791 21.3447 13.3182 20.5441 13.3182 19.6342Z" fill="white" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M13.0065 11.9712H25.5808" stroke="black" stroke-width="1.25" stroke-linecap="round"/><path d="M10.6488 16.6866H14.5783V16.6225C14.5783 15.5127 13.8518 14.7481 13.0563 14.6544L10.6859 14.3289" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M27.9385 16.6866H24.0091V16.6225C24.0091 15.5127 24.7356 14.7481 25.531 14.6544L27.9014 14.3289" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.9359 16.6867H21.9881" stroke="black" stroke-width="1.25" stroke-linecap="round"/></svg>');
}

.logo.collision-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="26" viewBox="0 0 32 26" fill="none"><path d="M1.00391 12.9421C4.28516 12.9421 6.48568 15.1743 8.03516 16.2904C9.80599 16.2904 12.543 16.4243 13.0742 16.96C13.6055 17.4957 13.7383 18.9689 13.7383 19.6386H15.0664V22.3171H1.00391" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.50391 25.1296C10.0572 25.1296 11.3164 23.8704 11.3164 22.3171C11.3164 20.7638 10.0572 19.5046 8.50391 19.5046C6.9506 19.5046 5.69141 20.7638 5.69141 22.3171C5.69141 23.8704 6.9506 25.1296 8.50391 25.1296Z" fill="white" stroke="black" stroke-width="1.25" stroke-miterlimit="10"/><path d="M8.50391 16.2234L13.1914 13.4109" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.83807 11.4385C5.76365 8.36094 12.3987 10.0591 12.2087 8.38068C12.0187 6.70226 7.45809 7.97492 7.36236 6.26457C7.26664 4.55422 13.5842 6.6909 12.9436 4.48646C12.3029 2.28202 3.72734 4.47556 8.85614 1.31027" stroke="black" stroke-width="1.25" stroke-linecap="round"/><path d="M31.0039 12.9421C27.7227 12.9421 25.5221 15.1743 23.9727 16.2904C22.2018 16.2904 19.4648 16.4243 18.9336 16.96C18.4023 17.4957 18.2695 18.9689 18.2695 19.6386H16.9414V22.3171H31.0039" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.5039 25.1296C21.9506 25.1296 20.6914 23.8704 20.6914 22.3171C20.6914 20.7638 21.9506 19.5046 23.5039 19.5046C25.0572 19.5046 26.3164 20.7638 26.3164 22.3171C26.3164 23.8704 25.0572 25.1296 23.5039 25.1296Z" fill="white" stroke="black" stroke-width="1.25" stroke-miterlimit="10"/><path d="M23.5039 16.2234L18.8164 13.4109" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.1697 11.4385C26.2442 8.36094 19.6091 10.0591 19.7991 8.38068C19.9891 6.70226 24.5497 7.97492 24.6455 6.26457C24.7412 4.55422 18.4236 6.6909 19.0643 4.48646C19.7049 2.28202 28.2805 4.47556 23.1517 1.31027" stroke="black" stroke-width="1.25" stroke-linecap="round"/></svg>');
}

.logo.convenient-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="23" viewBox="0 0 30 23" fill="none"><path d="M25.803 17.6786H28.3027C28.6797 17.6786 28.9911 17.3671 28.9911 16.9901V14.3839C28.9911 14.0069 28.6797 13.6955 28.3027 13.6955H27.9421V11.6465C27.9421 11.0073 27.4503 10.3926 26.8439 10.2861L19.2547 9.37633C18.1073 8.39285 13.8947 4.24583 12.1162 3.66394V17.695H17.5499" fill="white"/><path d="M25.803 17.6786H28.3027C28.6797 17.6786 28.9911 17.3671 28.9911 16.9901V14.3839C28.9911 14.0069 28.6797 13.6955 28.3027 13.6955H27.9421V11.6465C27.9421 11.0073 27.4503 10.3926 26.8439 10.2861L19.2547 9.37633C18.1073 8.39285 13.8947 4.24583 12.1162 3.66394V17.695H17.5499" stroke="black" stroke-width="1.25" stroke-miterlimit="10"/><path d="M21.6725 21.8092C23.9538 21.8092 25.8031 19.9599 25.8031 17.6786C25.8031 15.3973 23.9538 13.548 21.6725 13.548C19.3912 13.548 17.5419 15.3973 17.5419 17.6786C17.5419 19.9599 19.3912 21.8092 21.6725 21.8092Z" fill="%23EAEAEA" stroke="black" stroke-width="1.25" stroke-miterlimit="10"/><path d="M12.1162 0.754639V22.0634" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="round"/><path d="M7.01798 1.33224L6.5656 1.07359V4.99909H6.55806C6.53544 5.18167 6.42988 5.33382 6.26401 5.39468C5.90965 5.53162 5.5402 5.60009 5.17076 5.60009C4.79377 5.60009 4.43187 5.53162 4.0775 5.39468C3.91917 5.33382 3.80608 5.17406 3.78346 4.99909H3.77592V1.06598L3.32354 1.32464C3.2783 1.35507 3.2406 1.3931 3.21044 1.43875C1.891 2.17668 1.06917 3.54604 1.07671 5.07516C1.07671 6.58907 1.88346 7.94321 3.18028 8.68115V20.3588C3.18028 20.8989 3.39139 21.4086 3.76084 21.7814C4.13028 22.1617 4.63544 22.3748 5.17076 22.3748C5.72115 22.3748 6.21877 22.1465 6.58068 21.7814C6.94258 21.4162 7.16877 20.9141 7.16877 20.3588V8.68876C7.50806 8.49857 7.81719 8.27034 8.08107 8.00407C8.83504 7.24332 9.27234 6.20108 9.27234 5.08277C9.27234 3.55365 8.45052 2.18429 7.13107 1.45396C7.10092 1.40832 7.07076 1.36267 7.01798 1.33985V1.33224Z" fill="white" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.logo.fleet-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="21" viewBox="0 0 26 21" fill="none"><rect x="0.628906" y="1.37964" width="24.75" height="14.8712" rx="1.375" fill="white" stroke="black" stroke-width="1.25"/><path d="M8.06445 19.8H18.0645" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5646 16.3C10.5646 18.05 10.5646 19.8 9.31458 19.8" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.5645 16.3C15.5645 18.05 15.5645 19.8 16.8145 19.8" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.logo.de-fleeting-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="31" viewBox="0 0 30 31" fill="none"><rect x="7" y="8.75464" width="13" height="11" rx="1" fill="white" stroke="black" stroke-width="1.25"/><path d="M22 12.7546H20V19.7546H24.5V15.7546L22 12.7546Z" fill="%23EAEAEA" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 21.7546C18.8954 21.7546 18 20.8592 18 19.7546C18 18.6501 18.8954 17.7546 20 17.7546C21.1046 17.7546 22 18.6501 22 19.7546C22 20.8592 21.1046 21.7546 20 21.7546Z" fill="white" stroke="black" stroke-width="1.25" stroke-miterlimit="10"/><path d="M10 21.7546C8.89543 21.7546 8 20.8592 8 19.7546C8 18.6501 8.89543 17.7546 10 17.7546C11.1046 17.7546 12 18.6501 12 19.7546C12 20.8592 11.1046 21.7546 10 21.7546Z" fill="white" stroke="black" stroke-width="1.25" stroke-miterlimit="10"/><path d="M18.0852 1.9818C21.1712 2.53526 23.9611 4.16471 25.9593 6.58068C27.9575 8.99665 29.0345 12.0427 28.9992 15.1777C28.9638 18.3128 27.8183 21.3338 25.7661 23.704C23.7139 26.0743 20.888 27.6404 17.7903 28.1241" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2371 25.7144L17.7903 28.1599L20.2358 29.6049" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9071 28.5593C8.82255 28.0042 6.03452 26.3741 4.03793 23.9583C2.04133 21.5426 0.965347 18.4975 1.00099 15.3636C1.03602 12.2297 2.18041 9.20958 4.23101 6.83943C6.28161 4.46928 9.10574 2.90243 12.202 2.41706" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.0847 4.64886L12.5324 2.20144L10.085 0.754639" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');    
}

.logo.variety-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="31" viewBox="0 0 26 31" fill="none"><path d="M17.1161 11.7556H23.3503L23.3538 11.7458C24.2672 11.7621 25 12.7217 25 13.567C25 14.4123 24.2707 15.4828 23.3538 15.4991H22.1891C23.1166 15.4991 23.8707 16.5881 23.8707 17.4431C23.8707 18.2982 23.1166 19.4417 22.1891 19.4417H22.0511C22.9821 19.4417 23.7326 20.46 23.7326 21.3183C23.7326 22.1767 22.9786 23.3178 22.0511 23.3178H22.1342C23.0617 23.3178 23.8157 24.2545 23.8157 25.1129C23.8157 25.9712 23.0617 26.9482 22.1342 26.9482H13.2538C11.6182 26.9482 10.3792 26.3868 9.15782 25.832C8.17011 25.3294 7.10453 24.9638 6 24.755V13.5147C7.61763 13.3744 8.73624 12.3368 9.88663 11.2697L9.88709 11.2693C11.1757 10.078 12.3723 9.17393 14.5955 9.17399H17.1196L17.1161 11.7556Z" fill="white"/><path d="M22.1891 15.4991C23.1166 15.4991 23.8707 16.5881 23.8707 17.4431C23.8707 18.2982 23.1166 19.4417 22.1891 19.4417H17.1196H22.0511C22.9821 19.4417 23.7326 20.46 23.7326 21.3183C23.7326 22.1767 22.9786 23.3178 22.0511 23.3178H17.1196H22.1342C23.0617 23.3178 23.8157 24.2545 23.8157 25.1129C23.8157 25.9712 23.0617 26.9482 22.1342 26.9482H13.2538C11.6182 26.9482 10.3792 26.3868 9.15782 25.832C8.17011 25.3294 7.10453 24.9638 6 24.755V13.5147C7.61785 13.3744 8.73654 12.3365 9.88709 11.2693C11.1757 10.078 12.3723 9.17393 14.5955 9.17399H17.1196L17.1161 11.7556H15.0982H23.3503L23.3538 11.7458C24.2672 11.7621 25 12.7217 25 13.567C25 14.4123 24.2707 15.4828 23.3538 15.4991H22.1891ZM22.1891 15.4991H17.1161" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linejoin="round"/><mask id="path-3-inside-1_510_592" fill="white"><rect y="11.9804" width="7" height="14.9677" rx="1"/></mask><rect y="11.9804" width="7" height="14.9677" rx="1" fill="%23EAEAEA" stroke="black" stroke-width="2.5" stroke-linejoin="round" mask="url(%23path-3-inside-1_510_592)"/><ellipse cx="3.625" cy="24.7266" rx="0.625" ry="0.584677" fill="black"/><path d="M17.5 26.9482V27.6305C17.5 28.1996 17.7647 28.7367 18.2278 29.1294C18.6909 29.5302 19.3242 29.7546 19.9953 29.7546C20.6853 29.7546 21.3091 29.5142 21.7628 29.1294C22.2165 28.7447 22.5 28.2156 22.5 27.6305V26.9482H17.5Z" fill="%23EAEAEA" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.6974 0.763566L22.2493 1.06087V1.06962C22.3137 1.09585 22.3505 1.14831 22.3873 1.20078C23.9972 2.04023 25 3.61419 25 5.37179C25 6.6572 24.4664 7.85516 23.5465 8.72959C23.2245 9.03563 22.8473 9.29796 22.4333 9.51657V11.7584H17.5667V9.50782C15.9844 8.65963 15.0001 7.10315 15.0001 5.36305C14.9909 3.60545 15.9936 2.03148 17.6035 1.18329C17.6403 1.13082 17.6863 1.0871 17.7415 1.05213L18.2935 0.754822V5.2756H18.3027C18.3303 5.47672 18.4683 5.66035 18.6615 5.73031C19.0939 5.8877 19.5355 5.9664 19.9954 5.9664C20.4462 5.9664 20.897 5.8877 21.3294 5.73031C21.5318 5.66035 21.6606 5.48547 21.6882 5.2756H21.6974V0.763566Z" fill="%23EAEAEA" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.repair-services-section .info-container .info-container-title {
    font-family: 'Autonation Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 36px */
    letter-spacing: 0.42px;    
    color: black;
    margin-bottom: 8px;
}

.repair-services-section .info-container .info-container-text {
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;    
    color: #5C5C5C;
    height: auto;
}

.info-chevron {
    display: none;
    transform: all ease ;
}

@media all and (max-width: 1116px) {
    .repair-services-section {
        flex-flow: column;
        align-items: start;
        padding: 40px 32px;
    }

    .repair-services-section .logo-info-container {
        gap: 24px;
        max-width: none;
    }

    .repair-services-section .text-container-text {
        padding-right: 15px;
    }

    .info-chevron {
        display: block;
        position: absolute;
        top: 15%;
        right: 16px;
        transform: rotate(180deg);
        transition: all 300ms ease;
    }    

    .info-chevron.flip {
        transform: rotate(0deg);
    }   
    
    .repair-services-section .info-container {
        flex-flow: row wrap;
        gap: 8px;   
        max-width: none;
        padding: 0px 16px 16px 16px;
        position: relative;   
        align-items: center; 
        border-bottom: 1px solid #D2DADF; 
    }

    .repair-services-section .info-container:last-child {
        border: none;
    }

    .repair-services-section .info-container .info-container-text {
        flex: 100%;
        max-width: none;
    }

    .repair-services-section .info-container .flip + .info-container-text {
        font-size: 14px;
        padding-top: 8px;
    }

    .repair-services-section .info-container .info-container-text {
        font-size: 0px;      
        overflow: hidden;
        transition: all 300ms cubic-bezier(0, 1, 0, 1);
    } 
    
    .repair-services-section .info-container-logo {
        width: 40px;
        height: 40px;
        margin: 0px;
    }
    
    .repair-services-section .logo-info-container {
        flex-flow: column;
        padding: 16px 0px 16px 0px;
        width: 100%;        
    }

    .repair-services-section .info-container .info-container-title {
        font-size: 16px;
        margin: 0px;
    }
}

@media all and (max-width: 577px) {
    .repair-services-section {
        padding: 24px 16px;
        gap: 16px;
    }

    .repair-services-section .info-container {
        flex-flow: row wrap;
        gap: 8px;        
    }

    .repair-services-section .text-container-title {
        font-size: 20px;
    }

    .repair-services-section .text-container-text {
        font-size: 14px;
        margin: 0px;
        padding: 0px;
    }

    .repair-services-section .info-container-logo {
        height: 40px;
        width: 40px;
        max-width: 40px;
        box-sizing: border-box;
        margin: 0px;
    }

    .repair-services-section .service.arrow-container.primary-button {
        display: none;
    }

    .repair-services-section .info-container-logo .logo,
    .repair-services-section .info-container-logo .logo.logo.engine-icon {
        width: 28px;
        height: 28px;
    }

    .repair-services-section .info-container .info-container-title {
        font-size: 14px;
    }

    .info-chevron {
        top: 8px;
    }

    .repair-services-section .info-container {
        position: relative;
        border-bottom: 1px solid #D2DADF;
        padding: 0px 16px 16px 16px;
    }

    .repair-services-section .info-container:last-child {
        border-bottom: none;
    }
}
/* End of table styles */

/* Start of Form Section Styles */
.fleet-form-section {
    padding: 55px 0px;
}

.form-container {
    max-width: 1280px;
    width: 100%;
    max-height: none;
    height: auto;
    display: flex;
    flex-flow: row;
    gap: 0px;
    margin: 0px auto;
    border-radius: 16px;
    border:1px solid #D2DADF;
}

.form-container .image-section {
    position: relative;
    box-sizing: border-box;
    max-width: 590px;
    padding: 55px;
    height: auto;
    background-image: url(https://www6.stgautonation.com/~/media/Images/LandingPages/fleet-service/form-image.jfif);
    background-position: center;
    background-size: cover;
    border-radius: 16px 0px 0px 16px;
    flex: 60%;
}

.image-section-fleet-service-text-container {
    text-align: center;
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid #757575 !important;
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;    
}

.image-section-text-container {
    display: flex;
    flex-flow: column;
    gap: 16px;
    justify-content: center;
    align-items: start;
}

.image-section-title {
    font-family: 'Autonation Regular';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 120% */
    letter-spacing: 0.7px;   
    color: #000; 
}

.image-section-text {
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.28px; 
    color: #5C5C5C;   
}

.form-container .form-section {
    border-radius: 0px 16px 16px 0px;
    background-color: #F3F3F3;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;  
    max-width: none;
    box-sizing: border-box;
    flex: 50%; 
    position: relative; 
}

.form-section-text {
    font-family: 'Autonation Light';
    color: #5C5C5C;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: 0.245px;    
}

.fleet-form {
    display: flex;
    flex-flow: row wrap;
    gap: 5px 16px;
}

.fleet-form-field {
    flex: 45%;
    position: relative;
}

.fleet-form-field label {
    display: block;
    color: #000;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;   
    margin-right: 0px;
    text-transform: none;
}

.fleet-form-field label i {
    color: #757575;
    font-weight: 500;
}

.invalid-text.display {
    opacity: 1;
}

.status-text {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    text-decoration: none;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;    
    opacity: 0;
    visibility: hidden;   
    transition: opacity 0.5s, visibility 0.5s;
    margin: 0px;         
}

.status-text.success {
    color: green;
}

.status-text.failure {
    color: red;
}

.fleet-form-field input:user-invalid,
.fleet-form-field input.error {
    border-color: red !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M11.9495 2.05C10.9705 1.07111 9.72322 0.404493 8.36537 0.134454C7.00752 -0.135585 5.60009 0.00308037 4.32105 0.532915C3.04201 1.06275 1.9488 1.95996 1.17966 3.11109C0.410525 4.26221 0 5.61556 0 7C0 8.38444 0.410525 9.73779 1.17966 10.8889C1.9488 12.04 3.04201 12.9373 4.32105 13.4671C5.60009 13.9969 7.00752 14.1356 8.36537 13.8656C9.72322 13.5955 10.9705 12.9289 11.9495 11.95C12.5996 11.3 13.1153 10.5283 13.4671 9.67895C13.8189 8.82963 14 7.91932 14 7C14 6.08069 13.8189 5.17038 13.4671 4.32105C13.1153 3.47173 12.5996 2.70002 11.9495 2.05ZM9.49949 8.77C9.54945 8.81677 9.58927 8.8733 9.6165 8.93608C9.64372 8.99887 9.65777 9.06657 9.65777 9.135C9.65777 9.20343 9.64372 9.27114 9.6165 9.33392C9.58927 9.39671 9.54945 9.45323 9.49949 9.5C9.45277 9.54634 9.39737 9.583 9.33645 9.60789C9.27553 9.63277 9.2103 9.64538 9.1445 9.645C9.01332 9.64445 8.88762 9.59237 8.79449 9.5L6.9995 7.705L5.2295 9.5C5.13636 9.59237 5.01066 9.64445 4.8795 9.645C4.81369 9.64538 4.74846 9.63277 4.68754 9.60789C4.62662 9.583 4.57122 9.54634 4.5245 9.5C4.43137 9.40632 4.3791 9.2796 4.3791 9.1475C4.3791 9.01541 4.43137 8.88868 4.5245 8.795L6.2945 7L4.5245 5.23C4.44258 5.13435 4.39978 5.01131 4.40464 4.88548C4.4095 4.75964 4.46167 4.64027 4.55071 4.55122C4.63976 4.46217 4.75913 4.41001 4.88497 4.40515C5.01081 4.40029 5.13384 4.44309 5.2295 4.525L6.9995 6.295L8.7695 4.525C8.81579 4.47707 8.87106 4.43873 8.93217 4.41216C8.99329 4.38559 9.05903 4.37132 9.12566 4.37015C9.19228 4.36899 9.25848 4.38097 9.32048 4.40539C9.38248 4.42982 9.43906 4.46621 9.48699 4.5125C9.53493 4.55879 9.57327 4.61407 9.59984 4.67518C9.62641 4.73629 9.64068 4.80204 9.64184 4.86866C9.643 4.93529 9.63103 5.00149 9.60661 5.06349C9.58218 5.12549 9.54579 5.18207 9.49949 5.23L7.70449 7L9.49949 8.77Z" fill="%23D92D20"/></svg>');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 97%;
}

.fleet-form-field input:valid {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 0C3.14005 0 0 3.14005 0 7C0 10.86 3.14005 14 7 14C10.86 14 14 10.86 14 7C14 3.14005 10.86 0 7 0Z" fill="%23108634"/><path d="M10.5467 5.51642L6.75499 9.30801C6.64124 9.42177 6.49191 9.47902 6.34259 9.47902C6.19327 9.47902 6.04395 9.42177 5.93019 9.30801L4.03439 7.41222C3.80624 7.18417 3.80624 6.81546 4.03439 6.58742C4.26244 6.35927 4.63104 6.35927 4.85919 6.58742L6.34259 8.07082L9.72189 4.69162C9.94994 4.46347 10.3185 4.46347 10.5467 4.69162C10.7747 4.91966 10.7747 5.28827 10.5467 5.51642Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: 97%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

.invalid-text {
    opacity: 0;
    color: #D92D20;
    font-family: 'Autonation Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 18px */
    letter-spacing: 0.21px;    
    margin: 10px 0px 0px 0px;
}

.fleet-form-field input,
.fleet-form-field select[title='Fleet Type'],
.fleet-form-field select[title='state'] {
    display: flex;
    height: 44px;
    padding: 0px 25px 0px 12px;
    align-items: center;
    gap: 10px;
    align-self: stretch;    
    box-sizing: border-box;
    width: 100%;
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.28px;    
    border-radius: 8px;
    border: 1px solid #D2DADF !important;
}

.fleet-form-field select[title='Fleet Type'],
.fleet-form-field select[title='state'] {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.5303 8.72675C18.2374 8.43386 17.7626 8.43386 17.4697 8.72675L12 14.1964L6.53033 8.72675C6.23744 8.43386 5.76256 8.43386 5.46967 8.72675C5.17678 9.01964 5.17678 9.49452 5.46967 9.78741L11.4697 15.7874C11.7626 16.0803 12.2374 16.0803 12.5303 15.7874L18.5303 9.78741C18.8232 9.49452 18.8232 9.01964 18.5303 8.72675Z" fill="%23555555"/></svg>');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 97%;
    -webkit-appearance: none;
    -moz-appearance: none; 
}

.fleet-form-field select.error[title='Fleet Type'],
.fleet-form-field select[title='state'] {
    border-color: red;
}

.fleet-form-field.zip input {
    max-width: 150px;
}

.fleet-form-field .checkbox-field {
    border: none;
    display: flex;
    flex-flow: column;
    gap: 16px;    
}

.fleet-form-field .checkbox-option {
    display: flex;
    flex-flow: row;
    gap: 8px;
    justify-content: start;
    align-items: center;    
}

.fleet-form-field .checkbox-option input {
    height: 100px;
    width: 100px;
    max-width: 16px;
    max-height: 16px;
    border-radius: 4px;
    border: 1px solid #D2DADF;    
    align-self: unset;
    margin: 0px;
}

.hidden-field {
    display: none;
}

.fleet-form-field .checkbox-option label {
    font-family: 'Autonation Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: 0.28px;    
}

.fleet-form-field .checkbox-option label span {
    color: #757575;
    font-style: italic;
}

.fleet-form-field .option-checkbox {
    display: flex;
    flex-flow: row;
    gap: 8px;    
}

.fleet-form-field.comment-field {
    flex: 100%;
    margin-top: 8px;
}

.fleet-form-field.company {
    flex: 100%;
}

.fleet-form-field.comment-field textarea{
    width: 100%;
    height: 102px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #D2DADF;
    background: #FFF;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
    box-sizing: border-box;
}

.fleet-form-field .checkbox-option input[type=checkbox],
.fleet-form-field .checkbox-option input[type=radio] {
    accent-color: #333333;
    padding: 0px;
    appearance: none;    
    border: none !important;
}

.fleet-form-field .checkbox-option input[type=radio]:hover {
    border-radius: 50%;
}

.fleet-form-field .checkbox-option input[type=radio]::before {
    min-width: 16px;
    min-height: 16px;
    background-color: white;
    box-sizing: border-box;
    border-radius: 50%;
    content: "";
    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;
    border: 1px solid #D2DADF;
}

.fleet-form-field .checkbox-option input[type=checkbox]::before {
    min-width: 16px;
    min-height: 16px;
    background-color: white;
    box-sizing: border-box;
    border: 1px solid #D2DADF;
    border-radius: 4px;
    content: "";
    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;
}

.fleet-form-field .checkbox-option input[type=checkbox]:checked,
.fleet-form-field .checkbox-option input[type=checkbox]:checked::before {
    background-color: #333333;
}

.fleet-form-field .checkbox-option input[type=radio]:checked,
.fleet-form-field .checkbox-option input[type=radio]:checked::before {
    background-color: #333333;
    border-radius: 50%;
}

.fleet-form .primary-button {
    display: block;
    margin: 0px auto;
    max-width: 343px;
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(90deg, #AD104C 0%, #E61464 100%);
    color: white;
    font-family: 'Autonation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 150% */
    letter-spacing: 0.28px;    
    cursor: pointer;
    padding: 0px;
    text-transform: none;
}

.fleet-form .primary-button:hover {
    background: linear-gradient(90deg, #AD104C 0%, #E61464 100%);
}


.fleet-form .primary-button:disabled:hover,
.fleet-form .primary-button.next:disabled:hover {
    cursor: default;
    background: #949494;    
} 

.fleet-form .primary-button:disabled,
.fleet-form .primary-button.next:disabled {
    cursor: default;
    background: #949494;
}

.comment-field p {
    text-align: right;
    font-family: 'Autonation Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 150% */
    letter-spacing: 0.21px;   
    margin-bottom: 0px; 
}

.form-pagination,
.primary-button.next,
.back-button {
    display: none;
}

@media all and (max-width: 1116px) {
    .fleet-form-section {
        padding: 56px 40px;
    }

    .form-container {
        flex-flow: column;
        max-width: 944px;
        max-height: none;
        margin: 0px auto;
        border-radius: 16px;
        border: 1px solid #D2DADF;
    }

    .form-container .image-section {
        background-image: none;   
        max-height: 270px;     
        max-width: none;
        height: 270px;
        width: 100%;
        padding: 32px;
    }

    .image-section-text-container {
        position: relative;
        gap: 12px;
    }

    .form-container .form-section {
        max-width: none;
        width: 100%;
    }
}

@media all and (max-width: 576px) {
    .fleet-form-section {
        padding: 0px 0px;
    }

    .form-container {
        border: none;
    }

    .form-container .image-section {
        padding: 24px 16px 16px 16px;
        height: auto;
        flex: none;
    }

    .form-container {
        height: auto;
    }

    .image-section-fleet-service-text-container {
        display: none;
    }

    .image-section-title {
        font-size: 24px;
    }

    .image-section-text {
        font-size: 14px;
    }

    .form-pagination {
        width: 100%;
        display: flex;
        flex-flow: row;
        gap: 8px;
        position: relative;
        top: -8px;
    }

    .form-pagination-page {
        flex: 50%;
        height: 4px;
        background: #D9D9D9;
    }

    .form-pagination-page.active {
        background:#333;
    }

    .form-container .form-section {
        background-color: white;
        padding: 0px 16px 36px 16px;
    }

    .form-container .page-two,
    .form-container .page-one {
        display: none;
    }

    .form-container .page-one.display,
    .form-container .page-two.display {
        display: block;
    }

    .fleet-form .primary-button {
        text-align: center;
        line-height: 50px;
        text-decoration: none;
    }

    .fleet-form-field label {
        font-size: 14px;
    }

    .invalid-text {
        font-size: 10px;
    }

    .fleet-form-field.fname {
        order: 1;
    }

    .fleet-form-field.lname {
        order: 2;
    }

    .fleet-form-field.company {
        order: 3;
        flex: 100%;
    }

    .fleet-form-field.phone {
        order: 7;
    }

    .fleet-form-field.stateDropDown {
        order: 4;        
    }    

    .fleet-form-field.zip {
        order: 5;
    }

    .fleet-form-field.email {
        order: 6;
        flex: 100%;
    }

    .fleet-form-field.fleetSize {
        order: 8;
        flex: 100%;
    }

    .fleet-form-field.fleetType {
        order: 9;
        flex: 100%;
    }

    .fleet-form-field.serviceField {
        order: 10;
        flex: 100%;
    }

    .fleet-form-field.vehicleMakeup {
        order: 11;
        flex: 100%;
    }

    .fleet-form-field.comment-field {
        order: 12;        
    }

    .form-container .primary-button.next {
        order: 13;
        max-width: 343px;
    }

    .form-container .back-button {
        order: 14;
        width: 124px;
        max-width: 124px;
        padding: 0px 24px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        border-radius: 8px;
        background:#EAEAEA;  
        height: 50px;
        flex: 40%;      
        border: none;
        font-family: 'Autonation Regular';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 24px */
        letter-spacing: 0.28px;
        color: black;        
    }

    .form-container .primary-button {
        order: 15;
        flex: 60%;
        max-width: 200px;
    }

    .status-text {
        bottom: 5px;
        left: 0px;
        text-align: center;
        width: 100%;
        transform: none;        
    }
}

@media all and (max-width: 374px) {
    .form-container .primary-button {
        max-width: 150px;
    }
}
/* End of Form Section Styles */

/* Start of Downtime Section */
.downtime-section {
    background:#F3F3F3; 
    padding: 80px;   
}

.one-column-container.downtime-section .one-column-title {
    font-size: 40px;
}

.one-column-container.downtime-section .one-column-text {
    font-family: 'Autonation Light';
    color: #5C5C5C;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;    
}

@media all and (max-width: 577px) {
    .downtime-section {
        padding: 24px 32px;
    }

    .one-column-container.downtime-section .one-column-title {
        font-size: 20px;
    }
    
    .one-column-container.downtime-section .one-column-text {
        font-size: 16px;
    }    
}
/* End of Downtime Section */

/* Start of disclaimer section */
.disclaimer-section {
    background-color: black;
    padding: 24px 80px;    
}

.disclaimer-section .one-column-disclaimer {
    color: white;
    font-family: 'Autonation Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 18px */
    letter-spacing: 0.21px;    
}

@media all and (max-width: 577px) {
    .disclaimer-section {
        padding: 24px;
    }
}
/* End of disclaimer section */