.bg{align-items:flex-end;display:flex;justify-content:center;margin-bottom:10px!important;min-height:500px;overflow:hidden;position:relative;width:100%}.bg img{height:100%;object-fit:cover;position:absolute;right:0;top:0;width:100%}.bg:hover .main-title{opacity:0}.main-title{background-color:#003d63;color:#fff;font-family:Din bold;font-size:28px;letter-spacing:.3px;margin-bottom:0;opacity:1;padding:20px 0;text-align:center;transition-duration:.4s;width:100%;z-index:10}.content{align-items:center;backdrop-filter:blur(5px);background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));border-bottom:10px solid #00abe5;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:0 40px;position:absolute;right:0;top:0;transition-duration:.5s!important;width:100%!important}.card-title{color:#fff!important;font-size:28px}.card-text,.card-title{text-align:center;transform:translateY(30px);transition-duration:.5s!important}.card-text{font-size:16px;line-height:25px;margin-bottom:30px;margin-top:10px}.card-btn{background-color:hsla(0,0%,100%,0);border:1px solid #fff;color:#fff;cursor:pointer;font-size:16px;margin-top:0;padding:15px 30px;transform:translateY(30px);transition-duration:.5s!important}.card-btn:hover{background-color:#fff;color:#000}.content:hover{opacity:1}.content:hover .card-btn{opacity:1;transform:translateY(0)}.content:hover .card-text{opacity:1;transform:translateY(0)!important}.content:hover .card-title{opacity:1;transform:translateY(0)}@media only screen and (max-width:767px){.bg{height:70vh;width:100%}.content{padding:20px}.card-btn{margin-top:0}}