*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#FFE600;--secondary:#0e191d;--title:#0c0c0c;--text:#6e6e6e}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:144rem;margin:0 auto;position:relative}.content .content{padding:0}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_top{align-items:flex-start}.gap{gap:3rem}.head .subtitle{font-size:1.4rem;color:#0a0a0a;font-weight:600;display:flex;align-items:center;text-transform:uppercase;letter-spacing:0.05rem}.head .subtitle:before{content:"";width:1.8rem;height:1.8rem;transform:translateY(-0.3rem);display:inline-block;margin-right:1.2rem;background:url('https://flomc.hqtseo.com/wp-content/plugins/sytech-fronteditor/sytpl/systems_00_systems_banner/assets/img/subtitle_icon.svg') no-repeat center/contain}.head p{font-size:1.8rem;line-height:2.8rem;font-weight:500;color:#353535}.btn{line-height:5.5rem;padding:0 3.2rem;padding-top:0.2rem;background-color:var(--primary);color:var(--title);border-radius:0.4rem;display:inline-block;font-weight:600;cursor:pointer;transition:all 0.3s;font-size:1.6rem;width:max-content}.btn:hover{filter:brightness(120%)}.btn.arrow{display:flex;align-items:center}.btn.arrow:after{content:"";width:1.45rem;height:1.45rem;display:inline-block;background:url('https://flomc.hqtseo.com/wp-content/plugins/sytech-fronteditor/sytpl/systems_00_systems_banner/assets/img/btn_arrow.svg') no-repeat center/contain;margin-left:3.2rem}.btn.border{border:1px solid #C9C9C9;background-color:transparent;border-radius:0.4rem}.btn.border:hover{background-color:var(--title);color:white;border-color:var(--title)}.systems_banner{color:#0a0a0a;background-image:linear-gradient(to bottom,#fff9e6,#fffcf4 191px,transparent 334px);padding:11.7rem 0 9.3rem}.systems_banner .head{gap:3.2rem 3rem}.systems_banner .head .subtitle{width:100%;color:rgba(10,10,10,0.8);letter-spacing:0.1043em}.systems_banner .head h1{font-size:6.441rem;line-height:1.0417637;font-weight:700;width:50%;max-width:143.4rem}.systems_banner .head h1 span{background:linear-gradient(to right,var(--primary),var(--primary)) no-repeat bottom 0.264em left / 100% 0.11em}.systems_banner .head p{flex:1;width:100%;max-width:61.5rem;padding-right:2.1rem;margin-top:3.6rem}.systems_banner .btns{display:flex;flex-wrap:wrap;gap:3.4rem;margin-top:1.6rem}.systems_banner .btns .btn{line-height:5.4rem;padding-top:0}.systems_banner .btns .btn.border{line-height:5.5rem}@media screen and (min-width:769px) and (max-width:1024px){.systems_banner .head h1{font-size:6rem}}@media screen and (min-width:769px) and (max-width:896px){.systems_banner .head h1{font-size:5rem}}@media screen and (max-width:768px){.content{padding:0 20px}.gap{gap:20px}.head.flex{flex-flow:wrap}.head .subtitle{font-size:13px;line-height:1.5;margin-bottom:5px;letter-spacing:1px}.head h1{font-size:25px;line-height:1.3}.head p{font-size:14px;line-height:1.5;margin-top:12px}.btn{line-height:40px;font-size:14px;padding:0 20px}.btn::after{width:10px;height:8px}.systems_banner{padding:50px 0}.systems_banner .head{display:block}.systems_banner .head .subtitle{margin-bottom:8px}.systems_banner .head h1{font-size:25px;line-height:1.3;width:100%}.systems_banner .head p{max-width:unset;margin-top:12px}.systems_banner .btns{gap:14px;margin-top:20px}.systems_banner .btns .btn{line-height:40px;padding:0 20px}.systems_banner .btns .btn.border{line-height:40px}}.flex_middle{align-items:center}.img.img_cv{overflow:hidden}.img.img_cv img{object-fit:cover}.img.img_aba{--h:100%;position:relative}.img.img_aba::after{content:'';display:block;padding-bottom:var(--h)}.img.img_aba img{position:absolute;left:0;top:0}.img.img_hv:hover img{transform:scale(1.03)}.img img{width:100%;height:100%;display:block;transition:all 0.5s;aspect-ratio:inherit}.head .subtitle + h2{margin-top:1.5rem}.head h2{font-size:5.2rem;line-height:6.2rem;font-weight:700;color:#0a0a0a}.head .subtitle:before{content:"";width:1.8rem;height:1.8rem;transform:translateY(-0.3rem);display:inline-block;margin-right:1.2rem;background:url('https://flomc.hqtseo.com/wp-content/plugins/sytech-fronteditor/sytpl/systems_01_systems_intro/assets/img/subtitle_icon.svg') no-repeat center/contain}.systems_intro{color:#0a0a0a;padding:9.3rem 0 12.1rem}.systems_intro .img{width:42.01388889%;--h:76.03305785%;border-radius:0.8rem}.systems_intro .img + .head{max-width:72.3rem}.systems_intro .head{flex:1;width:100%;padding-top:1.25%}.systems_intro .head .subtitle{margin-bottom:1.7rem;letter-spacing:0.061em}.systems_intro .head h2{max-width:68.6rem}.systems_intro .head p{max-width:71.3rem;margin-top:3rem}.systems_intro .head p + p{margin-top:1.2rem}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content{max-width:896px}.head h2{font-size:5rem}}@media screen and (min-width:769px) and (max-width:896px){.content{max-width:768px}.head h2{font-size:4rem;line-height:1.3}}@media screen and (max-width:768px){.content{padding:0 20px}.gap{gap:20px}.head .subtitle{font-size:13px;line-height:1.5;margin-bottom:5px;letter-spacing:1px}.head h2{font-size:22px;line-height:1.3}.head p{font-size:14px;line-height:1.5;margin-top:12px}.systems_intro{padding:50px 0}.systems_intro .head{padding:0}.systems_intro .head .subtitle{margin-bottom:8px}.systems_intro .head p{margin-top:12px}.systems_intro .head p + p{margin-top:12px}}@media screen and (max-width:576px){.systems_intro .img{width:100%}}.tools_part_vendor .tools_part_box{padding:4rem 0px;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:white;border:1px solid #f8f8f8;color:#4c4c4c;padding:0.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:white;padding:0.8rem 1.5rem}@media screen and (min-width:786px) and (max-width:1600px){}@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}}li{list-style:none}i,em{font-style:normal}input,button,textarea{border:none;outline:none;font-family:unset;color:var(--title)}button{background-color:transparent}button,input[type="submit"]{cursor:pointer}input[type="checkbox"]{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none}.center{text-align:center}.flex_bottom{align-items:flex-end}.img_bg{position:relative;z-index:2}.img_bg > img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;z-index:-2}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:all 0.3s}.head .subtitle:before{content:"";width:1.8rem;height:1.8rem;transform:translateY(-0.3rem);display:inline-block;margin-right:1.2rem;background:url('https://flomc.hqtseo.com/wp-content/plugins/sytech-fronteditor/sytpl/systems_03_page_fit/assets/img/subtitle_icon.svg') no-repeat center/contain}.page_fit{padding:18.5rem 0 7rem}.page_fit .head{color:white}.page_fit.img_bg{background-color:black}.page_fit.img_bg>img{opacity:0.1;z-index:1}.page_fit .content{z-index:9}.page_fit .head .subtitle{color:white;font-weight:500}.page_fit .head h2{color:white;max-width:56rem;padding-bottom:10rem}.page_fit .head{margin-bottom:4.5rem}.page_fit .head p{max-width:61.5rem;color:rgba(255,255,255,0.74);font-weight:400}.page_fit .head p + p{margin-top:3rem}.page_fit .main ul{display:grid;grid-template-columns:repeat(6,1fr);gap:2.6rem}.page_fit .main ul li{grid-column:span 2;background-color:white;border-radius:1rem;overflow:hidden;position:relative;padding:6rem 3.5rem 5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:36.4rem;transition:all 0.3s}.page_fit .main ul li .img_pro{opacity:0;width:100%;height:100%;background-color:var(--primary);left:0;top:0;position:absolute;transition:all 0.5s}.page_fit .main ul li.active .img_pro{opacity:1}.page_fit .main ul li.active .img.bg{opacity:0}.page_fit .main ul li .img_pro img{height:80%;right:0;width:auto;object-fit:contain;position:absolute;top:50%;transform:translateY(-50%)}.page_fit .main ul li .img.bg>img{opacity:0.1}.page_fit .main ul li .img.bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:all 0.3s}.page_fit .main ul li:nth-of-type(1),.page_fit .main ul li:nth-of-type(2){grid-column:span 3;padding:4.5rem 3.5rem}.page_fit .main ul li .icon{position:relative;z-index:9}.page_fit .main ul li .icon img{height:4.9rem;width:auto}.page_fit .main ul li .info{position:relative;z-index:9}.page_fit .main ul li .info p{font-size:1.8rem;line-height:2.8rem;color:#4f4f4f;max-width:37rem}.page_fit .main ul li .info strong{font-size:2.6rem;font-weight:600;color:#0a0a0a;display:block;line-height:3.2rem;margin-bottom:2.5rem;max-width:27rem}.page_fit .main ul li:nth-of-type(1) .info,.page_fit .main ul li:nth-of-type(2) .info{max-width:36.3rem}.page_fit .main ul li:nth-of-type(1) .info strong,.page_fit .main ul li:nth-of-type(2) .info strong{max-width:80%}.page_fit .main ul li.active{background-color:var(--primary)}.page_fit .main p.center{margin-top:4.7rem}.page_fit .main p .btn{text-transform:uppercase;font-weight:600;padding-left:3.8rem;padding-right:3.8rem}@media screen and (max-width:768px){.page_fit{padding:50px 0}.page_fit .head h2{padding-bottom:15px}.page_fit .head{margin-bottom:30px}.page_fit .main ul{grid-template-columns:1fr;gap:15px}.page_fit .main ul li{grid-column:span 1 !important;padding:30px 20px;min-height:unset}.page_fit .main ul li .icon img{height:35px}.page_fit .main ul li .info strong{font-size:18px;margin-bottom:12px;max-width:unset !important}.page_fit .main ul li .info p{font-size:14px;line-height:1.5;max-width:unset}.page_fit .main p.center{margin-top:30px}}li.swiper-slide{height:auto}.img.img_ct img{object-fit:contain}body .swiper-pagination{position:unset;display:flex;align-items:center;justify-content:center;gap:0.8rem;transition:all 0.3s;margin-top:2.3rem}body .swiper-pagination .swiper-pagination-bullet{width:1.3rem;height:1.3rem;border-radius:50%;opacity:1;margin:0 !important;background-color:#8E8F94}body .swiper-pagination .swiper-pagination-bullet-active{background-color:#1C202B}.head .subtitle:before{content:"";width:1.8rem;height:1.8rem;transform:translateY(-0.3rem);display:inline-block;margin-right:1.2rem;background:url('https://flomc.hqtseo.com/wp-content/plugins/sytech-fronteditor/sytpl/systems_04_page_proejcts/assets/img/subtitle_icon.svg') no-repeat center/contain}.swiper_btns{gap:2.5rem;display:flex}.swiper_btns div{width:6rem;height:6rem;border-radius:0.4rem;background-color:var(--primary);cursor:pointer;transition:all 0.3s;position:relative}.swiper_btns div:hover{filter:brightness(110%)}.swiper_btns div.swiper-button-disabled{background-color:#0A0A0A}.swiper_btns div.swiper-button-disabled:after{filter:brightness(100)}.swiper_btns div.btn_prev::after{transform:translate(-50%,-50%) rotate(180deg)}.swiper_btns div::after{content:"";width:1.8rem;height:1.8rem;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url('https://flomc.hqtseo.com/wp-content/plugins/sytech-fronteditor/sytpl/systems_04_page_proejcts/assets/img/swiper_right.svg') no-repeat center / contain;filter:brightness(0)}a.arrow_line{font-size:1.6rem;color:#0e191d;font-weight:600;display:flex;align-items:center;text-transform:uppercase;position:relative;width:max-content;padding-bottom:0.8rem}a.arrow_line:after{content:"";width:1.3rem;height:1.3rem;display:inline-block;margin-left:1.8rem;background:url('https://flomc.hqtseo.com/wp-content/plugins/sytech-fronteditor/sytpl/systems_04_page_proejcts/assets/img/btn_arrow.svg') no-repeat center/contain}a.arrow_line:before{content:"";width:100%;height:2px;background-color:var(--primary);position:absolute;left:0;bottom:0;transition:all 0.3s}a.arrow_line:hover:before{width:0}.page_proejcts{padding:12.5rem 0 9.5rem}.page_proejcts .head h2{max-width:57rem;padding-bottom:6.5rem}.page_proejcts .head .right{max-width:61.8rem}.page_proejcts .head a.arrow_line{margin-top:1.8rem}.page_proejcts .head{margin-bottom:6.2rem}.page_proejcts .main .left{width:16.45%}.page_proejcts .main .right{width:82.29%;overflow:hidden}.page_proejcts .main .left .title{font-size:4.4rem;font-weight:600;color:#0a0a0a;width:100%;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:flex-end;padding:2.4rem 0.5rem;aspect-ratio:236/497;background:url('https://flomc.hqtseo.com/wp-content/plugins/sytech-fronteditor/sytpl/systems_04_page_proejcts/assets/img/home_project_bg.svg') no-repeat center/cover}.page_proejcts .main .right .img{aspect-ratio:942/497;margin-bottom:2.5rem}.page_proejcts .main .right .icon{width:9.2rem;height:9.2rem;margin-left:auto;background-color:#E6E6E6;border-radius:0.4rem;display:flex;align-items:center;justify-content:center}.page_proejcts .main .right .icon img{width:60%;height:60%;object-fit:contain}.page_proejcts .main .right .info strong{font-size:3.2rem;font-weight:600;color:var(--title);display:block;margin-bottom:0.6rem}.page_proejcts .main .right .info p{font-size:1.8rem;line-height:2.8rem;color:rgba(10,10,10,0.85);font-weight:500;max-width:55.5rem}.page_proejcts .swiper-pagination{font-size:2.3rem;font-weight:600;justify-content:left}.page_proejcts .swiper-pagination .swiper-pagination-total{color:#aaaaaa}.page_proejcts .swiper_btns{position:absolute;right:0;bottom:4rem;z-index:9}.page_proejcts{padding-top:11.8rem;padding-bottom:7.1rem}@media screen and (max-width:768px){.content{padding:0 20px}.head .subtitle{font-size:13px;line-height:1.5;margin-bottom:5px;letter-spacing:1px}.head h2{font-size:22px;line-height:1.3}.head p{font-size:14px;line-height:1.5;margin-top:12px}.head.flex{flex-flow:wrap}.swiper_btns div{width:40px;height:40px}.swiper_btns div::after{width:13px;height:13px}.page_proejcts{padding:50px 0}.page_proejcts .head h2{padding-bottom:15px}.page_proejcts .head{margin-bottom:30px}.page_proejcts .main .flex{flex-flow:wrap}.page_proejcts .main .left{width:100%;margin-bottom:1.5rem}.page_proejcts .main .left .title{writing-mode:unset;font-size:22px;padding:20px;aspect-ratio:unset}.page_proejcts .main .right{width:100%}.page_proejcts .main .right .info strong{font-size:20px}.page_proejcts .main .right .icon{width:60px;height:60px}.page_proejcts .swiper_btns{position:static;margin-top:20px}section .main.flex{flex-flow:wrap}section .head > .flex{flex-flow:wrap}}.tools_template_vendor .tools_template_box{padding:4rem 0px;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:white;border:1px solid #f8f8f8;color:#4c4c4c;padding:0.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:white;padding:0.8rem 1.5rem}