.block-work-process{background-color:#000;padding:90px 0;margin:66px 0 50px;position:relative;isolation:isolate;min-height:610px;height:85vh;overflow:hidden}@media (min-width: 768px){.block-work-process{height:610px}}@media (min-width: 992px){.block-work-process{margin:88px 0 150px;padding:120px 0;height:750px}}@media (min-width: 1200px){.block-work-process{height:100vh}}.block-work-process__bg{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-image:url(.././img/work-pocess-bg.png);background-repeat:repeat;background-position:top left}.block-work-process__container{max-width:1440px;padding:0 20px}.block-work-process__lines{padding:0 5.55556vw;position:absolute;left:50%;top:0;width:100%;height:100%;transform:translateX(-50%);z-index:1}.block-work-process__line{position:absolute;width:1px;height:100%;top:0;background-color:rgba(255,255,255,0.1)}.block-work-process__line:first-child{left:5.55556vw}.block-work-process__line:nth-child(2){left:19.1667vw}.block-work-process__line:nth-child(3){left:34.2361vw}.block-work-process__line:nth-child(4){left:49.30554vw}.block-work-process__line:nth-child(5){left:64.375vw}.block-work-process__line:nth-child(6){left:79.375vw}.block-work-process__line:last-child{right:5.55556vw}.block-work-process__title{position:relative;z-index:10;margin-bottom:30px}@media (max-width: 575.98px){.block-work-process__title{text-align:center}}@media (min-width: 1200px){.block-work-process__title{margin-bottom:130px;padding:0 10px}}.block-work-process__pagination{max-width:320px;margin-bottom:30px;position:relative;z-index:30}.block-work-process__pagination-click{--pagination-size: clamp(0.75rem, 0.714vw + 0.607rem, 1.25rem);width:33.3333%;text-align:center;font-size:var(--pagination-size);line-height:1;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.3);transition:border-color 300ms linear}.block-work-process__pagination-click:first-child{text-align:left}.block-work-process__pagination-click:last-child{text-align:right}.block-work-process__pagination-click.active{border-color:#fff}.block-work-process__steps-wrapper{position:relative}@media (min-width: 768px){.block-work-process__steps-wrapper{width:600px;gap:20px;left:50%;transform:translate(-50%, 0);margin-left:-9.375vw;top:0}}.block-work-process__steps-wrapper .step-text{opacity:0;transform:translate(0, 50px);transition:400ms linear;transition-property:transform, opacity}.block-work-process__steps-wrapper .step-text.delay-200{transition-delay:200ms}.block-work-process__steps-wrapper .step-text.delay-400{transition-delay:400ms}.block-work-process__steps-wrapper .circle{position:absolute;border-radius:50%;z-index:-1;transition:1500ms cubic-bezier(0.165, 0.84, 0.44, 1);transition-property:width, height, transform, opacity}.block-work-process__steps-wrapper .circle-1{background:linear-gradient(137.76deg, rgba(39,245,161,0.42) 15.5%, rgba(22,124,82,0.42) 35.38%, rgba(23,65,48,0.42) 49.78%, rgba(17,30,25,0.42) 66.93%, rgba(0,0,0,0.42) 84.07%)}.block-work-process__steps-wrapper .circle-2{background:linear-gradient(135deg, rgba(39,245,161,0.8) 15.65%, rgba(27,143,96,0.8) 27.82%, rgba(30,108,76,0.8) 34.74%, rgba(32,82,62,0.8) 40.94%, rgba(27,52,41,0.8) 50.25%, rgba(19,19,19,0.8) 63.37%)}.block-work-process__steps-wrapper .circle-3{background-color:#000}.block-work-process__steps-wrapper.step-1 .circle-1{width:109.377vw;height:109.377vw;transform:translate(-20vw, 12.1876vw)}@media (min-width: 768px){.block-work-process__steps-wrapper.step-1 .circle-1{width:64.584vw;height:64.584vw;transform:translate(-15.55553vw, -28.19444vw)}}.block-work-process__steps-wrapper.step-1 .circle-2{width:83.125vw;height:83.125vw;transform:translate(0, 37.8124vw)}@media (min-width: 768px){.block-work-process__steps-wrapper.step-1 .circle-2{width:39.792vw;height:39.792vw;transform:translate(-3.19444vw, -14.44444vw)}}.block-work-process__steps-wrapper.step-1 .circle-3{width:31.877vw;height:31.877vw;transform:translate(25.625vw, 63.4376vw)}@media (min-width: 768px){.block-work-process__steps-wrapper.step-1 .circle-3{width:11.042vw;height:11.042vw;transform:translate(11.18055vw, -0.3472vw)}}.block-work-process__steps-wrapper.step-1 .step-text-1{opacity:1;transform:translate(0, 0)}.block-work-process__steps-wrapper.step-2 .circle-1{width:171.25vw;height:171.25vw;transform:translate(-58.75vw, -85.625vw)}@media (min-width: 768px){.block-work-process__steps-wrapper.step-2 .circle-1{width:84.584vw;height:84.584vw;transform:translate(-35.55556vw, -38.19445vw)}}.block-work-process__steps-wrapper.step-2 .circle-2{opacity:0;transform:translate(-58.75vw, -85.625vw)}@media (min-width: 768px){.block-work-process__steps-wrapper.step-2 .circle-2{width:39.792vw;height:39.792vw;transform:translate(-17.2222vw, -38.19445vw)}}.block-work-process__steps-wrapper.step-2 .circle-3{width:49.69vw;height:49.69vw;background-color:#000;transform:translate(-9.0624vw, -3.4375vw)}@media (min-width: 768px){.block-work-process__steps-wrapper.step-2 .circle-3{width:33.195vw;height:33.195vw;transform:translate(-5.9028vw, -11.1111vw)}}.block-work-process__steps-wrapper.step-2 .step-text-1{transform:translate(0, -50px)}.block-work-process__steps-wrapper.step-2 .step-text-2{transform:translate(0, 0);opacity:1}.block-work-process__steps-wrapper.step-3 .circle-1{width:65vw;height:65vw;transform:translate(-4.375vw, 23.4375vw)}@media (min-width: 768px){.block-work-process__steps-wrapper.step-3 .circle-1{width:33.473vw;height:33.473vw;transform:translate(4.79166vw, -9.375vw)}}.block-work-process__steps-wrapper.step-3 .circle-2{width:41.876vw;height:41.876vw;opacity:1;transform:translate(45vw, 47.1876vw)}@media (min-width: 768px){.block-work-process__steps-wrapper.step-3 .circle-2{width:21.3889vw;height:21.3889vw;transform:translate(29.7917vw, 5.20832vw)}}.block-work-process__steps-wrapper.step-3 .circle-3{width:56.566vw;height:56.566vw;transform:translate(-12.5vw, -16.25vw);opacity:0;z-index:-1}@media (min-width: 768px){.block-work-process__steps-wrapper.step-3 .circle-3{opacity:0;width:33.195vw;height:33.195vw;transform:translate(12.43054vw, -11.1111vw);z-index:-1}}.block-work-process__steps-wrapper.step-3 .step-text-1,.block-work-process__steps-wrapper.step-3 .step-text-2{transform:translate(0, -50px)}.block-work-process__steps-wrapper.step-3 .step-text-3{transform:translate(0, 0);opacity:1}.block-work-process__step{position:absolute;top:0;left:0;gap:30px}@media (min-width: 768px){.block-work-process__step{width:600px;gap:20px}}.block-work-process__step-heading{gap:30px 12px}.block-work-process__step-number{--number-size: clamp(4.375rem, 8.646vw + 2.646rem, 9.125rem);font-size:var(--number-size);line-height:1.1;text-transform:uppercase;background:linear-gradient(180deg, #fff 21.12%, rgba(84,82,82,0.7) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}@media (min-width: 768px){.block-work-process__step-number{width:185px;text-align:right;flex-shrink:0}}.block-work-process__step-title{--title-size: clamp(1.25rem, 1.138vw + 1.022rem, 1.875rem);font-size:var(--title-size);line-height:1.1;max-width:245px}@media (min-width: 768px){.block-work-process__step-title{max-width:none}}.block-work-process__step-title,.block-work-process__step-text{position:relative;z-index:10}.block-work-process__step-text{max-width:320px}@media (min-width: 768px){.block-work-process__step-text{max-width:280px;margin-right:-85px}}


/*# sourceMappingURL=block-work-process.css.map*/