.wp-active-we-projects-gallery-5{grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.wp-active-we-projects-gallery-5 .project-item{border-radius:10px;height:200px;position:relative;overflow:hidden}.wp-active-we-projects-gallery-5 .project-item .project-image{object-fit:cover;width:100%;height:100%}.wp-active-we-projects-gallery-5 .project-item .bg-overlay{background:linear-gradient(#0000 0,#f00c 100%);width:100%;height:100%;transition:all .3s;position:absolute;top:70px;right:0}.wp-active-we-projects-gallery-5 .project-item:hover .bg-overlay{top:0}.wp-active-we-projects-gallery-5 .project-item .details-holder{text-align:center;width:100%;height:100%;padding:20px;position:absolute;top:0;right:0}.wp-active-we-projects-gallery-5 .project-item .details-holder .viewer-btn{background:red;border-radius:50px;width:44px;height:44px}.wp-active-we-projects-gallery-5 .project-item .details-holder .viewer-btn svg{fill:#fff;width:18px;height:18px}.wp-active-we-projects-gallery-5 .project-item .details-holder .title{text-align:center;color:#fff;font-size:14px;font-weight:700}.wp-active-we-projects-gallery-5 .project-item-1{grid-area:1/1/3/2}.wp-active-we-projects-gallery-5 .project-item-2{grid-area:1/2/2/3}.wp-active-we-projects-gallery-5 .project-item-3{grid-area:1/3/3/4}.wp-active-we-projects-gallery-5 .project-item-4{grid-area:1/4/2/5}.wp-active-we-projects-gallery-5 .project-item-5{grid-area:3/1/4/2}.wp-active-we-projects-gallery-5 .project-item-6{grid-area:2/2/4/3}.wp-active-we-projects-gallery-5 .project-item-7{grid-area:3/3/4/4}.wp-active-we-projects-gallery-5 .project-item-8{grid-area:2/4/4/5}.wp-active-we-projects-gallery-5 .project-item-9{grid-area:4/1/6/2}.wp-active-we-projects-gallery-5 .project-item-10{grid-area:4/2/5/3}.wp-active-we-projects-gallery-5 .project-item-11{grid-area:4/3/6/4}.wp-active-we-projects-gallery-5 .project-item-12{grid-area:4/4/5/5}.wp-active-we-projects-gallery-5 .project-item-13{grid-area:6/1/7/2}.wp-active-we-projects-gallery-5 .project-item-14{grid-area:5/2/7/3}.wp-active-we-projects-gallery-5 .project-item-15{grid-area:6/3/7/4}.wp-active-we-projects-gallery-5 .project-item-16{grid-area:5/4/7/5}.wp-active-we-projects-gallery-5 .project-item-1,.wp-active-we-projects-gallery-5 .project-item-11,.wp-active-we-projects-gallery-5 .project-item-14,.wp-active-we-projects-gallery-5 .project-item-16,.wp-active-we-projects-gallery-5 .project-item-3,.wp-active-we-projects-gallery-5 .project-item-6,.wp-active-we-projects-gallery-5 .project-item-8,.wp-active-we-projects-gallery-5 .project-item-9{height:330px}@media screen and (width<=850px){.wp-active-we-projects-gallery-5 .project-item .details-holder{padding:10px}}@media screen and (width<=768px){.wp-active-we-projects-gallery-5{grid-template-columns:1fr 1fr 1fr}.wp-active-we-projects-gallery-5 .project-item-1{grid-area:1/1/3/2}.wp-active-we-projects-gallery-5 .project-item-2{grid-area:1/2/2/3}.wp-active-we-projects-gallery-5 .project-item-3{grid-area:1/3/3/4}.wp-active-we-projects-gallery-5 .project-item-4{grid-area:3/1/4/2}.wp-active-we-projects-gallery-5 .project-item-5{grid-area:2/2/4/3}.wp-active-we-projects-gallery-5 .project-item-6{grid-area:3/3/4/4}.wp-active-we-projects-gallery-5 .project-item-7{grid-area:4/1/5/3}.wp-active-we-projects-gallery-5 .project-item-8{grid-area:4/3/5/4}.wp-active-we-projects-gallery-5 .project-item-9{grid-area:5/1/6/2}.wp-active-we-projects-gallery-5 .project-item-10{grid-area:5/2/6/4}.wp-active-we-projects-gallery-5 .project-item-11{grid-area:6/1/8/2}.wp-active-we-projects-gallery-5 .project-item-12{grid-area:6/2/7/3}.wp-active-we-projects-gallery-5 .project-item-13{grid-area:6/3/8/4}.wp-active-we-projects-gallery-5 .project-item-14{grid-area:8/1/9/2}.wp-active-we-projects-gallery-5 .project-item-15{grid-area:7/2/9/3}.wp-active-we-projects-gallery-5 .project-item-16{grid-area:8/3/9/4}.wp-active-we-projects-gallery-5 .project-item-12,.wp-active-we-projects-gallery-5 .project-item-14,.wp-active-we-projects-gallery-5 .project-item-16,.wp-active-we-projects-gallery-5 .project-item-4,.wp-active-we-projects-gallery-5 .project-item-6,.wp-active-we-projects-gallery-5 .project-item-8,.wp-active-we-projects-gallery-5 .project-item-9{height:200px}.wp-active-we-projects-gallery-5 .project-item-11,.wp-active-we-projects-gallery-5 .project-item-13,.wp-active-we-projects-gallery-5 .project-item-15,.wp-active-we-projects-gallery-5 .project-item-5{height:330px}}@media screen and (width<=600px){.wp-active-we-projects-gallery-5{grid-template-columns:1fr 1fr}.wp-active-we-projects-gallery-5 .project-item-1{grid-area:1/1/2/2}.wp-active-we-projects-gallery-5 .project-item-2{grid-area:1/2/3/3}.wp-active-we-projects-gallery-5 .project-item-3{grid-area:2/1/4/2}.wp-active-we-projects-gallery-5 .project-item-4{grid-area:3/2/4/3}.wp-active-we-projects-gallery-5 .project-item-5{grid-area:4/1/5/2}.wp-active-we-projects-gallery-5 .project-item-6{grid-area:4/2/6/3}.wp-active-we-projects-gallery-5 .project-item-7{grid-area:5/1/7/2}.wp-active-we-projects-gallery-5 .project-item-8{grid-area:6/2/7/3}.wp-active-we-projects-gallery-5 .project-item-9{grid-area:7/1/8/2}.wp-active-we-projects-gallery-5 .project-item-10{grid-area:7/2/9/3}.wp-active-we-projects-gallery-5 .project-item-11{grid-area:8/1/10/2}.wp-active-we-projects-gallery-5 .project-item-12{grid-area:9/2/10/3}.wp-active-we-projects-gallery-5 .project-item-13{grid-area:10/1/11/2}.wp-active-we-projects-gallery-5 .project-item-14{grid-area:10/2/12/3}.wp-active-we-projects-gallery-5 .project-item-15{grid-area:11/1/13/2}.wp-active-we-projects-gallery-5 .project-item-16{grid-area:12/2/13/3}.wp-active-we-projects-gallery-5 .project-item-1,.wp-active-we-projects-gallery-5 .project-item-13,.wp-active-we-projects-gallery-5 .project-item-4,.wp-active-we-projects-gallery-5 .project-item-5{height:200px}.wp-active-we-projects-gallery-5 .project-item-10,.wp-active-we-projects-gallery-5 .project-item-14,.wp-active-we-projects-gallery-5 .project-item-15,.wp-active-we-projects-gallery-5 .project-item-2,.wp-active-we-projects-gallery-5 .project-item-3,.wp-active-we-projects-gallery-5 .project-item-6,.wp-active-we-projects-gallery-5 .project-item-7{height:330px}}@media screen and (width<=360px){.wp-active-we-projects-gallery-5{grid-template-columns:1fr;display:grid}.wp-active-we-projects-gallery-5 .project-item{grid-row-start:unset;grid-column-start:unset;grid-row-end:unset;grid-column-end:unset;height:200px}}