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

.process{

background:white;

}

.timeline{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:28px;

margin-top:80px;

position:relative;

}

.timeline::before{

content:"";

position:absolute;

top:42px;

left:10%;

right:10%;

height:3px;

background:#E5E7EB;

z-index:0;

}

.timeline-item{

position:relative;

text-align:center;

z-index:2;

}

.timeline-circle{

width:84px;

height:84px;

margin:auto;

border-radius:50%;

background:linear-gradient(135deg,#24A8FF,#1684D8);

display:flex;

align-items:center;

justify-content:center;

color:white;

font-size:24px;

font-weight:700;

margin-bottom:28px;

box-shadow:0 20px 35px rgba(36,168,255,.25);

}

.timeline-item h3{

font-size:24px;

margin-bottom:15px;

color:#111827;

}

.timeline-item p{

font-size:17px;

line-height:1.8;

color:#6B7280;

max-width:220px;

margin:auto;

}