/* Counters — i2t3 component styles */

.i2t3-counters-section { padding: 3rem 0; text-align: center; }
/* Center the counter row so a single counter (or a few) sits centered
 * instead of left-aligned in the flex row. */
.i2t3-counters-section .row { justify-content: center; }

.i2t3-counters-section .counter-card {
    margin-bottom: 1.5rem;
}
/* Icon inherits the block color (set on .counter-card via text-* utility);
 * sizing is handled by the fs-2 utility in the template. */
.i2t3-counters-section .counter-icon {
    margin-bottom: 0.5rem;
}
.i2t3-counters-section .counter-number,
.i2t3-counters-section .h2,
.i2t3-counters-section h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
/* Label inherits the block color (set on .counter-card via text-* utility)
 * so the whole block recolors consistently, matching the Bootstrap original. */
.i2t3-counters-section .counter-label,
.i2t3-counters-section .h5,
.i2t3-counters-section h5 {
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
}