/* PROFILE GRID */
section[class^="profileGrid_image-container"]:nth-of-type(1) {
  background: #fff;
  padding: 4rem 1rem;
}

section[class^="profileGrid_image-container"]:nth-of-type(2) {
  background: #eee;
  padding: 4rem 0;
}

section[class^="profileGrid_image-container"]
  h2[class^="profileGrid_sub-heading"] {
  color: #000;
  padding: 0 3rem;
}

section[class^="profileGrid_image-container"]
  p[class^="profileGrid_description"] {
  color: #000;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

section[class^="profileGrid_image-container"]
  div[class^="profileGrid_profile-card-grid-item"]
  h5 {
  color: #000 !important;
}

section[class^="profileGrid_image-container"]:nth-of-type(1)
  div[class^="profileGrid_card-img"] {
  max-width: 160px;
  margin: 1rem auto 2rem;
}

section[class^="profileGrid_image-container"]:nth-of-type(2)
  div[class^="profileGrid_card-img"] {
  max-width: 320px;
  margin: -6rem auto;
}

section[class^="profileGrid_image-container"]:nth-of-type(2)
  div[class^="profileGrid_profile-card-grid-item"]:nth-child(2) {
  transform: scale(0.7);
}

section[class^="profileGrid_image-container"]
  div[class^="profileGrid_profile-card-grid-item"]:nth-child(1)
  h5[class^="profileGrid_card-heading"]::before {
  content: "01";
  display: block;
  font-size: 1rem;
  color: #888;
}

section[class^="profileGrid_image-container"]
  div[class^="profileGrid_profile-card-grid-item"]:nth-child(2)
  h5[class^="profileGrid_card-heading"]::before {
  content: "02";
  display: block;
  font-size: 1rem;
  color: #888;
}

section[class^="profileGrid_image-container"]
  div[class^="profileGrid_profile-card-grid-item"]:nth-child(3)
  h5[class^="profileGrid_card-heading"]::before {
  content: "03";
  display: block;
  font-size: 1rem;
  color: #888;
}

@media screen and (min-width: 768px) {
  section[class^="profileGrid_image-container"] {
    padding: 8rem 0;
  }

  section[class^="profileGrid_image-container"]:nth-of-type(1)
    div[class^="profileGrid_card-img"] {
    max-width: 200px;
    margin-left: 0;
  }

  section[class^="profileGrid_image-container"]:nth-of-type(2)
    div[class^="profileGrid_card-img"] {
    min-width: 400px;
    margin: -6rem auto;
    pointer-events: none;
  }

  section[class^="profileGrid_image-container"]:nth-of-type(2)
    div[class^="profileGrid_inner-container"] {
    max-width: none;
  }
}