.design-process{background:#fafafa;padding:60px 20px;text-align:center}@media(max-width:1200px){.design-process{padding:30px 20px}}.design-process .process-title .service-title{color:var(--themeColor);font-size:var(--commonFontSize-MainTitle);font-weight:600;line-height:22px}@media(max-width:768px){.design-process .process-title .service-title{line-height:35px;margin-top:0}}.design-process .process-title .service-title{margin-bottom:20px;margin-top:15px;text-align:center}.design-process .process-title .service-sub-title{font-size:1.5rem}@media(max-width:768px){.design-process .process-title .service-sub-title{font-size:1rem}}.design-process .process-title .service-sub-title{color:var(--blackColor);font-weight:600;margin:0 auto;text-align:center}.design-process .process-title .process-description{color:#6b7280;font-size:1.125rem;margin:1rem auto 2rem;max-width:70%;text-align:center}@media(max-width:768px){.design-process .process-title .process-description{max-width:100%}}.design-process .steps-wrapper{margin:0 auto 40px;position:relative}.design-process .steps-wrapper .steps-container{display:flex;gap:10px;justify-content:space-between;position:relative;z-index:2}.design-process .steps-wrapper .steps-container .step{align-items:center;cursor:pointer;display:flex;flex:1;flex-direction:column;position:relative;transition:all .3s ease}.design-process .steps-wrapper .steps-container .step .icon-wrapper{background:#ebebeb;border-radius:12px;color:#333;font-size:24px;max-height:60px;padding:15px;transition:.3s;z-index:2}.design-process .steps-wrapper .steps-container .step .icon-wrapper svg{height:30px;width:30px}.design-process .steps-wrapper .steps-container .step .step-title{color:#333;font-size:.9rem;font-weight:500;margin-top:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-process .steps-wrapper .steps-container .step.active .icon-wrapper{background:var(--themeColor);color:#fff}.design-process .steps-wrapper .steps-container .step.completed .icon-wrapper{background:#ffe7e0;color:#ef5323}.design-process .steps-wrapper .progress-line{background:#ddd;height:3px;left:0;margin:0 auto;max-width:85%;position:absolute;right:0;top:30px;z-index:1}.design-process .steps-wrapper .progress-line .progress-filled{background-color:var(--themeColor);height:3px;transition:width .3s ease}.design-process .step-description{margin:0 auto;max-width:800px;text-align:left}.design-process .step-description h3{color:var(--themeColor);font-weight:600;margin-bottom:15px;width:-moz-fit-content;width:fit-content}.design-process .step-description h3 span{font-size:1.5rem}.design-process .step-description h3 span:first-child{color:var(--themeColor)}.design-process .step-description h3 span:nth-child(2){border-bottom:2px solid var(--themeColor);color:inherit;margin-left:10px}.design-process .step-description p{color:#555;font-size:18px;line-height:1.6}.design-process .step-description span{color:#555;font-size:15px;line-height:1.6;margin-bottom:10px}.design-process .step-description .phases-happens{display:grid;grid-template-columns:1fr 1fr;grid-gap:10m;gap:10m}@media(max-width:991px){.design-process .step-description .phases-happens{grid-template-columns:1fr}}.design-process .step-description .phases-happens .phase-part,.design-process .step-description .phases-happens .what-happens-part{padding:0 15px}.design-process .step-description .label{color:#101828;font-size:1.2rem;font-weight:700}.design-process .step-description .desc{color:#101828;font-size:1rem}@media(max-width:768px){.design-process .steps-wrapper{overflow-y:auto}.design-process .steps-wrapper .steps-container{min-width:1100px}.design-process .steps-wrapper .progress-line{left:100px;min-width:900px}}