/* Critical CSS: hero and card fixes (minified) */
#hero{background-color:#223a5e;color:#fff;text-align:center;padding:100px 0}
#hero h1{font-size:48px;font-weight:700;color:#fff}
#hero h2{font-size:24px;margin-top:10px;color:#fff}
#hero p{font-size:18px;margin-top:20px;color:#fff}
#hero .btn-get-started{margin-top:30px;background:#fdd835;color:#223a5e;padding:10px 25px;border-radius:50px;transition:.3s}
#hero .btn-get-started:hover{background:#223a5e;color:#fdd835}
.card{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.card-img img{width:100%;height:auto;object-fit:cover}
.card-body{padding:15px;text-align:center}