.country-chips {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 32px 0
}

.country-chip {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 90px;
  border: 1px solid #e3ecf5;
  border-radius: 19px;
  background: white;
  padding: 21px 23px;
  color: #063882
}

.country-chip img {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 1px #00000006
}

.country-chips .country-chip>span {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45
}

.language-picker {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0;
  font-size: 11px;
  color: #063882
}

.language-picker select {
  display: block;
  width: auto;
  min-width: 90px;
  border: 1px solid #dbe6f1;
  border-radius: 5px;
  background: white;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #063882;
  padding: 10px 22px 10px 9px;
  cursor: pointer;
  margin: 0;
  height: 39px
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.ry-nav {
  gap: 15px
}

.ry-nav nav {
  gap: 18px;
  font-size: 15px
}

.ry-brand img {
  width: 145px
}

.ry-brand>span {
  font-size: 11px
}

.form-demo-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap
}

.form-demo-bar .language-picker select {
  font-size: 11px;
  padding: 7px 22px 7px 9px;
  height: 34px
}

.embedded-form .form-demo-bar .language-picker {
  display: none
}

html[lang=es] .hero-copy h1 {
  font-size: 58px
}

html[lang=es] .hero-copy .intro {
  font-size: 13px
}

html[lang=es] .hero-checks {
  font-size: 11px
}

html[lang=es] .ry-nav nav {
  gap: 14px;
  font-size: 15px
}

html[lang=es] .ry-nav>.button {
  font-size: 15px;
  padding: 13px
}

html[lang=es] .footer-grid {
  grid-template-columns: 1.3fr 1.1fr 1.3fr 1.3fr
}

.public-page .next-step-panel p {
  overflow-wrap: break-word
}

@media(max-width:1150px) {
  .ry-brand>span {
    display: none
  }

  .ry-nav nav {
    gap: 13px
  }

  .country-chip {
    padding: 18px;
    gap: 14px
  }

  .country-chips .country-chip>span {
    font-size: 12px
  }

  .country-chip img {
    width: 40px;
    height: 40px;
    flex-basis: 40px
  }

  .ry-nav .language-picker select {
    min-width: 82px;
    font-size: 10px
  }
}

@media(max-width:950px) {
  .ry-nav {
    flex-wrap: wrap;
    min-height: 95px;
    height: auto;
    padding: 14px 0
  }

  .ry-nav nav {
    order: 5;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap
  }

  .ry-nav .button {
    margin-left: auto
  }

  .country-chips {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px
  }
}

@media(max-width:760px) {
  .ry-nav .button {
    margin-left: 0
  }

  .ry-nav nav {
    display: none
  }

  .ry-nav.expanded nav {
    display: flex;
    justify-content: flex-start
  }

  .country-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
  }

  .country-chip {
    min-height: 82px;
    padding: 16px 13px;
    gap: 12px;
    border-radius: 15px
  }

  .country-chip img {
    width: 36px;
    height: 36px;
    flex-basis: 36px
  }

  .country-chips .country-chip>span {
    font-size: 12px
  }

  .ry-brand img {
    width: 115px
  }

  .ry-nav {
    gap: 8px
  }

  .ry-nav .button {
    padding: 10px;
    font-size: 9px
  }

  .ry-nav .language-picker select {
    height: 34px;
    min-width: 76px;
    font-size: 10px;
    padding: 8px 15px 8px 7px
  }

  .mobile-menu {
    padding: 7px 10px
  }

  .ry-nav nav, html[lang=es] .ry-nav nav {
    font-size: 12px;
    gap: 16px
  }

  html[lang=es] .hero-copy h1 {
    font-size: 43px
  }

  html[lang=es] .hero-copy .intro {
    font-size: 12px
  }

  html[lang=es] .hero-checks {
    font-size: 10px
  }

  html[lang=es] .ry-hero {
    min-height: 640px
  }

  html[lang=es] .footer-grid {
    grid-template-columns: 1fr 1fr
  }
}

@media(max-width:420px) {
  .ry-nav .button {
    order: 4;
    margin-left: auto
  }

  .ry-nav .mobile-menu {
    order: 3;
    margin-left: 0
  }

  .ry-nav .language-picker {
    order: 2;
    margin-left: auto
  }

  .ry-brand {
    order: 1
  }

  .ry-nav nav {
    order: 5
  }

  .country-chip {
    gap: 9px;
    padding: 14px 11px
  }

  .country-chips .country-chip>span {
    font-size: 11px
  }
}