/*====================================
    PROCESS
====================================*/
.ser-process-section{
    position: relative;
    overflow: hidden;
}
.ser-process-card{
    background: var(--bg-card);

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

    border-radius: 18px;

    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}
.ser-process-card:hover{
    transform: translateY(-7px);

    border-color: rgba(212,175,55,.35);

    box-shadow:
        0 20px 45px rgba(0,0,0,.35),
        0 0 25px rgba(212,175,55,.08);
}
.ser-process-card h3 {
    color: var(--text-primary);

    font-size: 19px;
    font-weight: 700;
}
.ser-process-card p {
    margin: 12px 0 0;

    color: var(--text-secondary);

    font-size: 14px;
    line-height: 1.75;
}
.ser-process-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
}
.ser-process-card {
    position: relative;
    padding: 35px 22px 28px;
}
.ser-process-number {
    position: absolute;
    top: -15px;
    right: 18px;

    width: 42px;
    height: 42px;

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

    border-radius: 50%;

    background: linear-gradient(
        135deg,
        var(--gold-primary),
        var(--gold-light)
    );

    color: #111;

    font-size: 13px;
    font-weight: 800;

    box-shadow: 0 0 25px rgba(212,175,55,.25);
}
.ser-process-card > i {
    color: var(--gold-primary);
    font-size: 27px;
    margin-bottom: 20px;
}