/* ==========================================================
   remittance.css - auto-playing remittance partners slider
   ========================================================== */
.remittance {
    padding: 48px 0;
    background: var(--light-bg);
    border-top: 1px solid var(--border-color);
}
.remittance-head { text-align: center; max-width: 620px; margin: 0 auto 28px; }
.remittance-head h2 {
    margin: 0 0 8px;
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw, 2.1rem);
    line-height: 1.2;
    color: var(--primary-color);
}
.remittance-head p { margin: 0; color: var(--muted-color); }

.remittance-swiper { padding: 6px 0 10px; }
/* Linear easing makes the continuous autoplay glide instead of stopping/starting */
.remittance-swiper .swiper-wrapper { transition-timing-function: linear; }
.remittance-swiper .swiper-slide { height: auto; }

.remit-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 84px;
    padding: 12px 16px;
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--primary-color);
    transition: border-color var(--transition), box-shadow var(--transition);
}
.remit-card i { color: var(--secondary-color); font-size: 1.25rem; }
.remit-card { height: 100px; padding: 8px 12px; }
.remit-card img { width: 100%; height: 100%; object-fit: contain; }   /* logos are 300x150 */
.remit-card:hover { border-color: var(--primary-color); box-shadow: 0 4px 12px rgba(0, 0, 0, .08); }