.elementor-kit-177{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3a6c6eb:#FFFFFF;--e-global-color-648a1e3:#2F2F2F;--e-global-color-62ea2e7:#FF1F3D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-177 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Target the containers with the clickable attribute */
[data-clickable-container] {
  /* --- Add smooth transition --- */
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

  /* Ensure transform works correctly if container has overflow hidden */
  /* overflow: visible; /* Uncomment if the shadow gets cut off */
}

/* Define the hover effect */
[data-clickable-container]:hover {
  /* --- Lift Effect --- */
  transform: translateY(-6px); /* Moves the container 6px upwards */

  /* --- Optional: Add a subtle shadow for depth --- */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); /* Adjust values as needed */
}/* End custom CSS */