.icon-section{position:relative;padding:var(--section-spacing) var(--section-padding-x);overflow:hidden}.icon-section__decoration{position:absolute;top:0;left:0;right:0;line-height:0;z-index:1}.icon-section__decoration svg{display:block;width:100%;height:auto}.icon-section__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap);max-width:var(--page-width);margin:0 auto}.icon-section__card{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:10px;padding:25px;border-radius:var(--icon-card-radius, 12px);background-color:var(--icon-card-bg, var(--color-grey));text-align:center;overflow:hidden}.icon-section__icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size, 61px);height:var(--icon-size, 61px);border-radius:50%;background-color:var(--icon-bg-color, var(--color-brown));color:var(--icon-color, var(--color-white));flex-shrink:0}.icon-section__icon svg{width:50%;height:50%;display:block}.icon-section__heading,.icon-section__text{color:var(--color-black)}.icon-section__text p{color:inherit}.icon-section__link{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-black);text-decoration:none;transition:color .2s ease}.icon-section__link:hover{color:var(--color-gold)}.icon-section__dots{display:none;justify-content:center;align-items:center;gap:10px;padding-top:20px;max-width:var(--page-width);margin:0 auto}.icon-section__dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-grey);border:none;padding:0;cursor:pointer;transition:background-color .25s ease,transform .25s ease}.icon-section__dot:hover{transform:scale(1.2)}.icon-section__dot.is-active{background-color:var(--color-gold)}@media(max-width:990px){.icon-section__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.icon-section{padding-left:0;padding-right:0}.icon-section__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--section-padding-x);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:0 var(--section-padding-x)}.icon-section__grid::-webkit-scrollbar{display:none}.icon-section__card{max-width:360px;flex-shrink:0;scroll-snap-align:center;padding:20px}.icon-section__dots{display:flex;padding-left:var(--section-padding-x);padding-right:var(--section-padding-x)}.icon-section__decoration{height:25px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/icon-section.css.map */