*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#2f308c;--secondary:#e6212a;--title:#1c1c1c;--text:#808080}html{scroll-behavior:smooth;font-size:clamp(7.5px, 0.520834vw, 10px)}.content{max-width:144rem;margin:0 auto;position:relative}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_middle{align-items:center}body{font-size:1.6rem;word-break:break-word;color:var(--title)}.gap{gap:3rem}.img.img_ct img{object-fit:contain}.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:0;top:0;z-index:-2}.syedittext h1{font-weight:500;line-height:1.3;font-size:6.8rem}.syedittext p{font-size:2rem;line-height:3.8rem;margin-top:3rem}.page_banner{overflow:hidden}.page_banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:rgba(0,0,0,.5)}.page_banner .flex{min-height:68rem;padding:6rem 0}.page_banner .head{width:45%;color:rgb(255,255,255)}.page_banner .img{flex:1 1 0%}.page_banner .img:hover img{transform:scale(1.02)}@media screen and (min-width:769px) and (max-width:1440px){.content{padding:0 3rem}}@media screen and (min-width:769px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width: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:16px}body{font-size:1rem}.content{padding:0 20px}.gap{gap:20px}.syedittext h1{font-size:25px}.syedittext p{font-size:14px;line-height:1.7;margin-top:12px}.page_banner .flex{padding:50px 0;min-height:unset}}@media screen and (max-width:576px){.page_banner .flex{padding:20px 0 50px;min-height:unset;flex-direction:column-reverse}.page_banner .head{width:100%}}.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}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#2f308c;--secondary:#e6212a;--title:#1c1c1c;--text:#808080}html{scroll-behavior:smooth;font-size:clamp(7.5px, 0.520834vw, 10px)}.content{max-width:144rem;margin:0 auto;position:relative}li{list-style:none}li.swiper-slide{height:auto}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.wrap{flex-wrap:wrap}body{font-size:1.6rem;word-break:break-word;color:var(--title)}.syedittext .subtitle{font-size:1.8rem;letter-spacing:.5rem;margin-bottom:.6rem;text-transform:uppercase}.syedittext .subtitle::before{content:"";display:inline-block;vertical-align:middle;width:.8rem;height:.8rem;margin:-.5rem 1.2rem 0 0;border-radius:50%;background-color:var(--secondary)}.syedittext h2{font-size:5rem;font-weight:500;line-height:6.5rem}.syedittext h3{font-weight:500;font-size:3.6rem;line-height:4.8rem}.syedittext p{font-size:2rem;line-height:3.8rem;margin-top:3rem}.section_advantage{padding:18rem 0 21rem;overflow:hidden}.section_advantage .section_advantage_swiper{margin-top:5.2rem}.section_advantage .section_advantage_swiper .swiper-slide{max-width:37.6rem}.section_advantage .section_advantage_swiper .active .item{color:rgb(255,255,255);background-color:var(--primary)}.section_advantage .section_advantage_swiper .active .item .wrap{transform:translate(0)}.section_advantage .section_advantage_swiper .active .item .icon{opacity:0}.section_advantage .section_advantage_swiper .active .item .line{width:100%}.section_advantage .section_advantage_swiper .active .item .desc{opacity:1}.section_advantage .section_advantage_swiper .active .item .more{width:100%;transform:translate(0)}.section_advantage .section_advantage_swiper .active .item .more::after{filter:none;background-color:var(--secondary)}.section_advantage .section_advantage_swiper .item{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:1.5rem;transition:0.3s;padding:11.9681% 10.1064% 7.97872%}.section_advantage .section_advantage_swiper .item:hover .more::after{transform:rotate(45deg)}.section_advantage .section_advantage_swiper .item .wrap{position:relative;transition:0.3s;transform:translateY(17.8rem)}.section_advantage .section_advantage_swiper .item .icon{width:12rem;height:12rem;display:flex;align-items:center;justify-content:center;transition:0.3s;border-radius:1.5rem;background-color:var(--primary);position:absolute;left:0;bottom:calc(100% + 3rem)}.section_advantage .section_advantage_swiper .item .icon img{width:56%;height:56%}.section_advantage .section_advantage_swiper .item .line{display:grid;align-items:center;grid-template-columns:auto 1fr;margin-top:2.6rem;width:115.333%;transition:0.3s}.section_advantage .section_advantage_swiper .item .line::before{content:"";display:block;width:7px;height:7px;border-radius:50%;border:1px solid rgb(198,198,198)}.section_advantage .section_advantage_swiper .item .line::after{content:"";display:block;height:1px;background-color:rgb(198,198,198)}.section_advantage .section_advantage_swiper .item .desc{flex:1 1 0%;opacity:0;transition:0.3s}.section_advantage .section_advantage_swiper .item .desc p{margin-top:1.8rem}.section_advantage .section_advantage_swiper .item .more{width:120%;gap:2rem;display:grid;align-items:center;grid-template-columns:1fr auto;font-size:2rem;transition:0.3s;margin-top:2rem;transform:translateY(-8.5rem)}.section_advantage .section_advantage_swiper .item .more::after{content:"";display:block;width:5.2rem;height:5.2rem;border-radius:50%;transition:0.3s;filter:contrast(0) brightness(0);background:url(http://localhost/franki//wp-content/plugins/hqt-fronteditor/sytpl/products3-section_advantage/assets/img/arrow-tr-w2.svg) center center / 20% no-repeat}@media screen and (min-width:769px) and (max-width:1440px){.content{padding:0 3rem}}@media screen and (min-width:769px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width: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:16px}body{font-size:1rem}.content{padding:0 20px}.syedittext .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px;letter-spacing:1px}.syedittext .subtitle::before{width:6px;height:6px;margin:-2px 8px 0 0}.syedittext h2{font-size:22px;line-height:1.3}.syedittext h3{font-size:18px;line-height:1.3}.syedittext p{font-size:14px;line-height:1.7;margin-top:12px}.section_advantage{padding:50px 0}.section_advantage .section_advantage_swiper{margin-top:30px}.section_advantage .section_advantage_swiper .swiper-slide{max-width:260px}.section_advantage .section_advantage_swiper .swiper-slide .item{color:rgb(255,255,255);border-radius:10px;background-color:var(--primary)}.section_advantage .section_advantage_swiper .swiper-slide .item .wrap{transform:translate(0)}.section_advantage .section_advantage_swiper .swiper-slide .item .icon{width:50px;height:50px;border-radius:6px}.section_advantage .section_advantage_swiper .swiper-slide .item .line{width:100%;margin-top:20px}.section_advantage .section_advantage_swiper .swiper-slide .item .desc{opacity:1}.section_advantage .section_advantage_swiper .swiper-slide .item .desc p{margin-top:20px}.section_advantage .section_advantage_swiper .swiper-slide .item .more{width:100%;font-size:16px;margin-top:30px;transform:translate(0)}.section_advantage .section_advantage_swiper .swiper-slide .item .more::after{width:40px;height:40px;filter:none;background-color:var(--secondary)}}