/* Professional Icon System - Non-Cartoon Version */

/* Base icon styles */
.fa, .fas, .far, .fab, .fak, .fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands, .fa-kit, .fa-kit-duotone {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: 'Segoe UI', 'Arial', sans-serif;
}

/* Icon sizes */
.fa-lg { font-size: 1.25em; }
.fa-xl { font-size: 1.5em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

/* Professional Icons using SVG and Unicode */

/* Communication Icons */
.fa-envelope::before { 
    content: "✉"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
    font-weight: 400;
}

.fa-phone::before { 
    content: "📞"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-map-marker-alt::before { 
    content: "📍"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-clock::before { 
    content: "🕐"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

/* Navigation Icons */
.fa-chevron-down::before { 
    content: "▼"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-size: 0.8em;
    font-weight: 300;
}

.fa-chevron-left::before { 
    content: "◄"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-size: 0.8em;
    font-weight: 300;
}

.fa-chevron-right::before { 
    content: "►"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-size: 0.8em;
    font-weight: 300;
}

.fa-chevron-up::before { 
    content: "▲"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-size: 0.8em;
    font-weight: 300;
}

.fa-home::before { 
    content: "⌂"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-search::before { 
    content: "🔍"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

/* Business Icons */
.fa-building::before { 
    content: "🏢"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-briefcase::before { 
    content: "💼"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-chart-line::before { 
    content: "📈"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-chart-pie::before { 
    content: "📊"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-certificate::before { 
    content: "🏆"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-file-contract::before { 
    content: "📄"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-passport::before { 
    content: "📋"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-handshake::before { 
    content: "🤝"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-award::before { 
    content: "🏅"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-eye::before { 
    content: "👁"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

/* Technology Icons */
.fa-code::before { 
    content: "</>"; 
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    letter-spacing: -2px;
}

.fa-users-cog::before { 
    content: "⚙️"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-paper-plane::before { 
    content: "✈️"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

/* UI Icons */
.fa-spinner::before { 
    content: "⟳"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    animation: spin 1s linear infinite;
}

.fa-bars::before { 
    content: "☰"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-weight: 300;
}

.fa-times::before { 
    content: "✕"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-weight: 300;
}

.fa-arrow-up::before { 
    content: "↑"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-weight: 300;
}

.fa-arrow-left::before { 
    content: "←"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-weight: 300;
}

.fa-arrow-right::before { 
    content: "→"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-weight: 300;
}

.fa-arrow-down::before { 
    content: "↓"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-weight: 300;
}

/* Social Media Icons - Professional Text Style */
.fa-facebook::before { 
    content: "f"; 
    font-family: 'Helvetica Neue', 'Arial', sans-serif;
    font-weight: 700;
    font-style: italic;
}

.fa-twitter::before { 
    content: "𝕏"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
}

.fa-linkedin::before { 
    content: "in"; 
    font-family: 'Helvetica Neue', 'Arial', sans-serif;
    font-weight: 700;
}

.fa-instagram::before { 
    content: "📷"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-whatsapp::before { 
    content: "💬"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

/* Mission/Vision Icons */
.fa-bullseye::before { 
    content: "◎"; 
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-size: 1.2em;
}

.fa-rocket::before { 
    content: "🚀"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-heart::before { 
    content: "♥"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
    color: #e74c3c;
}

.fa-bullhorn::before { 
    content: "📢"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

/* User Icons */
.fa-user::before { 
    content: "👤"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

.fa-users::before { 
    content: "👥"; 
    font-family: 'Segoe UI Symbol', 'Apple Symbols', sans-serif;
}

/* Number Icons */
.fa-1::before { content: "1"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-2::before { content: "2"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-3::before { content: "3"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-4::before { content: "4"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-5::before { content: "5"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-6::before { content: "6"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-7::before { content: "7"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-8::before { content: "8"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-9::before { content: "9"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }
.fa-0::before { content: "0"; font-family: 'Segoe UI', 'Arial', sans-serif; font-weight: 700; }

/* Professional styling for social media icons */
.fa-facebook::before {
    color: #1877f2;
    background: #1877f2;
    color: white;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 0.7em;
    display: inline-block;
    text-align: center;
    min-width: 20px;
}

.fa-linkedin::before {
    color: #0077b5;
    background: #0077b5;
    color: white;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 0.7em;
    display: inline-block;
    text-align: center;
    min-width: 24px;
}

.fa-twitter::before {
    color: #1da1f2;
    font-size: 1.1em;
}

.fa-instagram::before {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 1.1em;
}

.fa-whatsapp::before {
    color: #25d366;
    font-size: 1.1em;
}

/* Spinner animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Ensure proper icon sizing */
.fa {
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
}

/* Remove emoji fallback for professional look */
.fa-envelope::before,
.fa-phone::before,
.fa-map-marker-alt::before,
.fa-clock::before,
.fa-building::before,
.fa-briefcase::before,
.fa-chart-line::before,
.fa-chart-pie::before,
.fa-certificate::before,
.fa-file-contract::before,
.fa-passport::before,
.fa-handshake::before,
.fa-award::before,
.fa-eye::before,
.fa-code::before,
.fa-users-cog::before,
.fa-paper-plane::before,
.fa-bullseye::before,
.fa-rocket::before,
.fa-heart::before,
.fa-bullhorn::before,
.fa-user::before,
.fa-users::before,
.fa-home::before,
.fa-search::before {
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
}

/* Professional hover effects */
.fa:hover {
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

/* Icon container styling for better appearance */
.icon-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f8f9fa;
    transition: all 0.3s ease;
}

.icon-container:hover {
    background: #e9ecef;
    transform: translateY(-2px);
}

/* Professional icon colors */
.icon-primary { color: #667eea; }
.icon-secondary { color: #764ba2; }
.icon-success { color: #27ae60; }
.icon-warning { color: #f39c12; }
.icon-danger { color: #e74c3c; }
.icon-info { color: #3498db; }
.icon-dark { color: #2c3e50; }
.icon-light { color: #95a5a6; }