﻿/*!
 * Font Awesome Free 6.4.2 - SUBSET (lx-landing optimized)
 * Only includes icons actually used on mtopviet.vn
 */

/* === @font-face === */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}
/* Legacy FA5 compat */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: swap;
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-display: swap;
  font-weight: 400;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
  font-family: 'FontAwesome';
  font-display: swap;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}

/* === Base classes === */
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa,.fa-solid,.fa-classic,.fas{font-family:'Font Awesome 6 Free';font-weight:900}
.fa-brands,.fab{font-family:'Font Awesome 6 Brands';font-weight:400}
.far,.fa-regular{font-family:'Font Awesome 6 Free';font-weight:400}
.fa-fw{text-align:center;width:1.25em}
.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}
.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}
.fa-1x{font-size:1em}.fa-2x{font-size:2em}
/* FA5 shim */
.fa-5{font-family:'Font Awesome 5 Free';font-weight:900}

/* === Solid Icons === */
.fa-arrow-left::before {content: "\f060"; }
.fa-arrow-right::before {content: "\f061"; }
.fa-bag-shopping::before {content: "\f290"; }
.fa-bars::before {content: "\f0c9"; }
.fa-bolt-lightning::before {content: "\e0b7"; }
.fa-calendar::before {content: "\f133"; }
.fa-calendar-alt::before {content: "\f073"; }
.fa-cart-shopping::before {content: "\f07a"; }
.fa-chevron-left::before {content: "\f053"; }
.fa-chevron-right::before {content: "\f054"; }
.fa-chevron-up::before {content: "\f077"; }
.fa-clock::before {content: "\f017"; }
.fa-comment-dots::before {content: "\f4ad"; }
.fa-comments::before {content: "\f086"; }
.fa-envelope::before {content: "\f0e0"; }
.fa-eye::before {content: "\f06e"; }
.fa-house::before {content: "\f015"; }
.fa-link::before {content: "\f0c1"; }
.fa-location-dot::before {content: "\f3c5"; }
.fa-magnifying-glass::before {content: "\f002"; }
.fa-microphone::before {content: "\f130"; }
.fa-navicon::before {content: "\f0c9"; }
.fa-phone::before {content: "\f095"; }
.fa-share-nodes::before {content: "\f1e0"; }
.fa-share-alt::before {content: "\f1e0"; }
.fa-times::before {content: "\f00d"; }
.fa-user::before {content: "\f007"; }
.fa-xmark::before {content: "\f00d"; }

/* === Brand Icons === */
.fa-facebook-f:before {content: "\f39e"; }
.fa-tiktok:before {content: "\e07b"; }
.fa-telegram:before {content: "\f2c6"; }
.fa-youtube:before {content: "\f167"; }
.fa-x-twitter:before {content: "\e61b"; }
.fa-whatsapp:before {content: "\f232"; }