.working-process-section{background-color:#f5f5f5;width:100%}.working-process-container{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:1024px){.working-process-container{gap:2rem}}@media (min-width:1900px){.working-process-container{margin-left:auto;margin-right:auto;padding:5rem 4rem}}.working-process-container .process-black-frame{background-color:#000;border-radius:20px;flex-direction:column;gap:10px;width:100%;padding:10px;display:flex}@media (min-width:1024px){.working-process-container .process-black-frame{border-radius:28px;gap:15px;padding:15px}}.working-process-container .process-black-frame .top-graphic-box{background-color:#eaeaef;border-radius:12px;justify-content:center;align-items:center;width:100%;height:160px;display:flex;overflow:hidden}@media (min-width:768px){.working-process-container .process-black-frame .top-graphic-box{height:220px}}@media (min-width:1024px){.working-process-container .process-black-frame .top-graphic-box{border-radius:18px;height:280px}}.working-process-container .process-black-frame .top-graphic-box .shape-img-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.working-process-container .process-black-frame .top-graphic-box .shape-img-wrapper .abstract-shape-img{object-fit:cover;transition:transform .6s}.working-process-container .process-black-frame .top-graphic-box:hover .abstract-shape-img{transform:scale(1.04)}.working-process-container .process-black-frame .steps-grid{grid-template-columns:1fr;gap:10px;width:100%;display:grid}@media (min-width:600px){.working-process-container .process-black-frame .steps-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.working-process-container .process-black-frame .steps-grid{grid-template-columns:repeat(5,1fr);gap:15px}}.working-process-container .process-black-frame .steps-grid .step-card{background-color:#f4f4f6;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:180px;padding:1.5rem 1.25rem;transition:background-color .3s;display:flex}@media (min-width:1024px){.working-process-container .process-black-frame .steps-grid .step-card{border-radius:18px;min-height:120px;padding:2rem 1.5rem}}@media (min-width:1440px){.working-process-container .process-black-frame .steps-grid .step-card{min-height:270px}}.working-process-container .process-black-frame .steps-grid .step-card .step-number{color:#000;letter-spacing:-.02em;font-size:2rem;font-weight:300;line-height:1}@media (min-width:1024px){.working-process-container .process-black-frame .steps-grid .step-card .step-number{font-size:2.4rem}}.working-process-container .process-black-frame .steps-grid .step-card .step-info{flex-direction:column;gap:.6rem;display:flex}.working-process-container .process-black-frame .steps-grid .step-card .step-info .step-title{color:#000;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:500;line-height:1.3}@media (min-width:1024px){.working-process-container .process-black-frame .steps-grid .step-card .step-info .step-title{font-size:1.15rem}}.working-process-container .process-black-frame .steps-grid .step-card .step-info .step-desc{color:#555;margin:0;font-size:.82rem;font-weight:300;line-height:1.45}@media (min-width:1024px){.working-process-container .process-black-frame .steps-grid .step-card .step-info .step-desc{font-size:.86rem}}.working-process-container .process-black-frame .steps-grid .step-card:hover{background-color:#ebebef}
