.arifur-process-journey { position: relative; isolation: isolate; overflow: hidden; padding: 5.5rem 1.5rem 3.25rem; background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--e-global-color-65d2f62) 12%, transparent), transparent 30rem), linear-gradient(135deg, color-mix(in srgb, var(--e-global-color-primary) 18%, transparent), transparent 46%); }
.arifur-process-journey::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .8; background: radial-gradient(circle at 6% 88%, color-mix(in srgb, var(--e-global-color-primary) 18%, transparent), transparent 25rem), radial-gradient(circle at 95% 66%, color-mix(in srgb, var(--e-global-color-65d2f62) 10%, transparent), transparent 18rem); }
.arifur-process-journey .awp__shell { width: min(100%, 88rem); margin-inline: auto; }
.arifur-process-journey .awp__intro { max-width: 72rem; margin-inline: auto; text-align: center; }
.arifur-process-journey .awp__eyebrow { display: inline-flex; align-items: center; gap: .55rem; margin: 0 0 1.1rem; padding: .55rem 1rem; border: 1px solid color-mix(in srgb, var(--e-global-color-65d2f62) 45%, transparent); border-radius: 99rem; color: var(--e-global-color-secondary); background: color-mix(in srgb, var(--e-global-color-primary) 12%, transparent); font-family: var(--e-global-typography-text-font-family); font-size: calc(var(--e-global-typography-text-font-size) * .88); font-weight: var(--e-global-typography-text-font-weight); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); text-transform: uppercase; }
.arifur-process-journey .awp__eyebrow::before { width: .55rem; height: .55rem; border-radius: 50%; content: ""; background: var(--e-global-color-65d2f62); }
.arifur-process-journey .awp__title { margin: 0; color: var(--e-global-color-secondary); font-family: var(--e-global-typography-primary-font-family); font-size: calc(var(--e-global-typography-primary-font-size) * 1.85); font-weight: var(--e-global-typography-primary-font-weight); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); }
.arifur-process-journey .awp__title span { color: var(--e-global-color-65d2f62); }
.arifur-process-journey .awp__lead { max-width: 43rem; margin: 1.15rem auto 0; color: var(--e-global-color-secondary); font-family: var(--e-global-typography-primary-font-family); font-size: calc(var(--e-global-typography-primary-font-size) * .92); font-weight: var(--e-global-typography-primary-font-weight); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); opacity: .82; }
.arifur-process-journey .awp__journey { position: relative; margin-top: 3.5rem; }
.arifur-process-journey .awp__route { position: absolute; top: 2.35rem; left: 9.6%; width: 80.8%; height: 7.3rem; overflow: visible; pointer-events: none; }
.arifur-process-journey .awp__route path { fill: none; stroke: var(--e-global-color-65d2f62); stroke-width: 1.2; stroke-linecap: round; stroke-dasharray: 2 2.4; }
.arifur-process-journey .awp__stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.45rem; }
.arifur-process-journey .awp__stage { position: relative; display: grid; grid-template-rows: auto 6.25rem auto; min-width: 0; text-align: center; }
.arifur-process-journey .awp__number { position: relative; z-index: 2; display: grid; place-items: center; width: 4.65rem; height: 4.65rem; margin: 0 auto .35rem; border: 1px solid color-mix(in srgb, var(--e-global-color-65d2f62) 72%, transparent); border-radius: 50%; color: var(--e-global-color-secondary); background: color-mix(in srgb, var(--e-global-color-primary) 16%, transparent); box-shadow: 0 .55rem 1.5rem color-mix(in srgb, var(--e-global-color-secondary) 14%, transparent); font-family: var(--e-global-typography-primary-font-family); font-size: calc(var(--e-global-typography-primary-font-size) * .52); font-weight: var(--e-global-typography-primary-font-weight); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); }
.arifur-process-journey .awp__visual { position: relative; z-index: 2; align-self: end; width: min(100%, 12.7rem); margin: 0 auto -3.25rem; filter: drop-shadow(0 1rem 1.25rem color-mix(in srgb, var(--e-global-color-secondary) 18%, transparent)); transition: transform .4s ease; }
.arifur-process-journey .awp__stage:hover .awp__visual { transform: translateY(-.45rem) scale(1.03); }
.arifur-process-journey .awp__card { position: relative; min-height: 14rem; padding: 4.2rem 1.35rem 1.75rem; overflow: hidden; border: 1px solid color-mix(in srgb, var(--e-global-color-primary) 55%, var(--e-global-color-secondary) 15%); border-radius: 1rem; background: color-mix(in srgb, var(--e-global-color-primary) 10%, transparent); box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--e-global-color-secondary) 12%, transparent); }
.arifur-process-journey .awp__card h3 { margin: 0; color: var(--e-global-color-secondary); font-family: var(--e-global-typography-primary-font-family); font-size: calc(var(--e-global-typography-primary-font-size) * .56); font-weight: var(--e-global-typography-primary-font-weight); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); }
.arifur-process-journey .awp__card p { margin: .8rem 0 0; color: var(--e-global-color-secondary); font-family: var(--e-global-typography-text-font-family); font-size: calc(var(--e-global-typography-text-font-size) * .92); font-weight: var(--e-global-typography-text-font-weight); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); opacity: .78; }
.arifur-process-journey .awp__card h3::after { display: block; width: 2.25rem; height: .15rem; margin: .85rem auto 0; content: ""; background: var(--e-global-color-65d2f62); }
@media (max-width: 64rem) { .arifur-process-journey { padding-inline: 1rem; } .arifur-process-journey .awp__title { font-size: calc(var(--e-global-typography-primary-font-size) * 1.42); } .arifur-process-journey .awp__route { display: none; } .arifur-process-journey .awp__stages { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2.3rem; } }
@media (max-width: 42rem) { .arifur-process-journey { padding-block: 4rem 2rem; } .arifur-process-journey .awp__title { font-size: calc(var(--e-global-typography-primary-font-size) * 1.2); } .arifur-process-journey .awp__stages { grid-template-columns: 1fr; gap: 2rem; } .arifur-process-journey .awp__stage { grid-template-rows: auto 6.25rem auto; max-width: 25rem; margin-inline: auto; } }
@media (prefers-reduced-motion: no-preference) { .arifur-process-journey .awp__visual { animation: awp-float 5s ease-in-out infinite; } .arifur-process-journey .awp__stage:nth-child(2) .awp__visual { animation-delay: -.9s; } .arifur-process-journey .awp__stage:nth-child(3) .awp__visual { animation-delay: -1.8s; } .arifur-process-journey .awp__stage:nth-child(4) .awp__visual { animation-delay: -2.7s; } @keyframes awp-float { 50% { transform: translateY(-.35rem); } } }