.icons-with-banner-container{width:100%;padding:0}@media (max-width: 768px){.icons-with-banner-container{padding:0 var(--mobile-padding)}}@media (max-width: 480px){.icons-with-banner-container{padding:0 calc(var(--mobile-padding) * .8)}}.icons-with-banner{position:relative;height:100vh;max-height:var(--section-max-height);background:linear-gradient(180deg,#0000000d,#0000);border-radius:16px;overflow:hidden;padding:var(--section-padding-top) var(--section-padding-right) var(--section-padding-bottom) var(--section-padding-left);background-color:var(--section-background-color);max-width:var(--section-max-width);margin:0 auto;display:flex;flex-direction:column}.icons-with-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--section-background-color);z-index:1}.icons-with-banner__background-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:calc(var(--background-image-opacity) / 100)}.icons-with-banner__background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,calc(var(--background-image-opacity) / 100));z-index:1}.icons-with-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px;text-align:center;flex:1;overflow-y:auto;padding:20px 0;box-sizing:border-box}.icons-with-banner__badge{background:var(--badge-background-color);border-radius:88px;padding:4px 16px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.icons-with-banner__badge-text{font-family:PP Neue Montreal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--badge-size);font-weight:500;line-height:24px;color:var(--badge-text-color);text-align:center;white-space:nowrap;margin:0;padding:0}.icons-with-banner__heading{font-family:Aeonik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--heading-size);font-weight:250;line-height:1.1;color:var(--text-color);text-align:center;letter-spacing:-1.02px;margin:0;padding:0}.icons-with-banner__heading p{margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-align:inherit;letter-spacing:inherit}.icons-with-banner__features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px;margin-top:60px}.icons-with-banner__feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative}.icons-with-banner__feature-icon{width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;background:var(--badge-background-color);border-radius:6px;padding:8px;box-sizing:border-box}.icons-with-banner__feature-icon img{width:100%;height:100%;object-fit:contain;max-width:22px}.icons-with-banner__feature-content{display:flex;flex-direction:column;gap:8px;flex:1}.icons-with-banner__feature-heading{font-family:Aeonik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--feature-heading-size);font-weight:400;line-height:1.1;color:var(--text-color);text-align:center;letter-spacing:-.48px;margin:0;padding:0;white-space:nowrap}.icons-with-banner__feature-text{font-family:PP Neue Montreal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--feature-text-size);font-weight:400;line-height:1.3;color:var(--text-color);text-align:center;margin:0;padding:0}.icons-with-banner__certifications{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}.icons-with-banner__certification{width:var(--certification-icon-size);height:var(--certification-icon-size);display:flex;align-items:center;justify-content:center;background:var(--badge-background-color);border-radius:6px;padding:8px;box-sizing:border-box}.icons-with-banner__certification img{width:100%;height:100%;object-fit:contain}.icons-with-banner[data-layout=left-aligned] .icons-with-banner__content{align-items:flex-start;text-align:left}.icons-with-banner[data-layout=right-aligned] .icons-with-banner__content{align-items:flex-end;text-align:right}.icons-with-banner[data-animations=true] .icons-with-banner__badge{animation:fadeInUp .8s ease-out}.icons-with-banner[data-animations=true] .icons-with-banner__heading{animation:fadeInUp .8s ease-out .2s both}.icons-with-banner[data-animations=true] .icons-with-banner__feature{animation:fadeInUp .8s ease-out calc(.4s + var(--animation-delay, 0s)) both}.icons-with-banner[data-animations=true] .icons-with-banner__feature:nth-child(1){--animation-delay: 0s}.icons-with-banner[data-animations=true] .icons-with-banner__feature:nth-child(2){--animation-delay: .1s}.icons-with-banner[data-animations=true] .icons-with-banner__feature:nth-child(3){--animation-delay: .2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.icons-with-banner{height:auto;min-height:50vh;max-height:none;padding:var(--section-padding-top) var(--section-padding-right) var(--section-padding-bottom) var(--section-padding-left);border-radius:12px;max-width:100%;margin:0}.icons-with-banner__background{top:0;left:0;width:100%;height:100%}.icons-with-banner__content{min-height:auto;gap:24px;padding:0 19px}.icons-with-banner__feature-content *{text-align:left}.icons-with-banner__badge{padding:2px 16px;border-radius:60px}.icons-with-banner__badge-text{font-size:var(--mobile-badge-size);line-height:24px}.icons-with-banner__heading{font-size:var(--mobile-heading-size);letter-spacing:-.5px;width:100%}.icons-with-banner__features{grid-template-columns:1fr;gap:45px;margin-top:40px;width:100%}.icons-with-banner__feature{gap:12px;flex-direction:row;align-items:flex-start;text-align:left}.icons-with-banner__feature-icon{width:var(--mobile-icon-size);height:var(--mobile-icon-size);flex-shrink:0;padding:6px}.icons-with-banner__feature-heading{font-size:var(--mobile-feature-heading-size);letter-spacing:-.3px;white-space:normal;text-align:left}.icons-with-banner__feature-text{font-size:var(--mobile-feature-text-size);line-height:1.4;text-align:left}.icons-with-banner__feature-content{align-items:flex-start;text-align:left}.icons-with-banner__certifications{flex-wrap:wrap;gap:12px;margin-top:32px}.icons-with-banner__certification{width:calc(var(--mobile-icon-size) * .8);height:calc(var(--mobile-icon-size) * .8)}}@media (prefers-reduced-motion: reduce){.icons-with-banner[data-animations=true] .icons-with-banner__badge,.icons-with-banner[data-animations=true] .icons-with-banner__heading,.icons-with-banner[data-animations=true] .icons-with-banner__feature{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/icons-with-banner.css.map */