/* COUNTRIES INDEX */
.countries-container {
  background: var(--color-blue-200);
  padding: var(--spacing-20) 0;
}
.countries {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--spacing-8);
}
.country-card {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--spacing-5);
  align-items: center;
  background: var(--color-white);
  border-radius: var(--rounded-xl);
  overflow: hidden;
}
.country-card h2.country-heading {
  margin-top: 0;
}
.country-card p.country-description {
  align-self: center;
  font-size: var(--text-lg);
}
.country-card a.btn {
  align-self: start;
  margin-top: var(--spacing-6);
}
.countries-empty {
  font-size: var(--text-lg);
  color: var(--color-gray);
}

@media screen and (min-width: 72rem) {
  .countries {
    grid-template-columns: var(--columns-2);
  }
}

/* CONTACT SECTION (shared with service template) */
section.contact {
  background: var(--color-yellow-200);
  padding: var(--spacing-20) 0;
}
.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--spacing-10);
}
@media screen and (min-width: 72rem) {
  .contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--spacing-20);
  }
}