.banner{position:relative;min-height:100vh}.banner .bg{height:100vh;width:100%}.banner .bg:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:1;opacity:.502;background:linear-gradient(180deg,rgba(0,0,0,.9999999999999999) 0%,rgba(0,0,0,0) 100%)}.banner .bg img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.banner .content{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.banner .content .title{font-size:75px;line-height:110px;text-transform:uppercase;color:#e0e0e0;font-weight:900;font-family:Roboto;text-align:center}.banner .content .subtitle{font-size:21px;line-height:65px;color:#e0e0e0;font-weight:400;font-family:Roboto;text-align:center}.banner .content .buttons{display:flex;align-items:center;justify-content:center;gap:20px}.banner .content .buttons .subscribe{border:1px solid #fff;padding:10px;border-radius:25px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.3s all ease;font-size:18px;color:#fff;font-weight:400;font-family:Roboto}.banner .content .buttons .subscribe:hover{background:#0058ab;border:1px solid #0058ab;transform:scale(1.1);transition:.3s all ease}.banner .content .buttons .know-more{border:1px solid #fff;padding:10px;border-radius:25px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.3s all ease;font-size:18px;color:#fff;font-weight:400;font-family:Roboto}.banner .content .buttons .know-more:hover{background:#0058ab;border:1px solid #0058ab;transform:scale(1.1);transition:.3s all ease}@media (max-width: 1024px){.banner .content{display:flex;flex-direction:column;gap:30px}.banner .content .title{font-size:50px;line-height:55px}.banner .content .subtitle{line-height:35px}.banner .content .buttons{flex-direction:column}}