/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 15 2026 | 10:00:19 */
.ag-about3 { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 3fr); grid-template-rows: repeat(3, auto); gap: 36px 48px; align-items: center; margin-top: 40px; font-feature-settings: "lnum"; }
.ag-about3__media { position: relative; grid-column: 2; grid-row: 1 / 4; margin: 0; min-width: 0; }
.ag-about3__media::before { content: ""; position: absolute; inset: -12%; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(245, 131, 31, 0.06) 0%, rgba(245, 131, 31, 0.03) 45%, rgba(245, 131, 31, 0) 70%); pointer-events: none; }
.ag-about3__media img { position: relative; display: block; width: 100%; height: auto; border-radius: 16px; }
.ag-about3__item { display: flex; align-items: flex-start; gap: 16px; min-width: 0; text-align: left; }
.ag-about3__item:nth-child(1) { grid-column: 1; grid-row: 1; }
.ag-about3__item:nth-child(2) { grid-column: 1; grid-row: 2; }
.ag-about3__item:nth-child(3) { grid-column: 1; grid-row: 3; }
.ag-about3__item:nth-child(5) { grid-column: 3; grid-row: 1; }
.ag-about3__item:nth-child(6) { grid-column: 3; grid-row: 2; }
.ag-about3__item:nth-child(7) { grid-column: 3; grid-row: 3; }
.ag-about3__icon { flex: 0 0 40px; width: 40px; height: 40px; fill: none; stroke: #F5831F; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ag-about3__title { margin: 0 0 6px; font-size: 20px; font-weight: 500; line-height: 1.3; color: #1f1f1f; }
.ag-about3__desc { margin: 0; font-size: 16px; font-weight: 500; line-height: 1.5; color: #4a4a4a; }
.ag-about3__desc a { color: #D96C0C; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1024px) {
  .ag-about3 { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; gap: 28px 32px; align-items: start; margin-top: 32px; }
  .ag-about3__media { grid-column: 1 / -1; grid-row: 1; width: min(100%, 420px); margin: 0 auto 8px; }
  .ag-about3__item:nth-child(n) { grid-column: auto; grid-row: auto; }
  .ag-about3__title { font-size: 18px; }
  .ag-about3__desc { font-size: 15px; }
}
@media (max-width: 767px) {
  .ag-about3 { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 28px; }
  .ag-about3__media { width: auto; max-width: 100%; margin: 0 auto 4px; }
  .ag-about3__media img { width: auto; max-width: 100%; max-height: 360px; margin: 0 auto; }
  .ag-about3__icon { flex-basis: 36px; width: 36px; height: 36px; }
}