*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#242272;--secondary:#3b82f6;--tertiary:#1b1464;--title:#0f172a;--text:#4b4f54;--text_w:rgba(255,255,255,0.85);--text_w2:rgba(255,255,255,0.75);--bg:#f2f2f2;--bg2:#131156;--border:#e2e8f0}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:144rem;margin:0 auto;position:relative}.content .content{padding:0}li{list-style:none}li.swiper-slide{height:auto}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.flex_middle{align-items:center}.img_bg{position:relative;z-index:2}.img_bg > picture,.img_bg > video,.img_bg > iframe{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-2}.img_bg > picture > img,.img_bg > video,.img_bg > iframe{display:block;width:100%;height:100%;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all 0.3s;background-color:var(--primary);border:1px solid var(--primary);color:#fff;border-radius:10rem;font-size:1.6rem;font-weight:500;gap:1.2rem;line-height:5.4rem;padding:0 3rem}.btn::after{display:inline-block;flex-shrink:0;content:'';width:1.0625em;height:1.0625em;transition:all 0.3s;filter:contrast(0) brightness(2);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_00_home_banner/assets/img/arrow-r.svg") no-repeat center / contain}.btn:hover{background-color:transparent;color:var(--primary)}.btn:hover::after{filter:none;transform:translateX(20%)}.btn.sec{background-color:var(--secondary);border-color:var(--secondary)}.btn.sec::after{background-image:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_00_home_banner/assets/img/arrow-r-sec.svg")}.btn.sec:hover{background-color:transparent;color:var(--secondary)}.btn_l{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all 0.3s;background-color:transparent;border:1px solid rgba(15,23,42,0.5);color:var(--title);border-radius:10rem;font-size:1.6rem;font-weight:500;gap:1.4rem;line-height:5.5rem;padding:0 3.1rem}.btn_l::after{display:inline-block;flex-shrink:0;content:'';width:1.0625em;height:1.0625em;transition:all 0.3s;filter:contrast(0) brightness(0);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_00_home_banner/assets/img/arrow-r.svg") no-repeat center / contain}.btn_l:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.btn_l:hover::after{filter:contrast(0) brightness(2);transform:translateX(20%)}.btn_l.no_a::after{display:none}.btn_l.wt{border-color:rgba(255,255,255,0.3);color:#fff}.btn_l.wt::after{filter:contrast(0) brightness(2)}.btn_l.wt:hover{background-color:var(--secondary);border-color:var(--secondary)}.tcon.white{color:#fff}.tcon.white p,.tcon.white .desc{color:var(--text_w);font-weight:300;letter-spacing:0.01em}.tcon h1{font-size:6.6rem;line-height:1.21212;font-weight:600;letter-spacing:0.02273em}.tcon p,.tcon .desc{font-size:1.8rem;line-height:2.8rem;color:var(--text)}.home_banner{position:relative;background-color:var(--title)}.home_banner .home_banner_swiper{max-width:256rem;margin:0 auto;overflow:hidden}.home_banner .home_banner_swiper .swiper-slide.img_bg picture img{opacity:0.5}.home_banner .home_banner_swiper .flex{height:101vh;max-height:91.9rem;min-height:max-content;padding-top:123px}.home_banner .home_banner_swiper .swiper-slide .head .title,.home_banner .home_banner_swiper .swiper-slide .head .desc,.home_banner .home_banner_swiper .swiper-slide .head .btns{transform:translateY(100px);opacity:0;transition:all 0.5s 0.5s}.home_banner .home_banner_swiper .swiper-slide .head .desc{transition:all 0.5s 0.6s}.home_banner .home_banner_swiper .swiper-slide .head .btns{transition:all 0.5s 0.7s}.home_banner .home_banner_swiper .swiper-slide-active .head .title,.home_banner .home_banner_swiper .swiper-slide-active .head .desc,.home_banner .home_banner_swiper .swiper-slide-active .head .btns{transform:translateY(0);opacity:1;transition:all 0.5s 0.7s}.home_banner .home_banner_swiper .swiper-slide-active .head .desc{transition:all 0.5s 0.8s}.home_banner .home_banner_swiper .swiper-slide-active .head .btns{transition:all 0.5s 0.9s}.home_banner .head{flex:1;max-width:95rem;padding:5rem 0;margin-bottom:2.2%}.home_banner .head .title{font-size:6.6rem;line-height:1.21212;font-weight:600;letter-spacing:0.02273em}.home_banner .head .desc{max-width:83.3rem;color:var(--text_w2);margin-top:2.5rem}.home_banner .btns{display:flex;flex-wrap:wrap;text-transform:uppercase;gap:2rem;margin-top:3.6rem}.home_banner div.swiper-pagination.swiper-pagination-bullets{display:flex;justify-content:flex-end;left:unset;right:-1.1rem;bottom:6.3rem;gap:1.6rem}.home_banner div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:1.3rem;height:1.3rem;background:transparent;border:1px solid #fff;opacity:0.39;margin:0;transition:all 0.3s}.home_banner div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1;background:#fff}@media screen and (min-width:769px) and (max-width:1220px){.home_banner div.swiper-pagination.swiper-pagination-bullets{right:3rem}}@media screen and (min-width:769px) and (max-width:1024px){.home_banner .head .title{font-size:6rem}}@media screen and (min-width:769px) and (max-width:896px){.home_banner .head .title{font-size:5rem}}@media screen and (max-width:768px){.content{padding:0 20px}.btn,.btn_l{font-size:15px;line-height:40px;padding:0 20px;gap:8px}.tcon h1{font-size:38px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head .btns{gap:14px;margin-top:20px}div.head .btns .btn,div.head .btns .btn_l{margin:0}.home_banner .home_banner_swiper .flex{height:auto;padding-top:100px;padding-bottom:20px}.home_banner .head{padding:40px 0;margin:0}.home_banner .head .title{font-size:38px;line-height:1.3}.home_banner .head .desc{margin-top:10px}.home_banner div.swiper-pagination.swiper-pagination-bullets{bottom:20px;right:20px;gap:10px}.home_banner div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px}}@media screen and (max-width:576px){.home_banner .btns{flex-direction:column}}i,em{font-style:normal}img{display:block}.center{text-align:center}.center p,.center .desc,.center .h1,.center .h2{margin-left:auto;margin-right:auto}.img.img_ct img{object-fit:contain}.img.img_aba{position:relative}.img.img_aba::after{content:'';display:block;padding-bottom:var(--h)}.img.img_aba img,.img.img_aba video,.img.img_aba iframe{position:absolute;left:0;top:0}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:all 0.5s;aspect-ratio:inherit}.img_bg > img,.img_bg > video,.img_bg > iframe{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;z-index:-2}.tcon em{font-style:normal}.tcon > em{display:block;font-size:1.6rem;line-height:1.2;text-transform:uppercase;color:var(--secondary);margin-bottom:1.6rem}.tcon h2{font-size:4.8rem;line-height:1.25;font-weight:600;letter-spacing:0.025em}.active .cat_item .img{left:0;transform:translateX(0)}.active .cat_item .info .btn_i{color:var(--secondary)}.active .cat_item .info .btn_i::after{background-image:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_01_home_category/assets/img/arrow-r-sec.svg")}.cat_item{position:relative;display:flex;flex-direction:column;height:100%;border-radius:3.1rem;background-color:var(--bg);overflow:hidden;padding:0 10.1511879% 9.287257%}.cat_item:hover .img img{transform:scale(1.03)}.cat_item .img{width:86.72086721%;--h:100%;left:50%;transform:translateX(-50%);transition:all 0.4s;margin:-8.1300813% 0 -5.6910569%}.cat_item .info{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:flex-start}.cat_item .info .tcon{flex:1}.cat_item .info .title{font-size:2.8rem;line-height:1.09375;font-weight:600;letter-spacing:0.01607em}.cat_item .info .desc{line-height:2.6rem;max-width:36.7rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;margin-top:1.7rem}.cat_item .info .btn_i{display:inline-flex;align-items:center;transition:all 0.3s;cursor:pointer;font-size:1.8rem;font-weight:600;color:var(--tertiary);text-transform:uppercase;gap:1rem;margin-top:2.4rem}.cat_item .info .btn_i::after{display:inline-block;content:'';width:0.9444em;height:0.9444em;transition:all 0.3s;background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_01_home_category/assets/img/arrow-r.svg") no-repeat center / contain}.cat_item .info .btn_i:hover::after{transform:translateX(20%)}.home_category{padding:18rem 0 9.1rem}.home_category .head > em{margin-bottom:1.1rem}.home_category p{max-width:71.6rem;margin-top:2.1rem}.home_category .list{margin-top:7.8rem}.home_category .list > ul{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2rem 1.77083333%}.home_category .list .col3{grid-column:-1/1}.home_category .service_item{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:3.8194444% 6.5972222% 3.8194444% 3.75%}.home_category .service_item .info{max-width:38.3rem}.home_category .service_item .info .title{font-size:3.2rem;max-width:30rem;letter-spacing:0.034375em}.home_category .service_item .info .desc{margin-top:1.4rem;max-width:38.3rem;padding-bottom:1px}.home_category .service_item.img_bg > img{width:auto;left:unset;right:0;max-width:100%}.home_category .home_category_services_swiper{width:64.05886909%;overflow:hidden;border-radius:1.9rem;margin-bottom:0.3rem}.home_category .home_category_services_swiper .active .item .icon,.home_category .home_category_services_swiper .active .item .title{transform:translateY(-3rem);opacity:0}.home_category .home_category_services_swiper .active .item .desc{transform:translateY(0);opacity:1;pointer-events:all}.home_category .item{position:relative;display:block;height:100%;border-radius:1.9rem;background-color:#fff;overflow:hidden;padding:4.1rem 2rem 2.5rem}.home_category .item .icon{width:8rem;height:8rem;margin:0 auto;transition:all 0.4s,opacity 0.3s}.home_category .item .txt{text-align:center;margin-top:2.7rem}.home_category .item .title{font-size:1.8rem;font-weight:500;transition:all 0.4s,opacity 0.3s}.home_category .item .desc{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;display:grid;align-items:center;line-height:2.1rem;color:var(--text);overflow-y:auto;transition:all 0.4s,opacity 0.3s;transform:translateY(70%);pointer-events:none;opacity:0;padding:17.5824176% 10.989011% 10.989011%}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0 3rem}}@media screen and (max-width:768px){.content{padding:0 20px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.cat_item{border-radius:10px;padding:0 20px 20px}.cat_item .info .title{font-size:20px}.cat_item .info .desc{line-height:1.5;margin-top:10px}.cat_item .info .btn_i{font-size:14px;margin-top:20px;gap:8px}.home_category{padding:50px 0}.home_category .head > em{margin-bottom:8px}.home_category .list{margin-top:30px}.home_category .list > ul{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:20px}.home_category .service_item{padding:20px}.home_category .service_item .info .title{font-size:20px}.home_category .service_item .info .desc{margin-top:10px;padding-bottom:0}.home_category .home_category_services_swiper{border-radius:10px;margin:0}.home_category .home_category_services_swiper .active .item .icon,.home_category .home_category_services_swiper .active .item .title{transform:translateY(0);opacity:1}.home_category .item{border-radius:10px;padding:20px}.home_category .item .icon{width:40px;height:40px}.home_category .item .txt{margin-top:15px}.home_category .item .txt .title{font-size:16px}.home_category .item .txt .desc{line-height:1.5;position:static;opacity:1;padding:0;margin-top:5px;transform:none}}@media screen and (max-width:576px){.home_category .list > ul{display:flex;flex-direction:column}.home_category .home_category_services_swiper{width:100%}.home_category .service_item.img_bg > img{transform:rotate(90deg);height:200%}}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_bottom{align-items:flex-end}.gap{gap:3rem}.btn::after{display:inline-block;flex-shrink:0;content:'';width:1.0625em;height:1.0625em;transition:all 0.3s;filter:contrast(0) brightness(2);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_02_home_about/assets/img/arrow-r.svg") no-repeat center / contain}.home_about{padding:9.2rem 0 11.4rem}.home_about .tcon{padding-bottom:2.5rem}.home_about h2{max-width:80.8rem;padding-top:3px}.home_about p{max-width:71.6rem;margin-top:4.1rem}.home_about .nums{--rd:3.8rem;border-radius:var(--rd);background-color:var(--bg);margin:6.4rem -1.18055556% 0;padding:0.83333333% 1.18055556%}.home_about .nums ul{display:flex;flex-wrap:wrap;gap:3rem 2px;overflow:hidden}.home_about .nums li{position:relative;z-index:2;flex:1 0 20rem;max-width:29rem;transition:all 0.3s;border-radius:var(--rd);padding:3.0555556% 1.3888889% 2.7777778% 2.3611111%}.home_about .nums li::before{position:absolute;width:2px;height:87.42%;background-color:#fff;top:50%;left:-2px;transform:translateY(-50%);content:'';transition:all 0.3s}.home_about .nums li.active{color:#fff;background-color:var(--bg2)}.home_about .nums li.active::before{opacity:0}.home_about .nums li.active p{color:rgba(255,255,255,0.8)}.home_about .nums li strong{font-size:4.462rem;line-height:1;font-weight:600;white-space:nowrap}.home_about .nums li strong i{font-size:0.67862em;color:var(--secondary);margin-left:0.16513em}.home_about .nums li p{font-size:1.7rem;font-weight:500;color:#64748b;transition:all 0.3s;margin-top:1rem}@media screen and (min-width:769px) and (max-width:1024px){.content{max-width:896px}.home_about .nums li strong{font-size:4rem}}@media screen and (min-width:769px) and (max-width:896px){.content{max-width:768px}.tcon h2{font-size:4rem}}@media screen and (max-width:768px){.content{padding:0 20px}.gap{gap:20px}.btn{font-size:15px;line-height:40px;padding:0 20px;gap:8px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head.flex .tcon{padding:0}div.head.flex .btn{margin:0}div.head h2{padding:0}div.head .desc,div.head p{margin-top:10px}div.head p + p{margin-top:10px}div.head .btn{font-size:15px;line-height:40px;padding:0 20px;margin-top:20px;gap:8px}.home_about{padding:50px 0}.home_about .nums{--rd:10px;padding:20px;margin:30px 0 0}.home_about .nums ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 0}.home_about .nums li{padding:25px 14px;max-width:unset}.home_about .nums li strong{font-size:30px}.home_about .nums li p{font-size:14px;margin-top:8px}}@media screen and (max-width:576px){.home_about .nums ul{grid-template-columns:1fr 1fr}.home_about .nums ul strong{font-size:24px}}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe{object-fit:cover}.img.img_ab{position:relative}.img.img_ab img,.img.img_ab video,.img.img_ab iframe{position:absolute;left:0;top:0}.img.img_hv:hover img{transform:scale(1.03)}.icon.icon_ab{position:relative}.icon.icon_ab img{position:absolute;left:0;top:0}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:all 0.3s}.home_advantages{overflow:hidden;max-width:256rem;margin:0 auto}.home_advantages .home_advantages_swiper{margin:0 -8.22916667%;padding:5.2777778% 0 6.5277778%}.home_advantages .home_advantages_swiper.img_bg > img{width:auto;left:48.6%;transform:translateX(-50%)}.home_advantages .home_advantages_swiper .swiper-wrapper{transition:linear}.home_advantages .home_advantages_swiper .img{padding-bottom:70.34990792%;border-radius:3.1rem}.home_advantages .items{padding:7.8rem 0 9.8rem}.home_advantages .items ul{display:grid;grid-template-columns:1fr 1fr;gap:7.7rem 11.9%}.home_advantages .items li{display:grid;grid-template-columns:9.5rem 1fr;align-items:center;gap:3rem}.home_advantages .items li.active .icon{background-color:var(--secondary)}.home_advantages .items .icon{padding-bottom:100%;border-radius:50%;background-color:var(--primary);transition:all 0.3s}.home_advantages .items .icon img{transform:scale(0.52631579)}.home_advantages .items .info{padding-bottom:1%}.home_advantages .items .info strong{display:block;font-size:2.4rem;font-weight:600;letter-spacing:0.01em}.home_advantages .items .info p{font-size:1.7rem;opacity:0.85;margin-top:2.1rem}@media screen and (max-width:768px){.content{padding:0 20px}.home_advantages .home_advantages_swiper{margin:0;padding:40px 0}.home_advantages .home_advantages_swiper .img{border-radius:10px}.home_advantages .items{padding:40px 0}.home_advantages .items ul{gap:30px 20px}.home_advantages .items li{grid-template-columns:50px 1fr;gap:14px}.home_advantages .items .info{padding:0}.home_advantages .items .info strong{font-size:20px}.home_advantages .items .info p{font-size:14px;margin-top:10px}}@media screen and (max-width:576px){.home_advantages .items ul{grid-template-columns:1fr}}.tools_part_vendor .tools_part_box{padding:4rem 0px;text-align:center}.tools_part_vendor .tools_part_box input{padding:.8rem 1rem;border-radius:5px;min-width:300px;border:1px #ddd solid}.tools_part_vendor .tools_part_box button{background:white;border:1px solid #f8f8f8;color:#4c4c4c;padding:0.8rem 1.5rem;display:inline-block;font-weight:500;border:none;font-size:16px;cursor:pointer;border-radius:10px;background-color:#33bde9;border:1px solid #33bde9;color:white;padding:0.8rem 1.5rem}html{font-size:clamp(7.5px,0.520834vw,10px)}.flex_top{align-items:flex-start}.bg_mask{position:absolute;left:50%;top:50%;width:100%;max-width:192rem;height:auto;transform:translate(-50%,-50%);opacity:0.15;pointer-events:none}.bg_mask img{width:85%;max-width:84.4rem;height:auto;margin-left:auto}.home_factory{position:relative;background-color:var(--bg2);padding:13.8rem 0 19rem;overflow:hidden}.home_factory .bg_mask img{margin-right:-5.3646%}.home_factory .head{display:grid;grid-template-columns:1fr 51.38888889%;align-items:start;gap:2px 3rem}.home_factory .head > em{grid-column:1/-1}.home_factory .head h2{max-width:62rem}.home_factory .head p{text-align:right;margin-top:5.8rem}.home_factory .home_factory_swiper{width:calc(100% - 6rem);max-width:178.8rem;margin:9.5rem auto 0;overflow:hidden;--rd:2rem;border-radius:var(--rd)}.home_factory .item{display:flex;flex-direction:column;height:100%;border-radius:var(--rd);background-color:#fff;padding:1.5rem 1.4rem 0.7rem 1.3rem}.home_factory .item:hover img{transform:scale(1.03)}.home_factory .item .img{border-radius:var(--rd);padding-bottom:79.55271565%}.home_factory .item .title{flex:1;font-size:2.4rem;font-weight:600;padding:2rem 1.8rem;letter-spacing:0.00917em}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width:768px){.gap{gap:20px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon p,.tcon .desc{font-size:14px;line-height:1.5;margin-top:10px}.home_factory{padding:50px 0}.home_factory .head p{margin-top:10px}.home_factory .home_factory_swiper{overflow:unset;width:100%;padding:0 20px;margin-top:30px;--rd:10px}.home_factory .item{padding:10px}.home_factory .item .title{padding:10px;font-size:20px}}@media screen and (max-width:576px){.home_factory .head{grid-template-columns:1fr}.bg_mask.img.img_ct{top:0;transform:translateX(-50%);height:100%}.bg_mask.img.img_ct img{width:100%;height:100%;object-fit:cover}}*::before,*::after{box-sizing:inherit}.swiper_box{position:relative}.swiper_content{max-width:147rem;margin:0 auto;position:relative;padding:1.5rem;overflow:hidden}a:hover{color:inherit}input,button,textarea{border:none;outline:none;font-family:unset;color:var(--title);background-color:transparent}select{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;font-family:unset;color:var(--title)}textarea{resize:none}button,input[type="submit"]{cursor:pointer}input[type="checkbox"]{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none}input[type="number"]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{margin:0;appearance:none;-moz-appearance:none;-webkit-appearance:none}table{width:100%;border-collapse:collapse}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.flex_start{justify-content:flex-start}.flex_center{justify-content:center}.flex_end{justify-content:flex-end}.aligncenter{margin-left:auto;margin-right:auto}.row_reverse{flex-direction:row-reverse}body.fixed{overflow:hidden;padding-right:15px}body [data-wpr-lazyrender]{content-visibility:unset}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){}.only_mobile{display:none}.grecaptcha-badge{visibility:hidden}.custom-popup{--radius:0px;position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:var(--radius);z-index:999;padding:8px;font-size:14px;opacity:0;transform:scaleY(0);transform-origin:top;transition:all 0.2s ease}.custom-popup.show{opacity:1;transform:scaleY(1)}.custom-popup.up{transform-origin:bottom}.custom-popup .popup-empty{padding:12px;text-align:center;color:#999}.custom-popup input.popup-input{display:block;width:100%;padding:11px 12px;font-size:14px;border:1px solid #ccc;background:#fff;color:var(--title);margin-bottom:8px;border-radius:calc(var(--radius) - 2px)}.custom-popup input.popup-input::placeholder{color:#666}.custom-popup input.popup-input:focus{border-color:var(--primary)}.custom-popup .popup-options{overflow:auto;max-height:50vh}.custom-popup .popup-option{padding:12px;margin:0 0 4px;cursor:pointer;transition:all 0.15s;word-break:break-word;border-radius:calc(var(--radius) - 2px)}.custom-popup .popup-option:hover,.custom-popup .popup-option.selected{background-color:#f0f0f0}.custom-popup .popup-option:last-child{margin-bottom:0}.btn::after{display:inline-block;flex-shrink:0;content:'';width:1.0625em;height:1.0625em;transition:all 0.3s;filter:contrast(0) brightness(2);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_06_home_process/assets/img/arrow-r.svg") no-repeat center / contain}.btn.sec::after{background-image:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_06_home_process/assets/img/arrow-r-sec.svg")}.btn.no_a::after{display:none}.btn_l::after{display:inline-block;flex-shrink:0;content:'';width:1.0625em;height:1.0625em;transition:all 0.3s;filter:contrast(0) brightness(0);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_06_home_process/assets/img/arrow-r.svg") no-repeat center / contain}.swiper_btns{gap:3.1rem;display:flex}.swiper_btns div{width:7rem;cursor:pointer;transition:all 0.3s;border-radius:50%;background-color:var(--secondary)}.swiper_btns div::after{content:'';display:block;width:100%;padding-bottom:100%;transition:all 0.3s;background:url(https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_06_home_process/assets/img/arrow-r.svg) no-repeat center / 30%;filter:contrast(0) brightness(2)}.swiper_btns div:hover{border-color:var(--primary);background-color:var(--primary)}.swiper_btns .btn_prev::after{transform:rotate(180deg)}.swiper_btns .swiper-button-disabled{pointer-events:none;background-color:var(--primary)}.swiper_btns:has(.swiper-button-lock){opacity:0}.swiper_btns.middle{width:98%;max-width:170.3rem;position:absolute;left:50%;top:50%;z-index:2;pointer-events:none;transform:translate(-50%,-50%);justify-content:space-between}.swiper_btns.middle div{pointer-events:all}.swiper_btns.middle .swiper-button-disabled,.swiper_btns.middle .swiper-button-lock{pointer-events:none}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-vertical{touch-action:pan-x}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.home_process{padding:16.9rem 0 7.9rem;overflow:hidden}.home_process .head{position:relative;z-index:2}.home_process p{max-width:56.5rem;margin-top:3.5rem}.home_process .tcon{padding-bottom:0.7rem}.home_process .swiper_box{--w:11.3rem;--bw:2rem}.home_process .home_process_swiper{overflow:hidden;margin-top:7rem}.home_process .home_process_swiper .swiper-slide{position:relative;--percent:0;--a_w:calc(var(--slide_w) - var(--w) + var(--slide_w) * 0.19)}.home_process .home_process_swiper .swiper-slide::before,.home_process .home_process_swiper .swiper-slide::after{position:absolute;left:var(--w);right:-19%;top:calc(var(--w) / 2);transform:translateY(-50%);height:calc(var(--bw) * 0.75);content:'';background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_06_home_process/assets/img/home-procee-dotted.svg") no-repeat left center / var(--a_w) 100%;z-index:-1}.home_process .home_process_swiper .swiper-slide::after{background-image:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_06_home_process/assets/img/home-procee-dotted-act.svg");width:calc(var(--percent) * var(--a_w))}.home_process .home_process_swiper .swiper-slide.active .icon{background-color:var(--bg2)}.home_process .home_process_swiper .swiper-slide.active .icon img{filter:contrast(0) brightness(2)}.home_process .home_process_swiper .swiper-slide.active_line{animation:ani_circles 3s linear forwards}.home_process .home_process_swiper .swiper-slide:last-child::before,.home_process .home_process_swiper .swiper-slide:last-child::after{display:none}@keyframes ani_circles{0%{--percent:0}20%{--percent:0.3}35%{--percent:0.5}50%{--percent:0.7}65%{--percent:0.8}80%{--percent:1}100%{--percent:1}}.home_process .home_process_swiper .icon{position:relative;z-index:2;width:var(--w);height:var(--w);border-radius:50%;transition:all 0.3s;background-color:#ecedee}.home_process .home_process_swiper .icon img{transform:scale(0.48672566)}.home_process .home_process_swiper .info{margin-top:5.2rem}.home_process .home_process_swiper .info .order{font-size:1.4rem;font-weight:500;color:var(--secondary);text-transform:uppercase;letter-spacing:0.12143em}.home_process .home_process_swiper .info h3{font-size:2.4rem;font-weight:600;margin-top:2.4rem;letter-spacing:0.00917em}.home_process .home_process_swiper .info p{line-height:2.4rem;color:var(--text);opacity:0.85;hyphens:auto;max-width:24.6rem;margin-top:1.8rem;letter-spacing:-0.0044em}.home_process .mask_line{position:absolute;top:calc(var(--w) / 2 - var(--bw) / 2);right:calc(100% - var(--w));width:calc(var(--w) * 4.22124);height:auto}.home_process .mask_line svg path{fill:none;stroke:rgba(155,157,163,0.19);stroke-miterlimit:10;stroke-width:var(--bw)}.home_process .mask_line svg .path_process{stroke:#6874e2;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset 2s linear}.home_process .mask_line.rt{width:calc(var(--w) * 4.62832);right:unset;left:83%;top:unset;bottom:calc(100% - (var(--w) / 2 + var(--bw) / 1.7));transition:opacity 0.2s;opacity:0}.home_process .mask_line.rt.active{opacity:1}@media screen and (min-width:769px) and (max-width:1024px){.home_process .home_process_swiper .swiper-slide{--a_w:calc(var(--slide_w) - var(--w) + var(--slide_w) * 0.15)}.home_process .home_process_swiper .swiper-slide::before,.home_process .home_process_swiper .swiper-slide::after{right:-15%}}@media screen and (min-width:769px) and (max-width:896px){.home_process .swiper_box{--w:9rem}}@media screen and (max-width:768px){.content{padding:0 20px}.swiper_content{padding:10px 20px}.only_mobile{display:block}body.fixed{padding-right:0}.gap{gap:20px}.btn,.btn_l{font-size:15px;line-height:40px;padding:0 20px;gap:8px}.swiper_btns{gap:20px}.swiper_btns div{width:40px}.swiper_btns.middle:not(:has(.swiper-button-lock)){position:static;width:100%;max-width:unset;justify-content:flex-end;transform:translate(0);pointer-events:all;margin-top:30px;padding:0 20px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h1{font-size:38px;line-height:1.3}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head.flex .tcon{padding:0}div.head.flex .btn,div.head.flex .btn_l{margin:0}div.head h2{padding:0}div.head .desc,div.head p{margin-top:10px}div.head p + p{margin-top:10px}div.head .btn,div.head .btn_l{font-size:15px;line-height:40px;padding:0 20px;margin-top:20px;gap:8px}div.head .btns{gap:14px;margin-top:20px}div.head .btns .btn,div.head .btns .btn_l{margin:0}.home_process{padding:50px 0}.home_process .swiper_box{--w:80px;--bw:10px}.home_process .swiper_box .mask_line{display:none}.home_process .home_process_swiper{overflow:unset}.home_process .home_process_swiper .swiper-slide{--a_w:calc(var(--slide_w) - var(--w) + 16px)}.home_process .home_process_swiper .swiper-slide::before,.home_process .home_process_swiper .swiper-slide::after{right:-16px}@keyframes ani_circles{0%{--percent:0}20%{--percent:0.4}35%{--percent:0.5}50%{--percent:0.6}65%{--percent:0.8}80%{--percent:1}100%{--percent:1}}.home_process .home_process_swiper .info{margin-top:20px}.home_process .home_process_swiper .info .order{font-size:13px}.home_process .home_process_swiper .info h3{font-size:20px;margin-top:20px}.home_process .home_process_swiper .info p{line-height:1.5;margin-top:10px}}@media screen and (max-width:576px){.home_process .home_process_swiper .swiper-slide{--a_w:calc(var(--slide_w) - var(--w) + 16px)}}*{margin:0px;padding:0px;box-sizing:border-box}.content{max-width:144rem;margin:0px auto;position:relative}body{font-size:1.6rem;color:var(--title);animation:0.4s ease-in 0s 1 normal forwards running fadeIn}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:0.3s;background-color:var(--primary);border:1px solid var(--primary);color:rgb(255,255,255);border-radius:10rem;font-size:1.6rem;font-weight:500;gap:1.2rem;line-height:5.4rem;padding:0px 3rem}.btn::after{display:inline-block;flex-shrink:0;content:"";width:1.0625em;height:1.0625em;transition:0.3s;filter:contrast(0) brightness(2);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home9-page_faqs/assets/img/arrow-r.svg") center center / contain no-repeat}.page_faqs{padding:11.9rem 0px 19.3rem}.page_faqs .head{flex:1 1 0%;max-width:44rem;padding-top:0.5556%}.page_faqs p{max-width:36.3rem;hyphens:auto;margin-top:3.4rem}.page_faqs .btn{margin-top:3.7rem}.page_faqs .faqs{width:64.0278%}.page_faqs .faq_list .faq_item{border-radius:1.8rem;background-color:var(--bg);transition:0.3s,background-color 0.4s;color:rgb(35,35,35);margin-bottom:1.8rem}.page_faqs .faq_list .faq_item.active{color:rgb(255,255,255);background-color:var(--primary)}.page_faqs .faq_list .faq_item.active .question{padding-top:3.7rem}.page_faqs .faq_list .faq_item.active .question::after{transform:rotate(180deg);filter:contrast(0) brightness(2)}.page_faqs .faq_list .faq_item:last-child{margin-bottom:0px}.page_faqs .faq_list .question{display:grid;grid-template-columns:1fr 0.6363em;align-items:center;cursor:pointer;font-size:2.2rem;font-weight:600;transition:padding-top 0.3s;gap:0.5em;padding:3.1rem 4.6rem 2.9rem;letter-spacing:0.011364em}.page_faqs .faq_list .question::after{display:block;padding-bottom:100%;background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home9-page_faqs/assets/img/icon-select.svg") center center / contain no-repeat;transition:0.3s;content:""}.page_faqs .faq_list .answer{display:none;font-size:1.8rem;line-height:3rem;padding:0px 4.7rem 3.8rem;opacity:0.85;margin-top:-2px;font-weight:300;letter-spacing:0.01em}@media (prefers-reduced-motion:reduce){body{animation:auto ease 0s 1 normal none running none}}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.tcon h2{font-size:4rem}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px;height:4px}ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgb(139,139,139)}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.btn,.btn_l{font-size:15px;line-height:40px;padding:0px 20px;gap:8px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}div.head .btn,div.head .btn_l{font-size:15px;line-height:40px;padding:0px 20px;margin-top:20px;gap:8px}.page_faqs{padding:50px 0px}.page_faqs .head{padding:0px;max-width:unset}.page_faqs .faq_list .faq_item{border-radius:10px;margin-bottom:14px}.page_faqs .faq_list .faq_item.active .question{padding-top:14px}.page_faqs .faq_list .question{font-size:18px;padding:14px 20px}.page_faqs .faq_list .answer{font-size:14px;line-height:1.5;margin-top:0px;padding:0px 20px 20px}}@media screen and (max-width:576px){.page_faqs .faqs{width:100%}.page_faqs .faqs .question{font-size:16px}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}