.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands{ position: relative; display: inline-flex;}
.fa-solid::before, .fa-regular::before, .fa-light::before, .fa-thin::before, .fa-duotone::before, .fa-brands::before{ width: 14px; height: 14px; content: ""; -webkit-mask-size: cover; mask-size: cover; background-color: #000;}

.fa-solid.fa-phone::before{ -webkit-mask: url(../images/svgs/solid/phone.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/phone.svg) no-repeat 50% 50%; }
.fa-solid.fa-magnifying-glass::before{ -webkit-mask: url(../images/svgs/solid/magnifying-glass.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/magnifying-glass.svg) no-repeat 50% 50%; }
.fa-solid.fa-cart-shopping::before{ -webkit-mask: url(../images/svgs/solid/cart-shopping.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/cart-shopping.svg) no-repeat 50% 50%; }
.fa-solid.fa-circle-plus::before{ -webkit-mask: url(../images/svgs/solid/circle-plus.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/circle-plus.svg) no-repeat 50% 50%; }
.fa-solid.fa-xmark::before{ -webkit-mask: url(../images/svgs/solid/xmark.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/xmark.svg) no-repeat 50% 50%; }
.fa-solid.fa-chevrons-right::before{ -webkit-mask: url(../images/svgs/solid/chevrons-right.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/chevrons-right.svg) no-repeat 50% 50%; }
.fa-solid.fa-bars::before{ -webkit-mask: url(../images/svgs/solid/bars.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/bars.svg) no-repeat 50% 50%; }
.fa-solid.fa-house::before{ -webkit-mask: url(../images/svgs/solid/house.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/house.svg) no-repeat 50% 50%; }
.fa-solid.fa-phone-volume::before{ -webkit-mask: url(../images/svgs/solid/phone-volume.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/phone-volume.svg) no-repeat 50% 50%; }
.fa-solid.fa-location-dot::before{ -webkit-mask: url(../images/svgs/solid/location-dot.svg) no-repeat 50% 50%; mask: url(../images/svgs/solid/location-dot.svg) no-repeat 50% 50%; }

.fa-regular.fa-circle-plus::before{ -webkit-mask: url(../images/svgs/regular/circle-plus.svg) no-repeat 50% 50%; mask: url(../images/svgs/regular/circle-plus.svg) no-repeat 50% 50%; }
.fa-regular.fa-chevron-left::before{ -webkit-mask: url(../images/svgs/regular/chevron-left.svg) no-repeat 50% 50%; mask: url(../images/svgs/regular/chevron-left.svg) no-repeat 50% 50%; }
.fa-regular.fa-chevron-right::before{ -webkit-mask: url(../images/svgs/regular/chevron-right.svg) no-repeat 50% 50%; mask: url(../images/svgs/regular/chevron-right.svg) no-repeat 50% 50%; }
.fa-regular.fa-chevron-down::before{ -webkit-mask: url(../images/svgs/regular/chevron-down.svg) no-repeat 50% 50%; mask: url(../images/svgs/regular/chevron-down.svg) no-repeat 50% 50%; }
.fa-regular.fa-chevron-up::before{ -webkit-mask: url(../images/svgs/regular/chevron-up.svg) no-repeat 50% 50%; mask: url(../images/svgs/regular/chevron-up.svg) no-repeat 50% 50%; }
.fa-regular.fa-chevrons-right::before{ -webkit-mask: url(../images/svgs/regular/chevrons-right.svg) no-repeat 50% 50%; mask: url(../images/svgs/regular/chevrons-right.svg) no-repeat 50% 50%; }
.fa-regular.fa-angles-left::before{ -webkit-mask: url(../images/svgs/regular/angles-left.svg) no-repeat 50% 50%; mask: url(../images/svgs/regular/angles-left.svg) no-repeat 50% 50%; }
.fa-regular.fa-angles-right::before{ -webkit-mask: url(../images/svgs/regular/angles-right.svg) no-repeat 50% 50%; mask: url(../images/svgs/regular/angles-right.svg) no-repeat 50% 50%; }

.fa-light.fa-circle-plus::before{ -webkit-mask: url(../images/svgs/light/circle-plus.svg) no-repeat 50% 50%; mask: url(../images/svgs/light/circle-plus.svg) no-repeat 50% 50%; }
.fa-light.fa-circle-minus::before{ -webkit-mask: url(../images/svgs/light/circle-minus.svg) no-repeat 50% 50%; mask: url(../images/svgs/light/circle-minus.svg) no-repeat 50% 50%; }
.fa-light.fa-angles-left::before{ -webkit-mask: url(../images/svgs/light/angles-left.svg) no-repeat 50% 50%; mask: url(../images/svgs/light/angles-left.svg) no-repeat 50% 50%; }
.fa-light.fa-angles-right::before{ -webkit-mask: url(../images/svgs/light/angles-right.svg) no-repeat 50% 50%; mask: url(../images/svgs/light/angles-right.svg) no-repeat 50% 50%; }

.fa-brands.fa-facebook-messenger::before{ -webkit-mask: url(../images/svgs/brands/facebook-messenger.svg) no-repeat 50% 50%; mask: url(../images/svgs/brands/facebook-messenger.svg) no-repeat 50% 50%; }