@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/fa-brands-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/fa-brands-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../font/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../font/fa-solid-900.woff2") format("woff2");
}

.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-style: normal;
  font-weight: 400;
}

.fas,
.fa-solid,
.fa:not(.fab) {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal;
  font-weight: 900;
}

/* Keep administrator-uploaded logos inside the original header/footer layout. */
.logo_box .logo img,
.logobox .logo img,
.log_bx .logo img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 180px !important;
  max-height: 64px !important;
  object-fit: contain !important;
}

.header-area .logo_box .logo img,
.header-area .logobox .logo img {
  max-width: 170px !important;
  max-height: 56px !important;
}

html body .header-area .main_header_content .logo_box .logo img.logo_default,
html body .header-area .logobox .logo img.logo_default,
html body .elementor-element .logo_box .logo img.logo_default,
html body .option_panel-popup .log_bx .logo img.logo_default {
  width: auto !important;
  height: auto !important;
}

@media (max-width: 640px) {
  .header-area .logo_box .logo img,
  .header-area .logobox .logo img,
  .log_bx .logo img {
    max-width: 140px !important;
    max-height: 46px !important;
  }
}