.hero{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;height:600px;justify-content:center;position:relative;text-align:center;width:100%}.hero:before{background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}html{scroll-behavior:smooth}.hero-content{max-width:1200px;padding:20px;position:relative;z-index:2}.hero-title{font-size:6rem;margin-bottom:10px}.hero-subtitle{font-size:2rem;margin-bottom:30px}.hero-buttons .btn{display:inline-block;margin:5px;padding:12px 25px;text-decoration:none;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease}.cta-btn-1{background:linear-gradient(45deg,#4f2480,#1b75bc);border:2px solid #4f2480;border-radius:50px;box-shadow:0 0 8px rgba(79,36,128,.5);color:#fff}.cta-btn-1:hover{box-shadow:0 5px 15px rgba(79,36,128,.7);color:#fff!important;transform:translateY(-3px)}.cta-btn-2{background:transparent;border:2px solid #fff;border-radius:50px;box-shadow:0 0 8px hsla(0,0%,100%,.5);color:#fff}.cta-btn-2:hover{box-shadow:0 5px 15px hsla(0,0%,100%,.7);color:#fff!important;transform:translateY(-3px)}@media (max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.hero-buttons .btn{padding:10px 20px}.hero{height:auto;min-height:50vh;padding-bottom:50px;padding-top:50px}}@media (max-width:480px){.hero-title{font-size:2.5rem}.hero-buttons{align-items:center;display:flex;flex-direction:column;width:100%}.hero-buttons .btn{box-sizing:border-box;width:80%}}