body{background-color:var(--bg)}.contact_banner{background:url(../../../../../../../../themes/sytech/assets/img/contact-banner.jpg) no-repeat center / cover}.contact_banner .flex{min-height:64rem;padding:4rem 0}.contact_banner .head{flex:1;max-width:49rem;color:#fff;padding-bottom:3.4%}.contact_banner p{font-size:2rem;line-height:3.5rem;color:rgba(255,255,255,.8);font-weight:700;margin-top:1.2rem;font-weight:500}.contact_banner .img{width:55.37313%}.contact_banner .img:hover img{transform:scale(1.02)}.toplevel_page_sytech_fronteditor .contact_main{margin:0}.page_contact{position:relative;z-index:2;margin-top:-11.75rem;padding:5.85rem 0;background-color:transparent}.page_group{padding-top:5.85rem}.contact_service{padding:13.9rem 0 17rem}.contact_service .main{display:grid;grid-template-columns:repeat(2,49.25373%);gap:1rem 0;justify-content:space-between;margin-top:5.2rem}.contact_service .box{background-color:#fff;padding:3.2rem 6.636363% 4.5rem}.contact_service .box h3{font-size:3rem;font-weight:700;text-transform:uppercase}.contact_service .social{gap:2rem 9.3%;display:flex;flex-wrap:wrap}.contact_service .social a{opacity:1;display:block;width:2.8rem;height:2.8rem;overflow:hidden;text-indent:-999px;position:relative;transition:all 0.3s}.contact_service .social a::after{content:'';display:block;position:absolute;inset:0;background:no-repeat center / contain}.contact_service .social a:hover{transform:scale(1.1)}.contact_service .social .facebook a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/facebook.svg)}.contact_service .social .youtube a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/youtube.svg)}.contact_service .social .instagram a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/instagram.svg)}.contact_service .social .linkedin a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/linkedin.svg)}.contact_service .contact_service_swiper{margin-top:4rem;overflow:hidden;flex:1}.contact_service .contact_service_swiper .swiper-slide{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2.1rem}.contact_service .contact_service_swiper .img{width:12.3rem;height:12.3rem;margin-bottom:.3rem}.contact_service .contact_service_swiper .info{flex:1}.contact_service .contact_service_swiper .info h4{font-size:2.4rem;font-weight:700;text-transform:uppercase}.contact_service .contact_service_swiper .info p{color:var(--primary);margin-top:1.1rem}.contact_service .contact_service_swiper .social{gap:2.5rem}.contact_service .contact_service_swiper .social a{width:2rem;height:2rem}.contact_service .nav{border-top:1px solid rgba(22,22,22,.14);padding-top:4.6rem;margin-top:2.6rem}.contact_service .nav .nav_list{display:flex;flex-wrap:wrap;gap:1rem}.contact_service .nav .nav_item{display:block;cursor:pointer;transition:all 0.3s;font-size:2rem;font-weight:600;text-transform:uppercase;opacity:.64;padding:.5rem 1.2rem;min-width:8.8rem;text-align:center}.contact_service .nav .nav_item.active,.contact_service .nav .nav_item:hover{opacity:1;color:#fff;background-color:var(--primary)}.contact_service .right,.contact_service .left{display:flex;flex-direction:column}.contact_service .contact_service_desc_swiper{margin-top:2.7rem;overflow:hidden;flex:1}.contact_service .contact_service_desc_swiper .swiper-slide{display:flex;flex-direction:column;gap:2.5rem}.contact_service .contact_service_desc_swiper .desc{font-size:1.8rem;line-height:2.8rem;color:#595959}.contact_service .contact_service_desc_swiper .btns{display:flex;flex-wrap:wrap;gap:1.6rem;max-width:47.6rem;margin-top:auto}.contact_service .contact_service_desc_swiper .btns .btn_b{flex:1 0 21rem}@media screen and (max-width:768px){.contact_banner .flex{min-height:unset;padding:3rem 0 4rem;flex-direction:column-reverse}.contact_banner .head{max-width:unset;padding:0;width:100%}.contact_banner .img{width:100%;max-width:444px;margin:0 auto}.page_contact{padding:4rem 0 3rem;margin:0}.page_group{padding-top:3rem}.contact_service{padding:3rem 0 4rem}.contact_service .main{flex-direction:column;margin-top:2rem}.contact_service .box{padding:1.2rem 20px}.contact_service .box h3{font-size:18px}.contact_service .social{gap:1rem}.contact_service .social a{width:22px;height:22px}.contact_service .contact_service_swiper{margin-top:20px}.contact_service .contact_service_swiper .swiper-slide{gap:2rem 1rem}.contact_service .contact_service_swiper .img{width:100px;height:100px;margin:0}.contact_service .contact_service_swiper .info h4{font-size:1rem}.contact_service .contact_service_swiper .info p{margin-top:10px;font-size:.9rem}.contact_service .contact_service_swiper .social{gap:1rem;width:100%;justify-content:space-between}.contact_service .contact_service_swiper .social a{width:22px;height:22px}.contact_service .nav{padding-top:1rem;margin-top:1rem}.contact_service .nav .nav_list{flex-wrap:nowrap;overflow-x:auto}.contact_service .nav .nav_list::-webkit-scrollbar{display:none}.contact_service .nav .nav_list .nav_item{font-size:1rem;padding:5px 20px;min-width:unset;white-space:nowrap}.contact_service .contact_service_desc_swiper{margin-top:20px}.contact_service .contact_service_desc_swiper .swiper-slide{gap:20px}.contact_service .contact_service_desc_swiper .desc{font-size:.9rem;line-height:1.5}.contact_service .contact_service_desc_swiper .btns{gap:10px;max-width:unset}.contact_service .contact_service_desc_swiper .btns .btn_b{flex:1 0 160px}}@media screen and (max-width:576px){.contact_service .main{display:flex}}