@font-face {
  font-family: "LoongRemixicon";
  src: url("vendor/remixicon-4.1.0.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: "LoongLegacyIcons";
  src: url("vendor/legacy-iconfont-4574969.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: "LoongFontAwesome";
  src: url("vendor/fa-solid-6.5.0.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: block;
}

@font-face {
  font-family: "LoongPhosphor";
  src: url("vendor/phosphor-regular-2.1.2.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: "LoongPhosphorFill";
  src: url("vendor/phosphor-fill-2.1.2.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
  font-display: block;
}

/* Specificity keeps late CDN styles from selecting a remote font again. */
html [class^="ri-"],
html [class*=" ri-"] {
  font-family: "LoongRemixicon" !important;
}

html .iconfont,
html .progress-wrap::after {
  font-family: "LoongLegacyIcons" !important;
}

html .fas.fa-arrow-right,
html .fas.fa-check-circle {
  display: inline-block;
  font-family: "LoongFontAwesome" !important;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

html .fas.fa-arrow-right::before {
  content: "\f061";
}

html .fas.fa-check-circle::before {
  content: "\f058";
}

html .ph,
html .ph-fill {
  font-family: "LoongPhosphor" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html .ph-fill {
  font-family: "LoongPhosphorFill" !important;
}

html .ph.ph-globe::before,
html .ph-fill.ph-globe::before {
  content: "\e288";
}

html .ph.ph-shield-check::before,
html .ph-fill.ph-shield-check::before {
  content: "\e40c";
}

html .ph.ph-factory::before,
html .ph-fill.ph-factory::before {
  content: "\e760";
}

/* The legacy inquiry close control used an unregistered FontAwesome family. */
html #online_qq_tab #floatHide::after {
  content: "\eb99";
  font-family: "LoongRemixicon" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
}

html .cs-contact-row .cs-contact-main::before {
  content: "\eef6";
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 31px;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #f0f1f3;
  color: #747b85;
  font-family: "LoongRemixicon" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
}

html .cs-contact-row.whatsapp .cs-contact-main::before {
  content: "\f2bc";
  background: #effbf4;
  color: #168b46;
}

/* A neutral globe replaces the blank flag while GeoIP has no country result. */
html .iti__selected-flag > .iti__flag[class="iti__flag"],
html .iti__selected-flag > .iti__flag.iti__ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 18px;
  background: none;
  box-shadow: none;
}

html .iti__selected-flag > .iti__flag[class="iti__flag"]::before,
html .iti__selected-flag > .iti__flag.iti__::before {
  content: "\edcf";
  font-family: "LoongRemixicon" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1;
  color: #626975;
}

/* The legacy inquiry stylesheet references a removed texture image. */
html #onlineService .title,
html .pro_inq .title {
  background-color: #0877c9;
  background-image: none !important;
}