.card-with-tip{.card-with-tip__card{align-items:flex-start;background:var(--stk-primary);border-radius:12px;color:#fff;display:flex;gap:16px;padding:16px 75px;position:relative;&.center-aligned{justify-content:center}&.has-icon{align-items:center;flex-direction:column;gap:0;padding:16px 24px;.img-wrap{align-items:center;background:#fff3e3;border:1px solid #d9d9d9;border-radius:22px;display:flex;height:116px;justify-content:center;margin-top:24px;width:116px}}.left-quote{background:#0a013b;border-radius:0 120px 120px 0;color:#ffcd06;display:flex;height:34px;justify-content:flex-end;left:0;padding:6px;position:absolute;width:60px;svg{height:24px;width:24px}&:before{background:#0a013b;border-radius:0 120px 120px 0;content:"";height:20px;left:0;opacity:.5;position:absolute;top:38px;width:30px}}.right-quote{background:#0a013b;border-radius:120px 0 0 120px;bottom:40px;color:#ffcd06;display:flex;height:34px;justify-content:flex-start;padding:6px;position:absolute;right:0;width:60px;svg{height:24px;width:24px}&:before{background:#0a013b;border-radius:120px 0 0 120px;bottom:0;content:"";height:20px;opacity:.5;position:absolute;right:0;top:38px;width:30px}}.tip-content-wrap{display:grid;gap:20px;padding:20px 0}.h5{color:#fff}&.card-bg-blue{.left-quote,.right-quote{background:#fff3e2;color:var(--stk-primary);&:before{background:#fffbf5}}}&.card-bg-cream,&.card-bg-light-sky-blue,&.card-bg-linen,&.card-bg-off-white{color:var(--stk-primary);.h5{color:var(--stk-primary)}}&.card-bg-off-white{background:#fffbf5}&.card-bg-cream{background:#fff3e2}&.card-bg-linen{background:#fbf4ea}&.card-bg-light-sky-blue{background:#deedfa}}.tip-icon{flex-shrink:0}.tip-content{&>:last-child{margin-bottom:0}ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}li{align-items:flex-start;display:flex;gap:10px;&:before{content:"→";flex-shrink:0}}}}@media (min-width:992px){.card-with-tip{.card-with-tip__card{padding:16px 158px;&.has-icon{padding:16px 60px}.left-quote{background:#0a013b;border-radius:0 120px 120px 0;display:flex;height:68px;justify-content:flex-end;left:0;padding:9px;position:absolute;width:126px;svg{height:49px;width:49px}&:before{background:#0a013b;border-radius:0 120px 120px 0;content:"";height:43px;left:0;opacity:.5;position:absolute;top:72px;width:63px}}.right-quote{background:#0a013b;border-radius:120px 0 0 120px;bottom:63px;display:flex;height:68px;justify-content:flex-start;padding:9px;position:absolute;right:0;width:126px;svg{height:49px;width:49px}&:before{background:#0a013b;border-radius:120px 0 0 120px;bottom:0;content:"";height:43px;opacity:.5;position:absolute;right:0;top:72px;width:63px}}}}}