* {
  box-sizing: border-box;
}

body {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  background-color: #f6d3ff;
}

.footer {
  width: 100%;
  max-width: 1318px;
  background-color: white;
  border-radius: 2rem;
  display: grid;
  overflow: hidden;
  grid-template-areas:
    'search cro social-media'
    'other-services cta cta';
}

@media screen and (max-width: 920px) {
  .footer {
    grid-template-areas:
      'search cro'
      'social-media other-services'
      'cta cta';

    .section--search,
    .section--cro,
    .section--social-media,
    .section--other-services,
    .section--cta {
      padding: 5rem;
    }
  }
}

.section {
  padding: 4.5rem;
}

.section--search {
  background-color: #fb896b;
  grid-area: search;
  padding-top: 9rem;
}

.section--cro {
  background-color: #fb6b6b;
  grid-area: cro;
  padding-top: 9rem;
}

.section--social-media {
  background-color: #f1a864;
  grid-area: social-media;
  padding-top: 9rem;
}

.section--other-services {
  background-color: #fbd36b;
  grid-area: other-services;
  padding-bottom: 9rem;
}

.section--cta {
  background-color: #485258;
  grid-area: cta;
  padding-bottom: 9rem;
}

.title {
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  color: #ffffff;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  margin: 0 0 28px 0;
}

.title--dark {
  color: #485258;
}

.link {
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
  text-decoration: none;
  display: block;
  margin: 0 0 20px 0;
}

.link:last-of-type {
  margin-bottom: 0;
}

.link--dark {
  color: #485258;
}

.claim {
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  color: #ffffff;
  margin: 0 0 16px 0;
}

.subclaim {
  font-weight: 500;
  width: 40ch;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
  margin: 0 0 32px 0;
}

.button-cta {
  padding: 18px 16px;
  background-color: white;
  border: #485258;
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  color: #485258;
}