@import url("/style.css?v=02e7a4599b5b");
@import url("/shared/pages.css?v=02e7a4599b5b");

/* The company profile's three audiences, using the approved LYVA type scale. */
.problem-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.problem-card { background: #f6f0e3; border-top: 3px solid var(--yellow); border-radius: 0 0 9px 9px; padding: 30px; }
.problem-icon { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #d2c8b3; border-radius: 50%; margin-bottom: 24px; color: var(--teal); }
.problem-icon .icon { width: 23px; height: 23px; }
.problem-card h3 { font-size: 25px; line-height: 1.3; letter-spacing: -.5px; margin-bottom: 17px; }
.problem-card > p { color: var(--body); font-size: 16px; line-height: 1.8; }

@media (max-width: 1100px) {
  .problem-card { padding: 26px; }
}
@media (max-width: 960px) {
  .problem-grid { grid-template-columns: 1fr; gap: 20px; }
  .problem-card { display: grid; grid-template-columns: 175px minmax(0, 1fr); gap: 28px; }
  .problem-card h3 { font-size: 24px; margin-bottom: 0; }
  .problem-icon { margin-bottom: 20px; }
}
@media (max-width: 760px) {
  .problem-card { display: block; padding: 27px; }
  .problem-card h3 { font-size: 25px; margin-bottom: 17px; }
  .problem-icon { margin-bottom: 20px; }
}