.process-flow{overflow:hidden}.process-flow__header{text-align:center;margin-bottom:4rem}.process-flow__title{margin-bottom:1rem}.process-flow__description{font-size:1.1rem;color:rgba(var(--color-foreground),.75);max-width:60rem;margin:0 auto}.process-flow__container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:3rem 2rem;max-width:90rem;margin:0 auto;align-items:stretch}.process-flow__step:nth-child(1){order:1}.process-flow__step:nth-child(2){order:2}.process-flow__step:nth-child(3){order:3}.process-flow__step:nth-child(4){order:6}.process-flow__step:nth-child(5){order:5}.process-flow__step:nth-child(6){order:4}.process-flow__step{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:100%;min-height:200px;padding:2rem 1.5rem;background:rgba(var(--color-background),.5);border-radius:1rem;box-shadow:0 2px 10px #0000001a}.process-flow__step-number{width:4rem;height:4rem;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;position:relative;z-index:2}.process-flow__step-content{width:100%}.process-flow__step-icon{margin-bottom:1rem}.process-flow__step-icon img{width:6rem;height:6rem;object-fit:contain}.process-flow__step-title{font-size:1.4rem;margin-bottom:1rem;color:rgb(var(--color-foreground));text-align:center;width:100%}.process-flow__step-description{font-size:1rem;line-height:1.6;color:rgba(var(--color-foreground),.75);text-align:left;width:100%;flex-grow:1}.process-flow__arrow{position:absolute;color:rgb(var(--color-button));font-size:1.8rem;z-index:10;background:rgba(var(--color-background),.9);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;border:2px solid rgba(var(--color-button),.2);transition:all .3s ease}.process-flow__arrow:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.process-flow__step:nth-child(1) .process-flow__arrow,.process-flow__step:nth-child(2) .process-flow__arrow{right:-2.5rem;top:50%;transform:translateY(-50%)}.process-flow__step:nth-child(6) .process-flow__arrow,.process-flow__step:nth-child(5) .process-flow__arrow,.process-flow__step:nth-child(4) .process-flow__arrow{left:-2.5rem;top:50%;transform:translateY(-50%) rotate(180deg)}.process-flow__step:nth-child(3) .process-flow__arrow{bottom:-2.5rem;left:50%;transform:translate(-50%) rotate(90deg)}@media screen and (min-width: 750px){.process-flow__container{gap:2.5rem 2rem;max-width:100rem}.process-flow__step{padding:2rem}.process-flow__step-title{font-size:1.3rem}.process-flow__step-description{font-size:.95rem}}@media screen and (min-width: 990px){.process-flow__container{gap:3rem 2.5rem;max-width:110rem}.process-flow__step{padding:2.5rem}.process-flow__step-title{font-size:1.4rem}.process-flow__step-description{font-size:1rem}.process-flow__step-number{width:5rem;height:5rem;font-size:1.8rem}.process-flow__step-icon img{width:8rem;height:8rem}.process-flow__step-title{font-size:1.6rem}.process-flow__step-description{font-size:1.1rem}}.process-flow__step{opacity:0;transform:translateY(2rem);animation:fadeInUp .6s ease forwards}.process-flow__step:nth-child(1){animation-delay:.1s}.process-flow__step:nth-child(2){animation-delay:.2s}.process-flow__step:nth-child(3){animation-delay:.3s}.process-flow__step:nth-child(4){animation-delay:.4s}.process-flow__step:nth-child(5){animation-delay:.5s}.process-flow__step:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.process-flow__step:hover .process-flow__step-number{transform:scale(1.1);transition:transform .3s ease}.process-flow__step:hover .process-flow__step-content{transform:translateY(-.5rem);transition:transform .3s ease}@media screen and (max-width: 749px){.process-flow__header{margin-bottom:3rem}.process-flow__container{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);gap:2rem 1.5rem;max-width:100%;padding:0 1rem}.process-flow__step{max-width:100%;padding:1.2rem}.process-flow__step-number{width:3.5rem;height:3.5rem;font-size:1.3rem}.process-flow__step-icon img{width:5rem;height:5rem}.process-flow__step-title{font-size:1.2rem}.process-flow__step-description{font-size:.95rem}.process-flow__arrow{width:2.5rem;height:2.5rem;font-size:1.4rem}.process-flow__step:nth-child(1) .process-flow__arrow{right:-2rem}.process-flow__step:nth-child(2) .process-flow__arrow,.process-flow__step:nth-child(3) .process-flow__arrow,.process-flow__step:nth-child(4) .process-flow__arrow,.process-flow__step:nth-child(5) .process-flow__arrow,.process-flow__step:nth-child(6) .process-flow__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-process-flow.css.map */