/* ===============================
   MX Hover Card – Project Colors
   Red:  #e73845
   Grey: #e8e8e8
   =============================== */

/* Main container */
.elementor .e-con.mx-hover-card {
  position: relative !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #e8e8e8 !important;

  transition: 
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* Inner wrapper FIX (Elementor containers) */
.elementor .e-con.mx-hover-card > .e-con-inner {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Hover lift + shadow */
.elementor .e-con.mx-hover-card:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}

/* Bottom animated line */
.elementor .e-con.mx-hover-card::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 0 !important;
  height: 3px !important;
  transform: translateX(-50%) !important;

  background: #e73845 !important;
  border-radius: 3px !important;
  transition: width 0.35s ease !important;
}

/* Expand line on hover */
.elementor .e-con.mx-hover-card:hover::after {
  width: 70% !important;
}