body{
    margin:0;
    font-family:'Poppins',sans-serif;
    background:#1e293b;
    color:#fff;
}

/* Section */
.process-section{
    padding:110px 20px;
    text-align:center;
}

.process-section h2{
    color:#011b3f;
    font-size:42px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:15px;
}

.process-section p{
    color:#94a3b8;
    margin-bottom:80px;
    font-size:16px;
}

/* Flow Wrapper */
.flow-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:50px;
    flex-wrap:wrap;
    position:relative;
}

/* Animated Line */
.flow-wrapper::before{
    content:'';
    position:absolute;
    top:50%;
    left:15%;
    width:70%;
    height:3px;
    background:linear-gradient(90deg,#94a3b8,#ffffff,#94a3b8);
    animation:glow 3s linear infinite;
    z-index:0;
}

@keyframes glow{
    0%{opacity:0.3;}
    50%{opacity:1;}
    100%{opacity:0.3;}
}

/* Cards */
.process-card{
    position:relative;
    width:290px;
    padding:50px 35px;
    border-radius:25px;
    background:linear-gradient(145deg,#1e293b,#0f172a);
    box-shadow:0 15px 35px rgba(0,0,0,0.4);
    border:1px solid rgba(255,255,255,0.08);
    transition:0.5s;
    z-index:1;
}

.process-card:hover{
    transform:translateY(-15px);
    box-shadow:0 25px 45px rgba(0,0,0,0.6);
}

/* Icon */
.icon-circle{
    width:95px;
    height:95px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#cbd5e1,#f8fafc);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    color:#1e293b;
    margin-bottom:25px;
    box-shadow:0 0 25px rgba(255,255,255,0.25);
}

/* Title */
.process-title{
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
}

/* Description */
.process-desc{
    font-size:14px;
    color:#cbd5e1;
    line-height:1.7;
}

/* Responsive */
@media(max-width:900px){
    .flow-wrapper::before{
        display:none;
    }
}