.pg-sonic-grid{display:grid}.pg-sonic-item{position:relative;overflow:hidden;border-radius:6px;text-align:center}.pg-sonic-image-wrap{width:100%;height:100%;position:relative;overflow:hidden}.pg-sonic-image-wrap img{width:100%;height:100%;object-fit:cover;vertical-align:middle;transform:scale(1.08) translateY(0);transform-origin:100% 0%;transition:all .3s ease-out}.pg-sonic-item:hover .pg-sonic-image-wrap img{transform:scale(1.08) translateY(-15px)}.pg-sonic-content{position:absolute;left:0;right:0;bottom:0;overflow:hidden;opacity:0;padding:20px;z-index:1;background-color:rgba(13,59,84,0.8);transform:translateY(42px);transition:all .5s ease-in-out}.pg-sonic-item:hover .pg-sonic-content{opacity:1;transform:translateY(0)}.pg-sonic-title{margin:0;font-size:24px;font-weight:700;text-transform:capitalize;transform:translateY(47px);transition:all .3s ease-in-out;color:#f6f6ff}.pg-sonic-item:hover .pg-sonic-title{opacity:1;transform:translate(0)}.pg-sonic-readmore{position:absolute;top:0;left:0;height:100%;width:100%;display:inline-flex;align-items:center;justify-content:center;z-index:1}.pg-sonic-readmore a{padding:15px 19px;background-color:rgba(13,59,84,0.8);color:#fff;font-size:16px;border-radius:50%;opacity:0;transform:translateY(30px) scale(1);transition:all .3s ease-out;display:inline-block;overflow:hidden}.pg-sonic-readmore a::before{position:absolute;content:'';top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0D3B54;border:1px solid #0D3B54;width:130%;height:130%;clip-path:circle;clip-path:circle(0);z-index:-1;transition:all .3s ease}.pg-sonic-readmore a:hover::before{clip-path:circle(50%)}.pg-sonic-readmore a:nth-last-child(1){margin-left:10px}.pg-sonic-item:hover .pg-sonic-readmore a{opacity:1;transform:translateY(0)}.pg-sonic-item:hover .pg-sonic-readmore a:nth-child(1){transition-delay:.2s}.pg-sonic-item:hover .pg-sonic-readmore a:nth-last-child(1){transition-delay:.3s}