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

.treatment-process{

    padding:110px 0;

    background:#F8FCF9;

}

.process-header{
    font-size:20px;
    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.process-header h2{

    font-size:52px;

    font-weight:800;

    color:#1F2937;

    margin:18px 0;

}

.process-header p{

    font-size:20px;

    color:#667085;

    line-height:1.8;

}

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

.process-flow{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    flex-wrap:nowrap;

}

/*==========================================================
    CARD
==========================================================*/

.process-card{

    flex:1;

    max-width:270px;

    background:#fff;

    border-radius:26px;

    padding:38px 28px;

    text-align:center;

    border:1px solid rgba(26,142,75,.08);

    box-shadow:0 18px 45px rgba(0,0,0,.07);

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(26,142,75,.16);

}

/*==========================================================
    ICON
==========================================================*/

.process-icon{

    width:82px;

    height:82px;

    margin:0 auto 24px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    background:linear-gradient(135deg,#1A8E4B,#46BE69);

    color:#fff;

    box-shadow:0 15px 35px rgba(26,142,75,.28);

}

/*==========================================================
    TEXT
==========================================================*/

.process-card h3{

    font-size:24px;

    font-weight:800;

    color:#1F2937;

    margin-bottom:16px;

}

.process-card p{

    font-size:16px;

    line-height:1.8;

    max-width:220px;

    margin:auto;

}

/*==========================================================
    ARROWS
==========================================================*/

.process-arrow{

    font-size:34px;

    color:var(--primary);

    animation:arrowMove 2s infinite;

}

@keyframes arrowMove{

    0%,100%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(8px);

    }

}