.elementor-12 .elementor-element.elementor-element-264f1b7{--display:flex;}.elementor-12 .elementor-element.elementor-element-2a4dead{--display:flex;}.elementor-12 .elementor-element.elementor-element-c4a0aeb{--display:flex;}.elementor-12 .elementor-element.elementor-element-2680080{--display:flex;}.elementor-12 .elementor-element.elementor-element-1e0bb7e{--display:flex;}.elementor-12 .elementor-element.elementor-element-c73db9c{--display:flex;}.elementor-12 .elementor-element.elementor-element-a211c1f{--display:flex;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-592ea08 */:root {
  --primary-color: #5045e9;
  --bg-color: #fefefe;
  --text-dark: #111827;
  --text-muted: #4b5563;
}

/* Hover States for Buttons */
.cta-primary:hover {
  background-color: #3b32c4 !important; /* Slightly darker shade for hover effect */
  transform: translateY(-2px);
}

.cta-secondary:hover {
  background-color: #f3f4f6 !important;
  border-color: #111827 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5bf5c5 *//* Card hover effects */
.features-grid > div {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

.features-grid > div:hover {
  transform: translateY(-5px);
  border-color: #5045e9;
  box-shadow: 0 20px 25px -5px rgba(80, 69, 233, 0.1), 0 10px 10px -5px rgba(80, 69, 233, 0.04);
}/* End custom CSS */