/* solutions: clone of https://www.dexpose.io/solutions/
   Flat #01072a page: centered title + intro, 3 rows x 2 outlined left-icon boxes (whole block afl,
   boxes afc), gradient CTA box with 5px #19356e border. */
.pg-sol { --sol-m: 4.5rem; --sol-box-border: #19356e; --sol-box-grad: linear-gradient(180deg, rgba(15, 0, 154, 0.3) 0%, rgba(0, 90, 128, 0.32) 100%); }
.pg-sol p { margin: 0 0 1.5rem; font-size: 1rem; line-height: 1.75; }
.pg-sol p:last-child { margin-bottom: 0; }
.pg-sol h1, .pg-sol h2 { line-height: 1.3; margin: 0 0 1.4rem; letter-spacing: 0; }
.pg-sol h1 { font-size: 2.3rem; font-weight: 500; }
.pg-sol h2 { font-size: 1.5rem; font-weight: 500; }
.pg-sol .sol-sec { padding: var(--sol-m) 0; }

/* Title + intro, centered, 4/6 width */
.pg-sol .sol-head { max-width: 760px; margin: 0 auto 2.5rem; text-align: center; }

/* Outlined left-icon boxes */
.pg-sol .sol-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.3rem 3rem; }
.pg-sol .sol-box { display: flex; align-items: flex-start; gap: 20px; }
.pg-sol .sol-box__icon { flex: none; width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(227, 229, 232, 0.22); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.6rem; margin: 0; transition: background 0.3s var(--ease), transform 0.3s var(--ease), border-color 0.3s var(--ease); }
.pg-sol .sol-box__icon .ico { width: 1em; height: 1em; }
.pg-sol .sol-box:hover .sol-box__icon { background: rgba(227, 229, 232, 0.12); border-color: rgba(227, 229, 232, 0.45); transform: translateY(-3px); }
.pg-sol .sol-box__meta { min-width: 0; }
.pg-sol .sol-box__meta h2 { margin-bottom: 0.9rem; }

/* Buttons (live us-btn-style_30 = outlined pill) */
.pg-sol .sol-btnwrap { margin: 0 !important; }
.pg-sol .sol-btn { display: inline-flex; align-items: center; gap: 0.6em; font-family: var(--font); font-size: 14px; font-weight: 400; line-height: 1.2; padding: 0.8em 1.8em; border: 2px solid rgba(219, 215, 219, 0.58); border-radius: 15px; color: #fff; transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease; }
.pg-sol .sol-btn .ico { width: 0.95em; height: 0.95em; stroke-width: 2.5; }
.pg-sol .sol-btn--ghost:hover { background: rgba(219, 215, 219, 0.42); border-color: rgba(219, 215, 219, 0.7); color: #fff; }

/* CTA box */
.pg-sol .sol-cta { border: 5px solid var(--sol-box-border); border-radius: 10px; background: var(--sol-box-grad); padding: 48px 30px; text-align: center; }
.pg-sol .sol-cta h2 { font-size: 2.3rem; margin-bottom: 1.2rem; }
.pg-sol .sol-cta__sub { color: rgba(219, 215, 219, 0.8); font-weight: 500; font-size: 40px; line-height: 1.3; margin: 0 0 1.4rem; }

@media (max-width: 760px) {
  .pg-sol { --sol-m: 3rem; }
  .pg-sol h1 { font-size: 2rem; }
  .pg-sol .sol-grid { grid-template-columns: 1fr; gap: 2rem; }
  .pg-sol .sol-head { margin-bottom: 2rem; }
  .pg-sol .sol-cta { padding: 36px 20px; }
  .pg-sol .sol-cta h2 { font-size: 2rem; }
  .pg-sol .sol-cta__sub { font-size: 36px; }
}
@media (max-width: 480px) {
  .pg-sol .sol-box { gap: 14px; }
  .pg-sol .sol-cta__sub { font-size: 32px; }
}