/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 23 2026 | 01:09:31 */
/* ==========================================================================
   THE ARSENAL: MASTER INTERACTIVE GRID ENGINE
   ========================================================================== */

/* --- GLOBAL CORE TRANSITIONS (Ensures zero animation stutter) --- */
.service-cards,
.service-cards .ghost-number .elementor-heading-title,
.service-cards .eyebrow-chng .elementor-heading-title,
.service-cards .elementor-icon,
.service-cards .elementor-icon svg,
.service-cards .elementor-icon svg path,
.service-cards .elementor-view-framed,
.service-cards .elementor-widget-button a {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* --- BOTTOM EXPANDING ACCENT LINE CONFIGURATION --- */
.service-cards::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background-color: #0055FF;
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 5;
}
.service-cards:hover::after {
    width: 100%;
}


/* ==========================================================================
   STYLE A MECHANICS: ACTIVE ACCENT CARDS (01, 04, 05, 08, 09)
   ========================================================================== */

/* --- Rest State --- */
.style-a.service-cards {
    position: relative;
    background-color: #FFFFFF !important;
    border: 1px solid #0055FF40 !important;
    box-shadow: none !important;
}
.style-a.service-cards .ghost-number .elementor-heading-title {
    color: #0055FF12 !important;
}
.style-a.service-cards .eyebrow-chng .elementor-heading-title {
    color: #0055FF !important;
}
.style-a.service-cards .elementor-view-framed {
    border-color: #0055FF4D !important;
    background-color: #0055FF0D !important;
}
.style-a.service-cards .elementor-icon i, 
.style-a.service-cards .elementor-icon svg,
.style-a.service-cards .elementor-icon svg path {
    color: #0055FF !important;
    fill: #0055FF !important;
}

/* --- Hover State --- */
.style-a.service-cards:hover {
    border-color: #0055FF8C !important;
    box-shadow: 0px 10px 30px #0055FF14 !important;
}
.style-a.service-cards:hover .ghost-number .elementor-heading-title {
    color: #0055FF1F !important;
}


/* ==========================================================================
   STYLE B MECHANICS: MUTED GRAY TO BLUE CARDS (02, 03, 06, 07, 10)
   ========================================================================== */

/* --- Rest State --- */
.style-b.service-cards {
    position: relative;
    background-color: #FFFFFF !important;
    border: 1px solid #0A0A0A14 !important;
    box-shadow: none !important;
}
.style-b.service-cards .ghost-number .elementor-heading-title {
    color: #0A0A0A0A !important;
}
.style-b.service-cards .eyebrow-chng .elementor-heading-title {
    color: #0A0A0A59 !important;
}
.style-b.service-cards .elementor-view-framed {
    border-color: #0A0A0A1F !important;
    background-color: transparent !important;
}
.style-b.service-cards .elementor-icon i, 
.style-b.service-cards .elementor-icon svg,
.style-b.service-cards .elementor-icon svg path {
    color: #0A0A0A59 !important;
    fill: #0A0A0A59 !important;
}

/* --- Hover State --- */
.style-b.service-cards:hover {
    border-color: #0055FF59 !important;
    box-shadow: 0px 10px 30px #0055FF0D !important;
}
.style-b.service-cards:hover .ghost-number .elementor-heading-title {
    color: #0055FF17 !important;
}
.style-b.service-cards:hover .eyebrow-chng .elementor-heading-title {
    color: #0055FF !important;
}
.style-b.service-cards:hover .elementor-view-framed {
    border-color: #0055FF66 !important;
    background-color: #0055FF08 !important;
}
.style-b.service-cards:hover .elementor-icon i, 
.style-b.service-cards:hover .elementor-icon svg,
.style-b.service-cards:hover .elementor-icon svg path {
    color: #0055FF !important;
    fill: #0055FF !important;
}