.projects{position:relative}@media screen and (max-width:1200px){.projects{padding:2rem 0 3rem}}@media screen and (max-width:768px){.projects-col{width:50%}}@media screen and (max-width:450px){.projects-col{width:100%}}.projects .pagination{margin-top:4rem}@media screen and (max-width:1200px){.projects .pagination{margin-top:2rem}}.projectdt{position:relative;overflow:hidden}.projectdt-head{padding-bottom:3.2rem}@media screen and (max-width:1200px){.projectdt-head{padding-bottom:1.6rem}}.projectdt-head .list{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:4rem 3.2rem}@media screen and (max-width:500px){.projectdt-head .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.projectdt-head .item{border-bottom:.2rem solid #ff9122;padding-bottom:2.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.6rem}@media screen and (max-width:1200px){.projectdt-head .item{padding-bottom:1.2rem;gap:.8rem}}@media screen and (max-width:500px){.projectdt-head .item{width:100%}}.projectdt-head .item .tag{font-size:1.6rem}.projectdt-head .item .txt{font-size:1.6rem;font-weight:700}.projectdt-head .title .txt{--f-sz:1.6rem;font-size:var(--f-sz);color:#3f3f46}@media screen and (max-width:800px){.projectdt-head .title .txt{--f-sz:1.4rem}}.projectdt-row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1200px){.projectdt-col{width:100%}}.projectdt-slider{position:relative}.projectdt-slider .swiper{overflow:visible}.projectdt-slider .swiper-slide-active .projectdt-img::before{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}@media screen and (min-width:1201px){.projectdt-slider .swiper-next,.projectdt-slider .swiper-prev{--wbtn:4rem;--f-sz:clamp(2.2rem, calc(0.2rem + 2.5vw), 3.2rem);font-size:var(--f-sz);color:#fff;background-color:transparent;border-color:transparent}.projectdt-slider .swiper-next i,.projectdt-slider .swiper-prev i{-webkit-transition:all .3s ease;transition:all .3s ease}.projectdt-slider .swiper-next:hover i,.projectdt-slider .swiper-prev:hover i{-webkit-transform:scale(1.2);transform:scale(1.2);color:#ff9122}.projectdt-slider .swiper-next::before,.projectdt-slider .swiper-prev::before{display:none}}@media screen and (max-width:1200px){.projectdt-slider .swiper-next,.projectdt-slider .swiper-prev{--wbtn:3.2rem}}@media screen and (max-width:800px){.projectdt-slider .swiper-next,.projectdt-slider .swiper-prev{display:none}}.projectdt-slider .swiper-next{right:calc(-1 * var(--wbtn)*2)}@media screen and (max-width:1400px){.projectdt-slider .swiper-next{right:0}}.projectdt-slider .swiper-prev{left:calc(-1 * var(--wbtn)*2)}@media screen and (max-width:1400px){.projectdt-slider .swiper-prev{left:0}}.projectdt-slider .swiper-pagination{bottom:2rem!important}@media screen and (min-width:801px){.projectdt-slider .swiper-pagination{display:none}}.projectdt-slider .swiper-pagination-bullet{background-color:#fff}.projectdt-img{width:100%;overflow:hidden;position:relative;z-index:1}.projectdt-img .in{display:block;padding-top:calc((700 / 1216) * 100%);position:relative;overflow:hidden;width:100%}.projectdt-img .in img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.projectdt-img::before{position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));background:linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%);z-index:1;-webkit-transition:all .75s ease;transition:all .75s ease;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.projectdt-des{width:calc(10/12 * 100%);margin:0 auto}@media screen and (max-width:800px){.projectdt-des{width:100%}}.projectdt-des .mona-content h2,.projectdt-des .mona-content h3{color:#ff9122}@media screen and (max-width:1200px){.projectrl{padding:4rem 0 8rem}}@media screen and (max-width:768px){.projectrl-slider .swiper-slide{width:50%}}@media screen and (max-width:450px){.projectrl-slider .swiper-slide{width:100%}}@media screen and (max-width:800px){.projectrl-slider .swiper-pagination{margin-bottom:-2rem!important}}@media screen and (max-width:1200px){.projectrl-des .mona-content img{margin-bottom:1.6rem}}