/* ── Feature-card icon box ──────────────────────────────────── */
.icon-box {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #f0fdfa; /* ≈ teal-50 */
    border-radius: 1rem; /* rounded-2xl */
    transition: transform 0.3s ease;
}
/* scale up when the card (parent .group) is hovered */
.group:hover .icon-box {
    transform: scale(1.1);
}



/* ── "Apply Now" link + arrow ───────────────────────────────── */
.link-apply {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    color: var(--dirigo-teal, #4db6ac);
    text-decoration: none;
    transition: color 0.3s ease;
}

    .link-apply:hover {
        color: var(--dirigo-teal-hover, #3d968e);
    }

.arrow-icon {
    transition: transform 0.3s ease;
}

.link-apply:hover .arrow-icon {
    transform: translateX(4px); /* group-hover:translate-x-1 */
}

/* ── Blue icon-box variant (added to the previous stylesheet) ── */
.icon-box-blue {
    background-color: #eff6ff; /* ≈ blue-50 */
}

.FilePenIcon {
    height: 32px;
    width: 32px;
    color: var(--dirigo-teal, #4db6ac);
}

.ClipboardIcon {
    color: #3b82f6 !important; /* ≈ blue-500 */
    height: 32px;
    width: 32px;
}