/* 
* AccuTax SA - Icon Font Stylesheet
* Author: Professional Web Developer
* Version: 1.0
*/

/* Using CSS content property to display icons without JS or external libraries */

/* Common icon styling */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    font-style: normal;
    text-align: center;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    display: inline-block;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 2.4rem;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Service & Benefit Icons */
.icon-bookkeeping:before {
    content: "📒";
}

.icon-tax:before {
    content: "📝";
}

.icon-financial:before {
    content: "📊";
}

.icon-payroll:before {
    content: "💰";
}

.icon-consulting:before {
    content: "💼";
}

.icon-vat:before {
    content: "🧾";
}

.icon-expertise:before {
    content: "🎓";
}

.icon-time:before {
    content: "⏱️";
}

.icon-compliance:before {
    content: "✅";
}

.icon-custom:before {
    content: "🔧";
}

.icon-support:before {
    content: "🤝";
}

.icon-security:before {
    content: "🔒";
}

/* Contact & Footer Icons */
.icon-location:before {
    content: "📍";
}

.icon-phone:before {
    content: "📞";
}

.icon-email:before {
    content: "✉️";
}

.icon-check:before {
    content: "✓";
    font-size: 5rem;
    font-weight: bold;
}

/* Special styling for footer icons */
.footer-contact [class^="icon-"]:before,
.footer-contact [class*=" icon-"]:before {
    font-size: 1.8rem;
}

/* Special styling for header navigation */
.nav-menu [class^="icon-"]:before,
.nav-menu [class*=" icon-"]:before {
    font-size: 1.6rem;
}

/* Special styling for thank you page check icon */
.thank-you-icon [class^="icon-"]:before,
.thank-you-icon [class*=" icon-"]:before {
    font-size: 6rem;
}