.cri-filter-project-container{display:flex!important;justify-content:center;flex-wrap:wrap;margin:24px 8px!important}.cri-filter-project-container .cri-filter-project-btn{margin:2px 10px;cursor:pointer;color:var(--cri-grey-color--);padding:4px 10px;border-radius:4px;transition:all .6s cubic-bezier(.075,.82,.165,1);font-size:16px;line-height:30px;font-weight:600;font-family:"Poppins",sans-serif}.cri-filter-project-container .cri-filter-project-btn:hover{background-color:var(--cri-blue-color--);color:var(--cri-white-color--)}.cri-filter-project-container .cri-filter-project-btn.active{background-color:var(--cri-red-color--);color:var(--cri-white-color--)}.cri-project-items-container{margin:50px 0;display:flex;justify-content:center}.cri-project-items-container .filtred-items{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.cri-project-item{width:21%!important;height:232px;border-radius:8px;overflow:hidden;position:relative;margin-left:10px!important;margin-right:10px!important;margin-bottom:16px}.cri-project-item::before{content:"";width:100%;height:100%;background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,4,9,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,4,9,0));background-image:-ms-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,4,9,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,4,9,0));position:absolute;z-index:1}.cri-project-item .cri-project-details{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:7px 6px;z-index:1}.cri-project-item .cri-project-details .cri-project-text{line-height:1.2;font-size:15px;margin:0 0 15px;font-family:var(--cri-text-font--);color:var(--cri-white-color--);width:70%;display:-webkit-box;font-weight:700}.cri-project-item .cri-project-details .cri-project-btn-redirect{color:var(--cri-white-color--);font-family:var(--cri-text-font--);background-color:var(--cri-red-color--);height:41px;width:41px;margin-right:20px;font-size:25px;font-weight:500;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}@media only screen and (max-width:640px){.cri-project-item{width:100%!important}.cri-project-items-container .filtred-items{width:80%}.cri-project-items-container{margin:0!important}}@media only screen and (min-width:640px){.cri-project-item{width:50%}}@media only screen and (min-width:1024px){.cri-project-item{width:25%}.cri-project-items-container{margin:50px!important}}