#speaker-list-full {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 0;
  max-width: 905px;
  row-gap: 40px;
  column-gap: 60px;
  justify-items: flex-start;
  align-content: center;
}

#speaker-list-full .speaker {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  min-width: 300px;
}

#speaker-list-full .speaker-image {
  position: relative;
  width: 140px;
  height: 160px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE0MCAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMyLjEzOCA0Mi43NTFMMTQwIDM4LjI2NDdMNzMuMDI5NyAwLjAwNjcyNjA4TDczLjAyMyAwVjguNzUwNjNMMTMyLjEzOCA0Mi43NTFaIiBmaWxsPSIjRTg1RTVDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjkuMDAxMyA4LjYyMjgzVjBMMi4wNDQ0OSAzOC4yNjQ3TDkuNzcxODMgNDIuNjc3TDY5LjAwMTMgOC42MjI4M1oiIGZpbGw9IiNGOURCNkMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljg5NjQyIDQ2LjI0ODZMMCA0MS43MzU0VjExOC4yNzFMNy44OTY0MiAxMTMuNzUxVjQ2LjI0ODZaIiBmaWxsPSIjMUU5MEZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS43ODUyOCAxMTcuMzE2TDIuMDQ0NDkgMTIxLjczNUw2OS4wMDEzIDE2MFYxNTEuMzkxTDkuNzg1MjggMTE3LjMxNloiIGZpbGw9IiM3RkVCQkIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMzIuMTMxIDExNy4yNDJMNzMuMDIzIDE1MS4yNTZWMTYwTDczLjAyOTcgMTU5Ljk5M0wxNDAgMTIxLjczNUwxMzIuMTMxIDExNy4yNDJaIiBmaWxsPSIjQTA1MEU1Ii8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#speaker-list-full .speaker-image img {
  position: absolute;
  top: 9%;
  left: 10%;
  width: 82%;
  height: 82%;
  -o-object-fit: cover;
  object-fit: cover;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

#speaker-list-full .speaker-name a {
  font-family: var(--paragraph-qaulion-font);
  font-weight: 700;
  font-size: 24px;
  text-decoration: none;
  color: var(--cp-black);
}

#speaker-list-full .speaker-name a:hover {
  color: var(--cp-light-red);
}

#speaker-list-full .speaker-bio {
  border-bottom: 1px solid var(--cp-light-gray);
  padding-bottom: var(--spacing-4x, 16px);
}

#speaker-list-full .speaker-title-company {
  display: flex;
  flex-direction: column;
  font-family: var(--paragraph-qaulion-font);
  color: var(--cp-light-red);
  font-weight: 500;
  margin-bottom: var(--spacing-6x, 24px);
}

#speaker-list-full .speaker-bio {
  margin-bottom: var(--spacing-6x, 24px);
}

#speaker-list-full .speaker-bio a {
  font-family: var(--paragraph-qaulion-font);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  position: relative;
}

#speaker-list-full .speaker-bio a::after {
  content: "";
  position: absolute;
  margin-left: 4px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.29006%2016.525L13.1701%2012.645L9.29006%208.765C8.90006%208.375%208.90006%207.745%209.29006%207.355C9.68006%206.965%2010.3101%206.965%2010.7001%207.355L15.2901%2011.945C15.6801%2012.335%2015.6801%2012.965%2015.2901%2013.355L10.7001%2017.945C10.3101%2018.335%209.68006%2018.335%209.29006%2017.945C8.91006%2017.555%208.90006%2016.915%209.29006%2016.525Z%22%20fill%3D%22%233949F3%22/%3E%3C/svg%3E');
  bottom: -2px;
}

#speaker-list-full .speaker-bio a:hover {
  color: var(--cp-light-red);
}

#speaker-list-full .speaker-bio a:hover::after {
  background: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.29006%2016.525L13.1701%2012.645L9.29006%208.765C8.90006%208.375%208.90006%207.745%209.29006%207.355C9.68006%206.965%2010.3101%206.965%2010.7001%207.355L15.2901%2011.945C15.6801%2012.335%2015.6801%2012.965%2015.2901%2013.355L10.7001%2017.945C10.3101%2018.335%209.68006%2018.335%209.29006%2017.945C8.91006%2017.555%208.90006%2016.915%209.29006%2016.525Z%22%20fill%3D%22%23e85e5c%22/%3E%3C/svg%3E');
}

#speaker-list-full .speaker-social {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--spacing-4x, 16px);
}

#speaker-list-full .speaker-social img {
  width: 16px;
  height: 16px;
}

/** Responsive **/

@media (max-width: 820px) {
  #speaker-list-full {
    grid-template-columns: 1fr;
    align-content: center;
    justify-items: center;
  }
}