.us-vs-them{--title-size: 20px;--sub-title-size: 14px;--sub-title-line-height: 1;--us-vs-them-border-radius: 20px;--padding: 3rem;--dotted-lines: linear-gradient(to right, var(--amala-dark-green) 8%, rgba(255, 255, 255, 0) 0%);--dotted-size: 10px 1px;margin-top:4rem;color:var(--amala-dark-green)}@media (min-width: 640px){.us-vs-them{--title-size: 40px;--sub-title-size: 20px;--sub-title-line-height: 1.2}}.us-vs-them h2{margin-bottom:0;color:var(--amala-dark-green)}.us-vs-them p{font-size:var(--sub-title-size);line-height:var(--sub-title-line-height);margin:1rem 0}.us-vs-them__inner{background-color:var(--amala-pale-teal);padding:var(--padding);border-radius:var(--us-vs-them-border-radius)}.us-vs-them__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;width:200vw}@media (min-width: 640px){.us-vs-them__grid{width:150vw}}@media (min-width: 1024px){.us-vs-them__grid{width:100%}}.us-vs-them__scroll-container{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.us-vs-them__scroll-container::-webkit-scrollbar{display:none}.us-vs-them__header,.us-vs-them__content{position:relative}:is(.us-vs-them__header,.us-vs-them__content):before{content:"";display:block;background-image:var(--dotted-lines);background-position:bottom;background-size:var(--dotted-size);background-repeat:repeat-x;position:absolute;bottom:0;left:1.8rem;width:calc(100% - 3.6rem);height:10px}.us-vs-them__header>div{padding-top:2rem}.us-vs-them__header h2{color:var(--amala-dark-green);font-size:var(--title-size);font-family:var(--font-title);font-weight:400;padding-bottom:1rem}.us-vs-them__content h2{font-size:var(--sub-title-size)}.us-vs-them__left-column,.us-vs-them__centre-column,.us-vs-them__right-column{padding:0 2rem}.us-vs-them__left-column{display:flex;align-items:center;gap:1rem}.us-vs-them__centre-column{background-color:var(--amala-teal)}.us-vs-them__centre-column--top{border-top-left-radius:var(--us-vs-them-border-radius);border-top-right-radius:var(--us-vs-them-border-radius)}.us-vs-them__content:last-of-type .us-vs-them__centre-column{border-bottom-left-radius:var(--us-vs-them-border-radius);border-bottom-right-radius:var(--us-vs-them-border-radius)}.us-vs-them__last-item--true:before{bottom:2rem}.us-vs-them__last-item--true>div{padding-bottom:2rem}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-us-vs-them.css.map */
