*{margin:0;padding:0;box-sizing:border-box}.content{max-width:160rem;margin:0 auto;position:relative;z-index:2}html{scroll-behavior:smooth}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}:root{--theme_color:#77ec5e;--subtheme_color:#19524d;--hover_color:#000;--title_color:#081528;--content_color:#4f5154;--bg_color:linear-gradient(to right,#000,#000)}html{font-size:clamp(7.5px,0.522vw,10px)}ul{list-style:none}.flex_top{align-items:flex-start}body{position:relative;font-size:1.6rem;word-break:break-word;color:var(--title_color)}.gap{gap:2rem}li.swiper-slide{height:auto}.img.img_cv{overflow:hidden}.img.img_cv img{object-fit:cover}.img.img_ab{position:relative}.img.img_ab img{position:absolute;left:0;top:0}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.case_intro{padding:6.6rem 0 4.7rem}.case_intro .case_intro_swiper{overflow:hidden;width:51.5%}.case_intro .case_intro_swiper+.items{max-width:72.2rem}.case_intro .case_intro_swiper .img{padding-bottom:75.7282%}.case_intro .case_intro_swiper .img:hover img{transform:scale(1.02)}.case_intro .items{flex:1 1 0%;margin-top:3.2rem}.case_intro .items .item:first-child p{display:block}.case_intro .items strong{display:block;border-top:1px solid var(--subtheme_color);font-size:3.4rem;font-weight:600;color:var(--subtheme_color);cursor:pointer;padding:2.3rem 0 5.1rem}.case_intro .items p{display:none;font-size:1.8rem;line-height:3rem;color:var(--content_color);hyphens:auto;padding-bottom:9.3rem;margin-top:-.8rem}@media screen and (max-width:768px){.case_intro{padding:3rem 0}.case_intro .case_intro_swiper{width:100%}.case_intro .items{width:100%;margin:0}.case_intro .items strong{font-size:18px;padding:14px 0}.case_intro .items p{font-size:.9rem;line-height:1.5;padding-bottom:1.2rem;margin-top:0}html{font-size:16px}body{font-size:1rem}.content{padding:0 20px}.gap{gap:2rem 1rem}}@media screen and (min-width:640px) and (max-width:768px){.case_intro .case_intro_swiper{width:51.5%}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}.head h2{font-size:6.4rem;line-height:8.2rem;font-weight:600}.head h2::before{display:none;width:6.4rem;height:6.4rem;content:"";background:url(https://brogen3.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/case2-case_advantages/assets/img/lightning.svg) center center / contain no-repeat}.head.lit h2{font-size:4.8rem;line-height:6rem}.case_advantages{padding:4.7rem 0 7.45rem}.case_advantages .nums{margin-top:4.4rem}.case_advantages .nums ul{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem 1.875%}.case_advantages .nums li{display:flex;flex-direction:column}.case_advantages .nums .label{display:grid;grid-template-columns:5px 1fr;align-items:center;font-size:2rem;color:rgb(0,0,0);gap:1.2rem;margin-bottom:auto}.case_advantages .nums .label::before{display:block;padding-bottom:100%;border-radius:50%;background-color:var(--theme_color);content:""}.case_advantages .nums .line{width:100%;height:1px;background-color:rgb(184,201,200);margin:1.8rem 0 .4rem}.case_advantages .nums .num{white-space:nowrap;font-size:7.4rem;font-weight:500;color:var(--subtheme_color)}.fadeInLeft{animation-name:fadeInLeft}@media screen and (max-width:768px){.head.lit h2{font-size:22px;line-height:1.5}.case_advantages{padding:3rem 0}.case_advantages .nums{margin-top:2rem}.case_advantages .nums ul{grid-template-columns:1fr 1fr;gap:2rem 1rem}.case_advantages .nums .label{font-size:.9rem;gap:10px}.case_advantages .nums .line{margin:10px 0}.case_advantages .nums .num{font-size:1.5rem}.head h2{font-size:22px;line-height:1.5;letter-spacing:unset;word-spacing:unset;max-width:unset}.head h2::before{width:2rem;height:2rem}}@media screen and (min-width:640px) and (max-width:768px){.head.lit h2{font-size:28px}.head h2{font-size:28px}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}100%{opacity:1;transform:none}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-13%,0,0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-13%,0,0)}}i{font-style:normal}.head h2::before{display:none;width:6.4rem;height:6.4rem;content:"";background:url(https://brogen3.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/case3-case_work/assets/img/lightning.svg) center center / contain no-repeat}.case_work{padding:7.45rem 0 13.8rem}.case_work .grid{display:grid;grid-template-columns:63% 1fr;gap:2rem 1.1875%;margin-top:4.9rem}.case_work .left{display:flex;align-items:center}.case_work .video{position:relative;width:100%;padding-bottom:55.0595%;overflow:hidden;cursor:pointer}.case_work .video video{width:100%;height:100%;display:block;object-fit:cover;position:absolute;left:0;top:0}.case_work .video .btn_play{position:absolute;width:9.1rem;height:9.1rem;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);border-radius:50%;background:url(https://brogen3.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/case3-case_work/assets/img/play2.svg) no-repeat center / contain var(--theme_color);transition:0.4s,opacity 0.3s;cursor:pointer}.case_work .video .btn_play:hover{transform:translate(-50%,-50%) scale(1.1)}.case_work .video.active .btn_play{opacity:0}.case_work .card{background-color:rgb(232,241,237);display:flex;flex-direction:column;justify-content:space-between;--deg:4.7rem;clip-path:polygon(calc(100% - var(--deg)) 0,100% var(--deg),100% 100%,0 100%,0 0);padding:6.1rem 10% 4.3rem}.case_work .card h3{font-size:4.2rem;line-height:5rem;font-weight:600;color:var(--subtheme_color)}.case_work .card p{font-size:1.8rem;line-height:3rem;color:var(--content_color);margin-top:2rem}@media screen and (max-width:768px){.head.lit h2{font-size:22px;line-height:1.5}.case_work{padding:3rem 0}.case_work .grid{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.case_work .video .btn_play{width:3rem;height:3rem}.case_work .card{--deg:20px;padding:1.2rem 20px}.case_work .card h3{font-size:18px;line-height:1.5}.case_work .card p{font-size:.9rem;line-height:1.5;margin-top:10px}}@media screen and (min-width:640px) and (max-width:768px){.head.lit h2{font-size:28px}.case_work .grid{display:grid}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}.case_work input{padding:8px;width:50%;display:none;margin-top:2rem;border:1px solid rgba(0,0,0,.5)}.toplevel_page_sytech_fronteditor .case_work input{display:block}.case_desc{padding-bottom:4.65rem}.case_desc .img{width:100%}.case_desc .card{position:relative;background-color:rgb(255,255,255);--deg:4.7rem;clip-path:polygon(calc(100% - var(--deg)) 0,100% var(--deg),100% 100%,0 100%,0 0);max-width:100.7rem;padding:4.8rem 10.5% 4.8rem 3.5%;margin-top:-4.7rem}.case_desc .card::after{width:1.1rem;height:1.1rem;position:absolute;right:5.26316%;top:6.8rem;border-radius:50%;background-color:var(--theme_color);content:""}.case_desc .card h2{font-size:4.2rem;line-height:4.8rem;font-weight:600;color:var(--subtheme_color)}.case_desc .card p{font-size:1.8rem;line-height:3rem;color:var(--content_color);margin-top:3.1rem}.fadeInUp{animation-name:fadeInUp}@media screen and (max-width:768px){.case_desc{padding-bottom:2rem}.case_desc .card{--deg:20px;padding:1.2rem 20px;margin-top:-2rem}.case_desc .card::after{width:8px;height:8px;right:10px;top:30px}.case_desc .card h2{font-size:18px;line-height:1.5}.case_desc .card p{font-size:.9rem;line-height:1.5;margin-top:10px}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}}a{color:inherit;font-size:inherit;text-decoration:none}.img.img_ct img{object-fit:contain}.swiper_btns{gap:3.7rem;display:flex}.swiper_btns div{width:6.2rem;height:6.2rem;cursor:pointer;transition:0.3s;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--theme_color);background-color:var(--theme_color)}.swiper_btns div::after{content:"";display:block;width:1.7rem;height:1.7rem;transition:0.3s;background:url(https://brogen3.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/case5-case_parameters/assets/img/arrow.svg) center center / contain no-repeat}.swiper_btns div:hover{border-color:var(--subtheme_color);background-color:var(--subtheme_color)}.swiper_btns div:hover::after{filter:contrast(0) brightness(2)}.swiper_btns .btn_next::after{transform:rotate(180deg)}.swiper_btns .swiper-button-disabled{pointer-events:none;background-color:transparent;border-color:rgb(191,209,207)}.swiper_btns .swiper-button-disabled::after{filter:none;opacity:.5}.swiper_btns .swiper-button-lock{opacity:0;pointer-events:none}.head h2::before{display:none;width:6.4rem;height:6.4rem;content:"";background:url(https://brogen3.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/case5-case_parameters/assets/img/lightning.svg) center center / contain no-repeat}.case_parameters{padding:4.65rem 0 6.35rem}.case_parameters .nav{display:flex;background-color:rgb(232,241,237);justify-content:space-between;gap:2rem;padding:0 2.75%;margin-top:4.8rem}.case_parameters .nav .case_parameters_nav_swiper{overflow:hidden}.case_parameters .nav .case_parameters_nav_swiper .swiper-slide{font-size:2rem;color:rgb(0,0,0);transition:0.3s;cursor:pointer;border-bottom:4px solid transparent;padding:2.8rem 0 2.2rem;width:auto!important}.case_parameters .nav .case_parameters_nav_swiper .swiper-slide-thumb-active{border-bottom-color:var(--theme_color)}.case_parameters .nav .swiper_btns{align-self:center;gap:2.1rem}.case_parameters .nav .swiper_btns div{width:4.5rem;height:4.5rem;background-color:var(--subtheme_color);border-color:var(--subtheme_color)}.case_parameters .nav .swiper_btns div::after{filter:contrast(0) brightness(2)}.case_parameters .nav .swiper_btns div:hover{background-color:var(--theme_color);border-color:var(--theme_color)}.case_parameters .nav .swiper_btns div:hover::after{filter:unset}.case_parameters .nav .swiper_btns .swiper-button-disabled{border-color:rgb(191,209,207);background-color:rgb(191,209,207)}.case_parameters .nav .swiper_btns .swiper-button-disabled::after{filter:unset}.case_parameters .case_parameters_swiper{overflow:hidden;margin-top:5rem}.case_parameters .case_parameters_swiper .left{width:32.5%}.case_parameters .case_parameters_swiper .img_box{max-width:35rem;margin:0 auto 6.2rem}.case_parameters .case_parameters_swiper .img_box .img{padding-bottom:66.857%}.case_parameters .case_parameters_swiper .img_box .img:hover img{transform:scale(1.02)}.case_parameters .case_parameters_swiper .img_box .label{font-size:2.2rem;color:rgb(0,0,0);margin-top:.5rem;text-align:center}.case_parameters .case_parameters_swiper .links .title{display:grid;grid-template-columns:2.4rem 1fr;align-items:center;font-size:2.4rem;font-weight:600;border-bottom:1px solid rgba(0,0,0,.24);color:rgb(0,0,0);gap:1.1rem;padding-bottom:1.5rem}.case_parameters .case_parameters_swiper .links .title::before{padding-bottom:100%;display:block;content:"";background:url(https://brogen3.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/case5-case_parameters/assets/img/icon-link.svg) center center / contain no-repeat}.case_parameters .case_parameters_swiper .links ul{margin-top:3.1rem}.case_parameters .case_parameters_swiper .links li+li{margin-top:1.5rem}.case_parameters .case_parameters_swiper .links a{display:flex;align-items:center;gap:1.9rem}.case_parameters .case_parameters_swiper .links a:hover::after{background-color:var(--theme_color)}.case_parameters .case_parameters_swiper .links a .ft{font-size:1.348rem;color:rgb(0,0,0);border-radius:100px;line-height:2.25rem;border:1px solid rgba(0,0,0,.24);padding:0 1.35rem}.case_parameters .case_parameters_swiper .links a .name{font-size:2rem;color:rgb(79,81,84);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}.case_parameters .case_parameters_swiper .links a::after{width:3.2rem;height:3.2rem;display:block;content:"";transition:0.3s;background:url(https://brogen3.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/case5-case_parameters/assets/img/icon-download2.svg) center center / contain no-repeat rgba(224,224,224,.54)}.case_parameters .case_parameters_swiper .items{flex:1 1 0%;max-width:103.7rem}.case_parameters .case_parameters_swiper .items .item{background-color:rgb(250,251,251);margin-bottom:2rem}.case_parameters .case_parameters_swiper .items .item.active .title{padding-top:2.9rem}.case_parameters .case_parameters_swiper .items .item.active .title i{background-color:var(--theme_color)}.case_parameters .case_parameters_swiper .items .item.active .title i::before,.case_parameters .case_parameters_swiper .items .item.active .title i::after{background-color:var(--title_color)}.case_parameters .case_parameters_swiper .items .item.active .title i::after{transform:rotate(90deg);opacity:0}.case_parameters .case_parameters_swiper .items .item:last-child{margin-bottom:0}.case_parameters .case_parameters_swiper .items .title{display:grid;grid-template-columns:1.1rem 1fr auto;align-items:center;font-size:2.4rem;font-weight:600;color:var(--subtheme_color);cursor:pointer;gap:2rem;padding:2.3rem 4.143% 2.4rem 4.343%}.case_parameters .case_parameters_swiper .items .title::before{padding-bottom:100%;display:block;content:"";border-radius:50%;background-color:var(--theme_color)}.case_parameters .case_parameters_swiper .items .title i{width:4.7rem;height:4.7rem;border-radius:50%;border:3px solid var(--theme_color);position:relative;display:inline-flex;align-items:center;justify-content:center}.case_parameters .case_parameters_swiper .items .title i::before,.case_parameters .case_parameters_swiper .items .title i::after{position:absolute;width:43.9%;height:3px;content:"";display:block;background-color:var(--theme_color)}.case_parameters .case_parameters_swiper .items .title i::after{width:3px;height:43.9%;transition:0.3s,transform 0.4s}.case_parameters .case_parameters_swiper .items .desc{display:none;font-size:1.8rem;line-height:2.4rem;color:var(--content_color);padding:0 4.443% 8.3rem;margin-top:-1.1rem}.case_parameters .case_parameters_swiper .items .desc table{width:100%;border-collapse:collapse;table-layout:fixed}.case_parameters .case_parameters_swiper .items .desc table td{border-bottom:1px solid rgba(79,81,84,.24);padding:2.3rem 0 2.4rem}@media screen and (max-width:768px){.head.lit h2{font-size:22px;line-height:1.5}.case_parameters{padding:3rem 0}.case_parameters .nav{margin-top:2rem;gap:1rem;flex-direction:column;align-items:unset;justify-content:unset;background-color:transparent;padding:0}.case_parameters .nav .case_parameters_nav_swiper{background-color:rgb(232,241,237);padding:0 20px}.case_parameters .nav .case_parameters_nav_swiper .swiper-slide{font-size:1rem;padding:14px 0;border-bottom-width:3px}.case_parameters .nav .swiper_btns{gap:1rem;width:100%;justify-content:flex-end}.case_parameters .nav .swiper_btns div{width:40px;height:40px}.case_parameters .case_parameters_swiper{margin-top:2rem}.case_parameters .case_parameters_swiper .left{width:100%}.case_parameters .case_parameters_swiper .img_box{max-width:320px;margin-bottom:2rem}.case_parameters .case_parameters_swiper .img_box .label{font-size:1rem;margin-top:10px}.case_parameters .case_parameters_swiper .links .title{font-size:18px;grid-template-columns:14px 1fr;gap:10px;padding-bottom:12px}.case_parameters .case_parameters_swiper .links ul{margin-top:1rem}.case_parameters .case_parameters_swiper .links li+li{margin-top:12px}.case_parameters .case_parameters_swiper .links a{gap:1rem}.case_parameters .case_parameters_swiper .links a .ft{font-size:12px;line-height:20px;padding:0 10px}.case_parameters .case_parameters_swiper .links a .name{font-size:14px}.case_parameters .case_parameters_swiper .links a::after{width:22px;height:22px}.case_parameters .case_parameters_swiper .items{width:100%;max-width:unset}.case_parameters .case_parameters_swiper .items .item{margin-bottom:1rem}.case_parameters .case_parameters_swiper .items .item.active .title{padding-top:14px}.case_parameters .case_parameters_swiper .items .title{font-size:18px;grid-template-columns:8px 1fr auto;gap:12px;padding:14px 20px}.case_parameters .case_parameters_swiper .items .title i{width:2rem;height:2rem;border-width:2px}.case_parameters .case_parameters_swiper .items .title i::before{height:2px}.case_parameters .case_parameters_swiper .items .title i::after{width:2px}.case_parameters .case_parameters_swiper .items .desc{font-size:14px;line-height:1.5;padding:0 20px 2rem;margin-top:0}.case_parameters .case_parameters_swiper .items .desc table td{padding:12px 20px 12px 0}.swiper_btns{gap:1rem}.swiper_btns div{width:40px;height:40px}.swiper_btns div::after{width:14px;height:14px}}@media screen and (min-width:640px) and (max-width:768px){.head.lit h2{font-size:28px}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}}}}}