.process{

    background:#f7f9fc;

}

.process-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.process-item{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:var(--shadow);

    transition:.3s;

    position:relative;

    overflow:hidden;

}

.process-item:hover{

    transform:translateY(-8px);

}

.process-number{

    width:64px;

    height:64px;

    border-radius:50%;

    background:var(--primary);

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    font-weight:bold;

    margin-bottom:25px;

}

.process-item h3{

    margin-bottom:15px;

    font-size:28px;

}

.process-item p{

    color:#666;

    line-height:1.7;

}

@media(max-width:992px){

    .process-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:768px){

    .process-grid{
        grid-template-columns:1fr;
        gap:24px;
        margin-top:45px;
    }

    .process-item{
        padding:30px;
    }

}