@import url("/styles/variables.css");.tiered-features-con { .section-inner { display:grid; grid-gap:var(--gutter-double); grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); .why-item { display:block; .icon-con { margin-bottom:var(--gutter); --w:100px; background-color:var(--brand-color); height:var(--w); width:var(--w); border-radius:50%; opacity:1; position:relative; margin-right:calc(var(--gutter) * 2); display:flex; padding:3px; &:has(.img.icon){ padding:var(--gutter); } .img { background-position:center; background-size:cover; flex-grow:1; border-radius:50%; &.icon{ border-radius:0px; background-size:contain; background-position:center; filter:invert(100%); } } } .details { blockquote { font-style:italic; padding-left:var(--gutter); margin-left:0px; position:relative; &:before { font-family:serif; position:absolute; top:0; left:0; content:'\0022'; visibility:visible; font-size:30px; opacity:0.3; } } h3 { margin-top:0px; margin-bottom:var(--gutter); line-height:1.5; font-size:var(--fontSizeH2); line-height:1.5; } } @container page-section (max-width:700px) { .icon-con { width:80px; height:80px; } .details { h3 { font-size:var(--fontSizeH4); line-height:1.5em; } } } } }}/* Cache CSSParserMiddleware_www.synchub.io_/Pages/styles/features.css_False_HTML_32603121856 14 Mar 05:07:48Z */