.pg-spirit-grid{display:grid}.pg-spirit-item{position:relative;overflow:hidden;cursor:pointer}.pg-spirit-item:hover .pg-spirit-image-wrap .pg-spirit-img{transform:translate(-50%, -50%) scale(1)}.pg-spirit-item:hover .pg-spirit-head-content{transform:translateY(-50px);opacity:0}.pg-spirit-image-wrap{width:100%;height:100%}.pg-spirit-image-wrap .pg-spirit-img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(.5);transition:transform .4s cubic-bezier(.455, .03, .515, .955);vertical-align:middle}.pg-spirit-head-content,.pg-spirit-bottom-content{position:absolute;left:0;right:0;margin:30px}.pg-spirit-head-content{top:0;transform:translateY(0);opacity:1;transition:transform .3s cubic-bezier(.17, .73, .66, .99) 0s,z-index 0s step-end,opacity .4s ease !important}.pg-spirit-bottom-content{bottom:0}.pg-spirit-title{margin:0;font-size:25px;font-weight:700;text-transform:uppercase;color:#fff}.pg-spirit-readmore a{text-decoration:none;color:rgba(13,59,84,0.8);padding:10px 30px;display:inline-flex;align-items:center;position:relative;background-color:#fff;justify-content:center;font-size:12px;text-transform:uppercase;font-weight:600;overflow:hidden}.pg-spirit-readmore a::before,.pg-spirit-readmore a::after{content:'';position:absolute;transition:all 300ms ease}.pg-spirit-readmore a::before{background-color:#0D3B54;left:0;top:0;width:0px;height:100%}.pg-spirit-readmore a:hover{color:#fff}.pg-spirit-readmore a:hover::before{width:100%}.pg-spirit-readmore a:hover span{transform:translateX(-10px)}.pg-spirit-readmore a:hover span::before,.pg-spirit-readmore a:hover span::after{opacity:1}.pg-spirit-readmore a span{display:inline-block;transition:all 300ms ease;position:relative;z-index:99}.pg-spirit-readmore a span::before,.pg-spirit-readmore a span::after{content:'';position:absolute;transition:all 300ms ease;right:-20px;top:50%;opacity:0}.pg-spirit-readmore a span::before{width:15px;height:1px;background-color:#fff;transform:translateY(-50%)}.pg-spirit-readmore a span::after{width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translateY(-50%) rotate(45deg)}