/* ==================================================
   Process Steps Module
================================================== */

.process_steps_module{
    position:relative;
    overflow:hidden;
}

.container {
        max-width: var(--ib-container, 1200px);
    margin-left: auto;
    margin-right: auto;
}
.process_steps_module .eyebrow  {
    color: var(--ib-primary);
}


.process_steps_module .sec-head{
display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 36px;
    flex-wrap: wrap;
    gap: 16px;
}


.process_steps_module .sec-head h2{
    margin:0;
    color: #fff;
}

.process_steps_module .link-under {

color: #9FD84E;
    font-weight: 700;
    font-size: 17px;
    border-bottom: 2px solid #9FD84E;
    padding-bottom: 2px;
}
.process_steps_module .pgrid{

    position:relative;
    z-index:2;

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

    gap:16px;
}


.process_steps_module .pcard{

    background:rgba(255,255,255,.06);

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

    border-radius:12px;

    padding:24px 20px;

}


.process_steps_module .pcard .num{

    display:inline-flex;

    width:36px;
    height:36px;

    align-items:center;
    justify-content:center;

    background:var(--ib-primary);

    color:#000;

    border-radius:999px;

    font-family:var(--ib-heading-font);

    font-weight:700;

    font-size:16px;

    margin-bottom:14px;

}


.process_steps_module .pcard h3{

    margin:0 0 8px;

    font-weight:600;

    font-size:18px;

    color:#fff;

}


.process_steps_module .pcard p{

    margin:0;

    font-size:14.5px;

    line-height:1.55;

    color:#C4CDB6;

}


/* quando fundo for claro */
.process_steps_module[style*="#fff"],
.process_steps_module[style*="#f"]{

    color:var(--ink);

}


.process_steps_module[style*="#fff"] .pcard{

    background:rgba(20,33,15,.05);

    border-color:rgba(20,33,15,.1);

}


.process_steps_module[style*="#fff"] .pcard h3{

    color:var(--pine);

}


.process_steps_module[style*="#fff"] .pcard p{

    color:var(--ink-3);

}


/* Responsive */

@media(max-width:900px){

    .process_steps_module .pgrid{

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

    }

}


@media(max-width:560px){

    .process_steps_module .pgrid{

        grid-template-columns:1fr;

    }

}