.process-component{overflow-y:auto;overflow-x:hidden;.process-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none;isolation:isolate}.process-background canvas{pointer-events:none!important;transform:translateZ(0);backface-visibility:hidden}.process-section-1,.process-section-2-title,.process-section-2-content,.process-section-3-title,.process-section-3-content,.process-section-4-title,.process-section-4-content,.process-section-5-title,.process-section-5-content{width:100%;color:#fff;will-change:transform,opacity}.process-section-2-title,.process-section-3-title,.process-section-4-title,.process-section-5-title{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;min-height:auto}.process-section-2-content,.process-section-3-content,.process-section-4-content,.process-section-5-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem}.content-wrapper{opacity:1;transform:none;width:100%;max-width:750px;margin:0 auto;pointer-events:auto}.content-wrapper.visible{opacity:1;transform:none;pointer-events:auto}.process-title-2,.process-title-3{color:#fff;font-size:clamp(2rem,5vw,2.5rem);text-align:center;line-height:1.2;font-weight:500;max-width:750px}.process-title-4{color:#fff;font-size:clamp(2rem,5vw,2.5rem);text-align:center;line-height:1.2;font-weight:500;max-width:600px}.process-title-5{color:#fff;font-size:clamp(2rem,5vw,2.5rem);text-align:center;line-height:1.2;font-weight:500;max-width:650px}.process-section-1{position:fixed;top:0;left:0;width:100%;height:100vh;padding-top:40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:2;pointer-events:none;opacity:1;will-change:opacity;.process-title-1{color:#fff;font-size:clamp(2rem,5vw,2.5rem);text-align:center;font-weight:500;pointer-events:auto;max-width:500px}}.process-section-2-content{margin-top:70vh}.process-section-2-title{margin-top:250vh;gap:20px}.section-2-subtitle{font-size:clamp(1.5rem,2vw,2rem);max-width:750px;text-align:center}.section-2-text{font-size:clamp(18px,2vw,24px);max-width:750px}.process-section-3-title{margin-top:25vh}.process-section-3-content{margin-top:50vh;display:flex;justify-content:center;align-items:center;padding:2rem;@media(max-width:768px){padding:1rem}.process-steps-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;width:100%;max-width:1200px;margin:0 auto;.process-step{background:#fffc;backdrop-filter:blur(10px);padding:2rem 2.5rem;border-radius:30px;color:#000;min-height:160px;h3{font-size:1.5rem;margin:0;font-weight:500;margin-bottom:.5rem}.step-number{font-size:.875rem;opacity:.7}}.process-step:nth-child(1){grid-column:span 2;border-bottom-left-radius:100px}.process-step:nth-child(2){grid-column:span 2}.process-step:nth-child(3){grid-column:span 2;grid-row:span 2;border-top-right-radius:100px;border-bottom-right-radius:100px}.process-step:nth-child(4){grid-column:span 4;border-top-left-radius:100px}.process-step:nth-child(5){grid-column:span 3;border-bottom-left-radius:100px}.process-step:nth-child(6){grid-column:span 3;border-bottom-right-radius:100px}}@media(max-width:768px){.process-steps-grid{grid-template-columns:repeat(2,1fr);gap:1rem;.process-step{border-radius:20px;padding:1.5rem;min-height:100px;h3{font-size:1.25rem}.step-number{font-size:.75rem}}.process-step:nth-child(1){grid-column:span 1;border-radius:20px 20px 20px 60px}.process-step:nth-child(2){grid-column:span 1;border-radius:20px}.process-step:nth-child(3){grid-column:span 2;border-radius:60px 20px 20px}.process-step:nth-child(4){grid-column:span 2;border-radius:20px 20px 60px}.process-step:nth-child(5){grid-column:span 1;border-radius:20px 20px 20px 60px}.process-step:nth-child(6){grid-column:span 1;border-radius:20px}}}}.process-section-4-title{position:relative;z-index:2;opacity:1;will-change:transform,opacity}.process-section-4-content{opacity:0;transition:opacity .5s ease;margin-top:40vh;position:relative;z-index:1;&.visible{opacity:1}@media(max-width:768px){padding:2rem 0}}.process-section-4-content .content-wrapper{display:flex;gap:60px;max-width:900px;margin:60px auto 0;padding:0 20px;align-items:stretch;width:100%;@media(max-width:768px){margin:20px auto 0}.services-selector{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:auto;gap:10px;.service-button{flex:1;background:none;border:1px solid transparent;color:#fff;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:15px;font-size:clamp(16px,3vw,24px);padding:20px;cursor:pointer;text-align:left;transition:all .3s ease;border-radius:30px;background:#ffffff1a;backdrop-filter:blur(10px);height:100%;transition:all .3s ease-out;&:hover{background:#ffffff26}&.active{background:#ffffff26}.service-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.service-dot--icon{background:none;width:22px;height:22px;border-radius:0;display:flex;align-items:center;justify-content:center;svg{display:block}}.service-title{font-weight:500}}}.services-details-container{flex:1;position:relative;height:447px;.services-details{position:absolute;top:0;left:0;right:0;background:#ffffff0d;border-radius:30px;border:1px solid transparent;padding:20px 40px;display:flex;flex-direction:column;opacity:0;will-change:transform;&.active{opacity:1;z-index:10;border-color:inherit;background:#ffffff26}&:not(.active){z-index:1;opacity:0}&.product{transform-origin:left center}&.development{transform-origin:left center}&.management{transform-origin:left center}&.ai{width:100%;transition:width .3s ease,padding-bottom .3s ease;&:not(.active){width:calc(100% + 20px);@media(max-width:768px){width:100%;padding-bottom:30px}}&:not(.active).development{width:calc(100% + 40px);@media(max-width:768px){width:100%;padding-bottom:50px}}&:not(.active).management{width:calc(100% + 60px);@media(max-width:768px){width:100%;padding-bottom:70px}}}&.product{width:100%;transition:width .3s ease,padding-bottom .3s ease;&:not(.active).development{width:calc(100% + 20px);@media(max-width:768px){width:100%;padding-bottom:30px}}&:not(.active).management{width:calc(100% + 40px);@media(max-width:768px){width:100%;padding-bottom:50px}}}&.development{width:100%;transition:width .3s ease,padding-bottom .3s ease;&:not(.active).management{width:calc(100% + 20px);@media(max-width:768px){width:100%;padding-bottom:30px}}}.service-detail-item{font-size:21px;padding-block:7px}}}}@media(max-width:768px){.process-section-4-content .content-wrapper{flex-direction:column;gap:20px;.services-selector{flex:none;width:100%;gap:10px;.service-button{flex:1;background:none;border:1px solid transparent;color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;font-size:clamp(16px,3vw,24px);padding:10px 20px;cursor:pointer;text-align:left;transition:all .3s ease;border-radius:30px;background:#ffffff1a;height:100%;.service-dot{position:relative;top:0}}}.services-details-container{flex:1;position:relative;height:auto;min-height:250px;.services-details{position:absolute;top:0;left:0;right:0;background:#ffffff14;border-radius:30px;padding:10px 30px;&.product{transform-origin:center bottom}&.development{transform-origin:center bottom}&.management{transform-origin:center bottom}.service-detail-item{font-size:18px;padding-block:6px}}}}.process-section-2-title,.process-section-3-title,.process-section-4-title,.process-section-5-title{align-items:flex-start}.section-2-subtitle{text-align:start}.section-2-text{font-size:1.3rem}}.process-section-5-title{margin-top:30vh}.process-section-5-content{margin-top:50vh;@media(max-width:768px){padding:2rem 1rem}.content-wrapper{max-width:100%}.contact-form-wrapper{max-width:100%!important;margin-top:90px!important;.contact-form{padding:30px 37px;@media(max-width:768px){max-width:90%;padding:20px}}@media(max-width:768px){margin-top:60px!important;.form-subHeader-content{display:none}}}}}@media(max-width:768px){.process-title-1,.process-title-4,.process-title-5{padding-inline:.5rem}}.process-section-iso{display:flex;justify-content:center;align-items:center;width:100%;height:auto;color:#fff;text-align:center;padding:6rem 2rem;position:relative;z-index:2}.process-section-iso .certified-container{text-decoration:none}@media(max-width:768px){.process-section-iso{padding:4rem 1rem}.process-section-iso .rect-container{max-width:100%;padding-inline:1rem}}
