.hero {
position: relative;
overflow: hidden;
}
.hero-media {
height: 60vh;
}
.hero-content {
position: relative;
margin-top: -120px;
}
.hero-content .card {
max-width: 700px;
}
.sticky-cta {
position: fixed;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
width: calc(100% - 32px);
max-width: 500px;
}
.sticky-cta .btn {
width: 100%;
}
@media (max-width:768px){
.hero-media{
height:40vh;
}
.hero-content{
margin-top:-80px;
}
}