/* ============================================= */
/* Dynamic Branding CSS - Primary Accent Color  */
/* Generated from: #ea1e00       */
/* ============================================= */

/* --- BUTTONS --- */
.ft-btn a,
.ft-btn-3 a,
.ft-sb-button {
    background-color: #ea1e00 !important;
}
.ft-btn a:hover,
.ft-sb-button:hover {
    background-color: #ea1e00 !important;
}
.ft-banner-btn a {
    background-color: #ea1e00 !important;
    border-color: #ea1e00 !important;
}

/* --- HEADER --- */
.ft-header-section.header-style-one {
    background-color: #ea1e00 !important;
}
.ft-header-section.header-style-two .ft-header-cta-info {
    background-color: #ea1e00 !important;
}
.ft-header-section.header-style-two .ft-header-cta-info:before {
    border-top-color: #ea1e00 !important;
}
.ft-header-section .dropdown:after {
    color: #ea1e00 !important;
}
.ft-header-section .dropdown-menu a:before {
    background-color: #ea1e00 !important;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-icon i {
    color: #ea1e00 !important;
}

/* --- SECTION TITLES --- */
.ft-section-title .sub-title,
.ft-section-title-2 .sub-title,
.ft-section-title-2 h2 span,
.ft-section-title-3 span {
    color: #ea1e00 !important;
}
.ft-section-title .sub-title:before,
.ft-section-title .sub-title:after {
    background-color: #ea1e00 !important;
}

/* --- FEATURED CARDS (Service boxes on homepage) --- */
.ft-featured-innerbox {
    border-top-color: #ea1e00 !important;
}
.ft-featured-innerbox:before {
    background-color: #ea1e00 !important;
}
.ft-featured-innerbox:hover {
    -webkit-box-shadow: 0px 21px 80px 0px rgba(234, 30, 0, 0.3) !important;
    box-shadow: 0px 21px 80px 0px rgba(234, 30, 0, 0.3) !important;
}
/* Default icon color - uses primary (brand) color */
.ft-featured-innerbox .ft-featured-icon {
    background: transparent !important;
}
.ft-featured-innerbox .ft-featured-icon i {
    color: #ea1e00 !important;
    background: transparent !important;
}
/* On hover - icon turns white */
.ft-featured-innerbox:hover .ft-featured-icon i {
    color: #ffffff !important;
}
/* On hover - text turns white */
.ft-featured-innerbox:hover .ft-featured-text h3,
.ft-featured-innerbox:hover .ft-featured-text h3 a,
.ft-featured-innerbox:hover .ft-featured-text p {
    color: #ffffff !important;
}
/* On hover - arrow button border turns white */
.ft-featured-innerbox:hover .ft-btn-2 a:before {
    border-color: #ffffff !important;
}
.ft-featured-innerbox:hover .ft-btn-2 a i {
    color: #ffffff !important;
}


/* --- SERVICE SECTION (Slider Cards) --- */
/* Icon box stays white, icon color is primary */
.ft-service-innerbox-2 .ft-service-icon {
    background-color: #fff !important;
}
.ft-service-innerbox-2 .ft-service-icon i {
    color: #ea1e00 !important;
}
/* Card hover - background turns to primary color */
.ft-service-innerbox-2:hover {
    background-color: #ea1e00 !important;
}
/* Serial number badge on hover */
.ft-service-innerbox-2:hover .ft-service-serial {
    background-color: #c20000 !important;
}
/* Service Style 3 */
.ft-service-innerbox-3 .ft-service-icon {
    border-color: #ea1e00 !important;
}
.ft-service-innerbox-3 .ft-service-text-icon:after {
    background-color: #ea1e00 !important;
}

/* --- SLIDER DOTS --- */
.ft-testimonial-slider-area .slick-dots li.slick-active,
.ft-project-slider-area .slick-dots li.slick-active,
.ft-service-slider-2 .slick-dots li.slick-active,
.ft-service-slider-wrapper .slick-dots li.slick-active {
    background-color: #ea1e00 !important;
}
.ft-testimonial-slider-area .slick-dots li:before,
.ft-project-slider-area .slick-dots li:before,
.ft-service-slider-2 .slick-dots li:before,
.ft-service-slider-wrapper .slick-dots li:before {
    border-color: #ea1e00 !important;
}

/* --- SCROLL UP BUTTON --- */
.scrollup {
    background-color: #ea1e00 !important;
}

/* --- SERVICE SIDEBAR WIDGET --- */
.ft-service-sidebar-widget .service-download-widget li a i {
    color: #ea1e00 !important;
}
.ft-service-sidebar-widget .service-download-widget li a:hover {
    background-color: #ea1e00 !important;
}

/* --- SERVICE DETAILS COUNTER --- */
.ft-service-details-counter-item .ft-service-details-count-icon i,
.ft-service-details-counter-item .ft-service-details-count-text .count-number {
    color: #ea1e00 !important;
}

/* --- PORTFOLIO/PROJECT SECTION --- */
.ft-portfolio-text .ft-btn-3 a {
    background-color: #ea1e00 !important;
}

/* --- TESTIMONIAL STARS --- */
.ft-testimonial-rate ul li i,
.ft-testimonial-rate li i {
    color: #ea1e00 !important;
}

/* --- EXPERIENCE/COUNTER CIRCLES --- */
.counter-boxed .graph-outer input.dial {
    color: #ea1e00 !important;
}

/* --- HERO ANIMATION WORDS --- */
.cd-words-wrapper b {
    color: #ea1e00 !important;
}

/* --- READ MORE BUTTON (Arrow) --- */
.ft-btn-2 a:hover span {
    color: #ea1e00 !important;
}

/* --- ABOUT FEATURE ICONS (Mission/Vision) --- */
/* Light background with primary icon color */
.ft-about-feature-list-item .ft-about-feature-icon {
    background-color: rgba(234, 30, 0, 0.15) !important;
}
.ft-about-feature-list-item .ft-about-feature-icon i {
    color: #ea1e00 !important;
}
/* Hover - solid primary background with white/dark icon */
.ft-about-feature-list-item:hover .ft-about-feature-icon {
    background-color: #ea1e00 !important;
}
.ft-about-feature-list-item:hover .ft-about-feature-icon i {
    color: #fff !important;
}

/* --- PAGINATION --- */
.ft-pagination-item li a:hover {
    background-color: #ea1e00 !important;
}

/* --- CONTACT FORM --- */
.ft-contact-form button[type="submit"] {
    background-color: #ea1e00 !important;
}

/* --- FOOTER LINKS HOVER --- */
.ft-footer-widget .menu-widget ul li a:hover {
    color: #ea1e00 !important;
}
.ft-footer-social li a:hover {
    background-color: #ea1e00 !important;
}

/* --- BLOG/NEWS --- */
.ft-blog-innerbox .ft-blog-date {
    background-color: #ea1e00 !important;
}
.ft-blog-innerbox:hover .ft-blog-text h3 a {
    color: #ea1e00 !important;
}

/* --- BREADCRUMB --- */
.ft-breadcrumb-text ul li a:hover {
    color: #ea1e00 !important;
}

/* --- GENERAL LINK HOVER --- */
a:hover {
    color: #ea1e00 !important;
}

/* --- DROPDOWN MENU HOVER --- */
.ft-header-section .dropdown-menu li a:hover {
    color: #ea1e00 !important;
}