/* Local SVG icon compatibility layer for markup using Bootstrap-Icons-like class names.
   No icon font is required. */
.bi {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.bi-search { -webkit-mask-image: url('../svg/search.svg'); mask-image: url('../svg/search.svg'); }
.bi-heart, .bi-heart-fill { -webkit-mask-image: url('../svg/heart.svg'); mask-image: url('../svg/heart.svg'); }
.bi-person, .bi-person-circle, .bi-person-fill { -webkit-mask-image: url('../svg/person.svg'); mask-image: url('../svg/person.svg'); }
.bi-bag, .bi-bag-fill, .bi-bag-check, .bi-bag-heart { -webkit-mask-image: url('../svg/bag.svg'); mask-image: url('../svg/bag.svg'); }
.bi-geo-alt, .bi-geo-alt-fill, .bi-pin-map { -webkit-mask-image: url('../svg/geo-alt.svg'); mask-image: url('../svg/geo-alt.svg'); }
.bi-telephone, .bi-telephone-fill { -webkit-mask-image: url('../svg/telephone.svg'); mask-image: url('../svg/telephone.svg'); }
.bi-envelope, .bi-envelope-fill { -webkit-mask-image: url('../svg/envelope.svg'); mask-image: url('../svg/envelope.svg'); }
.bi-headset { -webkit-mask-image: url('../svg/headset.svg'); mask-image: url('../svg/headset.svg'); }
.bi-globe, .bi-globe2 { -webkit-mask-image: url('../svg/globe.svg'); mask-image: url('../svg/globe.svg'); }
.bi-chevron-left { -webkit-mask-image: url('../svg/chevron-left.svg'); mask-image: url('../svg/chevron-left.svg'); }
.bi-chevron-right { -webkit-mask-image: url('../svg/chevron-right.svg'); mask-image: url('../svg/chevron-right.svg'); }
.bi-x, .bi-x-lg { -webkit-mask-image: url('../svg/x-lg.svg'); mask-image: url('../svg/x-lg.svg'); }
.bi-list { -webkit-mask-image: url('../svg/list.svg'); mask-image: url('../svg/list.svg'); }
.bi-stars, .bi-star, .bi-star-fill { -webkit-mask-image: url('../svg/stars.svg'); mask-image: url('../svg/stars.svg'); }
.bi-chat-dots, .bi-chat, .bi-chat-left-dots { -webkit-mask-image: url('../svg/chat-dots.svg'); mask-image: url('../svg/chat-dots.svg'); }
.bi-arrow-left { -webkit-mask-image: url('../svg/arrow-left.svg'); mask-image: url('../svg/arrow-left.svg'); }
.bi-arrow-right { -webkit-mask-image: url('../svg/arrow-right.svg'); mask-image: url('../svg/arrow-right.svg'); }
.bi-house, .bi-house-door { -webkit-mask-image: url('../svg/house.svg'); mask-image: url('../svg/house.svg'); }
.bi-cart, .bi-cart3, .bi-cart-fill { -webkit-mask-image: url('../svg/cart.svg'); mask-image: url('../svg/cart.svg'); }
.bi-instagram { -webkit-mask-image: url('../svg/instagram.svg'); mask-image: url('../svg/instagram.svg'); }
.bi-telegram { -webkit-mask-image: url('../svg/telegram.svg'); mask-image: url('../svg/telegram.svg'); }
.bi-twitter-x, .bi-twitter { -webkit-mask-image: url('../svg/twitter-x.svg'); mask-image: url('../svg/twitter-x.svg'); }
.bi-facebook { -webkit-mask-image: url('../svg/facebook.svg'); mask-image: url('../svg/facebook.svg'); }
.bi-linkedin { -webkit-mask-image: url('../svg/linkedin.svg'); mask-image: url('../svg/linkedin.svg'); }
.bi-whatsapp { -webkit-mask-image: url('../svg/whatsapp.svg'); mask-image: url('../svg/whatsapp.svg'); }
