.contactbanner{background:url(../../../../../../../../themes/sytech/assets/img/contactbg-100.jpg) no-repeat bottom / cover;padding:200px 0}.contactbanner .flex{min-height:539px}.contactbanner .head{max-width:635px;padding-bottom:68px}.contactbanner .head h1{font-size:56px;font-weight:700;line-height:71px;color:#242424;margin-top:22px}.contactbanner .head span{font-size:17px;font-weight:500;color:#2f81ff}.contactbanner p{font-size:18px;font-weight:500;color:#666;line-height:26px;max-width:511px;margin-top:26px;flex:1}.contactmain{margin-top:-48px;padding-bottom:228px}.contactmain .flex{column-gap:12.2%}.contactmain .leftoptions{min-width:15.128%}.contactmain .leftoptions ul{display:flex;flex-direction:column;row-gap:37px}.contactmain .leftoptions li{font-size:22px;font-weight:600;color:rgba(37,41,45,.5);cursor:pointer;transition:all 0.3s}.contactmain .leftoptions li.active,.contactmain .leftoptions li:hover{color:#25292d}.contactmain .right{flex:1}.contactmain .right>div{display:none}.contactmain .right>div.active{display:block}.contactmain .right .information ul{display:flex;gap:1rem 20px;flex-wrap:wrap}.contactmain .right .information2{margin-top:2rem}.contactmain .right .information2 ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 20px}.contactmain .right .information ul li{flex:1;display:flex;align-items:center;flex-direction:column;padding:54px 20px 44px;box-shadow:0 0 10px rgba(144,147,149,.25);border-radius:6px;transition:all 0.3s;min-width:270px;background-color:#fff}.contactmain .right .information ul li:hover,.contactmain .right .information ul li.active{background-color:#1c232f}.contactmain .right .information ul li:hover .img,.contactmain .right .information ul li.active .img{background-color:#fff}.contactmain .right .information ul li:hover .img img,.contactmain .right .information ul li.active .img img{filter:contrast(1) brightness(1)}.contactmain .right .information ul li:hover strong,.contactmain .right .information ul li.active strong{color:#fff}.contactmain .right .information ul li:hover a,.contactmain .right .information ul li.active a,.contactmain .right .information ul li:hover p,.contactmain .right .information ul li.active p{color:#c5c5c5}.contactmain .right .information ul li .img{width:76px;height:76px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#2f81ff;margin-bottom:32px;transition:all 0.3s}.contactmain .right .information ul li .img img{width:29px;height:29px;display:block;object-fit:contain;filter:contrast(0) brightness(2);transition:all 0.3s}.contactmain .right .information ul li strong{font-size:22px;font-weight:600;color:#282828;display:block;margin-bottom:21px;transition:all 0.3s;text-align:center}.contactmain .right .information ul li a{display:block;font-size:17px;font-weight:400;color:#727272;transition:all 0.3s}.contactmain .right .information ul li a:hover{color:#fff}.contactmain .right .information ul li p{font-size:17px;font-weight:400;line-height:26px;color:#727272;text-align:center}.contactmain .right .information ul li p.view_list{color:var(--theme_color);text-decoration:underline;cursor:pointer}.contactmain .right .form{margin-top:87px}.contactmain .right .form .head{margin-bottom:54px}.contactmain .right .form .head h2{font-size:42px;font-weight:700;color:#242424}.contactmain .right .form form{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px 0}.contactmain .right .form form .col3{width:32.03%}.contactmain .right .form form span{width:100%}.contactmain .right .form form input,.contactmain .right .form form textarea{border:1px solid #c4c4c4;border-radius:4px;width:100%;color:var(--title_color);font-size:18px;padding:21px 20px}.contactmain .right .form form input::placeholder,.contactmain .right .form form textarea::placeholder{color:#585b5e}.contactmain .right .form form textarea{height:335px}.contactmain .right .form form input[type="submit"]{margin-top:18px;border:none;color:#fff;background-color:#2f81ff;display:inline-block;vertical-align:top;border:1px solid #c8c8c8;border-radius:10px;font-size:18px;font-weight:600;text-align:center;cursor:pointer;transition:all 0.3s;line-height:2;padding:9px 22px;width:196px}.contactmain .right .form form input[type="submit"]:hover{color:#2f81ff;background-color:transparent;border:1px solid #2f81ff}.jump_to_list{cursor:pointer}.contactmain .right .information2 ul li{min-width:unset}