/* build fix */
.select-dealer-step-title .page-title p {
  color: var(--Neutrals-Headings, #1D1D1D);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: var(--font-family-secondary);
  font-style: normal;
  font-weight: 600;
  margin: 0 0 24px;

  @media(width >=1366px) {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 40px;
  }
}

.select-city-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 16px;

  @media(width >=1366px) {
    margin-bottom: 80px;
  }
}

.select-city-container .ebook-select p {
  color: var(--neutrals-sub-texts-paragraphs, #000);
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 8px;
}

.select-city-container .ebook-select {
  width: calc(50% - 8px);

  @media(width >=1366px) {
    width: 190px;
  }
}

.select-city-container .separator {
  display: none;
}

.select-city-container .pinCode {
  width: 100%;
  border: none;
  border-bottom: 1px solid;
  height: 40px;
  padding: 8px 0;
}

.select-dealer .custom-dropdown-label {
  margin-bottom: 0;
}

.select-dealer #locator {
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 20px;
  height: 20px;
  border: none;
  background: none;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%3E%3Cg%20opacity%3D%220.5%22%3E%3Cmask%20id%3D%22mask0_16934_10284%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2221%22%20height%3D%2220%22%3E%3Crect%20x%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_16934_10284)%22%3E%3Cpath%20d%3D%22M9.875%2018.5415V17.0992C8.13889%2016.9207%206.67736%2016.238%205.49042%2015.0511C4.30347%2013.8641%203.62076%2012.4026%203.44229%2010.6665H2V9.4165H3.44229C3.62076%207.68039%204.30347%206.21886%205.49042%205.03192C6.67736%203.84498%208.13889%203.16227%209.875%202.9838V1.5415H11.125V2.9838C12.8611%203.16227%2014.3226%203.84498%2015.5096%205.03192C16.6965%206.21886%2017.3792%207.68039%2017.5577%209.4165H19V10.6665H17.5577C17.3792%2012.4026%2016.6965%2013.8641%2015.5096%2015.0511C14.3226%2016.238%2012.8611%2016.9207%2011.125%2017.0992V18.5415H9.875ZM10.5%2015.8748C12.1111%2015.8748%2013.4861%2015.3054%2014.625%2014.1665C15.7639%2013.0276%2016.3333%2011.6526%2016.3333%2010.0415C16.3333%208.43039%2015.7639%207.05539%2014.625%205.9165C13.4861%204.77762%2012.1111%204.20817%2010.5%204.20817C8.88889%204.20817%207.51389%204.77762%206.375%205.9165C5.23611%207.05539%204.66667%208.43039%204.66667%2010.0415C4.66667%2011.6526%205.23611%2013.0276%206.375%2014.1665C7.51389%2015.3054%208.88889%2015.8748%2010.5%2015.8748Z%22%20fill%3D%22%23515151%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
}

.select-dealer .pin-text {
  position: relative;
}

.select-dealer .ebook-select input {
  color: var(--tertiary-black);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--body-font-arena);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--tertiary-deep-Grey);
  display: block;
}

.select-dealer .custom-dropdown-label {
  color: var(--tertiary-black);
  font-feature-settings: 'liga' off, 'clig' off;
  /* Text Small/Desktop/Medium */
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}

.search-button-container {
  display: none;

  @media(width >=1366px) {
    display: initial;
  }
}

.search-button-container-mobile {
  display: initial;

  @media(width >=1366px) {
    display: none;
  }
}

.search-button-container-mobile button {
  display: inline-flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: #171C8F;
  color: var(--Primary-Variations-Secondary, #F5F5F5);
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  border: none;
  width: 50%;
  margin-top: 24px;
}

.addressContainer-result {
  order: 2;

  @media(width >=1024px) {
    order: initial;
  }
}

.select-dealer-container .addressContainer {
  @media(width >=1024px) and (width < 1366px) {
    margin-top: 24px;
  }
}

#map {
  height: 400px;
  margin-bottom: 2.5rem;

  @media(width >=1366px) {
    height: 570px;
    width: 100%;
    margin: 0;

  }
}

.addressContainer {
  margin-top: 40px;

  @media(width >=1024px) {
    margin: 0 0 71px;
  }
}

.dealerName {
  color: var(--Neutrals-Headings, #1D1D1D);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--body-font-family);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0 0 0 8px;
  display: inline-block;
  width: calc(90% - 36px);
  margin-left: 16px;

  @media (width >=1024px) {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

section.display-flex {
  display: inline-block;
  width: 75%;
}

.dealerDistance {
  width: 25%;
  display: inline-block;
  margin: 0;
  text-align: right;
  color: var(--Neutrals-Headings, #1D1D1D);
  text-align: right;
  font-family: var(--font-family-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}

.dealerAddress {
  width: 75%;
  display: inline-block;
  color: var(--neutrals-sub-texts-paragraphs, #000);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 24px 0 8px;
  margin-left: 36px;
}

section.phone-section {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}


.phone-section>section {
  color: var(--neutrals-sub-texts-paragraphs, #000);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.phone-section>section>a {
  color: var(--neutrals-sub-texts-paragraphs, #000);
}

.phone-section>section:last-of-type {
  color: #171C8F;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-family-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.phone-section>section:last-of-type a {
  color: #171C8F;
}

section.arrow-section {
  background: var(--Primary-Variations-Secondary, #F5F5F5);
  height: 20px;
  border-bottom: 1px solid #BEBEBE;
}

.address-arrow {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M14.2047 5.56417L7.76884 12L1.33301 5.56417L2.27917 4.618L7.76884 10.1078L13.2585 4.618L14.2047 5.56417Z' fill='black'/></svg>");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  margin: auto;
  display: block;
  background-size: contain;
  transform: rotate(0deg);
  cursor: pointer;

  &.transform0 {
    transform: rotate(180deg);
  }
}

.phone-icon {
  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.1051 6.84286C11.0715 5.72402 10.6641 4.77406 9.88291 3.99298C9.10173 3.2118 8.15177 2.80439 7.03304 2.77075V1.89575C7.71359 1.91072 8.35074 2.05019 8.94447 2.31415C9.53831 2.5782 10.057 2.93195 10.5005 3.37538C10.9439 3.81891 11.2976 4.33754 11.5616 4.93127C11.8257 5.52511 11.9652 6.1623 11.9801 6.84286H11.1051ZM8.77181 6.84286C8.73817 6.37541 8.5568 5.97622 8.2277 5.64527C7.89861 5.31443 7.50038 5.13403 7.03304 5.10409V4.22909C7.74276 4.25903 8.34738 4.52469 8.84691 5.02606C9.34654 5.52754 9.61317 6.13313 9.64681 6.84286H8.77181ZM11.3395 11.9583C10.2402 11.9583 9.13581 11.7027 8.02631 11.1915C6.9169 10.6803 5.89665 9.95917 4.96556 9.02817C4.03825 8.09707 3.319 7.0777 2.80781 5.97004C2.29661 4.86249 2.04102 3.75906 2.04102 2.65977C2.04102 2.48477 2.09935 2.33797 2.21602 2.21936C2.33268 2.10084 2.47852 2.04159 2.65352 2.04159H4.55606C4.70335 2.04159 4.83329 2.08966 4.94587 2.18581C5.05845 2.28187 5.13006 2.40058 5.16068 2.54194L5.49508 4.25825C5.51822 4.4175 5.51336 4.55434 5.4805 4.66877C5.44754 4.7832 5.38843 4.87931 5.30316 4.95709L3.95595 6.26856C4.17276 6.66562 4.42048 7.04124 4.69912 7.39542C4.97766 7.7495 5.27924 8.08769 5.60387 8.40998C5.92393 8.73013 6.2642 9.02744 6.6247 9.3019C6.9852 9.57636 7.37448 9.83176 7.79254 10.0681L9.10154 8.74773C9.19283 8.65275 9.30337 8.58615 9.43316 8.54794C9.56286 8.50983 9.69766 8.5005 9.83756 8.51994L11.4573 8.84981C11.6046 8.8887 11.7248 8.96386 11.818 9.07527C11.9111 9.18669 11.9577 9.31308 11.9577 9.45444V11.3458C11.9577 11.5208 11.8984 11.6666 11.7799 11.7833C11.6613 11.8999 11.5145 11.9583 11.3395 11.9583ZM3.54193 5.44067L4.58304 4.44448C4.6017 4.42951 4.61386 4.40895 4.61949 4.38279C4.62513 4.35664 4.62421 4.33233 4.61672 4.30988L4.36312 3.00627C4.35563 2.97643 4.34256 2.95402 4.32389 2.93904C4.30522 2.92407 4.28092 2.91659 4.25097 2.91659H3.00352C2.98106 2.91659 2.96234 2.92407 2.94737 2.93904C2.93249 2.95402 2.92506 2.97273 2.92506 2.99519C2.9549 3.3938 3.02014 3.79873 3.12077 4.20998C3.22129 4.62133 3.36168 5.03156 3.54193 5.44067ZM8.61693 10.482C9.00359 10.6622 9.40686 10.8 9.82677 10.8954C10.2468 10.9907 10.6392 11.0473 11.0041 11.0653C11.0265 11.0653 11.0453 11.0578 11.0602 11.0429C11.0752 11.0279 11.0827 11.0092 11.0827 10.9867V9.75952C11.0827 9.72958 11.0752 9.70527 11.0602 9.68661C11.0453 9.66794 11.0228 9.65486 10.993 9.64738L9.76799 9.39829C9.74554 9.39081 9.7259 9.38988 9.70908 9.39552C9.69226 9.40116 9.67447 9.41331 9.6557 9.43198L8.61693 10.482Z" fill="%23939393"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-right: 4px;
  border-radius: 50%;
  vertical-align: middle;
}

.time-container .time-icon {
  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="M9.02657 9.64067L9.6414 9.02584L7.43815 6.82259V4.08325H6.56315V7.17711L9.02657 9.64067ZM7.00167 12.5416C6.23517 12.5416 5.51471 12.3961 4.84028 12.1053C4.16585 11.8144 3.57921 11.4196 3.08036 10.9209C2.58151 10.4223 2.18655 9.83589 1.89546 9.16175C1.60448 8.48761 1.45898 7.76734 1.45898 7.00094C1.45898 6.23444 1.60443 5.51397 1.89532 4.83954C2.18621 4.16511 2.58098 3.57847 3.07963 3.07963C3.57828 2.58078 4.16468 2.18581 4.83882 1.89473C5.51296 1.60374 6.23323 1.45825 6.99963 1.45825C7.76613 1.45825 8.4866 1.6037 9.16103 1.89459C9.83546 2.18547 10.4221 2.58025 10.9209 3.0789C11.4198 3.57755 11.8148 4.16395 12.1058 4.83809C12.3968 5.51222 12.5423 6.23249 12.5423 6.9989C12.5423 7.7654 12.3969 8.48586 12.106 9.16029C11.8151 9.83472 11.4203 10.4214 10.9217 10.9202C10.423 11.4191 9.83662 11.814 9.16248 12.1051C8.48835 12.3961 7.76807 12.5416 7.00167 12.5416ZM7.00065 11.6666C8.29371 11.6666 9.39475 11.2121 10.3038 10.303C11.2128 9.39402 11.6673 8.29297 11.6673 6.99992C11.6673 5.70686 11.2128 4.60582 10.3038 3.69679C9.39475 2.78777 8.29371 2.33325 7.00065 2.33325C5.7076 2.33325 4.60655 2.78777 3.69753 3.69679C2.7885 4.60582 2.33398 5.70686 2.33398 6.99992C2.33398 8.29297 2.7885 9.39402 3.69753 10.303C4.60655 11.2121 5.7076 11.6666 7.00065 11.6666Z" fill="%23939393"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  border-radius: 50%;
}


.center-align-items {
  display: flex;
  align-items: center;
  margin-left: 36px;
}

.time-container .email-icon {
  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="M2.51351 11.375C2.21882 11.375 1.9694 11.2729 1.76523 11.0688C1.56107 10.8646 1.45898 10.6152 1.45898 10.3205V3.67952C1.45898 3.38484 1.56107 3.13542 1.76523 2.93125C1.9694 2.72708 2.21882 2.625 2.51351 2.625H11.4878C11.7825 2.625 12.0319 2.72708 12.2361 2.93125C12.4402 3.13542 12.5423 3.38484 12.5423 3.67952V10.3205C12.5423 10.6152 12.4402 10.8646 12.2361 11.0688C12.0319 11.2729 11.7825 11.375 11.4878 11.375H2.51351ZM7.00065 7.32535L2.33398 4.34131V10.3205C2.33398 10.3729 2.3508 10.4159 2.38444 10.4495C2.41808 10.4832 2.4611 10.5 2.51351 10.5H11.4878C11.5402 10.5 11.5832 10.4832 11.6169 10.4495C11.6505 10.4159 11.6673 10.3729 11.6673 10.3205V4.34131L7.00065 7.32535ZM7.00065 6.41667L11.5776 3.5H2.42367L7.00065 6.41667ZM2.33398 4.34131V3.5V10.3205C2.33398 10.3729 2.3508 10.4159 2.38444 10.4495C2.41808 10.4832 2.4611 10.5 2.51351 10.5H2.33398V4.34131Z" fill="%23939393"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-right: 4px;
}

.email-copy-toast {
  background: rgba(23, 28, 143, 0.2);
  padding: 0.5rem 0.75rem;
  color: var(--primary-blue-700);
  font-family: var(--body-font-arena);
  font-size: 0.75rem;
  font-weight: var(--fw-300);
  line-height: 1rem;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  right: -35px;
  top: -26px;
  z-index: 999;
  display: none;

  @media (width >=1024px) {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.dealerTime {
  position: relative;
  color: var(--neutrals-sub-texts-paragraphs, #000);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.addressSection>div {
  margin-bottom: 32px;

  &:last-of-type {
    margin-bottom: 40px;
  }
}



.addressSection div input[type="radio"]+label {
  width: 20px;
  height: 20px;
  /* stroke-width: 0.833px; */
  border: 1px solid var(--neutrals-bars-unselected, #CCC);
  display: inline-block;
  pointer-events: none;
  position: relative;
}

.addressSection div input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

.addressSection div input[type="radio"]:checked+label:after {
  background: var(--primary-blue-700);
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  left: 2px;
  top: 2px;
  position: absolute;
}

.display-flex .display-flex {
  display: inline-flex;
  align-items: flex-start;
  width: 100%;
}

.copy-icon-img {
  vertical-align: middle;
}

.searchButton {
  border: inherit;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M22.1693 17H6V15H22.1693L14.5743 7.405L16 6L26 16L16 26L14.5743 24.595L22.1693 17Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin: 30px 0 0;
  padding: 8px;
  width: 40px;
  height: 40px;
  background-color: var(--Fill-Colour-CTA-Primary-Light-Default, #171C8F);
  margin-left: 30px;
  background-position: center;
  cursor: pointer;

  &:hover {
    background-color: var(--Primary-Variations-Hover, #01044B);
  }
}

.addressSection {
  max-height: 570px;
  overflow: hidden;
  overflow-y: scroll;
  padding-right: 10px;
}

.arrow-icon {
  background-image: url('../../../icons/teaser_arrow-dark.svg');
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  display: inline-block;
  transition: all 0.2s linear;
  margin-inline: 5px;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.phone-section section {
  &:last-of-type {
    &:hover {
      .arrow-icon {
        transform: scale(1.3);
        transform-origin: bottom left 0;
      }
    }
  }
}

.green-color {
  color: #37B200;
}