*{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}.flex{display:flex}.flex_middle{align-items:center}body{font-size:1.6rem;color:var(--title);animation:0.4s ease-in 0s 1 normal forwards running fadeIn}.img.img_ct img{object-fit:contain}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.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)}.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}.contact_banner{overflow:hidden;position:relative;background-color:var(--bg2)}.contact_banner .bg_mask{top:unset;bottom:0px;transform:translateX(-55%)}.contact_banner .flex{padding-top:123px;min-height:62.5rem}.contact_banner .tcon{padding:4rem 0px;max-width:73rem;margin-bottom:4.86111%}.contact_banner .tcon p{margin-top:2.5rem}@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}.tcon h1{font-size:38px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.contact_banner .flex{min-height:30vh;padding-top:100px}.contact_banner .tcon{margin:0px;padding:50px 0px}.contact_banner .tcon p{margin-top:12px}}@media screen and (max-width:576px){.bg_mask.img.img_ct{top:0px;transform:translateX(-50%);height:100%}.bg_mask.img.img_ct img{width:100%;height:100%;object-fit:cover}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}li{list-style:none}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}input,button,textarea{border-width:medium;border-style:none;border-color:currentcolor;border-image:none;outline:none;font-family:unset;color:var(--title);background-color:transparent}textarea{resize:none}button,input[type="submit"]{cursor:pointer}input[type="checkbox"]{cursor:pointer;appearance:none}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_top{align-items:flex-start}.gap{gap:3rem}.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}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.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/contact-us2-contact_main/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/contact-us2-contact_main/assets/img/arrow-r-sec.svg")}.btn.sec:hover{background-color:transparent;color:var(--secondary)}.contact_main{padding:9.6rem 0px 13.6rem}.contact_main h2{font-weight:700;font-size:2.8rem}.contact_main .lt{width:43.75%}.contact_main .direct{padding:9.52381% 6.03175% 1.3rem;border-radius:1.6rem;border:1px solid rgb(226,232,240);background-color:rgb(249,250,252)}.contact_main .direct li{padding:2.3rem 0px 3rem 7.8rem;position:relative;border-bottom:1px solid rgb(226,232,240)}.contact_main .direct li:last-child{border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor}.contact_main .direct .icon{position:absolute;left:0px;top:2.3rem;width:5.6rem;height:5.6rem;display:flex;align-items:center;justify-content:center;border-radius:1.2rem;background-color:var(--bg2)}.contact_main .direct .icon img{display:block;width:40%;height:40%;object-fit:contain}.contact_main .direct .label{color:rgb(100,116,139);font-weight:500;font-size:1.5rem;margin-bottom:1rem}.contact_main .direct a,.contact_main .direct p{font-weight:600;font-size:2rem}.contact_main .direct .copy{max-width:max-content}.contact_main .direct a,.contact_main .direct .copy{cursor:pointer;vertical-align:top;transition:0.3s}.contact_main .direct a:hover,.contact_main .direct .copy:hover{color:var(--secondary)}.contact_main .direct .tip{color:rgb(100,116,139);font-size:1.4rem;margin-top:1.2rem}.contact_main .qrcode{padding:9.52381% 6.03175% 9.20635%;margin-top:3.6rem;border-radius:1.6rem;border:1px solid rgb(226,232,240);background-color:rgb(249,250,252)}.contact_main .qrcode ul{gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:3.1rem}.contact_main .qrcode li{border-radius:1.2rem;background-color:rgb(255,255,255);text-align:center;padding:19.1729% 3rem 12.782%}.contact_main .qrcode .img{max-width:11.8rem;margin:0px auto;--h:100%}.contact_main .qrcode .platform{font-weight:600;margin-top:2.3rem}.contact_main .qrcode .tip{color:var(--text);margin-top:0.5rem}.contact_main .rt{flex:1 1 0%;max-width:73.8rem}.contact_main form{border-radius:2rem;border:1px solid rgb(249,249,249);background-color:rgb(255,255,255);padding:8.15217% 7.45258% 8.26558%}.contact_main form .head h2{font-weight:700;font-size:2.8rem}.contact_main form .head p{color:rgb(100,116,139);margin-top:1.8rem}.contact_main form .wrap{gap:2.2rem 0px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4.2rem}.contact_main form span{width:100%}.contact_main form .col2{width:48.2428%}.contact_main form label:not(.btn){height:100%;display:flex;flex-direction:column}.contact_main form .label{flex:1 1 0%;color:var(--text);font-weight:600;cursor:pointer;max-width:max-content;margin-bottom:1.2rem}.contact_main form input,.contact_main form select,.contact_main form textarea{width:100%;height:5.4rem;display:block;border-radius:1.8rem;border:1px solid rgb(226,232,240);outline:transparent solid 1px;transition:0.3s;color:var(--title);font-size:1.6rem;font-weight:500;padding:0px 2rem}.contact_main form input:focus,.contact_main form select:focus,.contact_main form textarea:focus{border-color:var(--secondary);outline-color:var(--secondary)}.contact_main form select{padding-right:4rem;background:url(https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/contact-us2-contact_main/assets/img/icon-select.svg) no-repeat right+1.5rem center/1rem}.contact_main form textarea{height:16.2rem;padding:1.5rem 2rem}.contact_main form .wpcf7-checkbox{gap:1.2rem 0px;display:flex;flex-wrap:wrap;justify-content:space-between}.contact_main form .wpcf7-checkbox .wpcf7-list-item{width:48.2428%}.contact_main form .wpcf7-checkbox label{cursor:pointer;gap:1.6rem;display:grid;align-items:center;grid-template-columns:auto 1fr;border-radius:1.8rem;border:1px solid rgb(226,232,240);outline:transparent solid 1px;padding:1.5rem 2rem;transition:0.3s}.contact_main form .wpcf7-checkbox label:has(input:checked){border-color:var(--secondary);outline-color:var(--secondary)}.contact_main form .wpcf7-checkbox label:has(input:checked) span{color:var(--title);font-weight:600}.contact_main form .wpcf7-checkbox input{width:2.2rem;height:2.2rem;padding:0px;border-radius:0.8rem;display:flex;align-items:center;justify-content:center}.contact_main form .wpcf7-checkbox input::after{content:"";display:block;width:80%;height:80%;background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/contact-us2-contact_main/assets/img/icon-check-w.svg") center center / contain no-repeat}.contact_main form .wpcf7-checkbox input:focus{border-color:rgb(226,232,240);outline-color:transparent}.contact_main form .wpcf7-checkbox input:checked{border-color:var(--secondary);background-color:var(--secondary)}.contact_main form .wpcf7-checkbox span{color:var(--text);transition:0.3s}.contact_main form span:has(.btn){margin-top:0.7rem}.contact_main form .btn{position:relative;min-width:21.8rem;justify-content:space-between}.contact_main form .btn input{display:none}@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}}@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}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}.contact_main{padding:50px 0px}.contact_main .flex{flex-direction:column-reverse}.contact_main h2{font-size:30px}.contact_main .lt{width:100%}.contact_main .direct{padding:30px 20px 10px}.contact_main .direct ul{margin-top:10px}.contact_main .direct li{padding:20px 0px 20px 55px}.contact_main .direct .icon{width:40px;height:40px;border-radius:8px;top:20px}.contact_main .direct .label{font-size:14px}.contact_main .direct a,.contact_main .direct p{font-size:18px}.contact_main .qrcode{padding:30px 20px}.contact_main .qrcode ul{gap:12px;margin-top:30px}.contact_main .qrcode li{padding:20px}.contact_main form{padding:30px 20px}.contact_main form .head h2{font-size:30px}.contact_main form .head p{margin-top:12px}.contact_main form .wrap{margin-top:30px}.contact_main form input,.contact_main form select,.contact_main form textarea{height:46px;font-size:15px;border-radius:10px}.contact_main form textarea{height:120px}.contact_main form .wpcf7-checkbox label{gap:10px;padding:10px;border-radius:10px}.contact_main form .wpcf7-checkbox input{width:20px;height:20px;border-radius:6px}.contact_main form .btn{min-width:unset}}@media screen and (max-width:576px){.contact_main form .col2{width:100%}.contact_main form .wpcf7-checkbox .wpcf7-list-item{width:100%}}i,em{font-style:normal}.center{text-align:center}.center p,.center .desc,.center .h1,.center .h2{margin-left:auto;margin-right:auto}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe{object-fit:cover}.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}.contact_location{margin:0px auto -2.4rem;max-width:179.2rem;width:calc(100% - 6rem);background-color:var(--bg2);border-radius:4rem;overflow:hidden;padding:9.6rem 0px}.contact_location .content{z-index:2}.contact_location .line{width:68.6111%;position:absolute;left:-12%;top:50%;z-index:-1;transform:translateY(-47%)}.contact_location .tcon p{margin-top:1.8rem}.contact_location .flex{margin-top:4rem}.contact_location .map{--h:59.2723%;width:62.2222%;border-radius:2rem;border:2.2rem solid rgb(47,57,130);background-color:rgb(47,57,130)}.contact_location .map iframe,.contact_location .map img,.contact_location .map video{border-radius:1.6rem}.contact_location .items{flex:1 1 0%;max-width:48.7rem}.contact_location .items li{gap:2rem;display:grid;align-items:center;grid-template-columns:auto 1fr;padding:2.3rem 0px;border-bottom:1px solid rgb(48,48,97)}.contact_location .items .active .icon{background-color:var(--secondary)}.contact_location .items .icon{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:1.2rem;transition:0.3s;background-color:rgb(47,57,130)}.contact_location .items .icon img{display:block;width:50%;height:50%;object-fit:contain}.contact_location .items strong{display:block;color:rgb(100,116,139);font-weight:500;font-size:1.541rem}.contact_location .items p{color:rgb(255,255,255);font-size:2rem;font-weight:600;margin-top:1.2rem}@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}.contact_location{width:100%;margin:0px;padding:50px 0px;border-radius:16px}.contact_location .tcon p{margin-top:12px}.contact_location .flex{margin-top:30px}.contact_location .map{border-radius:10px;border-width:6px}.contact_location .map iframe,.contact_location .map img,.contact_location .map video{border-radius:8px}.contact_location .items li{gap:15px;padding:15px 0px}.contact_location .items .icon{width:50px;height:50px;border-radius:10px}.contact_location .items strong{font-size:14px}.contact_location .items p{font-size:16px}}@media screen and (max-width:576px){.contact_location .line{left:50%;top:50%;transform:translate(-50%,-100%)}.contact_location .flex{display:block}.contact_location .map{width:100%;margin-bottom:30px}}