.hero-with-cards{position:relative}.hero,.hero-with-cards{align-items:center;display:flex;flex-direction:column}.hero{justify-content:center;margin-bottom:20px;margin-top:16vh;min-height:511px;overflow:unset;position:unset;text-align:center}#hero-image{height:100%!important;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .8s ease,transform .8s ease;width:100%;z-index:-1}#hero-description,#hero-title{opacity:1;transform:translateY(20px);transition:transform .6s ease,opacity .6s ease}.hero-content{animation:fadeInUp .6s ease forwards;opacity:1}.cards{display:flex;gap:20px;margin-bottom:-5%;position:relative;z-index:5}.card{border:1px solid #ccc;border-radius:0;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;padding:20px;transition:transform .3s ease,background-color .3s ease;width:50%}.card:hover{background-color:#f0f0f0}.hero-button{padding:60px 0 0}.card-container{align-items:center;display:flex;gap:25px;height:100%;justify-content:space-between}.card .card-container svg{transition:all .4s ease-in-out}.card:hover .card-container svg{transform:translateX(16px);transition:all .4s ease-in-out}@media(max-width:992px){.hero-with-cards{margin-bottom:10%}}@media(max-width:767px){.cards{flex-direction:column;margin-bottom:-50%}.cards .card{margin:0!important;width:100%}.hero-with-cards{margin-bottom:50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}