/* ==========================================================================
   PROCESS STYLES
   ========================================================================== */

.process-section { background: #fff; position: relative; overflow: hidden; padding-top: 90px; padding-bottom: 90px; }
.process-timeline { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; position: relative; z-index: 2; }
.process-step { text-align: center; max-width: 220px; position: relative; }
.step-icon { width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 34px; color: #fff; background: linear-gradient(135deg, #0b2c84, #1643b8); box-shadow: 0 15px 30px rgba(11, 44, 132, 0.25); transition: 0.3s; }
.step-icon:hover { transform: translateY(-6px); }
.step-number { display: block; margin-top: 18px; margin-bottom: 8px; font-size: 13px; font-weight: 800; letter-spacing: 2px; color: #ff7b2c; }
.step-content h4 { color: #071a52; font-weight: 800; margin-bottom: 10px; font-size: 18px; }
.step-content p { color: #64748b; font-size: 14px; line-height: 1.6; }
.process-line { width: 70px; height: 3px; background: linear-gradient(90deg, rgba(255, 123, 44, 0.3), rgba(11, 44, 132, 0.3)); margin-top: 50px; }

@media (max-width: 991px) {
    .process-timeline { flex-direction: column; align-items: center; }
    .process-line { width: 3px; height: 50px; margin: 20px 0; }
}