/* City branches SEO block — used on branch, rates, and currency pages */

.city-branches-seo {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0 240px;
  position: relative;
  width: 1900px;
  max-width: 100%;
  align-self: center;
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
}

.city-branches-seo-inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 1420px;
  max-width: 100%;
}

.city-branches-seo-title {
  margin: 0;
  color: var(--log-cabin, #212121);
}

.city-branches-seo-intro {
  margin: 0;
  color: var(--text-2, #6E727D);
  line-height: 22px;
  font-weight: 400;
}

.city-branches-seo-list {
  list-style: disc;
  padding-left: 24px;
  margin: 0;
  columns: 2;
  column-gap: 60px;
  width: 100%;
}

.city-branches-seo-item {
  break-inside: avoid;
  padding: 6px 0;
  font-size: 15px;
  line-height: 22px;
  color: var(--text-2, #6E727D);
}

.city-branches-seo-item a {
  color: var(--black, #212121);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}

.city-branches-seo-item a:hover {
  color: var(--green-website, #00C853);
}

.city-branches-seo-item-hidden {
  display: none;
}

.city-branches-seo-more {
  background: var(--white, #fff);
  border: 1px solid var(--stroke, #E3E4EA);
  border-radius: 30px;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--black, #212121);
  padding: 12px 28px;
  transition: all 0.15s ease;
  align-self: flex-start;
}

.city-branches-seo-more:hover {
  border-color: var(--black, #212121);
}

.city-branches-seo-more-count {
  color: var(--text-2, #6E727D);
  font-weight: 400;
  margin-left: 4px;
}

@media (max-width: 1439px) {
  .city-branches-seo {
    align-self: stretch;
    padding: 0 80px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .city-branches-seo {
    padding: 0 24px;
  }
  .city-branches-seo-list {
    columns: 1;
  }
}