:root{--theme_color:#4472c4;--title_color:#061014}*{margin:0;padding:0;box-sizing:border-box}.product_nav{padding:50px 0}body>section{position:relative}@media screen and (max-width:768px){.product_nav{padding:1.5rem 0}}.content{max-width:1440px;margin:0 auto;position:relative}@media screen and (min-width:768px) and (max-width:1600px){.content{max-width:1440px}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}ul{list-style:none}.product_nav ul{display:flex;border-bottom:1px solid rgb(228,228,228);gap:3.1%}@media screen and (max-width:768px){.product_nav ul{gap:1.2rem;width:100vw;margin-left:-1.2rem;padding:0 1.2rem;overflow:auto}}.product_nav ul li:first-child{margin-left:auto}a{color:inherit;font-size:inherit;text-decoration:none}.product_nav ul li.active a{font-weight:500;color:var(--theme_color);border-color:var(--theme_color)}.product_nav ul a{font-size:18px;color:rgb(81,81,81);display:block;margin-bottom:-2px;border-bottom:3px solid transparent;padding-bottom:20px;transition:0.3s}.product_nav ul a:hover{color:var(--theme_color);border-color:var(--theme_color)}@media screen and (max-width:768px){.product_nav ul a{font-size:15px;padding-bottom:.5rem;text-wrap:nowrap}}.product_nav ul li:last-child{margin-right:auto}button,input,textarea{outline:none;border:none;font-family:unset;color:var(--title_color)}input[type="submit"],button{cursor:pointer}.sytech_export_template{display:none}.product_service{padding-top:67px;padding-bottom:200px}@media screen and (max-width:768px){.product_service{padding:2.5rem 0 3rem}}@media screen and (min-width:768px) and (max-width:1600px){.content{max-width:1440px}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}.center{text-align:center}.head .subtitle_black{font-size:17px;display:flex;align-items:center;text-transform:uppercase;color:rgb(48,48,48);width:fit-content;font-family:"DM Sans",sans-serif;letter-spacing:5px;font-weight:500;gap:17px}.head .subtitle_black::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--theme_color)}.product_service .head .subtitle_black{margin:0 auto}.fadeInUp{animation-name:fadeInUp}@media screen and (max-width:768px){.head .subtitle,.head .subtitle_black{font-size:14px;line-height:1.5;margin-bottom:8px;gap:.6rem;letter-spacing:1px}}.head h2{font-size:48px;line-height:62px;font-weight:500}.product_service .head h2{margin-top:16px}@media screen and (min-width:768px) and (max-width:1220px){.head h2{font-size:42px;line-height:1.3}}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5}}@media screen and (max-width:768px){.product_service .head h2{margin-top:.5rem}}.product_service .head .desc{font-size:18px;color:rgb(61,61,61);line-height:30px;max-width:878px;margin:30px auto 0;font-weight:500}@media screen and (max-width:768px){.head .desc{font-size:.9rem;line-height:1.5rem}}@media screen and (max-width:768px){.product_service .head .desc{font-size:14px;margin-top:.5rem;line-height:1.5;font-weight:400}}.flex{display:flex}.product_service .flex{gap:4px;margin-top:69px}@media screen and (min-width:768px) and (max-width:1024px){.product_service .flex{flex-direction:column}}@media screen and (max-width:768px){.product_service .flex{margin-top:2rem;flex-direction:column}}.img.img_cv{overflow:hidden}.product_service .flex .img{width:33.125%;border-radius:37px}@media screen and (min-width:768px) and (max-width:1024px){.product_service .flex .img{width:100%;aspect-ratio:1 / .8}}@media screen and (max-width:768px){.product_service .flex .img{aspect-ratio:1 / 1;width:100%;border-radius:10px}}.img.img_cv img{width:100%;height:100%;object-fit:cover;display:block;transition:0.5s}.product_service .flex .img:hover img{transform:scale(1.03)}.product_service .flex .grid{flex:1 1 0%}.product_service .flex .grid ul{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;height:100%}@media screen and (max-width:768px){.product_service .flex .grid ul{grid-template-rows:unset}}.product_service .flex .grid li{border-radius:37px;transition:0.3s;background-color:rgb(245,249,252);border:1px solid transparent;padding:55px 8.805% 50px;position:relative;display:flex;flex-direction:column}.product_service .flex .grid li:nth-child(1){border-radius:37px 37px 0}.product_service .flex .grid li.active{border-color:var(--theme_color);background-color:rgb(255,255,255)}.product_service .flex .grid li.active::after{opacity:0}.product_service .flex .grid li::after{content:"";display:block;width:13px;height:13px;filter:brightness(0);position:absolute;bottom:15.7761%;left:8.3857%;transition:0.3s;background:url(https://www.heidstar.com//wp-content/plugins/sytech-fronteditor/sytpl/product_2/assets/img/btn_icon.svg) center center / contain no-repeat}@media screen and (max-width:768px){.product_service .flex .grid li{padding:1.8rem 1rem 2rem;background-color:rgb(255,255,255);border-radius:8px!important}}@media screen and (max-width:768px){.product_service .flex .grid li::after{opacity:0}}i{font-style:normal}.product_service .flex .grid i{display:block;width:54px;height:54px;background:center center / contain no-repeat}@media screen and (max-width:768px){.product_service .flex .grid li i{width:42px;height:42px}}.product_service .flex .grid strong{font-size:30px;font-weight:700;color:rgb(22,22,22);line-height:40px;margin-top:65px;display:block}@media screen and (max-width:768px){.product_service .flex .grid li strong{font-size:15px;margin-top:1rem;font-weight:500;line-height:1.5}}.product_service .flex .grid li.active .p{opacity:1}.product_service .flex .grid .p{flex:1 1 0%;font-size:17px;color:rgb(61,61,61);line-height:30px;padding-top:1rem;font-weight:500;transition:0.3s;opacity:0;margin-top:auto;display:flex}@media screen and (max-width:768px){.product_service .flex .grid li .p{font-size:14px;margin-top:.8rem;line-height:1.5rem;font-weight:400;padding-top:.5rem;opacity:1}}.product_service .flex .grid .p p{margin-top:auto}@media screen and (max-width:768px){.product_service .flex .grid li .p p{margin-top:0}}.product_service .flex .grid li:nth-child(2){border-radius:37px 37px 37px 0}.product_service .flex .grid li:nth-child(3){border-radius:37px 0 37px 37px}.product_service .flex .grid li:nth-child(4){border-radius:0 37px 37px}*{margin:0;padding:0;box-sizing:border-box}.content{margin:0 auto;position:relative}html{scroll-behavior:smooth}.flex{display:flex}.wrap{flex-wrap:wrap}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.between{justify-content:space-between}.center{text-align:center}.boxshadow{box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff}.tools_template_vendor .tools_template_box{padding:4rem 0;text-align:center}.tools_template_vendor .tools_template_box input{padding:.8rem 1rem;border-radius:5px;min-width:300px;border:1px #ddd solid}.tools_template_vendor .tools_template_box button{background:#fff;border:1px solid #f8f8f8;color:#4c4c4c;padding:.8rem 1.5rem;display:inline-block;font-weight:500;border:none;font-size:16px;cursor:pointer;border-radius:10px;background-color:#33bde9;border:1px solid #33bde9;color:#fff;padding:.8rem 1.5rem}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}.swiper_content{max-width:1020px}.solution_strength .head p{width:70%}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.swiper_content{max-width:806px}.solution_strength .head p{width:90%}}@media screen and (max-width:786px){.content{padding:0 1.2rem}}.tools_part_vendor .tools_part_box{padding:4rem 0;text-align:center}.tools_part_vendor .tools_part_box input{padding:.8rem 1rem;border-radius:5px;min-width:300px;border:1px #ddd solid}.tools_part_vendor .tools_part_box button{background:#fff;border:1px solid #f8f8f8;color:#4c4c4c;padding:.8rem 1.5rem;display:inline-block;font-weight:500;border:none;font-size:16px;cursor:pointer;border-radius:10px;background-color:#33bde9;border:1px solid #33bde9;color:#fff;padding:.8rem 1.5rem}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:786px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:786px){.content{padding:0 1.2rem}}