.projects-filter{display:flex;align-items:center;justify-content:flex-start;gap:15px;width:100%;margin-bottom:30px;}.projects-filter li{display:block;font-family:"Inter",sans-serif;font-size:15px;font-weight:600;letter-spacing:-.2px;color:#1c1c1c;cursor:pointer;transition:all .5s cubic-bezier(.1,.75,.25,1);}.projects-filter li:hover{color:#fa360a;}.projects-filter.style-1 li{padding:5px 15px;border-radius:2px;}.projects-filter.style-1 li.active{background-color:#fa360a;color:#fff;transition:all .5s cubic-bezier(.1,.75,.25,1);}.projects-filter.style-2 li{background-image:linear-gradient(#fa360a 0%,#fa360a 98%);background-size:0 2px;background-repeat:no-repeat;background-position:left 100%;}.projects-filter.style-2 li.active,.projects-filter.style-2 li:hover{background-size:100% 2px;color:#fa360a;}.el-project-items{margin:0 -15px;}.el-project-items .el-project-item{float:left;width:calc(100% / 3);padding:15px;}.el-project-item .project-thumb{background-color:#1b1525;position:relative;overflow:hidden;}.el-project-item .project-thumb .details-link{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;}.el-project-item .project-thumb img{height:100%;display:block;transform:scale(1.01);mix-blend-mode:luminosity;transition:all .5s cubic-bezier(.1,.75,.25,1);}.el-project-item:hover .project-thumb img{transform:scale(1.1);mix-blend-mode:normal;}.el-project-item .el-img-popup{background-color:#fff;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;right:10px;top:15px;color:#1c1c1c;visibility:hidden;opacity:0;transform:translateY(-70px);transition:all .5s cubic-bezier(.1,.75,.25,1);z-index:2;}.el-project-item .el-img-popup:hover{color:#1c1c1c;}.el-project-item:hover .el-img-popup{transform:translateY(0);visibility:visible;opacity:1;}.el-project-item .project-content{background-color:#fff;padding:30px 20px;margin:0 10px;margin-top:-55px;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 1px 3px rgb(0 0 0 / 10%);z-index:1;}.el-project-item .project-content svg{width:50px;height:50px;position:absolute;left:-20px;top:-20px;}.el-project-item .project-content .shape{background:#fa360a;width:50px;height:100px;position:absolute;right:0;top:-60px;border-radius:2px;transform:rotate(45deg);}.el-project-item .project-content .shape.shape-2{opacity:.5;right:30px;top:-70px;}.el-project-item .project-content .shape.shape-3{background:#021138;opacity:.8;width:60px;right:-25px;top:-50px;z-index:-1;height:60px;}.el-project-item .project-content .category{font-family:"Inter",sans-serif;font-size:14px;font-weight:500;color:#666;margin-bottom:5px;display:block;}.el-project-item .project-content h3{font-family:"Inter",sans-serif;font-size:20px;line-height:22px;font-weight:700;color:#1c1c1c;letter-spacing:-.5px;margin:0;}.el-project-item .project-content h3 a{color:#1c1c1c;}.el-project-item .project-content .category:hover,.el-project-item .project-content h3 a:hover{color:#fa360a;}.el-project-pagination{display:flex;align-items:center;justify-content:center;width:100%;margin-top:40px;}.el-project-pagination span,.el-project-pagination a{width:40px;height:40px;line-height:40px;text-align:center;background-color:#eee;color:#343352;border-radius:2px;margin:0 5px;}.el-project-pagination a:hover,.el-project-pagination span.current{background-color:#fa360a;color:#fff;}.el-project-pagination a svg{width:20px;}.rtl .el-project-pagination a.next,.rtl .el-project-pagination a.prev{transform:rotate(180deg);}