@font-face {
    font-family: "InterstateTrue";
    src: url("https://www.autonation.com/~/media/autonation/fonts/Interstate.ttf")
      format("truetype");
  }
  .autonation-express-title {
      display: none;
  }
  
  .roadster-hero-banner {
      background-image: url(https://www.autonation.com/~/media/Images/LandingPages/autonation-express-v2/hero-banner-v2.png);
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      height: auto;
      padding: 60px 15px;
  }
  
  .roadster-hero-content {
      display: flex;
      flex-flow: row;
      justify-content: center;
      align-items: center;
      gap: 85px;
      width: 100%;
  }
  
  .roadster-left-side {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      max-width: 565px;
  }
  
  .roadster-right-side {
      height: 250px;
      width: 450px;
  }
  
  .typeahead__cancel-button {
      line-height: 1.25;
      font-size: 28px;
  }
  
  .roadster-hero-banner .typeahead__container {
      width: 100%;
      max-width: 490px;
      text-align: center;
      margin: 20px 0px;
      display: block;
  }
  
  .typeahead__dropdown, .typeahead__list {
      z-index: 5000;
      top: 50px;
      overflow: auto;
      max-height: 185px;
  }
  
  .typeahead__dropdown, .typeahead__list {
      position: absolute;
      left: 0;
      z-index: 1000;
      width: 100%;
      min-width: 160px;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      text-align: left;
      background-color: var(--white);
      border: 1px solid #ccc;
      border-radius: 2px;
      background-clip: padding-box;
  }
  
  .typeahead__display strong {
      color: var(--pink-600);
  }
  
  .hero-banner-secondary-header {
      text-align: center;
      font: normal normal bold 1rem/1.5rem 'Autonation Regular';
      letter-spacing: 0.4px;
      font-family: 'Autonation Regular';
      color: var(--white);
  }
  
  .roadster-hero-banner .hero-banner-title {
      text-align: center;
      font: normal normal bold 2.5rem/3rem 'InterstateTrue';
      font-family: 'InterstateTrue' !important;
      letter-spacing: 0px;
      font-family: 'Autonation Regular';
      color: var(--white);
      margin: 0px;
  }
  
  .autonation-express-logo {
      max-width: 282px;
      margin-bottom: 20px;
  }
  
  .autonation-express-logo svg {
      width: 100%;
  }
  
  .hero-banner-text {
      text-align: center;
      font: normal normal normal 1rem/1.5rem;
      letter-spacing: 0px;
      font-family: 'Autonation Regular';
      color: var(--white);
      max-width: 510px;
      display: block;
  }
  
  .roadster-hero-banner .banner-input {
      height: 50px;
      width: 100%;
      max-width: 490px;
      box-sizing: border-box;
      border: 1px solid var(--text-placeholder);
      border-radius: 5px;
      background-image: url(https://www.autonation.com/~/media/Images/LandingPages/autonation-express-v2/Group.svg);
      background-repeat: no-repeat;
      background-position-y: 50%;
      background-position-x: 9px;
      padding-left: 50px;
      margin: 0px auto;
      text-align: left;
      font: normal normal normal 1rem/1.375rem 'Autonation Regular';
      letter-spacing: 0px;
      color: var(--text-placeholder);    
  }
  
  .primary-button {
      width: 250px;
      height: 40px;
      display: block;
      background: transparent linear-gradient(90deg, #AD104C 0%, var(--pink-600) 100%) 0% 0% no-repeat padding-box;
      box-shadow: 0px 5px 10px #5c5c5c26;
      border-radius: 8px;
      border: none;
      text-align: center;
      font: bold 1rem/1.375rem 'InterstateTrue';
      letter-spacing: 0px;
      color: var(--white);
      text-transform: uppercase;
      opacity: 1;
      cursor: pointer;
  }
  
  .info-section {
      /* display: flex;
      flex-flow: row;
      justify-content: space-evenly;
      align-items: center;
      padding: 60px 0px; */
  }
  
  .info-section:nth-child(even) {
      background-color: #F5F8FA;
  }
  
  .info-section.img-left {
      flex-flow: row-reverse;
  }
  
  .info-section .text-container {
      max-width: 500px;
      position: relative;
  }
  
  .title-container .number {
      display: flex;
      box-sizing: border-box;
      padding-right: 1px;
      position: absolute;
      left: -45px;  
      top: 7px;  
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      background-color: var(--pink-600);
      border-radius: 50%;
      color: var(--white);
      text-align: center;
      font: normal normal bold 1rem/1.25px 'Autonation Regular';
      letter-spacing: -1px;    
  }
  
  .title-container .number svg {
      width: 100%;
      height: 100%;
  }
  
  .info-section .img-container {
      max-width: 400px;
  }
  
  .info-section .img-container.video-img-container {
      width: 400px;
      height: 230px;
  }
  
  .info-section .img-container img,
  .info-section .img-container .video-container,
  .roadster-right-side .video-container {
      width: 400px;
      height: 230px;
      margin: 0px;
  }
  
  .title-container .title {
      text-align: left;
      font: normal normal bold 1.75rem/2.25rem 'Autonation Regular';
      letter-spacing: 0px;
      color: #0A3453;
      margin: 0px;
      margin-bottom: 20px;
  }
  
  .title sup {
      font-size: 1.25rem;
      line-height: 1.375rem;
      top: -6px;
      left: 3px;
  }
  
  .title .accessories-asterix {
      font-size: 1.25rem;
      line-height: 1.375rem;
      top: -4px;
      left: 0px;
  }
  
  .title .lender-asterix {
      font-size: 1.25rem;
      line-height: 1.375rem;
      top: -5px;
      left: 1px;
  }
  
  .title .sheet-asterix {
      font-size: 1.25rem;
      line-height: 1.375rem;
      top: -7px;
      left: 0px;
  }
  
  .text-container-text {
      text-align: left;
      font: normal normal normal 1rem/1.5rem 'Autonation Regular';
      letter-spacing: 0px;
      color: var(--text-copy);
  }
  
  .roadster-footer {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      height: auto;
      background-image: url(https://www.autonation.com/~/media/Images/LandingPages/autonation-express-v2/footer-img.png);
      background-position: 50% 50%;
      background-size: cover;
      position: relative;
      padding: 30px 0px;
  }
  
  .roadster-footer-text {
      text-align: center;
      font: normal normal bold 1.75rem/2.25rem 'Autonation Regular';
      letter-spacing: 0px;
      color: var(--white);
      opacity: 1;  
      margin-bottom: 30px;  
  }
  
  .roadster-footer-disclaimer {
      text-align: center;
      font: normal normal normal 0.75rem/1.125rem 'Autonation Regular';
      letter-spacing: 0.14px;
      color: var(--white);
      width: 100%;
      padding: 20px;
      background: #131E29 0% 0% no-repeat padding-box;
      margin-bottom: 0px;
  }
  
  /* 09/07 Updates */
  .section-spacing {
      padding: 60px 0px;
  }
  
  #desktopMenu .header-line.secondary {
     border-bottom: 0px;
  }
  
  .section-title {
      text-align: center;
      font: normal normal bold 28px/32px 'Autonation Regular';
      letter-spacing: 0px;
      color: #0A3453;
      opacity: 1;  
      margin: 0px;
      margin-bottom: 18px;  
  }
  
  .autonation-express-carousel {
      max-width: 1050px;
      display: flex;
      flex-flow: row;
      align-items: center;
      justify-content: center;
      gap: 30px;
      margin: 30px auto 0px auto;
  }
  
  .text-container-title {
      text-align: center;
      font: normal normal bold 18px/20px 'Autonation Regular';
      letter-spacing: 0px;
      color: #0A3453;
      margin: 0px 0px 12px 0px;    
  }
  
  .text-container-text {
      text-align: center;
      font: normal normal normal 16px/22px 'Autonation Regular';
      letter-spacing: 0px;
      color: var(--text-copy);
      opacity: 1;    
  }
  
  .how-online-buying-works-section {
      padding: 60px 0px 0px 0px;
  }
  
  .express-section-container {
      max-width: 940px;
      margin: 0px auto;
      display: flex;
      flex-flow: row;
      justify-content: center;
      align-items: center;
      gap: 60px;
  }
  
  .express-section-container.reverse-section {
      flex-flow: row-reverse;
  }
  
  .express-img-section {
      position: relative;
      max-width: 210px;
      max-height: 210px;
  }
  
  .express-img-section img {
      width: 100%;
      height: 100%;
  }
  
  .express-section-number {
      color: var(--white);
      background: var(--pink-600);
      height: 40px;
      width: 40px;
      position: absolute;
      top: 10px;
      left: 10px;
      border-radius: 50%;
      box-sizing: border-box;
  }
  
  .express-section-title {
      text-align: left;
      font: normal normal bold 22px/24px 'Autonation Regular';
      letter-spacing: 0px;
      color: #0A3453;
      opacity: 1;    
      margin-bottom: 22px;
  }
  
  .express-section-text {
      text-align: left;
      font: normal normal normal 18px/28px 'Autonation Regular';
      letter-spacing: 0px;
      color: var(--text-copy);
      opacity: 1; 
      margin: 0px;   
  }
  
  .carousel-container-icon {
      height: 70px;
      width: 70px;
      margin: 0px auto 18px auto;
  }
  
  .carousel-container-icon svg {
      width: 100%;
      height: 100%;
  }
  
  .number-container {
      width: 100%;
      height: 100%;
      position: relative;
  }
  
  .number {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: var(--white);
      font: normal 20px/24px 'Autonation Regular';
      position: absolute;
  }
  
  .blue-background {
      background: #EBF5FD 0% 0% no-repeat padding-box;    
  }
  
  .grey-background {
      background: #F5F8FA 0% 0% no-repeat padding-box;
  }
  
  .pink-line {
      border: none;
      border-bottom: 2px solid #EF73AB;
      width: 40px;
      height: 0px;
      display: block;
      margin: 0px auto;    
  }
  
  .show-tablet,
  .hide-mobile {
      display: none;
  }
  
  
  @media all and (max-width: 1116px) {
      .roadster-hero-banner {
          height: 441px;
          padding-top: 70px;
          background-image: url(https://www.autonation.com/~/media/Images/LandingPages/autonation-express-v2/hero-banner-1024.png);
      }
  
      .roadster-hero-content {
          gap: 60px;
      }
  
      .hero-banner-text {
          font: normal normal normal 1rem/1.3rem 'InterstateTrue';
      }
  
      .info-section .img-container.video-img-container {
          width: 300px;
          height: 190px;
      }
  
      .roadster-hero-banner .hero-banner-title {
          font: normal normal bold 2rem/2.25rem 'InterstateTrue';
          margin-bottom: 10px;
          text-align: center;
      }
  
      .hero-banner-text {
          max-width: 445px;
          text-align: center;
      }
  
      .title-container .title {
          font: normal normal bold 1.5rem/1.75rem 'Autonation Regular';
      }
  
      .info-section .text-container {
          max-width: 400px;
      }
  
      .title-container .number {
          height: 25px;
          width: 25px;
          top: 2px;
          font: normal normal bold 1.125rem/2rem 'Autonation Regular';        
      }
  
      .info-section .img-container {
          max-width: 300px;
      }
  
      .primary-button {
          margin: 0px; 
      }
  
  /* 09/07 Updates */
      .autonation-express-carousel {
          max-width: 870px;
          gap: 50px;
      }
  
      .roadster-right-side {
          height: 200px;
          width: 350px;
      }
  
      .info-section .img-container img, .info-section .img-container .video-container, .roadster-right-side .video-container {
          width: 350px;
          height: 200px;
      }
  
      .text-container-text {
          max-width: 258px;
      }
  
      .express-section-container {
          max-width: 800px;
          gap: 40px;
      }
  
      .express-img-section {
          width: 180px;
          height: 180px;
      }
  
      .express-text-section {
          max-width: 578px;
      }
      
      .express-section-text {
          font: normal normal normal 16px/24px 'Autonation Regular';
      }
  
      .show-tablet {
          display: block;
      }
  }
  
  @media all and (max-width: 850px) {
      .info-section,
      .info-section.info-section.img-left {
          flex-flow: column-reverse;
          justify-content: center;
          gap: 30px;
          /* padding: 40px 0px; */
      }
  
      .title-container .number {
          position: relative;
          display: block;
          margin: 0px auto;
          left: 0px;
          top: 0px;
      }
  
      .roadster-hero-banner .hero-banner-title {
          margin: 0px auto 10px auto;
      }
  
      .roadster-hero-banner .typeahead__container {
          margin: 25px auto;
          max-width: 440px;
      }
  
      .title-container .title {
          text-align: center;
          margin: 15px auto;
          font: normal normal bold 1.5rem/2rem 'Autonation Regular';
      }
  
      .info-section .text-container {
          max-width: 620px;
      }
  
      .text-container-text {
          text-align: center;
      }
  
      .info-section .primary-button {
          display: block;
          /* margin: 25px auto; */
      }
  
      /* 09/07 Updates */
      .autonation-express-carousel {
          max-width: none;
      }
  
      .text-container-text {
          max-width: 278px;
          margin: 0px auto;
      }
  
      .hero-banner-text {
          max-width: none;
          text-align: center;
          margin: 0px;
      }
  
      .section-title {
          font: normal normal bold 24px/28px 'Autonation Regular';        
      }
  
      .how-online-buying-works-section {
          padding: 0px;
      }
  
      .how-micro-lease-works-section.section-spacing {
          padding-bottom: 80px;
      }
  
      .section-spacing {
          padding: 40px 0px;
      }
  
      .roadster-hero-banner {
          background-image: url(https://www.autonation.com/~/media/Images/LandingPages/autonation-express-v2/hero-banner-768.png);
          height: auto;
          padding: 70px 15px 40px 15px;
          background-size: cover;
          background-position: top;
      }
  
      .roadster-left-side {
          max-width: 600px;
      }
  
      .roadster-hero-content {
          gap: 25px;
          flex-flow: column-reverse;
          position: relative;
      }
  
      .autonation-express-logo {
          max-width: 282px;
          width: 100%;
          position: absolute;
          top: -40px;
          left: 50%;
          transform: translateX(-50%);
      }
  
      .roadster-right-side {
          height: 166px;
          width: 280px;
      }
  
      .info-section .img-container img, .info-section .img-container .video-container, .roadster-right-side .video-container {
          width: 280px;
          height: 166px;
      }
  
      .express-section-container,
      .express-section-container.reverse-section {
          flex-flow: column;
          gap: 20px;
      }
  
      .express-section-title,
      .express-section-text {
          text-align: center;
          margin: 0px;
      }
  
      .express-section-title {
          margin-bottom: 22px;
      }
  
      .express-text-section {
          max-width: 545px;
      }
  
      .primary-button {
          margin: 0px auto;
      }
  }
  
  @media all and (max-width: 576px) {
      .roadster-hero-banner {
          background-image: url(https://www.autonation.com/~/media/Images/LandingPages/autonation-express-v2/hero-banner-375.png);
          padding: 75px 15px 40px 15px;
          height: auto;
      }
  
      .roadster-hero-banner .banner-input {
          height: 40px;
          font: normal 0.7rem/1rem 'Autonation Regular';
      }
  
      .info-section .img-container.video-img-container {
          width: 280px;
          height: 170px;
      }
  
      .express-section-number {
          height: 30px;
          width: 30px;
          top: 5px;
          left: 0px;
      }
  
      .express-img-section {
          width: 110px;
          height: 110px;
      }
  
      .hero-banner-secondary-header {
          font: normal normal bold 0.8rem/1.3rem 'Autonation Regular';        
      }
  
      .roadster-hero-banner .hero-banner-title {
          font: normal normal bold 1.375rem/2rem 'InterstateTrue';
      }
  
      .hero-banner-text {
          font: normal normal normal 1rem/1.3rem 'Autonation Regular';
          margin-bottom: 0px;
      }
  
      .roadster-hero-banner .typeahead__container {
          height: 40px;
          max-width: 315px;      
      }
  
      .banner-input {
          height: 40px;
          max-width: 315px;
          padding-left: 30px;
          background-position-x: 0px;
          font: normal normal normal 0.75rem/1.4rem 'Autonation Regular';
      }
  
  
      .title-container .title {
          font: normal normal bold 1rem/1.35rem 'Autonation Regular';
          letter-spacing: 0px;
      }
  
      .text-container-text {
          text-align: center;
          font: normal normal normal 0.875rem/1.25rem 'Autonation Regular';
          letter-spacing: 0px;        
      }
  
      .img-container {
          max-width: 280px;
      }
  
      .roadster-footer {
          background-image: url(https://www.autonation.com/~/media/Images/LandingPages/autonation-express-v2/footer-img-mobile.png);
      }
  
      .roadster-footer-text {
          font: normal normal bold 1rem/1.375rem 'Autonation Regular';
          letter-spacing: 0px;
      }
  
      .roadster-footer-disclaimer {
          font: normal normal normal 0.6rem/1.125rem 'Autonation Regular';
          bottom: 10px;
      }
  
      /* 09/07 Updates */
      .how-online-buying-works-section {
          padding: 35px 0px 0px 0px;
      }
  
      .express-section-container, .express-section-container.reverse-section {
          gap: 10px;
      }
  
      .section-title {
          font: normal normal bold 20px/28px 'Autonation Regular';      
          margin: 0px;
          margin-bottom: 14px;
      }
  
      .text-container-text {
          font: normal normal normal 14px/20px 'Autonation Regular';
      }
  
      .express-section-title {
          font: normal normal bold 18px/21px 'Autonation Regular';
          margin-bottom: 16px;
      }
  
      .express-section-text {
          max-width: 300px;
          font: normal normal normal 14px/20px 'Autonation Regular';
      }
  
      .section-spacing {
          padding: 35px 30px;
      }
  
      .hide-mobile {
          display: block;
      }
  
      .primary-button {
          margin: 0px auto;
      }
  }
  
  /*<!-- Carousel Styles --> */
  .slick-dots {
      bottom: -30px;
  }
  
  .slick-dots li.slick-active button:before {
      color: #0A3453;
  }
  
  .slick-dots li button:before {
      font-size: 10px;
  }
  
  .slick-dots li,
  .slick-dots li button:before,
  .slick-dots li button {
      height: 10px;
      width: 10px;
  }
  
  .slick-dots li {
      border: 1px solid #0A3453;
      border-radius: 50%;
  }
  
  .slick-dots li.slick-active {
      background-color: #0A3453;
      height: 10px;
      width: 10px;
      opacity: 1;
  }
  
  .slick-dots li button:before {
      content: none !important;
  }
  
  .slick-dots li.slick-active button:before {
      color: transparent;
  }