/* Scoped so it won't mess with anything else */
.earc-footer-good-hands {
  display: block;
  text-decoration: none;
  background-color: #0033a0; /* Allstate blue */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: 100vw; /* prevents scrolling */
  transition: opacity 0.2s ease;
}

.earc-footer-good-hands:hover {
  text-decoration: none;
  opacity: 0.95;
}

.earc-footer-good-hands__inner {
  display: flex;
  align-items: center;
  min-height: 110px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Left light-blue panel */
.earc-footer-good-hands__logo-area {
    background-color: #33b8e5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    height: 111px;
    width: 40%;
    margin-left: -15%;
}

.earc-footer-good-hands__logo {
  max-height: 70px;
  width: auto;
  display: block;
}

/* Right text area */
.earc-footer-good-hands__text-area {
  flex: 1 1 auto;
  padding: 0 2.5rem;
  color: #ffffff;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.earc-footer-good-hands__text-main {
  color: #ffffff; /* "you’re in" */
}

.earc-footer-good-hands__text-emphasis {
  color: #33b8e5; /* "good hands®" in cyan */
}

/* Small screens: stack logo above text, keep full-width strip */
@media (max-width: 700px) {
  .earc-footer-good-hands__inner {
    flex-direction: column;
    text-align: center;
  }

  .earc-footer-good-hands__logo-area {
    width: 100%;
    justify-content: center;
  }

  .earc-footer-good-hands__text-area {
    padding: 1rem 1.5rem 1.5rem;
    justify-content: center;
    font-size: 1.4rem;
  }
}