.contact_main{padding:11.4rem 0 16rem}.contact_main .head p{color:var(--text);margin-top:4rem}.contact_main .process{max-width:100.8rem;margin:8.3rem auto 0}.contact_main .process ul{position:relative;display:flex}.contact_main .process ul::before{width:100%;height:.4rem;position:absolute;left:0;background-color:#f4f4f4;border-radius:10px;content:'';bottom:2.6rem;transform:translateY(50%)}.contact_main .process li{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:auto}.contact_main .process li:first-child::before{border-radius:10px 0 0 10px}.contact_main .process li:first-child.active::before{transition:width linear 1s}.contact_main .process li:first-child.active .order{transition:all 0.3s 1s}.contact_main .process li:first-child.active .order::before,.contact_main .process li:first-child.active .order::after{transition:all 0.3s 1s}.contact_main .process li:last-child::after{border-radius:0 10px 10px 0;transition:width linear 0.3s}.contact_main .process li:last-child.active_line::after{transition:width linear 1s 2s}.contact_main .process li.active_line::after{width:50%;transition:width linear 1s}.contact_main .process li.active::before{width:50%;transition:width 1s 1s}.contact_main .process li.active .order{transition:all 0.3s 2s}.contact_main .process li.active .order::before,.contact_main .process li.active .order::after{transition:all 0.3s 2s}.contact_main .process li.active .order::after{background-color:var(--secondary)}.contact_main .process li.active .order::before{transform:translate(-50%,-50%) scale(1.35);opacity:1}.contact_main .process li::before,.contact_main .process li::after{width:0;height:.4rem;position:absolute;left:0;background-color:var(--secondary);content:'';bottom:2.6rem;transform:translateY(50%);transition:width linear 1s}.contact_main .process li::after{left:50.1%;border-radius:0 10px 10px 0;transition:width linear 1s 1s}.contact_main .process .order{position:relative;z-index:2;line-height:5.3rem;min-width:5.3rem;margin-top:2.3rem;padding:0 1rem;transition:all 0.3s}.contact_main .process .order::after,.contact_main .process .order::before{width:100%;padding-bottom:100%;position:absolute;left:50%;top:50%;background-color:#f4f4f4;transform:translate(-50%,-50%);content:'';border-radius:50%;z-index:-1;transition:all 0.3s}.contact_main .process .order::before{border:1px solid var(--secondary);background-color:#fff;opacity:0}.contact_main .process .label{font-size:2rem}.contact_main .main{max-width:112rem;margin:6.2rem auto 0}.contact_main .title{font-size:3.4rem}.contact_main .rest{font-size:2rem;color:#5e5e5e;transition:all 0.3s;background-color:transparent;margin-top:1.6rem}.contact_main .rest:hover{color:var(--secondary)}.contact_main form{display:grid}.contact_main form .con{display:flex;justify-content:space-between;flex-wrap:wrap;border-radius:2.5rem;background-color:#F7F5F2;padding:3.75% 4.821429% 5.535714%;margin-top:5.4rem;gap:2.4rem 0}.contact_main form .flex{width:100%}.contact_main form span{width:100%}body .wpcf7 form .wpcf7-response-output{padding:0;margin:0;border:none}.contact_main form span span{width:auto}.contact_main form span.wpcf7-list-item,.wpcf7-form-control-wrap{margin:0!important}.contact_main form span.wpcf7-list-item{margin-right:1rem!important}.contact_main form .btn span.wpcf7-spinner{margin:0!important;width:24px!important;position:absolute;min-width:unset;padding:0;left:2rem;top:2rem}.contact_main form .col-2{width:48.814229%}.contact_main form .label{font-size:1.8rem;display:block;max-width:max-content;color:#5e5e5e;margin-bottom:1.5rem;letter-spacing:.02px;cursor:pointer}.contact_main form .label i{color:var(--secondary)}.contact_main form input,.contact_main form textarea,.contact_main form select{display:block;width:100%;font-weight:500;font-size:2rem;color:#000;background-color:#fff;border-radius:.6rem;border:none;height:6.8rem;padding:0 2.6rem;letter-spacing:.01px}.contact_main form textarea{padding:2rem 2.6rem;height:21.2rem}.contact_main form select{background:url(../../../../../../../../themes/sytech/assets/img/icon-select-s.svg) no-repeat center right 3.7rem/1.3rem #fff;padding-right:6rem}.contact_main form span:has(input[type=checkbox]){margin-top:4rem}.contact_main form input[type=checkbox]{width:2.6rem;height:2.6rem;padding:0;border-radius:.4rem;vertical-align:top;display:inline-flex;align-items:center;justify-content:center;border:1px solid #D6D6D6}.contact_main form input[type=checkbox]::after{content:'';display:block;width:80%;height:80%;background:url(../../../../../../../../themes/sytech/assets/img/icon-gou-s.svg) no-repeat center / contain;transition:all 0.3s;opacity:0}.contact_main form input[type=checkbox]:checked::after{opacity:1}.contact_main form input[type=checkbox]~span{vertical-align:top;cursor:pointer;color:#595959;display:inline-block;font-size:1.8rem;line-height:2.9rem;width:calc(100% - 3.2rem);padding-left:1.6rem;margin-top:-2px}.contact_main form input[type=checkbox]~span a{color:var(--secondary);text-decoration:underline;transition:all 0.3s}.contact_main form input[type=checkbox]~span a:hover{color:var(--primary)}.contact_main form span:has(.btn){text-align:center;margin-top:6.8rem}.contact_main form .btn span{width:auto}.contact_main form .btn input{display:none}.contact_infos{position:relative;z-index:2;max-width:192rem;margin:0 auto;padding:18.6rem 0 14.8rem;background-image:linear-gradient(to top,#F7F5F2 50%,transparent 50%)}.contact_infos .bg{position:absolute;left:0;top:0;right:0;z-index:-1;overflow:hidden}.contact_infos .bg img{width:113.958333%;margin:0 -6.979166%}.contact_infos .items{margin-top:9.6rem}.contact_infos .syeditorlist{gap:3rem;display:flex;align-items:flex-start;justify-content:space-between}.contact_infos .arrow1{width:11.458333%;margin-top:4.305556%}.contact_infos .arrow2{width:10.416667%;margin-top:3.888889%}.contact_infos .item{max-width:29.6rem}.contact_infos .item .img{display:flex;align-items:center;justify-content:center}.contact_infos .item .syedittext{text-align:center}.contact_infos .item .syedittext h3{font-weight:500;font-size:3rem;margin-top:5.2rem}.contact_infos .item .syedittext p{color:var(--text);margin-top:1.8rem}.contact_infos .item .syedittext a{transition:all 0.3s}.contact_infos .item .syedittext a:hover{color:var(--secondary)}.footer_gallery .mask{filter:none}@media screen and (max-width:768px){.contact_main{padding:50px 0}.contact_main .head p{margin-top:12px}.contact_main .process{max-width:unset;margin-top:30px}.contact_main .process ul::before{bottom:20px}.contact_main .process li::before,.contact_main .process li::after{bottom:20px}.contact_main .process li:first-child,.contact_main .process li:last-child{flex:1}.contact_main .process .order{font-size:14px;line-height:40px;min-width:40px;padding:0 5px;margin-top:10px}.contact_main .process .label{font-size:14px}.contact_main .main{margin-top:0}.contact_main form .con{gap:16px 0;padding:20px;border-radius:10px;margin-top:30px}.contact_main form .flex{gap:16px;margin-bottom:0;margin-top:0}.contact_main form .title{font-size:18px;letter-spacing:unset}.contact_main form .label{font-size:14px;margin-bottom:10px;letter-spacing:unset}.contact_main form input,.contact_main form textarea,.contact_main form select{font-size:14px;height:46px;padding:0 20px}.contact_main form select{background-size:12px;background-position:right 20px center;padding-right:40px}.contact_main form textarea{padding:20px;height:120px}.contact_main form span:has(input[type=checkbox]){margin-top:20px}.contact_main form input[type=checkbox]{width:20px;height:20px}.contact_main form input[type=checkbox]~span{width:calc(100% - 24px);padding-left:12px;font-size:14px;line-height:1.5;margin-top:0;letter-spacing:unset}.contact_main form span:has(.btn){margin-top:30px}.contact_main form .btn{padding-right:20px}.contact_main form .btn i{width:40px;height:40px}.contact_main form .rest{font-size:14px;margin-top:0}.contact_infos{padding:50px 0}.contact_infos .bg img{width:120%;margin:0 -10%}.contact_infos .items{margin-top:30px}.contact_infos .syeditorlist{gap:20px}.contact_infos .item{flex:2}.contact_infos .item .img{height:120px}.contact_infos .item .syedittext h3{font-size:18px;margin-top:20px}.contact_infos .item .syedittext p{margin-top:12px}.contact_infos .img{flex:1}}@media screen and (max-width:576px){.contact_main form .col-2{width:100%}.contact_infos{background-color:#F7F5F2}.contact_infos .bg{display:none}.contact_infos .items{margin-top:0}.contact_infos .syeditorlist{display:block}.contact_infos .syeditorlist>.img{display:none}.contact_infos .item{max-width:unset;margin-top:30px}}