*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#009f3c;--secondary:#213644;--title:#102f51;--text:#68727a;--border:#e8eef3;--bg:#f5f8fa;--shadow:0 2rem 2rem rgba(208,211,221,0.25)}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:138rem;margin:0 auto;position:relative}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}i,em{font-style:normal}.flex{display:flex}.flex_middle{align-items:center}.btn{font-family:"Geologica",sans-serif;display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all 0.3s;background-color:var(--primary);border:1px solid var(--primary);color:#fff;border-radius:10rem;font-size:1.6rem;font-weight:500;line-height:5.4rem;gap:0.5rem;padding:0 2.9rem}.btn::after{display:inline-block;flex-shrink:0;width:0.6875em;height:0.6875em;content:'';transition:all 0.3s;filter:contrast(0) brightness(2);background:url("https://krenn.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us1-about_banner-img_bg/assets/img/arrow-r.svg") no-repeat center bottom / contain}.btn:hover{background-color:transparent;color:var(--primary)}.btn:hover::after{filter:none;transform:translateX(20%)}.img_bg{position:relative;z-index:2}.img_bg > img,.img_bg > video,.img_bg > iframe,.img_bg > picture{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;z-index:-2}.img_bg > picture img{display:block;width:100%;height:100%;object-fit:cover}.tcon em{font-style:normal;color:var(--primary)}.tcon > em{display:inline-block;text-transform:uppercase;font-weight:500;line-height:1.2;margin-bottom:1.3rem}.tcon h1{font-size:6.4rem;line-height:1.0625;font-weight:600;color:#173a66}.tcon p{font-size:1.8rem;line-height:2.8rem;color:var(--text)}.tcon .line{width:100%;height:1px;background-color:rgba(0,0,0,0.08)}.about_banner{max-width:256rem;margin:0 auto;background-image:linear-gradient(to bottom,#edf4f7,var(--bg))}.about_banner .flex{height:100vh;max-height:73.9rem;min-height:max-content;padding:8rem 0}.about_banner .head{width:50%;max-width:64rem;padding-bottom:0.8%}.about_banner .head p{color:rgba(0,0,0,0.54)}.about_banner h1{max-width:53rem;padding-top:1px}.about_banner .line{margin-top:2rem}.about_banner p{max-width:56.5rem;margin-top:2.9rem}.about_banner .btn{min-width:23.6rem;margin-top:3.8rem}@media screen and (max-width:768px){.content{padding:0 20px}.btn{font-size:14px;line-height:42px;padding:0 20px;min-width:unset;gap:8px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon .line{margin-top:12px}.tcon h1{font-size:38px;line-height:1.2}.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.about_banner .flex{height:auto;padding:50px 0}.about_banner .head{padding:0}}@media screen and (max-width:576px){.about_banner.img_bg > picture{opacity:0.4}.about_banner .head{width:100%}}.content .content{padding:0}li{list-style:none}li.swiper-slide{height:auto}.tcon h2,.tcon .hd_h2{font-size:4.8rem;line-height:1.166667;font-weight:600}.tcon.sm p{font-size:1.6rem;line-height:2.4rem}.tcon.white{color:#fff}.tcon.white p{color:rgba(255,255,255,0.74);font-weight:300;letter-spacing:0.00944em}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe,.img.img_cv picture{object-fit:cover}.img.img_ct img{object-fit:contain}.img.img_ab{position:relative}.img.img_ab img,.img.img_ab video,.img.img_ab iframe,.img.img_ab picture{position:absolute;left:0;top:0}.img.img_aba{position:relative}.img.img_aba::after{content:'';display:block;padding-bottom:var(--h)}.img.img_aba img,.img.img_aba video,.img.img_aba iframe,.img.img_aba picture{position:absolute;left:0;top:0}.img.img_hv:hover img{transform:scale(1.03)}.img img,.img video,.img iframe,.img picture{width:100%;height:100%;display:block;transition:all 0.5s;aspect-ratio:inherit}.about_history{background-color:var(--bg);padding:14.1rem 0 16.1rem}.about_history .nav{margin-top:3.2rem}.about_history .nav .nav_list{display:flex;flex-wrap:wrap;gap:1.5rem}.about_history .nav .nav_item{display:block;cursor:pointer;text-align:center;transition:all 0.3s;font-size:2rem;font-weight:600;color:#1a2d38;border:1px solid #c1c1c1;line-height:1.2;border-radius:1.2em;padding:0.575em 1em;min-width:6.05em}.about_history .nav .nav_item.active,.about_history .nav .nav_item:hover{background-color:var(--primary);border-color:var(--primary);color:#Fff}.about_history .grid{display:grid;grid-template-columns:1fr 45.14492754%;margin-top:6rem}.about_history .grid > div{position:relative;overflow:hidden}.about_history .about_history_img_swiper{overflow:hidden;border-radius:2.2rem}.about_history .about_history_img_swiper .img{padding-bottom:100%}.about_history .about_history_swiper{position:absolute;left:0;right:0;top:-0.3rem;bottom:1px;max-width:53.6rem;overflow:hidden;font-size:1.5rem}.about_history .about_history_swiper::before{position:absolute;width:2px;left:0.7em;top:0.4667em;bottom:0;transform:translateX(-50%);content:'';background-color:#e2e6ea}.about_history .about_history_swiper .swiper-slide{display:grid;grid-template-columns:auto 1fr;align-items:start;max-height:max-content;gap:3rem}.about_history .about_history_swiper .swiper-slide::before{position:relative;z-index:2;display:block;content:'';width:1em;height:1em;border-radius:50%;border:0.2em solid var(--primary);background-color:#fff;margin-top:0.4667em}.about_history .about_history_swiper .swiper-slide.active .info h3{color:var(--primary)}.about_history .about_history_swiper .info h3{font-size:2.8rem;font-weight:600;transition:all 0.3s}.about_history .about_history_swiper .info p{line-height:1.6;color:var(--text);max-width:48.3rem;margin-top:1.3rem}@media screen and (max-width:768px){.about_history{padding:50px 0}.about_history .nav{margin-top:20px}.about_history .nav .nav_list{width:calc(100% + 40px);padding:0 20px;margin:0 -20px;flex-wrap:nowrap;gap:14px;overflow-x:auto}.about_history .nav .nav_list::-webkit-scrollbar{display:none}.about_history .nav .nav_list li{flex-shrink:0}.about_history .nav .nav_item{font-size:14px;white-space:nowrap}.about_history .grid{margin-top:30px}.about_history .about_history_img_swiper{border-radius:10px}.about_history .about_history_swiper{top:0;bottom:0;font-size:14px;padding-right:20px}.about_history .about_history_swiper .swiper-slide{gap:20px}.about_history .about_history_swiper .swiper-slide::before{margin-top:4px}.about_history .about_history_swiper .info h3{font-size:20px}.about_history .about_history_swiper .info p{line-height:1.5;margin-top:5px}}@media screen and (max-width:576px){.about_history{overflow:hidden}.about_history .grid{display:flex;flex-direction:column-reverse}.about_history .grid > div{overflow:unset}.about_history .about_history_swiper{position:relative;left:unset;top:unset;bottom:unset;right:unset;padding:0;overflow:unset;margin-top:30px}.about_history .about_history_swiper::before{top:0.7em;left:-20px;right:-20px;width:unset;height:2px;transform:translateY(-50%)}.about_history .about_history_swiper .swiper-slide{display:block;max-width:240px}.about_history .about_history_swiper .swiper-slide::before{margin:0}.about_history .about_history_swiper .info{margin-top:20px}}.center{text-align:center}.center p,.center .desc,.center h1,.center h2{margin-left:auto;margin-right:auto}.icon{transition:all 0.3s}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:all 0.3s}.about_facility{background-color:var(--secondary);padding:14rem 0 15.9rem}.about_facility .items{margin-top:4.9rem}.about_facility .items ul{display:grid;grid-template-columns:repeat(3,1fr);gap:2.9rem 1.63043478%}.about_facility .items .active .item{background-color:#fff;border-color:#fff}.about_facility .items .active .item .info h3{color:#1a2d38;font-weight:500;letter-spacing:normal}.about_facility .items .active .item .info p{color:var(--text);font-weight:400;letter-spacing:normal}.about_facility .item{display:block;height:100%;align-items:flex-start;border-radius:2.6rem;border:1px solid rgba(255,255,255,0.2);background-color:rgba(255,255,255,0.08);transition:all 0.3s;padding:8.5393258% 6.5168539% 11.011236%}.about_facility .item .icon{width:5.7rem;height:5.7rem;border-radius:1.2rem;background-color:var(--primary)}.about_facility .item .icon img{transform:scale(0.61403509)}.about_facility .item .info{margin-top:4.5rem}.about_facility .item .info h3{font-size:2.2rem;line-height:1.22;color:#fff;max-width:36rem;transition:all 0.3s;font-weight:400;letter-spacing:0.0045em}.about_facility .item .info p{max-width:37.6rem;transition:all 0.3s;margin-top:1.5rem}@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,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.tcon h2,.tcon .hd_h2{font-size:4rem}}@media screen and (max-width:768px){.content{padding:0 20px}.tcon h2,.tcon .hd_h2{font-size:30px;line-height:1.2}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.tcon.sm p{font-size:14px;line-height:1.5}.about_facility{padding:50px 0}.about_facility .items{margin-top:30px}.about_facility .items ul{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:16px}.about_facility .item{border-radius:10px;padding:20px}.about_facility .item .icon{border-radius:6px;width:50px;height:50px}.about_facility .item .info{margin-top:20px}.about_facility .item .info h3{font-size:20px}.about_facility .item .info p{margin-top:10px}}@media screen and (max-width:576px){.about_facility .items ul{margin:0 -20px;padding:0 20px;overflow-x:auto;grid-auto-flow:column;grid-template-columns:none}.about_facility .items ul::-webkit-scrollbar{display:none}.about_facility .items ul li{min-width:250px}}.swiper_box{position:relative}.swiper_content{max-width:141rem;margin:0 auto;position:relative;padding:1.5rem;overflow:hidden}.swiper_btns{gap:1.9rem;display:flex}.swiper_btns div{width:5.9rem;cursor:pointer;transition:all 0.3s;border-radius:50%;border:1px solid var(--primary);background-color:var(--primary)}.swiper_btns div::after{content:'';display:block;width:100%;padding-bottom:100%;transition:all 0.3s;background:url(https://krenn.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us6-about_certified/assets/img/arrow.svg) no-repeat center / 31.58%;filter:contrast(0) brightness(2)}.swiper_btns div:hover{border-color:var(--title);background-color:var(--title)}.swiper_btns .btn_next::after{transform:rotate(180deg)}.swiper_btns .swiper-button-disabled{cursor:default;pointer-events:none;background-color:#fff;border-color:#eaeaea}.swiper_btns .swiper-button-disabled::after{filter:none}.swiper_btns .swiper-button-disabled:hover{background-color:#fff;border-color:#eaeaea}.swiper_btns .swiper-button-disabled:hover::after{filter:none}.swiper_btns:has(.swiper-button-lock){opacity:0}.swiper_btns.middle{width:98%;max-width:160rem;position:absolute;left:50%;top:50%;z-index:2;pointer-events:none;transform:translate(-50%,-50%);justify-content:space-between}.swiper_btns.middle div{pointer-events:all}.swiper_btns.middle .swiper-button-disabled,.swiper_btns.middle .swiper-button-lock{pointer-events:none}.pic .img_aba{position:relative}.pic .img_aba::after{content:'';display:block;padding-bottom:var(--h)}.pic .img_aba img,.pic .img_aba video,.pic .img_aba iframe,.pic .img_aba picture{position:absolute;left:0;top:0}.about_certified{padding:6.9rem 0 14.6rem}.about_certified p{margin-top:1.5rem}.about_certified .about_certified_swiper{margin-top:3.7rem}.about_certified .about_certified_swiper .active .pic::after{opacity:1}.about_certified .about_certified_swiper .pic{position:relative;border-radius:var(--rd);border:1px solid #e2e9f1;--rd:1.8rem;padding-bottom:126.07003891%}.about_certified .about_certified_swiper .pic::after{position:absolute;left:0;right:0;bottom:0;top:0;margin:-0.5px;content:'';border-radius:var(--rd);border:2px solid var(--primary);transition:all 0.3s;opacity:0;pointer-events:none;box-shadow:var(--shadow)}.about_certified .about_certified_swiper .pic .img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);--h:143.52941176%}.about_certified .about_certified_swiper .pic .img_ct{width:66.6666667%}.about_certified .about_certified_swiper .pic .img_cv{width:64.31372549%;box-shadow:0 1rem 1rem rgba(188,188,188,0.14)}.about_certified .about_certified_swiper .info{text-align:center;margin-top:2.1rem}.about_certified .about_certified_swiper .info h3{font-size:1.8rem;font-weight:500;color:#1a2d38}.about_certified .about_certified_swiper .info p{font-size:1.4rem;color:var(--text);margin-top:0.6rem}.about_certified .swiper_btns.middle{top:46.4%}@media screen and (max-width:768px){.content{padding:0 20px}.swiper_content{padding:10px 20px}.swiper_btns{gap:14px}.swiper_btns div{width:44px}.swiper_btns.middle:not(:has(.swiper-button-lock)){position:static;width:100%;max-width:unset;justify-content:flex-end;transform:translate(0);pointer-events:all;margin-top:30px;padding:0 20px}.tcon h2,.tcon .hd_h2{font-size:30px;line-height:1.2}.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.about_certified{padding:50px 0;overflow:hidden}.about_certified .swiper_content{overflow:unset;padding:0 20px}.about_certified .about_certified_swiper{margin-top:30px}.about_certified .about_certified_swiper .pic{--rd:10px}.about_certified .about_certified_swiper .info{margin-top:16px}.about_certified .about_certified_swiper .info h3{font-size:16px}.about_certified .about_certified_swiper .info p{font-size:13px;margin-top:5px}}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.gap{gap:3rem}.swiper_btns div::after{content:'';display:block;width:100%;padding-bottom:100%;transition:all 0.3s;background:url(https://krenn.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us7-page_cases/assets/img/arrow.svg) no-repeat center / 31.58%;filter:contrast(0) brightness(2)}.swiper_con div.swiper-scrollbar{position:static;flex:1;width:100%;max-width:119.6rem;height:1px;background:rgba(0,0,0,0.12);border-radius:10px}.swiper_con div.swiper-scrollbar .swiper-scrollbar-drag{height:2px;background:var(--primary);top:-0.5px;border-radius:10px}.page_cases{background-color:var(--bg);padding:15.5rem 0 16.5rem;overflow:hidden}.page_cases .page_cases_swiper{margin-top:5rem}.page_cases .page_cases_swiper .swiper-slide{width:45%;max-width:60rem}.page_cases .item{display:block;height:100%}.page_cases .item:hover img{transform:scale(1.03)}.page_cases .item .img{border-radius:1.4rem;padding-bottom:55%}.page_cases .item .info{margin-top:2.9rem}.page_cases .item .info h3{font-size:2.2rem;font-weight:500;color:#1a2d38}.page_cases .item .info p{max-width:44.5rem;margin-top:1.2rem}.page_cases .swiper_con{margin-top:4.8rem}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-lock{display:none}@media screen and (max-width:768px){.content{padding:0 20px}.gap{gap:20px}.swiper_btns{gap:14px}.swiper_btns div{width:44px}.tcon h2,.tcon .hd_h2{font-size:30px;line-height:1.2}.tcon p{font-size:14px;line-height:1.5;margin-top:10px}.tcon.sm p{font-size:14px;line-height:1.5}.page_cases{padding:50px 0}.page_cases .page_cases_swiper{margin-top:30px}.page_cases .page_cases_swiper .swiper-slide{width:unset;max-width:320px}.page_cases .item .img{border-radius:10px}.page_cases .item .info{margin-top:14px}.page_cases .item .info h3{font-size:18px}.page_cases .item .info p{margin-top:10px}.page_cases .swiper_con{margin-top:30px}.swiper_con div.swiper-scrollbar{max-width:100%}}