.work-module-wrapper .work-modules{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:0;margin-bottom:3rem}.work-module-wrapper .single-work-col{min-height:349px;padding:15px 25px;position:relative;width:100%}.work-module-wrapper .popup-content{background:#fff;bottom:0;display:none;height:100%;left:0;letter-spacing:-.01em;margin:0 auto;max-height:180px;max-width:198px;overflow:scroll;position:absolute;right:0;text-align:center;top:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%}.work-module-wrapper .popup-content h6{margin-bottom:20px;position:relative}.work-module-wrapper .popup-content h6:after{border:1px solid var(--color-orange);bottom:-2px;content:"";left:0;margin:0 auto;position:absolute;right:0;text-align:center;width:20px}.work-module-wrapper .object-fit-image{left:0;position:absolute;top:0}.work-module-wrapper .single-work-col.with-pop:hover:before{background:rgba(0,0,0,.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.work-module-wrapper .single-work-col:hover .arrow-bottom{background-color:var(--color-black);color:#fff;z-index:2}.work-module-wrapper .single-work-col:hover .popup-content{display:block;z-index:2}@media(min-width:500px){.work-module-wrapper .work-first-col{grid-column:span 2;max-width:446px}}@media(min-width:768px){.work-module-wrapper .work-modules{grid-template-columns:repeat(auto-fill,minmax(349px,1fr))}}