.legal-expertise p {
  font-family: Nunito Sans,sans-serif;
}

/* first section - intro */

.legal-expertise .legal-intro {
  max-width: 880px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 80px 0;
  gap: 40px;
}

.legal-intro .line-two-lg {
  display: block;
}

.legal-intro .line-two-sm {
  display: none;
}

@media (max-width: 1279px) {
  .legal-expertise .legal-intro {
    grid-template-columns: 1fr;
  }
  .legal-expertise .legal-intro img {
    max-width: 80%;
    margin: 0 auto;
  }

  .legal-intro .line-two-lg {
    display: none;
  }

  .legal-intro .line-two-sm {
    display: block;
  }
}

/* prior engagements */
.legal-expertise .legal-prior-engagements {
  padding: 100px 0;
  background-color: var(--bg-light-gray);
  display: grid;
  gap: 36px;
}

.legal-expertise .legal-prior-engagements > * {
  max-width: 900px;
  margin: 0 auto;
}

.legal-expertise h2,
.legal-expertise h3 {
  color: var(--ee-blue);
}

.legal-expertise h2 {
  font-size: 48px;
  text-align: center;
}

.legal-prior-engagements h3 {
  margin-bottom: 16px;
}

.legal-expertise .legal-prior-engagements .engagement-card {
  padding: 60px 150px;
  background-color: white;
  border-radius: 16px;
}

.engagement-card .engagement-images-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 480px) {
  .engagement-card .engagement-images-container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1279px) {
  .legal-expertise .legal-intro {
    padding: 40px 50px;
  }

  .legal-expertise .legal-prior-engagements {
    padding: 40px 20px;
    gap: 16px;
  }

  .legal-expertise h2 {
    font-size: 32px;
  }

  .legal-expertise .legal-prior-engagements .engagement-card {
    padding: 40px;
  }
}

.engagement-images-container img { border-radius: 8px }

/* Talks on legal */
.talks-on-legal {
  background-color: var(--bg-light-gray-2);
  padding: 60px 16px;
}

.talks-on-legal > p {
  max-width: 800px;
  margin: 40px auto;
  padding: 0 20px;
}

/* blog cards on css/components/ee-card.css */

.talks-on-legal .ee-blog-container {
  max-width: 800px;
  padding: 0;
}