.process-page{padding:0 15px;max-width:1920px;margin:4rem auto 70px;background:url(https://test-uat.sprinkle-th.com/build/assets/quality_bg-D__OiiBn.webp) 50% 50% no-repeat;background-size:cover}.process-page .text-center{text-align:center}.process-page .img-center{padding-top:9.5rem;width:720px}.process-page .title-text{text-align:center;margin-bottom:4rem}.process-page .title-text .badge{margin:0 auto;padding:8px 20px;gap:10px;height:40px;background:#399df312;border-radius:40px;font-style:normal;font-weight:700;font-size:20px;display:inline-block;letter-spacing:2px;text-transform:uppercase;color:#399df3}.process-page .title-text .title{margin:15px auto;font-style:normal;font-weight:700;font-size:44px;line-height:52px;letter-spacing:3px;width:600px;color:#262c31;max-width:100%}.process-page .box-process{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:600px;margin:0 auto 1.5rem;box-shadow:8px -4px 40px #3c63a80f;padding:16px;border-radius:8px}.process-page .box-process .box-step{font-weight:700;font-size:32px;line-height:28px;align-items:center;letter-spacing:1.2px;color:#262c31;flex-basis:140px;min-width:max-content;padding-top:5px}.process-page .box-process .box-step>img{width:32px;height:32px}.process-page .box-process .detail{font-weight:300;font-size:26px;line-height:36px;letter-spacing:.8px;color:#262c31;flex-basis:calc(100% - 140px)}.process-page .title-mobile{display:none}@media only screen and (max-width: 1024px){.process-page .title-mobile{display:block}.process-page .title-mobile .title.cn,.process-page .title-mobile .title.jp{font-size:26px}.process-page .title-desktop{display:none}.process-page .box-process{max-width:100%;display:flex;flex-direction:row;gap:40px;flex-wrap:nowrap}.process-page .box-process .box-step{font-family:DB_Adman,sans-serif;font-size:28px;font-weight:700;line-height:28px;letter-spacing:.8px;text-align:left;flex-basis:0px;white-space:nowrap;padding-top:0}.process-page .box-process .detail{font-family:DB_Adman,sans-serif;font-size:20px;font-weight:300;line-height:28px;letter-spacing:.05em;text-align:left}.process-page .title-text{margin:0 auto}.process-page .title-text .title{font-family:DB_Adman,sans-serif;font-size:36px;font-weight:400;line-height:40px;letter-spacing:.005em;text-align:center;width:100%;text-transform:capitalize}.process-page .title-text .badge{font-size:16px}.process-page .img-center{padding:20px 0;max-width:516px;width:100%;height:516px}}@media screen and (max-width: 768px){.process-page .box-process{padding-left:20px;padding-right:20px}.process-page .box-process .box-step{max-width:100%;margin-bottom:.75rem;font-size:20px}.process-page .box-process .detail{flex-basis:100%;max-width:100%;font-size:16px;line-height:23px}.process-page .title-text{margin-top:48px}.process-page .title-text .title{font-size:28px;font-weight:400;line-height:30px;letter-spacing:.005em;text-align:center;color:var(--black)}.process-page .title-text .badge{font-size:16px;line-height:24px}.process-page .img-center{height:375px}}@media only screen and (max-width: 576px){.process-page .box-process .box-step{font-size:20px;line-height:20px}.process-page .box-process .detail{font-size:16px;line-height:23px}.process-page .img-center{height:300px}}@media only screen and (max-width: 430px){.process-page .process-page{margin-top:64px}.process-page .title-text{margin:32px 0 0}.process-page .title-text .title{font-size:28px;font-weight:400;color:var(--black);letter-spacing:.005em;text-align:center}.process-page .box-process{margin-bottom:16px;gap:10px;flex-wrap:wrap}.process-page .box-process .box-step{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:0}.process-page .img-center{padding-top:0}}
