@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; .why-item-header{ --iconWidth:80px; display:flex; align-items:center; justify-content:flex-start; margin-bottom:var(--gutter); .icon-con { flex:0 0 auto; margin-right:1em; background-color:var(--brand-color); height:var(--iconWidth); width:var(--iconWidth); border-radius:50%; opacity:1; position:relative; display:flex; padding:3px; &:has(.img.icon){ padding:calc(var(--iconWidth) / 5); } .img { background-position:center; background-size:cover; background-repeat:no-repeat; flex-grow:1; border-radius:50%; &.icon{ border-radius:0px; background-size:contain; filter:invert(100%); } } } h3 { margin-top:0px; margin-bottom:0px; line-height:1.2; font-size:var(--fontSizeH3); font-weight:normal; } @container page-section (max-width:800px) { --iconWidth:65px; } @container page-section (max-width:700px) { --iconWidth:50px; h3 { font-size:var(--fontSizeH4); font-weight:bold; } } } .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; } } } } }}/* Cache CSSParserMiddleware_www.synchub.io_/Pages/styles/features.css_False_HTML_32609080451 10 Sep 05:22:42Z */