.process{background:var(--dark);overflow:hidden;padding:120px 0;position:relative}.process-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.process h2{font-size:48px;margin-bottom:60px}.process-grid{display:grid;gap:0;grid-template-columns:repeat(4,1fr);position:relative}.process-connector{background:linear-gradient(90deg,var(--blue),rgba(72,118,235,.2));height:1px;margin-left:10px;position:absolute;top:54px}.process-connector-0{left:0;width:16%}.process-connector-1{left:25%;width:16%}.process-connector-2{left:50%;width:16%}.process-connector-3{left:75%;width:16%}.process-card{border:1px solid rgba(72,118,235,.3);border-radius:14px;margin:0 10px;padding:24px;position:relative;transition:all .3s ease}.process-card:first-child{background:#15a64b;box-shadow:0 13px 52px rgba(72,118,235,.26),inset 0 0 106px hsla(0,0%,100%,.31)}.process-card:hover{background:#4876eb;border:1px solid rgba(72,118,235,.3);border-radius:14px;box-shadow:0 13px 51.6px 0 rgba(37,211,102,.26),inset 0 0 105.7px 0 hsla(0,0%,100%,.31);transform:translateY(-6px)}.process-card:first-child:hover{box-shadow:0 20px 60px rgba(72,118,235,.4),inset 0 0 106px hsla(0,0%,100%,.31)}.process-card:hover .process-num-box .process-num{color:#fff}.process-card:hover .process-num-box{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.3);border-radius:6px}.process-num-box{align-items:center;background:rgba(72,118,235,.06);border:1px solid rgba(72,118,235,.3);display:flex;height:64px;justify-content:center;margin-bottom:40px;transition:all .3s ease;width:64px}.process-card:first-child .process-num-box{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.3)}.process-num{color:var(--blue);font-family:var(--heading);font-size:19.2px;font-weight:700;letter-spacing:1.15px;transition:all .3s ease}.process-card:first-child .process-num{color:var(--white)}.process-card h3{font-family:var(--heading);font-size:17.6px;font-weight:700;letter-spacing:1.056px;margin-bottom:16px;text-transform:uppercase}.process-card p{color:hsla(0,0%,100%,.45);font-size:13.1px;line-height:1.7}.process-card:first-child p{color:hsla(0,0%,100%,.7)}@media (max-width:992px){.process-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.process-connector{display:none}}@media (max-width:600px){.process-grid{grid-template-columns:1fr}}