*{margin:0;padding:0;box-sizing:border-box}.content{max-width:1440px;margin:0 auto;position:relative}.largecontent{max-width:100%;padding:0 4rem}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}.vertical{display:flex;flex-direction:column;justify-content:center}:root{--theme_color:#0073ad;--subtheme_color:#4fabe7;--title_color:#19191e;--bg_color:linear-gradient(to right, var(--theme_color), var(--subtheme_color))}ul{list-style:none}a{color:var(--title_color);text-decoration:none;font-size:1rem}i{font-style:normal}.swiper_box{position:relative}.swiper_content{max-width:1460px;margin:0 auto;position:relative;padding:10px;overflow:hidden}button,input,textarea{outline:none;border:none;font-family:unset}input[type="submit"],button{cursor:pointer}textarea{resize:none}input[type="number"]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;font-family:unset}.center{text-align:center}.flex_start{justify-content:flex-start}.flex_center{justify-content:center}.flex_end{justify-content:flex-end}.flex_top{align-items:flex-start}.flex_middle{align-items:center}.flex_bottom{align-items:flex-end}body{color:var(--title_color);font-family:'Poppins',sans-serif}body.fixed{overflow:hidden;padding-right:17px}.only_mobile{display:none}.content .content{padding:0}.gap{gap:1.25rem}li.swiper-slide{height:auto}.head .subtitle{display:block;font-weight:500;color:var(--theme_color);text-transform:uppercase;margin-bottom:1rem}.head h2{font-size:46px;font-weight:600;line-height:56px}.button{display:inline-block;background-image:linear-gradient(to right,var(--theme_color),var(--subtheme_color),var(--theme_color));background-size:200%;border-radius:6px;transition:all 0.3s;color:#fff;font-size:18px;font-weight:500;text-align:center;cursor:pointer;padding:13.5px 44px 13.5px 28px;position:relative}.button::after{content:'';display:block;width:14px;height:12px;background:url(../svg/arrow-line-w-20.svg) no-repeat center / contain;position:absolute;right:26px;top:50%;transform:translateY(-50%);transition:all 0.4s}.button:hover{background-position:right;padding:13.5px 36px}.button:hover::after{transform:translate(100%,-50%) scale(0)}.button_more{display:inline-block;border-radius:6px;border:1px solid var(--theme_color);transition:all 0.3s;color:var(--theme_color);font-size:18px;font-weight:500;text-align:center;cursor:pointer;padding:12.5px 57px 12.5px 38px;position:relative;z-index:2}.button_more::before{content:'';display:block;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;z-index:-1;left:-1px;top:-1px;background-image:var(--bg_color);transition:all 0.3s;opacity:0;border-radius:6px}.button_more::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_nav/assets/img/arrow-line.svg) no-repeat center / contain;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:all 0.4s}.button_more:hover{color:#fff;padding:12.5px 47.5px}.button_more:hover::before{opacity:1}.button_more:hover::after{transform:translate(100%,-50%) scale(0)}.view_more{display:inline-block;color:var(--theme_color);border:1px solid var(--theme_color);font-size:18px;font-weight:500;border-radius:6px;padding:12.5px 48.5px;background-color:transparent;transition:all 0.3s;position:relative;z-index:2}.view_more::after{content:'';display:block;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;z-index:-1;left:-1px;top:-1px;border-radius:6px;background-image:var(--bg_color);transition:all 0.3s;opacity:0}.view_more:hover{color:#fff}.view_more:hover::after{opacity:1}.swiper_btns{display:flex}.swiper_btns div{width:1rem;height:30px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_nav/assets/img/arrow-w.svg) no-repeat center / contain;transition:all 0.3s;cursor:pointer}.swiper_btns div.swiper-button-disabled{cursor:default;opacity:.68}.swiper_btns .btn_next{transform:rotate(180deg)}.swiper_btns.middle{max-width:1430px;width:98%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;justify-content:space-between}.swiper_btns.middle div{position:absolute;left:0;top:0;transform:translateY(-50%)}.swiper_btns.middle .btn_next{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.swiper_btns.small{max-width:1830px}.swiper_btns.small div{width:12px;height:22px}.swiper_btns.full{gap:38px}.swiper_btns.full.middle{max-width:1678px}.swiper_btns.full.middle div{position:absolute}.swiper_btns.full div{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#e9e9e9;position:relative;z-index:2;background-image:none}.swiper_btns.full div::before{content:'';display:block;width:100%;height:100%;background-image:var(--bg_color);position:absolute;left:0;top:0;z-index:-1;transition:all 0.3s;border-radius:8px}.swiper_btns.full div::after{content:'';display:block;width:36%;height:36%;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_nav/assets/img/arrow-w.svg) no-repeat center / contain}.swiper_btns.full div.swiper-button-disabled{opacity:1;box-shadow:none;pointer-events:none}.swiper_btns.full div.swiper-button-disabled::before{opacity:0}.swiper_btns.full div.swiper-button-disabled::after{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_nav/assets/img/arrow-b.svg)}.swiper_btns.full div.swiper-button-disabled:hover{filter:none}.swiper_btns.full div:hover{filter:brightness(1.2)}.swiper_btns.black div{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_nav/assets/img/arrow-b.svg)}div.swiper-pagination{position:static;display:flex;align-items:center;height:1rem;width:100%;gap:21px}div.swiper-pagination .swiper-pagination-bullet{display:block;width:8px;height:8px;border:1px solid var(--title_color);background-color:var(--title_color);opacity:1;transition:all 0.3s linear;margin:0 4px}div.swiper-pagination .swiper-pagination-bullet-active{width:1rem;height:1rem;background-color:transparent;margin:0!important}div.swiper-pagination.big{height:19px;gap:24px}div.swiper-pagination.big .swiper-pagination-bullet{width:9px;height:9px;margin:0 5px}div.swiper-pagination.big .swiper-pagination-bullet-active{width:19px;height:19px}div.swiper-pagination.white{filter:brightness(20)}.toold_nav{margin-top:-49px;position:relative;z-index:2;background-image:linear-gradient(to bottom,transparent,#fff)}.toold_nav::after{content:'';display:block;width:100%;height:1px;background-color:#dcdcdc;position:absolute;z-index:-1;left:0;bottom:1px}.toold_nav ul{display:flex;gap:2.917%}.toold_nav ul li a{color:#515151;font-size:18px;border-bottom:3px solid transparent;transition:all 0.3s;display:block;padding-bottom:19px}.toold_nav ul li.active a,.toold_nav ul li:hover a{color:#242424;border-color:var(--theme_color)}.toold_nav ul li.active a{font-weight:500}@media screen and (max-width:786px){.content{padding:0 1.2rem}.swiper_content{padding:10px 1.2rem}.only_mobile{display:block}.head .subtitle{font-size:14px;margin-bottom:0.5rem!important}.head h1{font-size:25px;line-height:1.5}.head h2{font-size:22px;line-height:1.5}.head p{font-size:.9rem;line-height:1.5rem}.video_pop .pop_content{width:90vw;height:auto}body.fixed{padding:0}.button{font-size:14px;padding:10px 1rem!important;display:flex;align-items:center;justify-content:center;max-width:max-content;gap:5px}.button::after{position:static;transform:translate(0)}.button:hover{padding:10px 1rem!important}.button:hover::after{transform:translate(0)}.button_more{font-size:14px;padding:10px 1rem;display:flex;align-items:center;justify-content:center;max-width:max-content;margin:0 auto;gap:5px}.button_more::after{position:static;transform:translate(0);transition:none}.button_more:hover{padding:10px 1rem}.button_more:hover::after{transform:translate(0);filter:contrast(0) brightness(20)}.view_more{font-size:14px;padding:9px 22px}.swiper_btns.full{gap:1rem}.swiper_btns.full div{width:2.5rem!important;height:2.5rem!important}div.swiper-pagination{gap:1rem}div.swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 2px!important}div.swiper-pagination .swiper-pagination-bullet-active{width:12px;height:12px;margin:0!important}.toold_nav{margin-top:0}.toold_nav ul{gap:1rem;overflow:auto}.toold_nav ul li a{font-size:14px;line-height:1.5;white-space:nowrap;padding-bottom:12px}}@media screen and (min-width:786px) and (max-width:1600px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1440px){.content{max-width:1220px}.swiper_content{max-width:1240px}}@media screen and (min-width:786px) and (max-width:1220px){.content{max-width:1000px}.swiper_content{max-width:1020px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.swiper_content{max-width:806px}.swiper_btns.full{gap:1.25rem}}.button::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_left/assets/img/arrow-line-w.svg) no-repeat center / contain;position:absolute;right:26px;top:50%;transform:translateY(-50%);transition:all 0.4s}.button_more::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_left/assets/img/arrow-line.svg) no-repeat center / contain;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:all 0.4s}.swiper_btns div{width:1rem;height:30px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_left/assets/img/arrow-w.svg) no-repeat center / contain;transition:all 0.3s;cursor:pointer}.swiper_btns.full div::after{content:'';display:block;width:36%;height:36%;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_left/assets/img/arrow-w.svg) no-repeat center / contain}.swiper_btns.full div.swiper-button-disabled::after{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_left/assets/img/arrow-b.svg)}.swiper_btns.black div{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_left/assets/img/arrow-b.svg)}.toold_intro .head ul li{padding-left:22px;position:relative;color:#47474b;font-size:17px;font-weight:300;line-height:28px;margin-top:28px}.toold_intro .head ul li::before{content:'';display:block;width:8px;height:8px;border-radius:50%;background-color:var(--theme_color);position:absolute;left:0;top:10px}.toold_intro .img{flex:1;max-width:max-content}.toold_intro .img img{max-width:100%;height:auto;display:block}.toold_intro.toold_intro_left{padding-top:102px}.toold_intro.toold_intro_left .head{width:35.9723%}.toold_intro.toold_intro_right{padding-top:94px}.toold_intro.toold_intro_right .flex{flex-direction:row-reverse}.toold_intro.toold_intro_right .head{width:37.5695%}@media screen and (max-width:786px){.content{padding:0 1.2rem}.toold_intro .flex{display:block}.toold_intro .head ul{padding-top:.5rem}.toold_intro .head ul li{font-size:14px;line-height:1.5;padding-left:20px;margin-top:.7rem}.toold_intro .head ul li::before{width:6px;height:6px}.toold_intro .img{margin-top:2rem}.toold_intro.toold_intro_left{padding:3rem 0}.toold_intro.toold_intro_left .head{width:100%}.toold_intro.toold_intro_right{padding:3rem 0}.toold_intro.toold_intro_right .head{width:100%}}@media screen and (min-width:786px) and (max-width:1600px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1440px){.content{max-width:1220px}}@media screen and (min-width:786px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.toold_intro .flex{gap:3rem;flex-direction:column-reverse}.toold_intro.toold_intro_right .flex{flex-direction:column-reverse}}.button::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_right/assets/img/arrow-line-w.svg) no-repeat center / contain;position:absolute;right:26px;top:50%;transform:translateY(-50%);transition:all 0.4s}.button_more::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_right/assets/img/arrow-line.svg) no-repeat center / contain;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:all 0.4s}.swiper_btns div{width:1rem;height:30px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_right/assets/img/arrow-w.svg) no-repeat center / contain;transition:all 0.3s;cursor:pointer}.swiper_btns.full div::after{content:'';display:block;width:36%;height:36%;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_right/assets/img/arrow-w.svg) no-repeat center / contain}.swiper_btns.full div.swiper-button-disabled::after{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_right/assets/img/arrow-b.svg)}.swiper_btns.black div{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_intro_right/assets/img/arrow-b.svg)}@media screen and (max-width:786px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1600px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1440px){.content{max-width:1220px}}@media screen and (min-width:786px) and (max-width:1220px){.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:1600px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1440px){.content{max-width:1220px}}@media screen and (min-width:786px) and (max-width:1220px){.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:1600px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1440px){.content{max-width:1220px}}@media screen and (min-width:786px) and (max-width:1220px){.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:1600px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1440px){.content{max-width:1220px}}@media screen and (min-width:786px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.button::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_host/assets/img/arrow-line-w.svg) no-repeat center / contain;position:absolute;right:26px;top:50%;transform:translateY(-50%);transition:all 0.4s}.button_more::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_host/assets/img/arrow-line.svg) no-repeat center / contain;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:all 0.4s}.swiper_btns div{width:1rem;height:30px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_host/assets/img/arrow-w.svg) no-repeat center / contain;transition:all 0.3s;cursor:pointer}.swiper_btns.full div::after{content:'';display:block;width:36%;height:36%;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_host/assets/img/arrow-w.svg) no-repeat center / contain}.swiper_btns.full div.swiper-button-disabled::after{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_host/assets/img/arrow-b.svg)}.swiper_btns.black div{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_host/assets/img/arrow-b.svg)}.toold_host{padding:118px 0 94px}.toold_host .content::before{content:'';display:block;width:100%;height:1px;background-color:#838383;position:absolute;left:0;top:-59px}.toold_host .head{max-width:798px}.toold_host .flex{margin-top:68px}.toold_host .img{overflow:hidden;border-radius:6px;position:relative;aspect-ratio:789/448;cursor:pointer}.toold_host .img img{width:100%;height:100%;object-fit:cover;vertical-align:top}.toold_host .img i{display:block;width:52px;aspect-ratio:1/1;border-radius:50%;transition:all 0.3s;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_host/assets/img/play.svg) no-repeat center / contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.toold_host .img i:hover{transform:translate(-50%,-50%) scale(1.2)}.toold_host .right{flex:1;max-width:537px}.toold_host .right ul li{padding-left:22px;position:relative;color:#47474b;font-size:17px;font-weight:300;line-height:28px;margin-top:28px}.toold_host .right ul li::before{content:'';display:block;width:8px;height:8px;border-radius:50%;background-color:var(--theme_color);position:absolute;left:0;top:10px}.toold_host .right ul li a{font-size:17px;font-weight:300;line-height:28px;text-decoration:underline;color:var(--theme_color)}.toold_host .right .btns{margin-top:44px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.toplevel_page_sytech_fronteditor .change_iframe{display:block}.change_iframe{position:absolute;z-index:99;background-color:#fff;left:40%;top:30%;padding:.5rem 1rem;border-radius:5px;display:none;border:1px solid #999}@media screen and (max-width:786px){.content{padding:0 1.2rem}.toold_host{padding:3rem 0}.toold_host .content::before{top:-1.5rem;left:1.2rem;width:calc(100% - 2.4rem)}.toold_host .flex{margin-top:2rem;display:block}.toold_host .img i{width:2.5rem}.toold_host .right{margin-top:1rem}.toold_host .right ul{padding-top:.5rem}.toold_host .right ul li{font-size:14px;line-height:1.5;padding-left:20px;margin-top:.7rem}.toold_host .right ul li::before{width:6px;height:6px}.toold_host .right ul li a{font-size:14px;line-height:1.5}.toold_host .right .btns{gap:1rem;margin-top:2rem}.toold_host .right .btns a{flex:auto;margin:0}}@media screen and (min-width:786px) and (max-width:1600px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1440px){.content{max-width:1220px}}@media screen and (min-width:786px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.toold_host .flex{gap:3rem;flex-direction:column}.toold_host .right{max-width:100%}}.button::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/arrow-line-w.svg) no-repeat center / contain;position:absolute;right:26px;top:50%;transform:translateY(-50%);transition:all 0.4s}.button_more::after{content:'';display:block;width:14px;height:12px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/arrow-line.svg) no-repeat center / contain;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:all 0.4s}.swiper_btns div{width:1rem;height:30px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/arrow-w.svg) no-repeat center / contain;transition:all 0.3s;cursor:pointer}.swiper_btns.full div::after{content:'';display:block;width:36%;height:36%;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/arrow-w.svg) no-repeat center / contain}.swiper_btns.full div.swiper-button-disabled::after{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/arrow-b.svg)}.swiper_btns.black div{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/arrow-b.svg)}.toold_sample{padding:94px 0 70px}.toold_sample .head{flex:1;max-width:490px}.toold_sample .head p{font-size:17px;font-weight:300;line-height:28px;max-width:396px;margin-top:36px}.toold_sample .list{width:max(55.5556%, 400px);margin-top:40px}.toold_sample .list ul{border-top:2px solid rgba(209,209,209,.5)}.toold_sample .list ul li a{transition:all 0.3s;display:block;border-bottom:2px solid rgba(209,209,209,.5);display:grid;align-items:center;grid-template-columns:1fr auto;min-height:106px;padding:20px 0}.toold_sample .list ul li a strong{color:#141414;font-size:20px;font-weight:500}.toold_sample .list ul li a p{color:#494949;font-size:15px;font-weight:300;line-height:30px}.toold_sample .list ul li a i{display:flex;align-items:center;justify-content:center;width:3rem;aspect-ratio:1/1;border-radius:50%;position:relative;border:1px solid #c4c4c4}.toold_sample .list ul li a i::before{content:'';display:block;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;left:-1px;top:-1px;border-radius:50%;background-image:var(--bg_color);transition:all 0.3s;opacity:0}.toold_sample .list ul li a i::after{content:'';display:block;width:12px;height:10px;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/arrow-line-b.svg) no-repeat center / contain;transition:all 0.3s;transform:rotate(-45deg)}.toold_sample .list ul .active a,.toold_sample .list ul li:hover a{border-color:var(--theme_color)}.toold_sample .list ul .active a i::before,.toold_sample .list ul li:hover a i::before{opacity:1}.toold_sample .list ul .active a i::after,.toold_sample .list ul li:hover a i::after{filter:contrast(0) brightness(2);transform:rotate(0)}.toold_sample .main{margin-top:226px;border-bottom:1px solid #e3e3e3;transition:all 0.3s;padding-bottom:26px}.toold_sample .main.active{border-color:#242424;padding-bottom:3rem}.toold_sample .main.active .title::before{background-image:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/tool-icon.svg)}.toold_sample .main.active .title::after{transform:rotate(135deg)}.toold_sample .title{display:grid;gap:18px;align-items:center;grid-template-columns:auto 1fr auto;cursor:pointer}.toold_sample .title::before{content:'';display:block;width:58px;aspect-ratio:1/1;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/tool-icon-trans.svg) no-repeat center / contain;transition:all 0.3s}.toold_sample .title h3{font-size:34px;font-weight:600}.toold_sample .title::after{content:'';display:block;width:21px;aspect-ratio:1/1;background:url(https://measuresquare.com/wp-content/plugins/sytech-fronteditor/sytpl/toold_sample/assets/img/plus.svg) no-repeat center / contain;transition:all 0.3s}.toold_sample .con{padding-top:70px;display:none}.toold_sample .con .intro{flex:1;max-width:663px;padding-top:4px}.toold_sample .con .intro h4{font-size:28px;font-weight:500}.toold_sample .con .intro p{font-size:17px;font-weight:300;line-height:28px;margin-top:20px}.toold_sample .con .intro p span{color:#c7254e;background-color:#f9f2f4;border-radius:3px;display:inline-block;padding:0 8px}.toold_sample .con .code{width:49.445%}.toold_sample .con .code ul{counter-reset:code;display:grid;gap:22px}.toold_sample .con .code ul li{counter-increment:code;border-radius:8px;overflow:hidden;background-color:#3e444f;color:#fff}.toold_sample .con .code ul li code{white-space:break-spaces;font-weight:500;font-size:17px}.toold_sample .con .code ul li::before{content:'Code 0' counter(code);display:block;background-color:#505865;color:#fff;font-size:17px;line-height:28px;padding:9px 4.7753% 3px}.toold_sample .con .code ul li .img{padding:30px 4.7753% 46px}.toold_sample .con .code ul li .img img{max-width:100%;height:auto;vertical-align:top}@media screen and (min-width:786px) and (max-width:1600px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1440px){.content{max-width:1220px}}@media screen and (min-width:786px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.toold_sample .con .flex{flex-direction:column;gap:3rem}.toold_sample .con .flex .code{width:100%}.toold_sample .flex{flex-direction:column}.toold_sample .head{max-width:100%}.toold_sample .list{width:100%}.toold_sample .main{margin-top:6rem}.toold_sample .title h3{font-size:26px;line-height:1.5}}@media screen and (max-width:786px){.content{padding:0 1.2rem}.toold_sample{padding:3rem 0}.toold_sample .flex{display:block}.toold_sample .head p{font-size:.9rem;line-height:1.5rem;margin-top:.5rem}.toold_sample .list{width:100%;margin-top:1.25rem}.toold_sample .list ul li a{padding:1rem 0;min-height:unset}.toold_sample .list ul li a strong{font-size:14px;line-height:1.5}.toold_sample .list ul li a p{font-size:12px;line-height:1.5}.toold_sample .list ul li a i{width:2rem}.toold_sample .main{margin-top:3rem;padding-bottom:12px}.toold_sample .main.active{padding-bottom:20px}.toold_sample .title{gap:12px}.toold_sample .title::before{width:2rem}.toold_sample .title h3{font-size:14px;line-height:1.5}.toold_sample .title::after{width:12px}.toold_sample .con{padding-top:2rem}.toold_sample .con .intro h4{font-size:18px;line-height:1.5}.toold_sample .con .intro p{font-size:.9rem;line-height:1.5rem;margin-top:.5rem}.toold_sample .con .code{margin-top:2rem;width:100%}.toold_sample .con .code ul{gap:1rem}.toold_sample .con .code ul li code{font-size:15px}}