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="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="zoom"] { --image: url(../img/icons/zoom.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="phone"] { --image: url(../img/icons/phone.png)}
i[data-icon="solution"] { --image: url(../img/icons/solution.png)}
i[data-icon="read-more"] { --image: url(../img/icons/read-more.png)}
i[data-icon="map"] { --image: url(../img/icons/map.svg);}
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="mail"] { --image: url(../img/icons/mail.png); }
i[data-icon="call"] { --image: url(../img/icons/call.png); }
i[data-icon="order"] { --image: url(../img/icons/order.png); }
i[data-icon="home"] { --image: url(../img/icons/home.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="social-viber"] { --image: url(../img/icons/social-viber.png); }
i[data-icon="social-youtube"] { --image: url(../img/icons/social-youtube.png); }

i[data-icon="service-1"] { --image: url(../img/icons/service-1.png); }
i[data-icon="service-2"] { --image: url(../img/icons/service-2.png); }
i[data-icon="service-3"] { --image: url(../img/icons/service-3.png); }
i[data-icon="service-4"] { --image: url(../img/icons/service-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="get-1"] { --image: url(../img/icons/get-1.png); }
i[data-icon="get-2"] { --image: url(../img/icons/get-2.png); }
i[data-icon="get-3"] { --image: url(../img/icons/get-3.png); }
i[data-icon="get-4"] { --image: url(../img/icons/get-4.png); }
i[data-icon="get-5"] { --image: url(../img/icons/get-5.png); }

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