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


.process{


padding:100px 5%;

background:#0f0c29;


}




.process-container{


max-width:1100px;

margin:auto;


display:grid;

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


gap:30px;


}





.process-item{


text-align:center;


padding:35px 20px;


background:

rgba(255,255,255,.08);


border-radius:30px;


border:1px solid rgba(255,255,255,.15);


transition:.4s;


}





.process-item:hover{


transform:translateY(-12px);


border-color:#6c63ff;


}




.process-item span{


display:inline-flex;


width:70px;

height:70px;


align-items:center;

justify-content:center;


border-radius:50%;


font-size:25px;

font-weight:800;


background:

linear-gradient(
135deg,
#6c63ff,
#00d4ff
);



margin-bottom:25px;


}




.process-item h3{


font-size:24px;

margin-bottom:15px;


}



.process-item p{


color:#bbb;

line-height:1.6;


}