.e-invoicing{align-items:center;background:var(--color-purple);border-radius:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:2fr 1.5fr;overflow:hidden}.e-invoicing[color=pink]{background:var(--color-pink)}.e-invoicing[color=orange]{background:var(--color-orange)}.e-invoicing[color=yellow]{background:var(--color-yellow)}.e-invoicing[color=green]{background:var(--color-green)}.e-invoicing[color=blue]{background:var(--color-blue)}.e-invoicing__content{padding:40px}.e-invoicing__img{height:100%;object-fit:contain;object-position:bottom right;padding:20px 0 0;width:100%}@media screen and (max-width:600px){.e-invoicing{border-radius:20px;grid-template-columns:1fr}.e-invoicing__content{padding:28px}.e-invoicing__img{height:auto;padding:0 0 0 20px}}.blog-post .e-invoicing{grid-template-columns:1fr;position:relative}.blog-post .e-invoicing__content{z-index:1}.blog-post .e-invoicing__img{filter:grayscale(1);height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:0}.blog-post .e-invoicing .h2-style,.blog-post .e-invoicing .h2-style>.pill{font-size:32px}.blog-post .e-invoicing .h2-style>.pill{padding:2px 12px}.blog-post .e-invoicing .h2-style>.icon:before{height:24px;margin:0 4px 0 0;width:24px}@media screen and (max-width:800px){.blog-post .e-invoicing .h2-style,.blog-post .e-invoicing .h2-style>.pill{font-size:24px}.blog-post .e-invoicing .h2-style>.icon:before{height:16px;margin:0 4px 0 0;width:16px}}