.branches-page > .bg-white {
  background-color: transparent !important;
}

.branches-page #branches-main > .hero-header {
  margin-bottom: 0;
}

.branches-page .branches-hero-logo {
  min-height: 30px;
  max-height: 60px;
  max-width: 100%;
}

.branches-page .branches-intro {
  max-width: 760px;
}

.branches-page .branches-city-card {
  color: var(--primary);
}

.branches-page .branches-city-card h3 {
  color: inherit;
}

.branches-page .branches-city-card .btn {
  align-self: flex-start;
}

.branches-page #branches-main a:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 4px;
}

.branches-page #branches-main {
  overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
  .branches-page .cta-panel {
    padding: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .branches-page #branches-main .wow,
  .branches-page #branches-main .animated {
    animation: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }
}