.page_banner .head{padding-top:8rem}.page_banner h1{max-width:123rem;margin:0 auto;line-height:1.1}.project_gallery{padding:12rem 0 3.3rem;overflow:hidden;position:relative}.project_gallery li.swiper-slide{aspect-ratio:124/80}.project_gallery li.swiper-slide img{width:100%;height:100%;object-fit:cover}.project_gallery li.swiper-slide:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.7);z-index:9;transition:all 0.3s;opacity:1}.project_gallery li.swiper-slide.swiper-slide-active:after{opacity:0}.project_gallery .swiper_btns.middle{filter:brightness(100);justify-content:center;gap:3.5rem;align-items:center}.project_gallery .swiper_btns.middle .btn_prev+span{margin-right:auto}.project_gallery .swiper_btns.middle .btn_prev+span{margin-right:auto}.project_main{padding:3.3rem 0 11.6rem}.project_main .details_text p .big{font-size:8.2rem;color:#000}.project_main .details_text{padding-bottom:4.8rem;border-bottom:2px solid #EEE}.project_main .details_text p{font-size:1.8rem;line-height:3.2rem;color:#5b5245}.project_main .details_text p+p{margin-top:3.5rem}.project_main .left{width:52.8125%}.project_main .right{width:33.125%;padding-top:4.5rem}.project_main .bottom{padding-top:3rem}.project_main .bottom .tags{display:flex;align-items:center}.project_main .bottom .tags strong{font-size:1.8rem;font-weight:600;color:#000;margin-right:3.8rem}.project_main .bottom .tags ul{display:flex;gap:1.4rem}.project_main .bottom .tags ul li{background-color:#FBFBFB;padding:.9rem 4.7rem;transition:all 0.3s}.project_main .bottom .tags ul li:hover{background-color:var(--primary)}.project_main .bottom .shares ul{display:flex;gap:1.1rem}.project_main .bottom .shares ul li a{display:inline-block;width:5rem;height:5rem;border-radius:50%;text-indent:-9999px;background-color:#fff;border:1px solid #EAEAEA;transition:all 0.3s;position:relative}.project_main .bottom .shares ul li a:after{content:"";width:50%;height:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:brightness(0);transition:all 0.3s;background:url(../../../../../../../../themes/sytech/assets/img/facebook.svg) no-repeat center/contain}.project_main .bottom .shares ul li.twitter a:after{background-image:url(../../../../../../../../themes/sytech/assets/img/twitter.svg)}.project_main .bottom .shares ul li.linkedin a:after{background-image:url(../../../../../../../../themes/sytech/assets/img/linkedin.svg)}.project_main .bottom .shares ul li.active a{background-color:#D2C6B8}.project_main .right{position:sticky;top:2rem}.project_main .right li{display:flex;align-items:flex-start;gap:7rem}.project_main .right li strong{display:inline-block;min-width:19rem;font-size:1.8rem;font-weight:500;color:#000}.project_main .right li+li{margin-top:3.1rem}.project_main .right li p{font-size:1.8rem;color:#666}.project_related{padding-bottom:14.5rem}.project_related .swiper_project_related{overflow:hidden;padding-bottom:1rem}.project_related .head{margin-bottom:4.8rem}.project_related ul li{position:relative}.project_related ul li .img{aspect-ratio:78/48;position:relative;margin-bottom:4rem}.project_related ul li:hover .img img{transform:scale(1.05)}.project_related ul li .img span{padding:1.5rem 2rem;background-color:#161616;color:#fff;font-size:1.8rem;text-transform:uppercase;display:inline-block;position:absolute;left:0;bottom:0}.project_related ul li strong{font-size:3.4rem;line-height:4.2rem;font-weight:500;color:#091b35;letter-spacing:1px;display:block;margin-bottom:6rem}.project_related ul li .btn_read{font-size:1.8rem;text-transform:uppercase;position:relative;display:inline-block;position:absolute;left:0;bottom:0}.project_related ul li .btn_read:after{content:"";width:100%;height:2px;background-color:var(--primary);position:absolute;left:0;bottom:-.7rem}.project_related p.center{margin-top:7rem}.project_related .btn_more{font-size:1.8rem;padding:.7rem 5.4rem}@media screen and (max-width:1220px){.project_main .bottom>.flex{flex-flow:wrap;gap:20px}.project_main .bottom .tags{flex-flow:wrap;gap:20px}.project_main .bottom .tags strong,.project_main .bottom .tags li{white-space:nowrap}.project_main .right li{flex-flow:wrap;gap:20px}}@media screen and (max-width:768px){.page_banner .head{padding-top:0}.project_gallery{padding:50px 0}.project_gallery .swiper_btns.middle{width:88%;gap:20px}.project_main{padding:30px 0}.project_main .content>.flex{flex-flow:wrap}.project_main .content>.flex .left{width:100%}.project_main .details_text p{font-size:14px;line-height:1.7}.project_main .details_text p .big{font-size:30px}.project_main .details_text p+p{margin-top:20px}.project_main .details_text{padding-bottom:30px}.project_main .bottom>.flex{flex-flow:wrap}.project_main .bottom .tags{width:100%;flex-flow:wrap}.project_main .bottom .tags strong{font-size:17px;margin-bottom:10px;width:100%;display:block}.project_main .bottom .tags ul li{padding:10px 20px;font-size:14px}.project_main .bottom .shares{margin-top:20px}.project_main .bottom .shares ul li a{width:45px;height:45px}.project_main .right{width:100%;padding-top:30px}.project_main .right li strong{width:40%;min-width:40%;font-size:15px}.project_main .right li p{font-size:15px;width:60%}.project_main .right li{gap:20px}.project_main .right li+li{margin-top:15px}.project_related{padding:30px 0}.project_related ul li .img{margin-bottom:10px}.project_related ul li .img span{width:100%;padding:10px;font-size:13px;width:auto}.project_related ul li strong{font-size:16px;line-height:1.5;margin-bottom:30px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.project_related ul li .btn_read{font-size:14px}.project_related p.center{margin-top:50px}.project_related .btn_more{font-size:14px;padding:5px 30px}.project_related .head{margin-bottom:20px}}