.work-process{padding-top:60px}.work-process .container>p{text-align:center;padding-top:17px;padding-bottom:50px;font-size:clamp(17px,4vw,25px);font-weight:700}.work-process .container .image-process{justify-content:center;align-items:center;display:flex}.work-process .container .image-process img{object-fit:contain;width:100%;max-width:1400px;height:350px}.work-process .container .steps{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px 50px;margin-top:50px;display:grid}.work-process .container .steps .box{background-color:var(--therd_color);border-radius:25px;flex-direction:column;justify-content:center;gap:5px;padding-block:15px;padding-inline:25px;display:flex;position:relative}.work-process .container .steps .box h4{font-size:17px}.work-process .container .steps .box p{font:15px;line-height:1.7}.work-process .container .steps .box:before{content:"";inset-inline-start:-9px;border:15px solid #2f3948;border-inline-end:none;border-bottom:none;border-start-start-radius:25px;width:35%;height:50%;position:absolute;top:-9px}.work-process .container .steps .box:after{content:"";top:50%;background-color:#9dadc4;border:10px solid #2f3948;border-radius:50%;width:20px;height:20px;position:absolute;inset-inline-end:-20px;transform:translateY(-50%)}@media (max-width:767px){.work-process .container .image-process img{height:auto}.work-process .container .steps{grid-template-columns:repeat(1,1fr)}.work-process .container .steps .box{width:95%;padding-block:20px}}