.contact_main{background-color:#f8f8f8;padding:12rem 0 19.3rem;overflow:hidden}.contact_main .flex{position:relative;z-index:2;margin:0 auto;gap:2rem 1.8125%}.contact_main .left{flex:1;position:relative;padding-top:6.9rem}.contact_main .left .head{max-width:calc(100% - 9.7rem)}.contact_main .left .head h1{font-size:9.3rem;line-height:normal;text-transform:uppercase}.contact_main .left .msg_icon{position:absolute;right:0;top:0;width:9.7rem;height:9.7rem;display:block;content:'';background:url(../../../../../../../../themes/sytech/assets/img/icon-msg.svg) no-repeat center / contain var(--secondary)}.contact_main .left .msg_icon::after{content:'';display:block;width:1.8rem;height:1.8rem;background-color:var(--secondary);clip-path:polygon(100% 0,0 0,100% 100%);position:absolute;right:0;top:calc(100% - 1px)}.contact_main p{font-size:2.2rem;line-height:3.8rem;color:rgba(30,18,13,.75);margin-top:1rem;max-width:57.5rem}.contact_main .contact{border-top:1px solid #ddd;padding-top:5.1rem;margin-top:5.1rem;max-width:57.5rem}.contact_main .contact li{display:grid;align-items:start;grid-template-columns:7.5rem 1fr;gap:1.5rem 3rem}.contact_main .contact li.active::before{background-color:var(--secondary)}.contact_main .contact li::before{width:100%;padding-bottom:100%;background:no-repeat center / contain var(--primary);display:block;content:'';transition:all 0.3s;grid-area:span 2}.contact_main .contact li .label{font-size:1.7rem;color:#3d3d3d;text-transform:uppercase;margin-top:.6rem}.contact_main .contact li a,.contact_main .contact li span{font-size:2.6rem;line-height:4rem;color:#1e120d;font-weight:500;max-width:max-content}.contact_main .contact li a{text-decoration:underline transparent;transition:all 0.3s}.contact_main .contact li a:hover{color:var(--primary);text-decoration-color:var(--primary)}.contact_main .contact li+li{margin-top:2.8rem}.contact_main .contact .whatsapp::before{background-image:url(../../../../../../../../themes/sytech/assets/img/icon-whatsapp2.svg)}.contact_main .contact .email::before{background-image:url(../../../../../../../../themes/sytech/assets/img/icon-email2.svg)}.contact_main .contact .address::before{background-image:url(../../../../../../../../themes/sytech/assets/img/icon-locate2.svg)}.contact_main .right{width:40.75%;background-color:var(--primary);box-shadow:10px 10px 10px rgba(226,226,226,.55);padding:5.5rem 3.1534% 6.6rem 3.251534%;margin-right:2.5625%}.contact_main form{display:grid;gap:2.3rem}.contact_main form span{width:100%}.contact_main form input,.contact_main form textarea,.contact_main form select{display:block;width:100%;font-size:1.6rem;background-color:#fff;color:#1e120d;padding:2rem 2rem 1.9rem;font-weight:500}.contact_main form input::placeholder,.contact_main form textarea::placeholder,.contact_main form select::placeholder{color:#1e120d}.contact_main form select{background:url(../../../../../../../../themes/sytech/assets/img/icon-select.svg) no-repeat center right 1.9rem/1.4rem #fff;padding-right:5rem}.contact_main form textarea{height:24.6rem}.contact_main form span:has(input[type=checkbox]){margin-top:.5rem}.contact_main form input[type=checkbox]{width:2.4rem;height:2.4rem;padding:0;vertical-align:top;display:inline-flex;align-items:center;justify-content:center;background-color:#fff}.contact_main form input[type=checkbox]::after{content:'';display:block;width:80%;height:80%;background:url(../../../../../../../../themes/sytech/assets/img/gou.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;font-size:1.8rem;line-height:2.8rem;padding-left:1.4rem;display:inline-block;color:#fff;width:calc(100% - 2.8rem);margin-top:-1px;font-weight:300}.contact_main form input[type=checkbox]~span a{color:var(--secondary);text-decoration:underline;transition:all 0.3s;font-weight:400}.contact_main form input[type=checkbox]~span a:hover{text-decoration-color:transparent}.contact_main form span:has(.btn_i){margin-top:3.1rem}.contact_main form .btn_i{width:100%;background-color:#0c2e60;justify-content:space-between;color:#Fff;font-size:2.2rem;gap:1.3rem;font-weight:700;padding:1.4rem 2rem 1.5rem}.contact_main form .btn_i::after{width:4.3rem;height:4.3rem;background-color:var(--secondary);transform:rotate(45deg)}.contact_main form .btn_i:hover{background-color:var(--secondary)}.contact_main form .btn_i:hover::after{background-color:var(--primary)}.contact_main form .btn_i input{display:none}.contact_main .mask_img{position:absolute;width:96.6875%;right:-10%;bottom:-19.5%;z-index:-1}.contact_main .mask_img img{display:block;width:100%;height:auto;object-fit:contain}@media screen and (min-width:768px) and (max-width:1220px){.contact_main .right{margin-right:0}}@media screen and (min-width:768px) and (max-width:1024px){.contact_main .left .head h1{font-size:7rem}}@media screen and (max-width:768px){.contact_main{padding:3rem 0 5rem}.contact_main .flex{display:block}.contact_main .left{width:100%;max-width:unset;padding:0}.contact_main .left .msg_icon{width:3rem;height:3rem}.contact_main .left .msg_icon::after{width:12px;height:12px}.contact_main .left .head{max-width:calc(100% - 3rem)}.contact_main .left .head h1{font-size:25px;line-height:1.5}.contact_main .contact{margin-top:1.2rem;padding-top:1.5rem;max-width:unset}.contact_main .contact li{margin-bottom:1rem;gap:5px 1rem;grid-template-columns:40px 1fr}.contact_main .contact li .label{font-size:14px;margin-top:0}.contact_main .contact li a,.contact_main .contact li span{font-size:16px;line-height:1.5}.contact_main .contact li+li{margin-top:20px}.contact_main .right{width:100%;padding:2rem 20px;margin-top:2rem}.contact_main form{gap:1rem}.contact_main form .col-2{width:100%}.contact_main form input,.contact_main form textarea,.contact_main form select{font-size:14px;padding:14px 20px}.contact_main form select{background-size:12px;background-position:right 20px center;padding-right:3rem}.contact_main form textarea{height:120px}.contact_main form span:has(input[type=checkbox]){margin-top:0}.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:.9rem;line-height:1.5;margin-top:0}.contact_main form span:has(.btn_i){margin-top:1rem}.contact_main form .btn_i{gap:10px;font-size:14px;padding:10px 20px}.contact_main form .btn_i::after{width:40px;height:40px}}