/*
 * Anti-AOS Movement Fix
 * Version 1.0
 * 
 * This CSS file specifically targets and disables AOS animations
 * that may be causing unwanted movement on hover
 */

/* Target all elements with AOS attributes */
[data-aos],
[data-aos-delay],
[data-aos-duration],
[data-aos-easing],
[data-aos-once],
[data-aos-anchor-placement] {
    /* Remove AOS animations completely */
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    transition-property: none !important;
    transition-duration: 0s !important;
    animation-name: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    animation-timing-function: linear !important;
}

/* Target AOS initialization */
html:not(.no-js) [data-aos^=fade][data-aos^=fade],
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom],
html:not(.no-js) [data-aos^=slide][data-aos^=slide],
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Ensure all AOS classes are fully neutralized */
.aos-animate,
.aos-init {
    transition-property: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
}

/* Specifically target the service boxes with AOS */
.col-lg-4[data-aos],
.col-md-6[data-aos],
.col-lg-4[data-aos-delay],
.col-md-6[data-aos-delay] {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
    animation: none !important;
}

/* Target the service box inside AOS containers */
.col-lg-4[data-aos] .service-box,
.col-md-6[data-aos] .service-box,
.col-lg-4[data-aos-delay] .service-box,
.col-md-6[data-aos-delay] .service-box {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* Force hardware acceleration off to prevent GPU-related issues */
.service-box,
.service-box *,
.service-box:hover,
.service-box:hover * {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-transform-style: flat !important;
    transform-style: flat !important;
    will-change: auto !important;
}

/* Completely freeze the service box in place */
.service-box {
    /* Use !important with all properties to ensure highest priority */
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 0 30px 0 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
}

/* Only allow box-shadow transition on hover */
.service-box:hover {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 0 30px 0 !important;
    transform: none !important;
    transition: box-shadow 0.3s ease !important;
    animation: none !important;
    box-shadow: 0 0 20px rgba(0, 70, 190, 0.25), 0 15px 40px rgba(0, 0, 0, 0.12) !important;
}