.main-process-component{display:flex;flex-direction:column;align-items:center;gap:5rem;padding:6.5rem 1rem 8rem;margin:0 80px;position:relative;overflow-x:clip;overflow-y:visible}.main-process-component:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;z-index:0}.main-process-component:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(9,65,70,.35) 0%,transparent 65%);pointer-events:none;z-index:0}.main-process-component>*{position:relative;z-index:1}.main-process-component[dir=rtl]{direction:rtl}.section-top{display:flex;flex-direction:column;align-items:start;gap:1rem;align-self:stretch}.section-top .frame{display:flex;align-items:flex-start;width:100%;flex-wrap:wrap}.frame .left{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;flex:1 0 0}.frame .left .title{color:var(--Yellow-yellow-500, #5CF4E4);font-size:2rem;font-weight:600;line-height:1.6}.frame .left .title span{color:var(--Black-black-1, #FFF);font-size:2rem;font-weight:600;line-height:1.6;margin:0 5px}.frame .left .subtitle{color:var(--Black-black-4, #F1F2F2);font-size:1rem;font-weight:400;line-height:1.5}.frame .right{display:flex;padding:.5rem 0;justify-content:center;align-items:center;gap:.25rem;cursor:pointer}.frame .right span{color:var(--OilMain-oilmain-3, #97B9BC);font-size:1.125rem;font-weight:500;line-height:1.6}.frame .right .arrow-icon{width:1.5rem;height:1.5rem}.process-line{display:flex;justify-content:center;align-items:center;gap:2.5rem;width:100%}.process-line .group{width:100%;height:6.8125rem}.group .line{width:100%;height:.1875rem;background-color:var(--Black-black-13, #191F20)}.parent{display:flex;justify-content:center;align-items:flex-start;gap:clamp(5rem,calc(5rem + 2vw),7rem);padding:0 .5rem;position:relative;top:-1.5625rem}.frame-data{display:flex;width:5.5rem;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:transform .2s ease-in-out}.frame-data:hover{transform:scale(1.1)}.frame-data .icon{display:flex;width:2.5rem;height:2.5rem;padding:.5rem;align-items:center;justify-content:center;border-radius:.75rem;background:var(--Black-black-13, #191F20);box-shadow:0 0 1rem #0000001f}.frame-data .name{color:var(--Black-black-1, #FFF);text-align:center;font-size:1.125rem;font-weight:500;line-height:1.6}.step-icon{width:100%;height:100%;object-fit:contain}.step-number{display:none}@media (max-width: 1424px){.main-process-component{padding:4rem 1rem 5rem;gap:3rem;margin:0 40px}.section-top{padding:0}.section-top .frame{flex-direction:column}.process-line .group{height:auto}.parent{display:flex;justify-content:center;align-items:center;align-content:center;gap:2rem 3rem;align-self:stretch;flex-wrap:wrap;padding:0 1rem;top:0;max-width:300px;min-width:280px;margin:0 auto}.step-number{display:inline;color:var(--Yellow-yellow-500, #5CF4E4);font-weight:600;margin-right:.25rem}.group .line{display:none}.frame-data{width:4.5rem}.frame-data .icon{width:2rem;height:2rem}.frame-data .name{font-size:1rem;width:160px}}@media (max-width: 768px){.main-process-component{padding:2.5rem .75rem 3rem;gap:2rem;margin:0 20px}.frame .left .title,.frame .left .title span{font-size:1.5rem}.frame .left .subtitle{font-size:.875rem}.frame .right span{font-size:1rem}.frame .right .arrow-icon{width:1.25rem;height:1.25rem}.process-line{gap:1.5rem}.group .line{display:none}.parent{display:flex;justify-content:center;align-items:center;align-content:center;gap:2rem 3rem;align-self:stretch;flex-wrap:wrap;padding:0 1rem;top:0}.frame-data{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.frame-data .icon{display:flex;width:2.5rem;height:2.5rem;padding:.5rem;align-items:center;gap:.5rem}.frame-data .name{font-size:.875rem}.step-number{display:inline;color:var(--Yellow-yellow-500, #5CF4E4);font-weight:600;margin-right:.25rem}[dir=rtl] .step-number{margin-right:0;margin-left:.25rem}}@media (max-width: 480px){.main-process-component{padding:1.5rem .5rem 3rem;gap:1.5rem;margin:0 10px}.frame .right .arrow-icon{width:1rem;height:1rem}.parent{gap:1.5rem 2rem;padding:0 .5rem}.frame-data{width:120px}.frame-data .icon{width:2rem;height:2rem}.frame-data .name{font-size:.75rem}}[dir=rtl] .section-top .frame{flex-direction:column;align-items:flex-start}[dir=rtl] .frame .left{align-items:flex-start;text-align:right}[dir=rtl] .frame .left .title,[dir=rtl] .frame .left .subtitle{text-align:right}[dir=rtl] .frame .right{flex-direction:row}[dir=rtl] .frame-data .name{text-align:center}