:root {
  --application-orange: #f4512c;
  --application-black: #101010;
  --application-soft: #f3f0eb;
  --application-line: #dedad4;
  --application-muted: #6d6a66;

  --application-display:
    "Anton",
    Impact,
    "Arial Narrow",
    sans-serif;
}


.restaurant-application-page {
  background:
    #f7f5f1;

  padding-bottom:
    86px;
}


/* =========================================
   HERO
========================================= */

.application-hero {
  padding:
    125px
    24px
    68px;

  background:
    radial-gradient(
      circle at 88% 12%,
      rgba(244, 81, 44, 0.24),
      transparent 28%
    ),
    #101010;

  color:
    #ffffff;
}


.application-hero-inner {
  width: 100%;

  max-width:
    1180px;

  margin:
    0 auto;
}


.application-back {
  display:
    inline-flex;

  align-items:
    center;

  gap: 9px;

  margin-bottom:
    52px;

  color:
    rgba(255, 255, 255, 0.64);

  font-size:
    13px;

  font-weight:
    700;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}


.application-back span {
  color:
    var(--application-orange);

  font-size:
    20px;
}


.application-back:hover {
  color:
    #ffffff;

  transform:
    translateX(-3px);
}


.application-kicker,
.form-step-label {
  margin:
    0 0 14px;

  color:
    var(--application-orange);

  font-size:
    11px;

  font-weight:
    900;

  letter-spacing:
    0.16em;

  text-transform:
    uppercase;
}


.application-hero h1,
.form-step-content h2,
.application-submit-card h2 {
  margin: 0;

  font-family:
    var(--application-display);

  font-weight:
    400;

  letter-spacing:
    -0.02em;

  text-transform:
    uppercase;
}


.application-hero h1 {
  max-width:
    920px;

  font-size:
    clamp(
      58px,
      8vw,
      126px
    );

  line-height:
    0.91;
}


.application-hero h1 span,
.form-step-content h2 span,
.application-submit-card h2 span {
  color:
    var(--application-orange);
}


.application-intro {
  max-width:
    670px;

  margin:
    28px
    0
    0;

  color:
    rgba(255, 255, 255, 0.66);

  font-size:
    16px;

  line-height:
    1.6;
}


/* =========================================
   FIXED APPLICATION PROGRESS
========================================= */

.application-progress-wrap {
  position: fixed;

  left: 50%;
  bottom: 0;

  z-index: 5000;

  width:
    min(
      calc(100% - 32px),
      760px
    );

  margin: 0;

  padding:
    13px
    18px
    14px;

  border:
    1px solid
    rgba(255, 255, 255, 0.12);

  border-bottom: 0;

  border-radius:
    18px
    18px
    0
    0;

  background:
    rgba(16, 16, 16, 0.96);

  box-shadow:
    0 -8px 30px
    rgba(0, 0, 0, 0.18);

  backdrop-filter:
    blur(14px);

  -webkit-backdrop-filter:
    blur(14px);

  transform:
    translateX(-50%);
}


.application-progress-meta {
  margin-bottom:
    8px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  color:
    rgba(255, 255, 255, 0.68);

  font-size:
    11px;

  font-weight:
    700;
}


.application-progress-meta strong {
  color:
    #ffffff;

  font-size:
    13px;
}


.application-progress-track {
  width:
    100%;

  height:
    5px;

  overflow:
    hidden;

  border-radius:
    999px;

  background:
    rgba(255, 255, 255, 0.12);
}


.application-progress-track span {
  width:
    0;

  height:
    100%;

  display:
    block;

  border-radius:
    inherit;

  background:
    var(--application-orange);

  transition:
    width 0.3s ease;
}


/* =========================================
   FORM SHELL
========================================= */

.application-shell {
  padding:
    56px
    24px
    90px;
}


.franchise-form {
  width:
    100%;

  max-width:
    1180px;

  margin:
    0 auto;

  display:
    grid;

  gap:
    18px;
}


.form-step-card,
.application-submit-card {
  position:
    relative;

  overflow:
    hidden;

  border:
    1px solid
    #e5e1db;

  border-radius:
    28px;

  background:
    #ffffff;
}


.form-step-card {
  display:
    grid;

  grid-template-columns:
    88px
    minmax(0, 1fr);
}


.form-step-number {
  padding:
    34px
    18px;

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    center;

  border-right:
    1px solid
    #ece8e2;

  color:
    rgba(16, 16, 16, 0.34);

  font-family:
    var(--application-display);

  font-size:
    30px;
}


.form-step-content {
  min-width: 0;

  padding:
    42px
    44px
    46px;
}


.form-step-content h2,
.application-submit-card h2 {
  max-width:
    850px;

  color:
    var(--application-black);

  font-size:
    clamp(
      42px,
      5.6vw,
      78px
    );

  line-height:
    0.94;
}


.form-step-help {
  max-width:
    660px;

  margin:
    18px
    0
    0;

  color:
    var(--application-muted);

  font-size:
    14px;

  line-height:
    1.55;
}


/* =========================================
   BRAND CAROUSEL
========================================= */

.brand-carousel-shell {
  position: relative;

  width: 100%;

  margin-top:
    32px;

  padding:
    4px
    64px;

  overflow: hidden;
}


.brand-choice-grid {
  position: relative;

  width: 100%;

  margin: 0;

  padding:
    24px
    calc(50% - 150px)
    28px;

  display: flex;

  gap: 16px;

  overflow-x: auto;

  overflow-y: visible;

  scroll-snap-type:
    x mandatory;

  scroll-behavior:
    smooth;

  overscroll-behavior-x:
    contain;

  scrollbar-width:
    none;

  -ms-overflow-style:
    none;

  touch-action:
    pan-x pan-y;
}


.brand-choice-grid::-webkit-scrollbar {
  display: none;
}


.brand-choice-card {
  position:
    relative;

  flex:
    0 0 300px;

  width:
    300px;

  min-height:
    210px;

  padding:
    22px;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  justify-content:
    center;

  gap:
    22px;

  scroll-snap-align:
    center;

  scroll-snap-stop:
    always;

  border:
    1px solid
    #ddd9d2;

  border-radius:
    24px;

  background:
    #f8f6f2;

  cursor:
    pointer;

  opacity:
    0.48;

  transform:
    scale(0.82);

  transition:
    transform 0.36s
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    ),
    opacity 0.3s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.3s ease;

  -webkit-tap-highlight-color:
    transparent;
}


.brand-choice-card input {
  position:
    absolute;

  opacity: 0;

  pointer-events:
    none;
}


.brand-choice-card:hover {
  opacity:
    0.72;
}


.brand-choice-card.carousel-centered {
  z-index: 3;

  opacity:
    1;

  transform:
    scale(1);

  border-color:
    #cbc6bf;

  background:
    #ffffff;

  box-shadow:
    0 18px 40px
    rgba(0, 0, 0, 0.08);
}


.brand-choice-card:has(input:checked) {
  opacity:
    1;

  border-color:
    var(--application-orange);

  background:
    #fff1ec;

  box-shadow:
    0 16px 42px
    rgba(
      244,
      81,
      44,
      0.16
    );

  transform:
    scale(1.035);
}


.brand-choice-card:has(input:checked)::after {
  content:
    "✓";

  position:
    absolute;

  top:
    14px;

  right:
    14px;

  width:
    30px;

  height:
    30px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    var(--application-orange);

  color:
    #ffffff;

  font-size:
    14px;

  font-weight:
    900;

  box-shadow:
    0 5px 14px
    rgba(
      244,
      81,
      44,
      0.26
    );
}


.brand-choice-logo {
  width:
    100%;

  height:
    110px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;
}


.brand-choice-logo img {
  display:
    block;

  width: auto;
  height: auto;

  max-width:
    190px;

  max-height:
    105px;

  object-fit:
    contain;

  transition:
    transform 0.35s
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}


.brand-choice-card.carousel-centered
.brand-choice-logo img {
  transform:
    scale(1.08);
}


.brand-choice-card:has(input:checked)
.brand-choice-logo img {
  transform:
    scale(1.12);
}


.brand-choice-name {
  width:
    100%;

  max-width:
    100%;

  color:
    var(--application-black);

  font-size:
    14px;

  font-weight:
    800;

  line-height:
    1.25;

  text-align:
    center;
}


.recommendation-card {
  justify-content:
    center;

  text-align:
    center;
}


.recommendation-icon {
  width:
    68px;

  height:
    68px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    var(--application-black);

  color:
    var(--application-orange);

  font-size:
    34px;

  font-weight:
    500;
}


/* =========================================
   CAROUSEL ARROWS
========================================= */

.brand-carousel-arrow {
  position:
    absolute;

  top:
    50%;

  z-index:
    10;

  width:
    48px;

  height:
    48px;

  padding:
    0;

  display:
    grid;

  place-items:
    center;

  border:
    0;

  border-radius:
    50%;

  background:
    var(--application-black);

  color:
    var(--application-orange);

  font-size:
    25px;

  line-height:
    1;

  cursor:
    pointer;

  transform:
    translateY(-50%);

  box-shadow:
    0 8px 22px
    rgba(
      0,
      0,
      0,
      0.14
    );

  transition:
    transform 0.2s ease,
    background 0.2s ease;

  -webkit-tap-highlight-color:
    transparent;
}


.brand-carousel-arrow:hover {
  transform:
    translateY(-50%)
    scale(1.06);
}


.brand-carousel-arrow:focus,
.brand-carousel-arrow:active,
.brand-carousel-arrow:focus-visible {
  outline:
    none;
}


.brand-carousel-prev {
  left:
    4px;
}


.brand-carousel-next {
  right:
    4px;
}


/* =========================================
   BRAND CAROUSEL STATUS
========================================= */

.brand-carousel-status {
  margin-top:
    3px;

  min-height:
    22px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    7px;

  color:
    #88837d;

  font-size:
    11px;

  font-weight:
    700;

  text-align:
    center;
}


.brand-carousel-status strong {
  color:
    var(--application-black);

  font-weight:
    800;
}


.brand-carousel-status.selected strong {
  color:
    var(--application-orange);
}


/* =========================================
   OPTION CARDS
========================================= */

.select-option-card {
  position:
    relative;

  min-width:
    0;

  cursor:
    pointer;

  -webkit-tap-highlight-color:
    transparent;
}


.select-option-card input {
  position:
    absolute;

  opacity:
    0;

  pointer-events:
    none;
}


.option-grid {
  margin-top:
    28px;

  display:
    grid;

  gap:
    10px;
}


.option-grid-three {
  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );
}


.option-grid-four {
  grid-template-columns:
    repeat(
      4,
      minmax(0, 1fr)
    );
}


.select-option-card {
  min-height:
    120px;

  padding:
    20px;

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    flex-end;

  border:
    1px solid
    #e2ded7;

  border-radius:
    19px;

  background:
    #f8f6f2;

  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}


.select-option-card:hover {
  transform:
    translateY(-2px);
}


.select-option-card:has(input:checked) {
  border-color:
    var(--application-orange);

  background:
    #fff1ec;

  box-shadow:
    0 0 0 2px
    rgba(
      244,
      81,
      44,
      0.08
    );
}


.select-option-card:has(input:checked)::after {
  content:
    "✓";

  position:
    absolute;

  top:
    13px;

  right:
    13px;

  width:
    24px;

  height:
    24px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    var(--application-orange);

  color:
    #ffffff;

  font-size:
    12px;

  font-weight:
    900;
}


.select-option-card strong {
  color:
    var(--application-black);

  font-size:
    17px;
}


.select-option-card > span {
  margin-top:
    5px;

  color:
    var(--application-muted);

  font-size:
    12px;

  line-height:
    1.35;
}


/* =========================================
   TEXT FIELDS
========================================= */

.form-grid {
  display:
    grid;

  gap:
    14px;
}


.two-column {
  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );
}


.location-details {
  margin-top:
    18px;
}


.field-group {
  margin-top:
    18px;

  display:
    flex;

  flex-direction:
    column;

  gap:
    8px;
}


.field-group label,
.slider-heading label {
  color:
    var(--application-black);

  font-size:
    12px;

  font-weight:
    800;
}


.field-group input,
.field-group select,
.field-group textarea {
  width:
    100%;

  border:
    1px solid
    #dfdbd5;

  border-radius:
    14px;

  outline:
    none;

  background:
    #fbfaf8;

  color:
    var(--application-black);

  font-size:
    14px;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}


.field-group input,
.field-group select {
  min-height:
    54px;

  padding:
    0 15px;
}


.field-group textarea {
  min-height:
    130px;

  padding:
    15px;

  resize:
    vertical;
}


.field-group input:focus,
.field-group select:focus,
.field-group textarea:focus {
  border-color:
    var(--application-orange);

  background:
    #ffffff;

  box-shadow:
    0 0 0 3px
    rgba(
      244,
      81,
      44,
      0.08
    );
}


/* =========================================
   CONDITIONAL LOCATION
========================================= */

.conditional-location-box {
  margin-top:
    18px;

  padding:
    0;

  max-height:
    0;

  overflow:
    hidden;

  opacity:
    0;

  transform:
    translateY(-8px);

  transition:
    max-height 0.38s ease,
    opacity 0.25s ease,
    transform 0.25s ease,
    padding 0.25s ease;
}


.conditional-location-box.active {
  max-height:
    520px;

  padding:
    22px;

  border:
    1px solid
    #e5e0da;

  border-radius:
    18px;

  background:
    #f8f6f2;

  opacity:
    1;

  transform:
    translateY(0);
}


/* =========================================
   SLIDERS
========================================= */

.slider-field {
  margin-top:
    28px;

  padding:
    24px;

  border:
    1px solid
    #e2ded7;

  border-radius:
    20px;

  background:
    #f8f6f2;
}


.slider-heading {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    24px;
}


.slider-heading div {
  display:
    flex;

  flex-direction:
    column;

  gap:
    5px;
}


.slider-heading small {
  color:
    var(--application-muted);

  font-size:
    11px;
}


.slider-heading strong {
  color:
    var(--application-orange);

  font-family:
    var(--application-display);

  font-size:
    26px;

  font-weight:
    400;

  letter-spacing:
    0.01em;

  text-align:
    right;
}


.range-slider {
  width:
    100%;

  height:
    6px;

  margin:
    26px
    0
    0;

  appearance:
    none;

  -webkit-appearance:
    none;

  border-radius:
    999px;

  outline:
    none;

  background:
    linear-gradient(
      to right,
      var(--application-orange) 0%,
      var(--application-orange) var(--range-progress, 20%),
      #d6d1cb var(--range-progress, 20%),
      #d6d1cb 100%
    );
}


.range-slider::-webkit-slider-thumb {
  width:
    24px;

  height:
    24px;

  appearance:
    none;

  -webkit-appearance:
    none;

  border:
    4px solid
    #ffffff;

  border-radius:
    50%;

  background:
    var(--application-orange);

  box-shadow:
    0 3px 12px
    rgba(
      0,
      0,
      0,
      0.22
    );

  cursor:
    pointer;
}


.range-slider::-moz-range-thumb {
  width:
    18px;

  height:
    18px;

  border:
    4px solid
    #ffffff;

  border-radius:
    50%;

  background:
    var(--application-orange);

  box-shadow:
    0 3px 12px
    rgba(
      0,
      0,
      0,
      0.22
    );

  cursor:
    pointer;
}


.slider-scale {
  margin-top:
    10px;

  display:
    flex;

  justify-content:
    space-between;

  color:
    #8b8781;

  font-size:
    10px;

  font-weight:
    700;
}


.compact-options {
  margin-top:
    14px;
}


.compact-options
.select-option-card {
  min-height:
    100px;
}


/* =========================================
   SUBSECTIONS
========================================= */

.form-subsection {
  margin-top:
    30px;
}


.form-subsection h3 {
  margin:
    0;

  color:
    var(--application-black);

  font-size:
    14px;

  font-weight:
    800;
}


/* =========================================
   SUBMIT
========================================= */

.application-submit-card {
  padding:
    46px
    44px;

  display:
    grid;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(320px, 0.8fr);

  gap:
    46px;

  background:
    var(--application-black);

  color:
    #ffffff;
}


.application-submit-card h2 {
  color:
    #ffffff;
}


.application-submit-card
> div
> p:not(.form-step-label) {
  max-width:
    600px;

  margin:
    18px
    0
    0;

  color:
    rgba(255, 255, 255, 0.62);

  font-size:
    14px;

  line-height:
    1.55;
}


.submit-actions {
  align-self:
    center;
}


.consent-check {
  display:
    flex;

  align-items:
    flex-start;

  gap:
    10px;

  color:
    rgba(255, 255, 255, 0.7);

  font-size:
    11px;

  line-height:
    1.45;

  cursor:
    pointer;
}


.consent-check input {
  width:
    18px;

  height:
    18px;

  margin:
    0;

  flex:
    0 0 18px;

  accent-color:
    var(--application-orange);
}


.submit-application-button {
  width:
    100%;

  min-height:
    62px;

  margin-top:
    22px;

  padding:
    0 22px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  border:
    0;

  border-radius:
    999px;

  background:
    var(--application-orange);

  color:
    #ffffff;

  font-size:
    15px;

  font-weight:
    800;

  cursor:
    pointer;

  transition:
    transform 0.2s ease,
    background 0.2s ease;

  -webkit-tap-highlight-color:
    transparent;
}


.submit-application-button:hover {
  background:
    #ff633d;

  transform:
    translateY(-2px);
}


.submit-application-button span {
  font-size:
    22px;
}


.form-error-message {
  min-height:
    18px;

  margin:
    12px
    0
    0;

  color:
    #ff9d84;

  font-size:
    11px;

  font-weight:
    700;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

  .brand-choice-card {
    flex-basis:
      260px;

    width:
      260px;
  }


  .brand-choice-grid {
    padding-left:
      calc(50% - 130px);

    padding-right:
      calc(50% - 130px);
  }


  .option-grid-four {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }


  .application-submit-card {
    grid-template-columns:
      1fr;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  .restaurant-application-page {
    padding-bottom:
      76px;
  }


  .application-hero {
    padding:
      100px
      16px
      42px;
  }


  .application-back {
    margin-bottom:
      34px;

    font-size:
      11px;
  }


  .application-kicker,
  .form-step-label {
    margin-bottom:
      10px;

    font-size:
      8px;
  }


  .application-hero h1 {
    font-size:
      clamp(
        48px,
        15vw,
        66px
      );
  }


  .application-intro {
    margin-top:
      18px;

    font-size:
      12px;
  }


  /* FIXED PROGRESS MOBILE */

  .application-progress-wrap {
    width:
      calc(100% - 20px);

    padding:
      11px
      14px
      12px;

    border-radius:
      15px
      15px
      0
      0;
  }


  .application-progress-meta {
    margin-bottom:
      6px;

    font-size:
      10px;
  }


  .application-progress-meta strong {
    font-size:
      11px;
  }


  .application-progress-track {
    height:
      4px;
  }


  .application-shell {
    padding:
      22px
      12px
      54px;
  }


  .franchise-form {
    gap:
      10px;
  }


  .form-step-card {
    grid-template-columns:
      1fr;

    border-radius:
      20px;
  }


  .form-step-number {
    padding:
      16px
      16px
      0;

    justify-content:
      flex-start;

    border-right:
      0;

    font-size:
      21px;
  }


  .form-step-content {
    padding:
      14px
      16px
      24px;
  }


  .form-step-content h2,
  .application-submit-card h2 {
    font-size:
      clamp(
        38px,
        11.5vw,
        50px
      );
  }


  .form-step-help {
    margin-top:
      12px;

    font-size:
      11px;
  }


  /* =====================================
     BRAND CAROUSEL MOBILE
  ===================================== */

  .brand-carousel-shell {
    margin-top:
      20px;

    padding:
      0 40px;
  }


  .brand-choice-grid {
    padding:
      22px
      calc(50% - 102px)
      26px;

    gap:
      10px;
  }


  .brand-choice-card {
    flex:
      0 0 204px;

    width:
      204px;

    min-height:
      166px;

    padding:
      15px;

    gap:
      12px;

    border-radius:
      18px;

    transform:
      scale(0.78);
  }


  .brand-choice-card.carousel-centered {
    transform:
      scale(1);
  }


  .brand-choice-card:has(input:checked) {
    transform:
      scale(1.035);
  }


  .brand-choice-logo {
    height:
      86px;
  }


  .brand-choice-logo img {
    max-width:
      142px;

    max-height:
      82px;
  }


  .brand-choice-name {
    font-size:
      12px;
  }


  .recommendation-icon {
    width:
      54px;

    height:
      54px;

    font-size:
      27px;
  }


  .brand-choice-card:has(input:checked)::after {
    top:
      10px;

    right:
      10px;

    width:
      27px;

    height:
      27px;

    font-size:
      12px;
  }


  .brand-carousel-arrow {
    width:
      38px;

    height:
      38px;

    font-size:
      20px;
  }


  .brand-carousel-prev {
    left: 0;
  }


  .brand-carousel-next {
    right: 0;
  }


  .brand-carousel-status {
    margin-top:
      0;

    font-size:
      10px;
  }


  /* =====================================
     OTHER FORM
  ===================================== */

  .option-grid,
  .option-grid-three,
  .option-grid-four {
    margin-top:
      18px;

    grid-template-columns:
      1fr;

    gap:
      7px;
  }


  .select-option-card {
    min-height:
      84px;

    padding:
      14px;

    border-radius:
      14px;
  }


  .select-option-card strong {
    font-size:
      14px;
  }


  .select-option-card > span {
    font-size:
      10px;
  }


  .two-column {
    grid-template-columns:
      1fr;
  }


  .field-group {
    margin-top:
      13px;
  }


  .field-group input,
  .field-group select {
    min-height:
      50px;

    font-size:
      13px;
  }


  .slider-field {
    margin-top:
      18px;

    padding:
      16px;

    border-radius:
      15px;
  }


  .slider-heading {
    gap:
      12px;
  }


  .slider-heading strong {
    font-size:
      20px;
  }


  .conditional-location-box.active {
    padding:
      15px;
  }


  .application-submit-card {
    padding:
      28px
      18px;

    gap:
      28px;

    border-radius:
      20px;
  }


  .submit-application-button {
    min-height:
      56px;

    font-size:
      13px;
  }

}


/* =========================================
   VERY SMALL MOBILE
========================================= */

@media (max-width: 390px) {

  .brand-carousel-shell {
    padding:
      0 35px;
  }


  .brand-choice-grid {
    padding-left:
      calc(50% - 91px);

    padding-right:
      calc(50% - 91px);
  }


  .brand-choice-card {
    flex-basis:
      182px;

    width:
      182px;

    min-height:
      154px;
  }


  .brand-choice-logo {
    height:
      76px;
  }


  .brand-choice-logo img {
    max-width:
      130px;

    max-height:
      72px;
  }


  .brand-carousel-arrow {
    width:
      35px;

    height:
      35px;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media (
  prefers-reduced-motion:
  reduce
) {

  .brand-choice-grid {
    scroll-behavior:
      auto;
  }


  .brand-choice-card,
  .brand-choice-logo img {
    transition:
      none;
  }


  .application-progress-track span {
    transition:
      none;
  }

}