*{margin:0px;padding:0px;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:0px auto;position:relative}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_middle{align-items:center}body{font-size:1.6rem;color:var(--title);animation:0.4s ease-in 0s 1 normal forwards running fadeIn}.gap{gap:3rem}.img_bg{position:relative;z-index:2}.img_bg > img,.img_bg > video,.img_bg > iframe{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2}.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/about-us1-about_banner-img_bg/assets/img/arrow-r.svg") center center / contain no-repeat}.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/about-us1-about_banner-img_bg/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: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:0px 3.1rem}.btn_l::after{display:inline-block;flex-shrink:0;content:"";width:1.0625em;height:1.0625em;transition:0.3s;filter:contrast(0) brightness(0);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us1-about_banner-img_bg/assets/img/arrow-r.svg") center center / contain no-repeat}.btn_l:hover{background-color:var(--primary);border-color:var(--primary);color:rgb(255,255,255)}.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:rgb(255,255,255)}.btn_l.wt::after{filter:contrast(0) brightness(2)}.btn_l.wt:hover{background-color:var(--secondary);border-color:var(--secondary)}.tcon.white{color:rgb(255,255,255)}.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)}.about_banner{background-color:var(--title)}.about_banner.img_bg > img{left:50%;transform:translateX(-50%);max-width:256rem;opacity:0.78}.about_banner .flex{height:100vh;max-height:91.9rem;min-height:max-content;padding-top:123px}.about_banner .head{flex:1 1 0%;max-width:99rem;padding:5rem 0px;margin-bottom:3.05556%}.about_banner .head p{color:var(--text_w2)}.about_banner p{max-width:73.6rem;margin:2.2rem 0px 2.8rem}.about_banner .btns{text-transform:uppercase;display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem}@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}.tcon h1{font-size:6rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.tcon h1{font-size:5rem}}@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 h1{font-size:38px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}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:0px 20px;margin-top:20px;gap:8px}div.head .btns{gap:14px;margin-top:20px}div.head .btns .btn,div.head .btns .btn_l{margin:0px}.about_banner .flex{height:auto;padding-top:100px}.about_banner .head{padding:30px 0px 50px;margin:0px}.about_banner .head p{margin:12px 0px 0px}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}i,em{font-style:normal}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe{object-fit:cover}.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:0px;top:0px}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.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}.about_story{padding:14.5rem 0px 15.6rem}.about_story .head{flex:1 1 0%;width:100%;max-width:64.2rem}.about_story .head > em{margin-bottom:1.1rem}.about_story p{hyphens:auto;margin-top:3.8rem}.about_story p + p{margin-top:1.1rem}.about_story .video{width:50.5556%;--h:64.42307692%;border-radius:1.9rem}.about_story .video video,.about_story .video img,.about_story .video iframe,.about_story .video div:not(.btn_play){width:100%;height:100%;display:block;object-fit:cover;position:absolute;left:0px;top:0px}.about_story .video .btn_play{position:absolute;width:9.89011%;padding-bottom:9.89011%;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);border-radius:50%;background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us2-about_story/assets/img/play.svg") center center / 34.7% no-repeat rgb(37,99,235);transition:0.4s,opacity 0.3s;cursor:pointer}.about_story .video .btn_play:hover{transform:translate(-50%,-50%) scale(1.1)}.about_story .video.active .btn_play{opacity:0}@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 (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap: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}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}div.head p + p{margin-top:10px}.about_story{padding:50px 0px}.about_story .head > em{margin-bottom:8px}.about_story .head{max-width:unset}.about_story .video{border-radius:10px;width:100%;order:-1}}*{margin:0;padding:0;box-sizing:border-box}.content{max-width:144rem;margin:0 auto;position:relative}.content .content{padding:0}li{list-style:none}strong{font-weight:bold}.about_numbers{width:calc(100% - 6rem);max-width:179.3rem;margin:0 auto;border-radius:2.3rem;background-color:var(--tertiary);padding:9.4rem 0 8.9rem}.about_numbers .nums ul{display:flex;flex-wrap:wrap;gap:3rem 1.90972222%}.about_numbers .nums li{flex:1 0 22rem;max-width:26.6rem;border-radius:1.6rem;background-color:#2f3982;color:#fff;text-align:center;padding:4.3rem 1.6rem 4.6rem}.about_numbers .nums li strong{font-size:4.038rem;line-height:1;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:0.024653em}.about_numbers .nums li strong i{color:var(--secondary)}.about_numbers .nums li p{font-size:1.458rem;margin-top:1.5rem;letter-spacing:0.002em}@media screen and (max-width:768px){.content{padding:0 20px}.about_numbers{padding:20px 0;width:calc(100% - 40px);border-radius:10px}.about_numbers .nums ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:16px}.about_numbers .nums li{padding:20px 14px;border-radius:10px;max-width:unset}.about_numbers .nums li strong{font-size:30px}.about_numbers .nums li p{font-size:14px;margin-top:10px}}.center{text-align:center}.center p,.center .desc,.center .h1,.center .h2{margin-left:auto;margin-right:auto}.icon.icon_ab{position:relative}.icon.icon_ab img{position:absolute;left:0px;top:0px}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.about_advantages{padding:15.2rem 0px 19.8rem}.about_advantages .head > em{margin-bottom:1.1rem}.about_advantages p{max-width:71.6rem;margin-top:2.1rem}.about_advantages .items{margin-top:4.7rem}.about_advantages .items ul{display:grid;grid-template-columns:1fr 1fr;gap:2.7rem 2.08333%}.about_advantages .item{display:grid;grid-template-columns:7.4rem 1fr;align-items:start;height:100%;border-radius:1.6rem;background-color:rgb(241,245,249);gap:2.5rem;padding:4.53901% 5.39007% 5.95745%}.about_advantages .item .icon{padding-bottom:100%;border-radius:1.4rem;background-color:var(--tertiary);margin-top:2px}.about_advantages .item .icon img{transform:scale(0.743243)}.about_advantages .item .info h3{font-size:2.6rem;font-weight:600;margin-top:1.2rem}.about_advantages .item .info p{font-size:1.8rem;line-height:1.55556;color:var(--text);margin-top:1.2rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 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}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}.about_advantages{padding:50px 0px}.about_advantages .head > em{margin-bottom:8px}.about_advantages .items{margin-top:30px}.about_advantages .items ul{gap:16px}.about_advantages .item{grid-template-columns:50px 1fr;gap:20px 14px;border-radius:10px;padding:20px}.about_advantages .item .icon{margin:0px;border-radius:10px}.about_advantages .item .info h3{font-size:20px;margin-top:0px}.about_advantages .item .info p{font-size:14px;line-height:1.5;margin-top:10px}}@media screen and (max-width:576px){.about_advantages .items ul{width:calc(100% + 40px);padding:0px 20px;margin:0px -20px;overflow-x:auto;display:flex}.about_advantages .items ul::-webkit-scrollbar{display:none}.about_advantages .items ul li{flex:1 0 250px}.about_advantages .items ul .item{grid-template-columns:1fr}.about_advantages .items ul .item .icon{padding:0px;width:50px;height:50px}}.img.img_hv:hover img{transform:scale(1.03)}.about_capability{padding:13.6rem 0px;background-color:rgb(241,245,249)}.about_capability .flex{margin-top:5.3rem}.about_capability .img{width:48.6111%;border-radius:2rem}.about_capability .items{flex:1 1 0%;max-width:64.8rem}.about_capability .items ul{display:grid;gap:5.2rem 10.4938%;grid-template-columns:repeat(2,1fr)}.about_capability .items .icon{display:flex;align-items:center;justify-content:center;width:7.4rem;height:7.4rem;border-radius:1.4rem;background-color:var(--primary)}.about_capability .items .icon img{display:block;width:50%;height:50%;object-fit:contain}.about_capability .items .text h3{font-weight:600;font-size:2.4rem;margin-top:3rem}.about_capability .items .text p{color:var(--text);font-size:1.7rem;line-height:2.6rem;margin-top:1.2rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}div.head h2{padding:0px}.about_capability{padding:50px 0px}.about_capability .flex{margin-top:30px}.about_capability .img{border-radius:10px}.about_capability .items ul{gap:30px 20px}.about_capability .items .icon{width:50px;height:50px;border-radius:10px}.about_capability .items .text h3{font-size:20px;margin-top:20px}.about_capability .items .text p{font-size:14px;line-height:1.5;margin-top:12px}}@media screen and (max-width:576px){.about_capability .flex{display:block}.about_capability .img{width:100%;margin-bottom:30px}}li.swiper-slide{height:auto}.about_process{background-color:var(--tertiary);padding:15.6rem 0px}.about_process .head > em{margin-bottom:1.2rem}.about_process .head p{hyphens:auto}.about_process p{max-width:71.6rem;margin-top:2.1rem}.about_process .about_process_swiper{overflow:hidden;margin-top:5.7rem;border-radius:1.6rem}.about_process .item{display:block;height:100%;border-radius:1.6rem;background-color:rgb(47,57,130);padding:15% 10% 12.9412%}.about_process .item .icon{width:8.3rem;height:8.3rem;border-radius:1.4rem;background-color:rgb(104,116,226);margin:0px auto}.about_process .item .icon img{transform:scale(0.5)}.about_process .item .info{text-align:center;margin-top:4rem;color:rgb(255,255,255)}.about_process .item .info h3{font-size:2.2rem;font-weight:500}.about_process .item .info p{line-height:1.5;opacity:0.75;margin-top:1.2rem;font-weight:300}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 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}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}.about_process{padding:50px 0px;overflow:hidden}.about_process .head > em{margin-bottom:8px}.about_process .about_process_swiper{overflow:unset;margin-top:30px}.about_process .item{border-radius:10px;padding:20px}.about_process .item .icon{width:60px;height:60px}.about_process .item .info{margin-top:20px}.about_process .item .info h3{font-size:20px}.about_process .item .info p{line-height:1.5;margin-top:10px}}.img.img_ab{position:relative}.img.img_ab img,.img.img_ab video,.img.img_ab iframe{position:absolute;left:0px;top:0px}.about_factory{padding:12.6rem 0px 18.3rem}.about_factory .head > em{margin-bottom:1.1rem}.about_factory p{max-width:71.6rem;margin-top:2.1rem}.about_factory .about_factory_swiper{overflow:hidden;margin-top:8.4rem}.about_factory .about_factory_swiper .swiper-wrapper{transition:linear}.about_factory .about_factory_swiper .img{border-radius:1.6rem;padding-bottom:138.545%}.about_factory .about_factory_swiper h3{font-weight:500;font-size:2rem;margin-top:2.3rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 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}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}.about_factory{padding:50px 0px;overflow:hidden}.about_factory .head > em{margin-bottom:8px}.about_factory .about_factory_swiper{overflow:unset;margin-top:30px}.about_factory .about_factory_swiper .img{border-radius:10px}}.about_support{margin-bottom:-23.2rem;padding:15.6rem 0px 39rem;background-color:rgb(241,245,249)}.about_support .about_support_swiper{overflow:hidden;border-radius:1.6rem;margin-top:7.4rem}.about_support .about_support_swiper .item{height:100%;display:block;border-radius:1.6rem;background-color:rgb(255,255,255);padding:14.7059% 10% 14.1176%}.about_support .about_support_swiper .icon{display:flex;align-items:center;justify-content:center;width:8.3rem;height:8.3rem;border-radius:1.4rem;background-color:var(--primary);margin:0px auto}.about_support .about_support_swiper .icon img{display:block;width:50%;height:50%;object-fit:contain}.about_support .about_support_swiper .text{text-align:center}.about_support .about_support_swiper .text h3{font-weight:600;font-size:2.2rem;margin-top:4rem}.about_support .about_support_swiper .text p{color:var(--text);line-height:1.5;margin-top:2.2rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}div.head h2{padding:0px}.about_support{overflow:hidden;padding:50px 0px 80px;margin-bottom:-30px}.about_support .about_support_swiper{margin-top:30px;overflow:visible}.about_support .about_support_swiper .item{padding:30px 20px;border-radius:10px}.about_support .about_support_swiper .icon{width:50px;height:50px;border-radius:10px}.about_support .about_support_swiper .text h3{font-size:20px;margin-top:20px}.about_support .about_support_swiper .text p{font-size:14px;line-height:1.5;margin-top:12px}}