i[data-icon] { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem; mask: var(--image) center / contain no-repeat; -webkit-mask: var(--image) center / contain no-repeat; background: black; }
i[data-bg] { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem; background: var(--image) center/contain no-repeat; }
i.round { width: 2.5rem; height: 2.5rem; border-radius: 50%; flex-grow: 0; mask: none; -webkit-mask:none; background: var(--color-blue); position: relative; }
i.round::after { content:''; display: inline-block; width: 60%; height: 60%; mask: var(--image) center / contain no-repeat; -webkit-mask: var(--image) center / contain no-repeat; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }


i[data-icon="header-whatsapp"] { --image: url(../img/icons/header-whatsapp.png)}
i[data-icon="company-info"] { --image: url(../img/icons/company-info.png)}
i[data-icon="company-bank-info"] { --image: url(../img/icons/company-bank-info.png)}

i[data-icon="arrow-right"] { --image: url(../img/icons/arrow-right.png); }
i[data-icon="arrow-left"] { --image: url(../img/icons/arrow-left.png); }
i[data-icon="arrow-up"] { --image: url(../img/icons/arrow-up.png); }
i[data-icon="arrow-down"] { --image: url(../img/icons/arrow-down.png); }

i[data-icon="burger"] { --image: url(../img/icons/burger.svg); }
i[data-icon="submit"] { --image: url(../img/icons/submit.png); }
i[data-icon="close"] { --image: url(../img/icons/close.svg); }
i[data-icon="search"] { --image: url(../img/icons/search.png); }

i[data-icon="more"] { --image: url(../img/icons/more.png); }
i[data-icon="more-dots"] { --image: url(../img/icons/more-dots.png); }
i[data-icon="more-price"] { --image: url(../img/icons/more-price.png); }
i[data-icon="play"] { --image: url(../img/icons/play.png); }
i[data-icon="phone"] { --image: url(../img/icons/phone.png)}
i[data-icon="map"] { --image: url(../img/icons/map.png);}
i[data-icon="location"] { --image: url(../img/icons/location.png);}
i[data-icon="download"] { --image: url(../img/icons/download.png);}
i[data-icon="email"] { --image: url(../img/icons/email.png); }
i[data-icon="call"] { --image: url(../img/icons/call.png); }
i[data-icon="call-phone"] { --image: url(../img/icons/call-phone.png); }

i[data-icon="delivery"] { --image: url(../img/icons/delivery.png); }
i[data-icon="order"] { --image: url(../img/icons/order.png); }
i[data-icon="catalog"] { --image: url(../img/icons/catalog.png); }

i[data-icon="social-vk"] { --image: url(../img/icons/social-vk.png); }
i[data-icon="social-whatsapp"] { --image: url(../img/icons/social-whatsapp.png); }
i[data-icon="social-telegram"] { --image: url(../img/icons/social-telegram.png); }

i[data-icon="steps-1"] { --image: url(../img/icons/steps-1.png); }
i[data-icon="steps-2"] { --image: url(../img/icons/steps-2.png); }
i[data-icon="steps-3"] { --image: url(../img/icons/steps-3.png); }
i[data-icon="steps-4"] { --image: url(../img/icons/steps-4.png); }
i[data-icon="steps-5"] { --image: url(../img/icons/steps-5.png); }
i[data-icon="steps-6"] { --image: url(../img/icons/steps-6.png); }

i[data-icon="view-list"] { --image: url(../img/icons/view-list.png); }
i[data-icon="view-cards"] { --image: url(../img/icons/view-cards.png); }

i[data-icon="why-we-1"] { --image: url(../img/icons/why-we-1.png); }
i[data-icon="why-we-2"] { --image: url(../img/icons/why-we-2.png); }
i[data-icon="why-we-3"] { --image: url(../img/icons/why-we-3.png); }
i[data-icon="why-we-4"] { --image: url(../img/icons/why-we-4.png); }

i[data-icon="about-1"] { --image: url(../img/icons/about-1.png); }
i[data-icon="about-2"] { --image: url(../img/icons/about-2.png); }
i[data-icon="about-3"] { --image: url(../img/icons/about-3.png); }
i[data-icon="about-4"] { --image: url(../img/icons/about-4.png); }

i[data-icon="product-properties"] { --image: url(../img/icons/product-properties.png); }

i[data-icon="product-teaser-cheaper"] { --image: url(../img/icons/product-teaser-cheaper.png); }
i[data-icon="product-teaser-guarantee"] { --image: url(../img/icons/product-teaser-guarantee.png); }

i[data-icon="product-tabs-delivery"] { --image: url(../img/icons/product-tabs-delivery.png); }
i[data-icon="product-tabs-description"] { --image: url(../img/icons/product-tabs-description.png); }
i[data-icon="product-tabs-payment"] { --image: url(../img/icons/product-tabs-payment.png); }
i[data-icon="product-tabs-specs"] { --image: url(../img/icons/product-tabs-specs.png); }

i[data-icon="product-service-1"] { --image: url(../img/icons/product-service-1.png); }
i[data-icon="product-service-2"] { --image: url(../img/icons/product-service-2.png); }
i[data-icon="product-service-3"] { --image: url(../img/icons/product-service-3.png); }