/*!
 * Font Awesome Free 7.3.1 (Custom Slim Local Version) - https://fontawesome.com
 */

/* ==========================================================
   FONT-FACE DEFINITIONS (LOAD FONT LOKAL)
   ========================================================== */

@font-face {
  font-family: "Font Awesome 7 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 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}

/* ==========================================================
   CORE STYLES
   ========================================================== */

.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Free'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-style: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}

.fas, .fa-solid { --fa-style: 900; }
.far, .fa-regular { --fa-style: 400; }
.fab, .fa-brands { --fa-family: 'Font Awesome 7 Brands'; --fa-style: 400; }

:is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa)::before {
  content: var(--fa);
}

/* ==========================================================
   DAFTAR KELAS & KODE UNICODE IKON YANG DIPERLUKAN
   ========================================================== */

/* Navigasi & Aksi Utama */
.fa-house, .fa-home { --fa: "\f015"; }
.fa-phone { --fa: "\f095"; }
.fa-phone-volume { --fa: "\f2a0"; }
.fa-bars { --fa: "\f0c9"; }
.fa-xmark, .fa-close, .fa-times { --fa: "\f00d"; }
.fa-chevron-right { --fa: "\f054"; }
.fa-chevron-up { --fa: "\f077"; }
.fa-chevron-down { --fa: "\f078"; }
.fa-arrow-right { --fa: "\f061"; }
.fa-arrow-left { --fa: "\f060"; }
.fa-check { --fa: "\f00c"; }

/* Fitur & Bagian Web */
.fa-shield-halved, .fa-shield-alt { --fa: "\f3ed"; }
.fa-cubes { --fa: "\f1b3"; }
.fa-cube { --fa: "\f1b2"; }
.fa-handshake { --fa: "\f2b5"; }
.fa-headset { --fa: "\f590"; }
.fa-circle { --fa: "\f111"; }
.fa-map-location-dot, .fa-map-marked-alt { --fa: "\f5a0"; }
.fa-circle-check, .fa-check-circle { --fa: "\f058"; }
.fa-location-dot, .fa-map-marker-alt { --fa: "\f3c5"; }
.fa-envelope { --fa: "\f0e0"; }

/* Regular / Outline Icons */
.fa-calendar, .fa-calendar-alt { --fa: "\f133"; }
.fa-user, .fa-user-large { --fa: "\f007"; }
.fa-eye { --fa: "\f06e"; }
.fa-clock { --fa: "\f017"; }

/* Brand Social Media Icons */
.fa-facebook-f, .fa-facebook { --fa: "\f39e"; }
.fa-instagram { --fa: "\f16d"; }
.fa-youtube { --fa: "\f167"; }
.fa-linkedin-in, .fa-linkedin { --fa: "\f0e1"; }
.fa-whatsapp { --fa: "\f232"; }
.fa-paper-plane { --fa: "\f1d8"; }
.fa-tiktok { --fa: "\e07b"; }
.fa-x-twitter, .fa-twitter { --fa: "\f099"; }