.bg-img1::before {
  background-image: url('https://us.evocdn.io/dealer/1361/content/media/My_Theme/young-nurse-covering-disabled-elderly-woman-in-whe-2023-02-21-18-21-23-utc.jpg') !important;
}

.bg-img2::before {
  background-image: url('https://us.evocdn.io/dealer/1361/content/media/My_Theme/crater-lake-national-park-oregon-2021-08-26-22-28-27-utc.jpg') !important;
}

.bg-img3::before {
  background-image: url('https://us.evocdn.io/dealer/1361/content/media/My_Theme/Wheelchairathelete.jpg') !important;
}

.bg-img4::before {
  background-image: url('https://us.evocdn.io/dealer/1361/content/media/My_Theme/2024-02-16_08-10-43.jpg') !important;
}

.bg-img6::before {
  background-image: url('https://us.evocdn.io/dealer/1361/content/media/My_Theme/Wheelchairathelete.jpg') !important;
}

.bg-img7::before {
  background-image: url('https://us.evocdn.io/dealer/1361/content/media/My_Theme/CGMWomanRunning_1_1_1.jpg') !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom;
}

.bg-blurred1::before {
  background-color: var(
    --evo-brand-default,
    var(--theme-colour-blue, #224766)
  );
}

.branch-title .distance,
.widget-fullwidth .distance {
  display: inline-flex !important;
}

.branch-title .distance span {
  color: inherit;
}

.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

/* Location map positions */

.locations-map .pin-box:nth-of-type(1) {
  top: 18%;
  left: 12%;
}

.locations-map .pin-box:nth-of-type(2) {
  top: 20%;
  left: 45%;
}

.locations-map .pin-box:nth-of-type(3) {
  top: 40%;
  left: 13%;
}

.locations-map .pin-box:nth-of-type(4) {
  top: 40%;
  left: 32%;
}

.locations-map .pin-box:nth-of-type(5) {
  top: 44%;
  left: 49%;
}

.locations-map .pin-box:nth-of-type(6) {
  top: 64%;
  left: 25%;
}

.locations-map .pin-box:nth-of-type(7) {
  top: 67%;
  left: 40%;
}

.locations-map .pin-box:nth-of-type(8) {
  top: 68%;
  left: 53%;
}

@media only screen and (max-width: 700px) {
  .locations-map .pin-box:nth-of-type(1) {
    left: 5%;
  }

  .locations-map .pin-box:nth-of-type(2) {
    left: 38%;
  }

  .locations-map .pin-box:nth-of-type(3) {
    left: 6%;
  }

  .locations-map .pin-box:nth-of-type(4) {
    left: 25%;
  }

  .locations-map .pin-box:nth-of-type(5) {
    left: 42%;
  }

  .locations-map .pin-box:nth-of-type(6) {
    left: 18%;
  }

  .locations-map .pin-box:nth-of-type(7) {
    left: 33%;
  }

  .locations-map .pin-box:nth-of-type(8) {
    left: 55%;
  }
}

/* Mobility process component */

.mobility-process {
  --mobility-accent: #176b87;
  --mobility-active-background: #dceff5;
  --mobility-dark: #073b4c;
  --mobility-border: #c9dfe3;
  --mobility-surface: #ffffff;

  background-color: inherit;
  padding: 32px 24px 48px;
}

.mobility-process .tab-header {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 1100px;
  margin: 0 auto 36px;
}

.mobility-process .tab-header > div {
  position: relative;
  min-height: 116px;
  box-sizing: border-box;
  padding: 18px 16px 20px;
  border: 1px solid var(--mobility-border);
  border-radius: 6px;
  background: var(--mobility-surface);
  cursor: pointer;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.mobility-process .tab-header > div:hover {
  border-color: var(--mobility-accent);
}

.mobility-process .tab-header > div.is-active {
  color: var(--mobility-dark);
  background: var(--mobility-active-background);
  border-color: var(--mobility-accent);
}

.mobility-process .tab-header > div.is-active::after {
  position: absolute;
  right: 12px;
  bottom: -9px;
  left: 12px;
  height: 5px;
  background: var(--mobility-accent);
  content: "";
}

.mobility-process .tab-header h3,
.mobility-process .tab-header p {
  margin: 0;
}

.mobility-process .tab-header h3 {
  color: inherit;
  font-size: 1rem;
  line-height: 1.2;
}

.mobility-process .tab-header p {
  margin-top: 10px;
  color: inherit;
  font-size: 0.85rem;
  line-height: 1.35;
}

.mobility-process .process-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-bottom: 12px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
}

.mobility-process .tab-content {
  max-width: 1100px;
  min-height: 260px;
  margin: 0 auto;
  padding: 32px;
  border-top: 1px solid var(--mobility-border);
  background: var(--mobility-surface);
}

.mobility-process .accordion-wrapper h2 {
  margin-top: 0;
  color: var(--mobility-dark);
}

.mobility-process .mobility-step {
  padding: 20px 0;
  border-top: 1px solid #d8e5e7;
  font-size: 1rem;
  line-height: 1.55;
}

.mobility-process .mobility-step h4 {
  margin: 0 0 10px;
  color: var(--mobility-dark);
}
.mobility-process .mobility-step ul {
  display: grid;
  gap: 8px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.95rem;
  line-height: 1.45;
}

.mobility-process .mobility-step li {
  position: relative;
  padding-left: 24px;
  line-height: 1.4;
}

.mobility-process .mobility-step li::before {
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 9px;
  height: 9px;
  border: 2px solid var(--mobility-accent);
  border-radius: 50%;
  content: "";
}

.mobility-process .mobility-step li::after {
  position: absolute;
  top: 0.67em;
  left: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mobility-accent);
  content: "";
}

.mobility-process .mobility-step p {
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 52rem) {
  .mobility-process .tab-header {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 34rem) {
  .mobility-process .tab-header {
    grid-template-columns: 1fr;
  }
}