.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: #16243d;cursor: pointer;transition: all 0.5s cubic-bezier(.1, .75, .25, 1);}.projects-filter li:hover {color: #015fc9;}.projects-filter.style-1 li {padding: 5px 15px;border-radius: 2px;}.projects-filter.style-1 li.active {background-color: #015fc9;color: #fff;transition: all 0.5s cubic-bezier(.1, .75, .25, 1);}.projects-filter.style-2 li {background-image: linear-gradient(#015fc9 0%, #015fc9 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: #015fc9;}.projects-filter.style-3 li {background-image: linear-gradient(0deg, #015fc9, #015fc9);background-repeat: no-repeat;background-position: right bottom;background-size: 0 100%;padding: 5px 10px;transition: background-size 350ms;}.projects-filter.style-3 li:where(:hover, :focus-visible, .active) {background-size: 100% 100%;background-position-x: left;color: #fff;transition: background-size 350ms;}@media (max-width: 600px){.projects-filter{flex-wrap: wrap;}}.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 {overflow: hidden;}.el-project-item .project-thumb img {height: 100%;display: block;transform: scale(1.01);transition: all 0.5s cubic-bezier(.1, .75, .25, 1);}.el-project-item:hover .project-thumb img {transform: scale(1.1);filter: blur(2px);}.card-style-1 .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 .el-img-popup {background-color: #fff;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: absolute;right: 15px;top: 15px;color: #16243d;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: 15px;}.el-project-item .el-img-popup:hover {color: #16243d;}.el-project-item:hover .el-img-popup {transform: translateY(0);visibility: visible;opacity: 1;}.card-style-1 .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;}.card-style-1 .project-content svg {width: 50px;height: 50px;position: absolute;left: -20px;top: -20px;}.card-style-1 .project-content .shape {background: #015fc9;width: 50px;height: 100px;position: absolute;right: 0;top: -60px;border-radius: 2px;transform: rotate(45deg);}.card-style-1 .project-content .shape.shape-2 {opacity: 0.5;right: 30px;top: -70px;}.card-style-1 .project-content .shape.shape-3 {background: #021138;opacity: 0.8;width: 60px;right: -25px;top: -50px;z-index: -1;height: 60px;}.card-style-1 .project-content .category {font-family: "Inter", sans-serif;font-size: 14px;font-weight: 500;color: #696e77;margin-bottom: 5px;display: block;}.card-style-2 .project-content .project-heading, .card-style-1 .project-content .project-heading {font-family: "Inter", sans-serif;font-size: 20px;line-height: 22px;font-weight: 700;color: #16243d;letter-spacing: -0.5px;margin: 0;}.card-style-2 .project-content .project-heading a, .card-style-1 .project-content .project-heading a {color: #16243d;}.card-style-1 .project-content .category:hover, .card-style-2 .project-content .project-heading a:hover, .card-style-1 .project-content .project-heading a:hover {color: #015fc9;}.el-masonry-items {margin: 0 -15px;}.el-masonry-items .el-project-item {float: left;width: calc(100% / 3);padding: 15px;}.el-masonry-items .grid-sizer {width: calc((100% / 3) * 2);}.card-style-2 .project-card-inner {position: relative;overflow: hidden;}.card-style-2 .project-card-inner .nb-project-shape {background-image: url(../../img/bottom-right.png);background-repeat: no-repeat;background-size: contain;background-position: bottom right;width: 320px;height: 250px;position: absolute;right: 0;bottom: 0;transform: translate(100%, 100%);visibility: hidden;opacity: 0;transition: all 0.5s cubic-bezier(.1, .75, .25, 1);}.card-style-2:hover .project-card-inner .nb-project-shape {transform: translate(0%, 0%);visibility: visible;opacity: 1;}.rtl .card-style-2 .project-card-inner .nb-project-shape{transform: translate(-100%, 100%) rotateY(180deg);right: auto;left: 0;}.rtl .card-style-2:hover .project-card-inner .nb-project-shape{transform: translate(0%, 0%) rotateY(180deg);}.card-style-2 .project-thumb {width: 100%;height: 360px;position: relative;}.card-style-2 .project-thumb img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;object-position: center;}.card-style-2 .project-content {background-color: #fff;position: absolute;left: -100%;bottom: 0;width: 80%;height: auto;padding: 25px 20px;line-height: 1;transition: all 0.5s cubic-bezier(.1, .75, .25, 1);opacity: 0;visibility: hidden;z-index: 2;}.card-style-2:hover .project-content {left: 0;opacity: 1;visibility: visible;}.rtl .card-style-2 .project-content{left: auto;right: -100%;}.rtl .card-style-2:hover .project-content{left: auto;right: 0;}.card-style-2 .project-content .category {position: relative;display: block;font-family: "Inter", sans-serif;font-size: 13px;line-height: 1;font-weight: 700;color: #015fc9;padding-left: 40px;margin: 0 0 5px;text-transform: uppercase;transition: all 0.2s linear;}.card-style-2 .project-content .category:before {background-color: #015fc9;content: "";width: 30px;height: 1px;position: absolute;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: width 0.2s linear;}.rtl .card-style-2 .project-content .category{padding-left: 0;padding-right: 40px;}.rtl .card-style-2 .project-content .category:before{left: auto;right: 0;}.card-style-2 .project-content .category:hover {padding-left: 44px;transition: padding 0.2s linear;}.card-style-2 .project-content .category:hover:before {width: 34px;}.card-style-2 .project-content .project-heading {margin-top: 5px;transition: all 0.2s linear;}@media ( max-width: 992px) {.el-masonry-items .el-project-item {width: calc(100% / 2);}.el-masonry-items .grid-sizer {width: 100%;}}@media ( max-width: 580px) {.el-masonry-items .el-project-item, .el-masonry-items .grid-sizer {width: 100%;}}.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: #015fc9;color: #fff;}.el-project-pagination a svg {width: 20px;}.rtl .el-project-pagination a.next, .rtl .el-project-pagination a.prev {transform: rotate(180deg);}