/* Font Awesome Icons Fallback and Fixes */
.fas, .fab, .far, .fal {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

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

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

/* Ensure all icons display properly */
i[class*="fa-"]:before {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* Common service icons - fallback display */
.fa-cogs:before,
.fa-gear:before {
    content: "\f085";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-handshake:before {
    content: "\f2b5";
}

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

.fa-users:before {
    content: "\f0c0";
}

.fa-clock:before {
    content: "\f017";
}

.fa-shield-alt:before {
    content: "\f3ed";
}

.fa-headset:before {
    content: "\f590";
}

/* Social media icons */
.fa-facebook-f:before {
    content: "\f39e";
}

.fa-x-twitter:before,
.fa-twitter:before {
    content: "\e61b";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-tiktok:before {
    content: "\e07b";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-whatsapp:before {
    content: "\f232";
}

/* Navigation and UI icons */
.fa-phone-alt:before,
.fa-phone:before {
    content: "\f095";
}

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

.fa-globe:before {
    content: "\f0ac";
}

.fa-arrow-left:before {
    content: "\f060";
}

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

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

/* WhatsApp floating button enhancement */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.whatsapp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    color: white;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.whatsapp-btn:hover {
    background: #20BA5A;
    transform: scale(1.1);
    color: white;
    text-decoration: none;
}

.whatsapp-btn i {
    font-size: 28px;
}

/* Icon container enhancements */
.service-icon i,
.feature-icon i {
    font-size: inherit !important;
    color: inherit !important;
}

/* Social media colors for header and footer */
.social-icons a {
    color: #6c757d;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    text-decoration: none;
}

.social-icons a[title="Facebook"]:hover {
    color: #1877f2;
}

.social-icons a[title="X"]:hover {
    color: #000000;
}

.social-icons a[title="LinkedIn"]:hover {
    color: #0077b5;
}

.social-icons a[title="Instagram"]:hover {
    color: #e4405f;
}

.social-icons a[title="YouTube"]:hover {
    color: #ff0000;
}

.social-icons a[title="Tiktok"]:hover {
    color: #000000;
}

.social-icons a[title="Snapchat"]:hover {
    color: #fffc00;
}