.wp-block-branch-finder-search__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
}

@media (min-width: 1024px) {
  .wp-block-branch-finder-search__container {
    align-items: center;
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .wp-block-branch-finder-search__search-col {
    flex: 1;
    max-width: 696px;
  }
}
.wp-block-branch-finder-search__form {
  --heading-colour: var(--colour-text-dark);
  padding: var(--spacing-m);
  background-color: var(--colour-4);
  border-radius: var(--border-radius-default);
}

.wp-block-branch-finder-search__error {
  font-size: 22px;
  line-height: 150%;
}

@media (min-width: 1024px) {
  .wp-block-branch-finder-search__error {
    font-size: 24px;
  }
}
.wp-block-branch-finder-search__closest-office {
  --heading-colour: var(--colour-white);
  padding: var(--spacing-m);
  border-radius: var(--border-radius-default);
  background: var(--background-dark-gradient);
  color: var(--colour-white);
  margin-bottom: var(--spacing-xxl);
}

.wp-block-branch-finder-search__nearest-heading {
  font-size: 20px;
  line-height: 150%;
}

.wp-block-branch-finder-search__office-heading {
  font-size: 36px;
  line-height: 140%;
  font-weight: 700;
  text-transform: capitalize;
}

@media (min-width: 1024px) {
  .wp-block-branch-finder-search__office-heading {
    font-size: 42px;
  }
}
.wp-block-branch-finder-search__button {
  margin-top: var(--spacing-xs);
}

.wp-block-branch-finder-search__other-branches-heading {
  font-size: 22px;
  line-height: 150%;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: var(--spacing-s);
  color: var(--heading-colour);
}

@media (min-width: 1024px) {
  .wp-block-branch-finder-search__testimonials-col {
    max-width: 497px;
  }
}
.wp-block-branch-finder-search__testimonials-image {
  margin: 0 auto var(--spacing-gutter);
  border-radius: 50%;
}

.wp-block-branch-finder-search__testimonials {
  margin: 0;
}

.wp-block-branch-finder-search__helper-col {
  display: flex;
  align-items: center;
  gap: var(--spacing-m);
  flex: 1;
}

@media (max-width: 1023.98px) {
  .wp-block-branch-finder-search__helper-col {
    display: none;
  }
}
.wp-block-branch-finder-search__helper-text {
  font-size: 22px;
  line-height: 150%;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--heading-colour);
  max-width: 464px;
}

.wp-block-branch-finder-search--postcode .wp-block-branch-finder-search__container {
  gap: var(--spacing-xxl);
}

@media (min-width: 1024px) {
  .wp-block-branch-finder-search--postcode .wp-block-branch-finder-search__container {
    justify-content: space-between;
    align-items: flex-start;
  }
}
.wp-block-branch-finder-search--postcode .wp-block-branch-finder-search__form {
  margin-bottom: var(--spacing-m);
}