.workflow .flow-item-wrapper{display:grid;gap:30px}@media (max-width: 767px){.workflow .flow-item-wrapper{grid-template-columns:repeat(2,1fr)!important}}.step .step-inside-number{font-size:140px;line-height:1;color:rgb(var(--color-background));font-family:var(--font-heading-family);font-weight:600;margin-top:-11px;text-align:center}@media (max-width: 767px){.step .step-inside-number{font-size:89px}}.how-works-text{font-weight:600;font-size:18px;line-height:26px;font-family:var(--font-heading-family);text-transform:inherit;max-width:inherit;text-align:center;color:rgb(var(--color-foreground))}.how-works-circle{margin:20px auto;max-width:246px;text-align:center}@media (max-width: 1024px){.how-works-text{font-size:16px;line-height:22px}}@media (max-width: 767px){.how-works-text{font-size:13px;line-height:17px}}.how-works-text:not(:first-child){margin-top:1.53em}@media (max-width: 767px){.how-works-text:not(:first-child){margin-top:1.1em}}.how-works-circle{margin-bottom:-7px}@media (max-width: 1024px){.how-works-circle{max-width:157px;margin:0 auto}}@media (max-width: 575px){.how-works-circle{margin-bottom:-4px}}.step-animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.step{display:block;height:0;padding-bottom:100%;overflow:hidden;position:relative;border-radius:50%;background-color:rgba(var(--color-secondary-background),.08)}.step .step-inside{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}.step img{max-width:100%;position:absolute;top:0;left:0;height:auto}.step1:not(.step-animate) img,.step2:not(.step-animate) img{opacity:0}.step1:not(.step-animate) img:first-child{opacity:1}.step1:not(.step-animate) img:last-child{opacity:1}.step1.step-animate-start:not(.step-animate) img:first-child{opacity:1}.step1.step-animate-start:not(.step-animate) img:last-child{opacity:0}.step1.step-animate img:not(:first-child){-webkit-animation-name:step1;animation-name:step1;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.step1.step-animate img:nth-child(2){animation-delay:.5s;-webkit-animation-delay:.5s}.step1.step-animate img:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s}.step1.step-animate img:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s}.step1.step-animate img:nth-child(5){animation-delay:2s;-webkit-animation-delay:2s}.step2.step-animate img{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:2;animation-iteration-count:2}.step2:not(.step-animate) img:first-child{opacity:1}.step2.step-animate img:nth-child(1){-webkit-animation-name:step2;animation-name:step2;animation-delay:0s;-webkit-animation-delay:0s}.step2.step-animate img:nth-child(2){-webkit-animation-name:step22;animation-name:step22;animation-delay:0s;-webkit-animation-delay:0s}@keyframes step1{0%{opacity:0}to{opacity:1}}@-moz-keyframes step1{0%{opacity:0}to{opacity:1}}@keyframes step2{0%{opacity:0}47%{opacity:0}50%{opacity:1}97%{opacity:1}to{opacity:0}}@-moz-keyframes step2{0%{opacity:0}47%{opacity:0}50%{opacity:1}97%{opacity:1}to{opacity:0}}@keyframes step22{0%{opacity:1}47%{opacity:1}50%{opacity:0}97%{opacity:0}to{opacity:1}}@-moz-keyframes step22{0%{opacity:1}47%{opacity:1}50%{opacity:0}97%{opacity:0}to{opacity:1}}.step3.step-animate img{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.step4.step-animate img{-webkit-animation-name:step4;animation-name:step4;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:2;animation-iteration-count:2}@-moz-keyframes step4{0%{-moz-transform:rotate(0)}25%{-moz-transform:rotate(10deg)}50%{-moz-transform:rotate(-10deg)}to{-moz-transform:rotate(0)}}@keyframes step4{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/workflow.css.map */