/* Icon Fix - Using Font Awesome Icons */

/* Font Awesome from CDN - Free version */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

/* Custom Icon Classes - Using Font Awesome as base */
[class^="tji-"],
[class*=" tji-"] {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: never;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    font-size: inherit !important;
    vertical-align: middle;
}

/* Custom Icon Mapping to Font Awesome */
.tji-arrow-right-long:before { content: "\f178"; }
.tji-arrow-left-long:before { content: "\f177"; }
.tji-arrow-right:before { content: "\f061"; }
.tji-arrow-left:before { content: "\f060"; }
.tji-arrow-up-long:before { content: "\f176"; }
.tji-arrow-down-long:before { content: "\f175"; }
.tji-arrow-down:before { content: "\f063"; }
.tji-search:before { content: "\f002"; }
.tji-phone:before { content: "\f095"; }
.tji-phone-2:before { content: "\f879"; }
.tji-phone-3:before { content: "\f2a0"; }
.tji-envelop:before { content: "\f0e0"; }
.tji-envelop-2:before { content: "\f2b6"; }
.tji-location:before { content: "\f3c5"; }
.tji-location-2:before { content: "\f5a0"; }
.tji-location-3:before { content: "\f041"; }
.tji-home:before { content: "\f015"; }
.tji-chat:before { content: "\f4ad"; }
.tji-comment:before { content: "\f075"; }
.tji-user:before { content: "\f007"; }
.tji-clock:before { content: "\f017"; }
.tji-calendar:before { content: "\f133"; }
.tji-box:before { content: "\f466"; }
.tji-check:before { content: "\f00c"; }
.tji-plus:before { content: "\f067"; }
.tji-minus:before { content: "\f068"; }
.tji-play:before { content: "\f04b"; }
.tji-plane:before { content: "\f1d8"; }
.tji-star:before { content: "\f005"; }
.tji-star-2:before { content: "\f006"; }
.tji-quote:before { content: "\f10d"; }
.tji-chart:before { content: "\f200"; }
.tji-growth:before { content: "\f201"; }
.tji-at:before { content: "\f1fa"; }
.tji-list:before { content: "\f058"; } /* Check circle icon */
.tji-window:before { content: "\f2d0"; }

/* Service Icons */
.tji-service-1:before { content: "\f0b1"; }
.tji-service-2:before { content: "\f0ad"; }
.tji-service-3:before { content: "\f51f"; }
.tji-service-4:before { content: "\f19d"; }
.tji-service-5:before { content: "\f108"; }
.tji-service-6:before { content: "\f0a1"; }

/* Special Icons */
.tji-award:before { content: "\f559"; }
.tji-team:before { content: "\f0c0"; }
.tji-support:before { content: "\f1cd"; }
.tji-complete:before { content: "\f058"; }
.tji-worldwide:before { content: "\f57d"; }
.tji-excellence:before { content: "\f521"; }
.tji-innovative:before { content: "\f0eb"; }
.tji-budget:before { content: "\f53a"; }

/* Process Icons */
.tji-process-1:before { content: "\f0ae"; }
.tji-strategy:before { content: "\f0e8"; }
.tji-manage:before { content: "\f0c3"; }
.tji-operations:before { content: "\f085"; }
.tji-organize:before { content: "\f24e"; }
.tji-performance:before { content: "\f201"; }

/* Other Icons */
.tji-dart-board:before { content: "\f140"; }
.tji-eye-box:before { content: "\f06e"; }
.tji-add-cart:before { content: "\f217"; }
.tji-curve-arrow:before { content: "\f0b2"; }
.tji-w-dot:before { content: "\f111"; }

/* Make sure Font Awesome icons work properly */
.fa-solid,
.fas,
i[class*="fa-"] {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Make sure Font Awesome brands work */
.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Fix for social icons and brands */
[class*="fa-facebook"],
[class*="fa-twitter"],
[class*="fa-instagram"],
[class*="fa-linkedin"],
[class*="fa-youtube"],
[class*="fa-pinterest"],
[class*="fa-whatsapp"],
.fa-x-twitter {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Ensure social links icons display correctly */
.social-links i,
.social-links a i,
.footer-socials i {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    font-style: normal;
    display: inline-block;
}

/* Override any conflicting styles */
i[class^="tji-"],
i[class*=" tji-"],
span[class^="tji-"],
span[class*=" tji-"] {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: inherit !important;
    width: auto !important;
    height: auto !important;
}

/* Specific size fixes for different icon contexts */
.btn-icon i[class*="tji-"],
.header-button i[class*="tji-"] {
    font-size: 14px !important;
}

/* Fix Font Awesome icons in buttons */
.btn-icon i[class*="fa-"],
.tj-primary-btn .btn-icon i,
.tj-secondary-btn .btn-icon i,
.text-btn .btn-icon i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
}

.service-icon i[class*="tji-"] {
    font-size: 48px !important;
}

.video-btn i[class*="tji-"] {
    font-size: 18px !important;
}

.footer-contact-info i[class*="tji-"] {
    font-size: 16px !important;
}

.social-links i[class*="tji-"],
.social-links i[class*="fa-"] {
    font-size: 16px !important;
}

.search button i[class*="tji-"] {
    font-size: 18px !important;
}

/* Navigation arrows */
.slider-prev i[class*="tji-"],
.slider-next i[class*="tji-"],
.swiper-button-prev i[class*="tji-"],
.swiper-button-next i[class*="tji-"] {
    font-size: 20px !important;
}

/* FAQ Accordion Icons Fix */
.tj-faq .accordion-item .faq-title::after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f067" !important; /* Plus icon */
}

.tj-faq .accordion-item.active .faq-title::after {
    content: "\f068" !important; /* Minus icon */
}

/* Working Process Arrow Icons Fix */
.process-item:not(:last-child)::after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f061" !important; /* Arrow right icon */
}

/* Mobile Responsive - Hero Slider Background Image Fix */
@media only screen and (max-width: 767px) {
    .slider-bg-image {
        background-position: 65% center !important;
        background-size: cover !important;
    }

    .tj-slider-item::after {
        background: linear-gradient(180deg, rgba(12, 30, 33, 0.3) 0%, rgba(12, 30, 33, 0.7) 40%, rgba(12, 30, 33, 0.95) 100%) !important;
    }

    .tj-slider-item .slider-wrapper {
        padding: 120px 0 350px 0 !important;
    }
}

@media only screen and (max-width: 575px) {
    .slider-bg-image {
        background-position: 70% center !important;
    }
}

/* Specific fix for common icons */
.tji-arrow-right-long:before,
.tji-arrow-left-long:before,
.tji-search:before,
.tji-phone:before,
.tji-envelop:before,
.tji-location:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Hide nice-select default arrow icon */
.nice-select::after,
.tj-select .nice-select::after {
    display: none !important;
}