*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#73bc38;--secondary:#8cca03;--title:#232323;--text:#60686d}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:144rem;margin:0px auto;position:relative}li{list-style:none}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)}.gap{gap:3rem}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.img_bg{position:relative;z-index:2}.img_bg > img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2}.tcon .line{width:8rem;height:0.6rem;margin-top:4.8rem;background:url("../../../plugins/sytech-fronteditor/sytpl/contact-us1-contact_banner-img_bg/assets/img/head-line.svg") center center / contain no-repeat}@supports (-webkit-background-clip:text) or (background-clip:text){.tcon h1 em.gradient,.tcon h2 em.gradient{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#73bc38 0%,#b8eaa2 100%)}}.tcon p{font-size:1.8rem;line-height:3.2rem}.contact_banner{max-width:256rem;margin:0px auto;overflow:hidden;background-color:#e6f6f1}.contact_banner .flex{position:relative;height:100vh;max-height:91.9rem;min-height:max-content;padding:14.3rem 0px 4rem}.contact_banner .head{position:relative;z-index:2;width:100%;max-width:60rem;padding:1rem 0 4rem}.contact_banner .head h1{color:#232323;font-weight:800;font-size:5.8rem;letter-spacing:0.01em;line-height:1.2;text-transform:uppercase}.contact_banner .head h1 em{font-style:normal;color:var(--primary);margin-right:0.12em}.contact_banner .head .line{margin-top:3.2rem}.contact_banner .head p{max-width:44rem;margin-top:4.4rem;font-weight:500;color:var(--text)}.contact_banner .breadcrumbs{color:#232323;font-weight:600;font-size:1.4rem;margin-bottom:1.6rem}.contact_banner .breadcrumbs span::after{content:"";display:inline-block;width:0.7143em;height:0.7143em;opacity:0.6;margin:0px 1.2rem 0px 1.4rem;transform:rotate(180deg);background:url("../../../plugins/sytech-fronteditor/sytpl/contact-us1-contact_banner-img_bg/assets/img/arrow-l-b.svg") center center / contain no-repeat}.contact_banner .breadcrumbs span:last-child::after{display:none}.contact_banner .breadcrumbs a{color:rgba(35,35,35,0.5);font-weight:normal;transition:0.3s}.contact_banner .breadcrumbs a:hover{color:var(--primary)}.contact_banner .image{position:absolute;z-index:1;left:66.8rem;top:-1rem;width:91.8rem;aspect-ratio:4581 / 3763;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%),linear-gradient(to bottom,transparent 0,#000 16%,#000 76%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 22%),linear-gradient(to bottom,transparent 0,#000 16%,#000 76%,transparent 100%);mask-composite:intersect}.contact_banner .image img{object-fit:cover}@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}.contact_banner .head h1{font-size:5.4rem}.contact_banner .image{left:45%;top:auto;bottom:8%;width:70%}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.contact_banner .head 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}.tcon h1{font-size:25px;line-height:1.3}.tcon .line{width:50px;height:5px;margin-top:16px}.contact_banner{padding-top:84px}.contact_banner .breadcrumbs{font-size:13px;margin-bottom:10px}.contact_banner .breadcrumbs span::after{margin:0px 6px}.contact_banner .flex{height:unset;padding:40px 0px 0;gap:10px;flex-direction:column;align-items:stretch}.contact_banner .head{flex:none;max-width:none;padding:0px}.contact_banner .head h1{font-size:30px;line-height:1.2}.contact_banner .head .line{margin-top:16px}.tcon p{font-size:14px;line-height:1.5}.contact_banner .head p{margin-top:16px;max-width:none}.contact_banner .image{position:relative;left:auto;top:auto;width:calc(100% + 40px);margin:0 -20px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 75%,transparent 100%)}}