/* Inline SVG Icons - Fallback for Offline Use */
/* Replace <i class="fa fa-xxx"></i> with SVG icons */

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/* Usage: Replace icon classes with inline SVGs in HTML */
/* 
   Example replacement for <i class="fas fa-phone"></i>:
   <svg class="icon" viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
*/

/* Quick CSS-based icon alternatives when fonts unavailable */
.fa-phone:before { content: "\260E"; }
.fa-envelope:before { content: "\2709"; }
.fa-map-marker:before { content: "\e068"; }
.fa-whatsapp:before { content: "\e0bd"; }
.fa-facebook-f:before { content: "f"; }
.fa-instagram:before { content: "ig"; }
.fa-youtube:before { content: "YT"; }
.fa-tiktok:before { content: "TT"; }
.fa-arrow-right:before { content: "\2192"; }
.fa-arrow-up:before { content: "\2191"; }
.fa-check-circle:before { content: "\2713"; }
.fa-check:before { content: "\2713"; }
.fa-star:before { content: "\2605"; }
.fa-calendar:before { content: "\1F4C5"; }
.fa-clock:before { content: "\23F0"; }
.fa-plane:before { content: "\2708"; }
.fa-hotel:before { content: "\1F6CF"; }
.fa-users:before { content: "\1F465"; }
.fa-globe:before { content: "\1F310"; }
.fa-mosque:before { content: "\1F54C"; }
.fa-shield:before { content: "\1F6E1"; }
.fa-user-tie:before { content: "\1F464"; }
.fa-headset:before { content: "\1F3A4"; }
.fa-compass:before { content: "\1F9ED"; }
.fa-quote-left:before { "\201C"; }