.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:#16243d;cursor:pointer;transition:all .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 .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 .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 .5s cubic-bezier(.1,.75,.25,1);z-index:2;}.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:.5;right:30px;top:-70px;}.card-style-1 .project-content .shape.shape-3{background:#021138;opacity:.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:-.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 .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;}.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 .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;}.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 .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 .2s linear;}.card-style-2 .project-content .category:hover{padding-left:44px;transition:padding .2s linear;}.card-style-2 .project-content .category:hover:before{width:34px;}.card-style-2 .project-content .project-heading{margin-top:5px;transition:all .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);}