/* Fix for Font Awesome webfonts paths with CDN backup */
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../vendor/font-awesome/webfonts/fa-brands-400.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../vendor/font-awesome/webfonts/fa-regular-400.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../vendor/font-awesome/webfonts/fa-solid-900.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2");
}

/* Global fix for all Font Awesome icons */
.fa,
.fas,
.far,
.fab {
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
}

.fas, 
.fa-solid {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.far, 
.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400 !important;
}

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

/* Explicit styling for scroll indicator and back-to-top button */
.scroll-down i.fas.fa-chevron-down {
  display: inline-block !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

/* Fix for back-to-top button centering */
.back-to-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  position: fixed !important;
  border-radius: 50% !important;
}

.back-to-top i.fas.fa-arrow-up {
  display: inline-block !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Fix for the icons in the Financials section */
.financials .icon i {
  display: inline-block !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

/* Fix for "Bel ons" button in header */
.btn-call i.fas.fa-phone-alt {
  display: inline-block !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  margin-right: 5px !important;
}

/* Fix for services section icons */
.service-card .service-icon i,
.feature-card .feature-icon i {
  display: inline-block !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-size: 2rem !important;
}

/* Fix for contact section icons */
.contact-icon i,
.social-icons i {
  display: inline-block !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

/* Social media icons in footer are typically brand icons */
.social-icons i.fab {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

/* Fallback for problematic icons using CSS content property */
.fa-arrow-up:before {
  content: "\f062" !important;
}

.fa-chevron-down:before {
  content: "\f078" !important;
}

.fa-phone-alt:before {
  content: "\f879" !important;
}

.fa-map-marker-alt:before {
  content: "\f3c5" !important;
}

.fa-envelope:before {
  content: "\f0e0" !important;
}

.fa-tools:before {
  content: "\f7d9" !important;
}

.fa-leaf:before {
  content: "\f06c" !important;
}

.fa-sync-alt:before {
  content: "\f2f1" !important;
}

.fa-chart-line:before {
  content: "\f201" !important;
}

/* Additional fixes to ensure Font Awesome icons are visible */
[class*="fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

.fa, .fas {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}