/* Service – Section 3 */
#service-section-3 { background: #f6f6f6; padding: var(--section-pad-y) var(--section-pad-x); }
#service-section-3 .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Heading */
.s3__heading { text-align: center; font-size: 48px; line-height: 1.2; margin: 0 0 36px; font-weight: 600; }

/* Grid */
.s3__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

/* Card */
.s3__card {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 28px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

/* Icon circle */
.s3__icon { width: 60px; height: 60px; border-radius: 50%; background: #fde6e1; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; overflow: hidden; }
.s3__icon img { width: 30px; height: 30px; object-fit: contain; }
.s3__icon-fallback { font-size: 26px; }

/* Texts */
.s3__title { font-size: 28px; font-weight: 600; margin: 6px 0 10px; color: #111; }
.s3__text  { font-size: 18px; font-weight: 400; line-height: 1.7; color: #505050; margin: 0; }

/* Responsive */
@media (max-width: 900px) {
    .s3__heading { font-size: 34px; }
}
@media (max-width: 700px) {
    .s3__grid { grid-template-columns: 1fr; }
}