/* ==========================================================================
   experience.css – Student experience section
   Part of the Devraj Pathak theme. Breakpoints are in responsive.css.
   ========================================================================== */

.dp-experience__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.dp-features { list-style: none; padding: 0; margin: 36px 0 0; display: grid; gap: 26px; }
.dp-features li { display: flex; gap: 20px; }
.dp-features__icon { margin: 0; }
.dp-features__icon .dp-icon { width: 24px; height: 24px; }
.dp-features h3 { font-size: 23px; margin-bottom: 4px; }
.dp-features p { margin: 0; color: var(--dp-muted); }

.dp-experience__gallery { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 220px 220px; gap: 16px; }
.dp-experience__gallery img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--dp-radius); }
.dp-experience__gallery img:first-child { grid-column: 1 / -1; }