.heroContainer{display:grid;grid-gap:8px;gap:8px;margin-block:24px;h1{font-size:40px;font-weight:300;line-height:40px;color:#313e51}h1,p{text-align:left}p{font-size:14px;font-style:italic;font-weight:400;line-height:21px;color:#626c7f;margin-top:8px}}.heroContainer.dark{h1{color:#fff}}.card{display:grid;grid-gap:12px;gap:12px;.cardbox{background-color:#fff;padding-block:12px;padding-left:12px;box-shadow:0 16px 40px 0 #8fa0c124;border-radius:12px}button{display:flex;align-items:center;gap:16px;border:none;background-color:transparent;cursor:pointer;width:100%;span{font-size:18px;font-weight:500;line-height:18px;text-align:left;color:#313e51}}.cardbox.dark{background-color:#3b4d66;box-shadow:0 16px 40px 0 #313e5124;button{span{color:#fff}}}}