.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: -0.2px;color: #1c1c1c;cursor: pointer;transition: all 0.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 0.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 0.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 svg{fill: currentColor;width: auto;height: 14px;}.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 0.5s cubic-bezier(.1, .75, .25, 1);z-index: 2;}.rtl .el-project-item .el-img-popup{right: auto;left: 10px;}.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;}.rtl .el-project-item .project-content svg{left: auto;right: -20px;}.el-project-item .project-content .shape-container{position: absolute;right: 0;top: 0;}.rtl .el-project-item .project-content .shape-container{right: auto;left: 106px;}.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: 0.5;right: 30px;top: -70px;}.el-project-item .project-content .shape.shape-3 {background: #021138;opacity: 0.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: -0.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);}