.port-overlay{background:#000;height:400px;opacity:0;overflow:hidden;position:absolute;width:100%}.port-title h3{color:#fff;margin-top:20px}.smpl-btn:hover{color:#f15c5f}.port-info{pointer-events:none}.port-info h3,.port-info p{color:#fff}.port .smpl-btn{color:#f15c5e}.port{margin-bottom:40px;text-align:center;text-decoration:none}.port-info{margin-top:30px}@media (min-width:768px){.port{text-align:left}.port:hover h3,.port:hover p{color:#fff}.port-box img{opacity:.27}.port-overlay{background:transparent;border-radius:20px;opacity:0}.port-overlay:hover{opacity:.6}.port-info p{opacity:0;transform:translateY(20px)!important;transition:all .3s ease}.port:hover .port-info p{opacity:1;transform:translateY(0)!important}.port-box:hover .port-overlay{background:#000;opacity:.6}.port-box:hover img{opacity:.27}.port-title{align-items:center;display:flex;height:400px;justify-content:center;justify-items:center;left:0;position:absolute;right:0;top:0;z-index:111!important}a.port:hover .port-title{display:none}.port-info p,.port-title h3{color:#fff;margin:0;transition:all .3s ease}.port-info{margin-top:0;padding:30px;position:absolute;top:0}.port-grid{display:flex;flex-wrap:wrap}.port{align-items:center;background:#000;border-radius:20px;margin:1%;max-width:100%;position:relative;width:31.3%}.port-box{border-radius:20px;height:400px;overflow:hidden}.port-box,.port-box img{object-fit:cover;width:100%}.port-box img{height:100%!important}.port:hover .smpl-btn{opacity:1;transform:translateY(0)}.port .smpl-btn{bottom:30px;color:#fff;left:30px;opacity:0;position:absolute;transform:translateY(40px);transition:all .5s ease}}