.columns .grid{row-gap:1.375rem}.columns h2{margin-bottom:.5rem}.columns .column{display:flex;flex-direction:column;gap:1.875rem}.columns .column-icon{width:auto;height:6.0625rem;max-width:6.0625rem;object-fit:contain;object-position:left center}.columns .column-text{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.columns .column-text .btn{margin-top:.25rem}.columns.columns-2 .column{flex-direction:row;gap:2.125rem}.columns.bg-teal .column{padding:1.875rem;border-radius:.625rem;background-color:var(--teal)}.columns.in-view .column-icon{animation:column-icon-wiggle 2s linear}@media(prefers-reduced-motion: reduce){.columns.in-view .column-icon{animation:none}}@container main (min-width: 48rem) and (max-width: 64rem){.columns.bg-teal .column{padding:1.5rem}.columns.bg-teal .column-text{gap:.75rem;font-size:1.125rem}.columns.columns-2 .column:has(.column-icon){display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;gap:.75rem 1rem}.columns.columns-2 .column:has(.column-icon) .column-text{display:contents}.columns.columns-2 .column:has(.column-icon) .column-text>:not(h3){grid-column:1/-1;justify-self:start}}@container main (max-width: 47.9375rem){.columns .grid{row-gap:2.5rem}.columns.bg-teal .grid{row-gap:1.25rem}}@container main (max-width: 64rem){.columns.columns-2 .column{flex-direction:column;gap:1.875rem}.columns .column-icon{height:4.5rem}}@keyframes column-icon-wiggle{0%{transform:rotate(0.105rad);animation-timing-function:ease-out}12.5%{transform:rotate(-0.07rad);animation-timing-function:cubic-bezier(0.3, 1.6, 0.5, 1)}25%,100%{transform:rotate(0)}}
