.elementor-550 .elementor-element.elementor-element-185d46c{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-185d46c *//* 1. Main 3D Box Effect */
.elementor-550 .elementor-element.elementor-element-185d46c {
    box-shadow: 
        10px 10px 20px rgba(0, 0, 0, 0.12),       
        -10px -10px 20px rgba(255, 255, 255, 0.6), 
        inset 2px 2px 4px rgba(255, 255, 255, 0.8), 
        inset -2px -2px 4px rgba(0, 0, 0, 0.05);  
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease-in-out;
}

/* 2. Box Hover Lift Effect */
.elementor-550 .elementor-element.elementor-element-185d46c:hover {
    transform: translateY(-4px);
    box-shadow: 
        15px 15px 25px rgba(0, 0, 0, 0.15),       
        -12px -12px 25px rgba(255, 255, 255, 0.7), 
        inset 2px 2px 4px rgba(255, 255, 255, 0.8), 
        inset -2px -2px 4px rgba(0, 0, 0, 0.05);
}

/* 3. 3D Button Effect (Targets the button inside this container) */
.elementor-550 .elementor-element.elementor-element-185d46c .elementor-button {
    box-shadow: 
        4px 4px 10px rgba(0, 0, 0, 0.15), 
        -4px -4px 10px rgba(255, 255, 255, 0.6),
        inset 1px 1px 2px rgba(255, 255, 255, 0.5);
    transition: all 0.15s ease;
}

/* 4. Button Click "Press" Effect */
.elementor-550 .elementor-element.elementor-element-185d46c .elementor-button:active {
    transform: translateY(2px);
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.15), 
        inset -4px -4px 8px rgba(255, 255, 255, 0.6);
}/* End custom CSS */