/* ==========================================================================
   Capability Assessment and Gap Analysis page — theme
   Reuses the same re-skin as Procurement-Sourcing-Intelligence.php (Poppins,
   green/orange brand palette, card + shadow language) via @import, same
   pattern as css/market-assessment.css, css/competitive-intelligence.css,
   css/market-entry-strategy.css, css/target-screening.css,
   css/commercial-due-diligence.css, css/opportunity-screening.css and
   css/voice-of-market-study.css. Only this page's own elements (the icon
   next to the benefits list, and the full-width model image) get rules
   below.
   ========================================================================== */
@import url("procurement-sourcing-intelligence.css");

/* ---------- Capability assessment icon (next to the benefits list) ---------- */
.mid-content .ca_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mid-content .ca_icon img {
    width: 100%;
    height: auto;
    max-width: 250px;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .12));
}

/* ---------- Capability assessment model image ---------- */
.ma_image {
    margin-top: 26px;
}
.ma_image img {
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .07);
}

@media (max-width: 767px) {
    .mid-content .ca_icon {
        margin-top: 16px;
    }
    .mid-content .ca_icon img {
        max-width: 120px;
    }
}