:root{--page-title-display:none;}/* Start custom CSS *//* Target all Elementor widget containers */
.elementor-widget-shortcode {
  background-color: #fff; /* White background */
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  border-radius: 8px; /* Optional: Rounded corners */
  padding: 20px; /* Optional: Add some padding */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}


/* Optional: Add a hover effect */
.elementor-widget-shortcode:hover {
  transform: translateY(-5px); /* Move slightly up on hover */
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15); /* Slightly darker shadow on hover */
}

/* Example of targeting a specific widget type (e.g., heading) */
.elementor-widget-heading .elementor-widget-container {
  /* You can add specific styles here if needed */
}

/* Example of targeting a specific widget by ID (inspect element to find the ID) */
#elementor-widget-1234 .elementor-widget-container {
  /*  Styles for a very specific widget */
}


/*  Optional:  Inner shadow (more complex) */
.elementor-widget-container.inner-shadow { /* Add the class "inner-shadow" to the widget container in Elementor */
  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.1); /* Inner shadow */
}


/* Optional:  More pronounced shadow */
.elementor-widget-container.strong-shadow { /* Add the class "strong-shadow" to the widget container in Elementor */
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
}

/* Optional:  Border */
.elementor-widget-container.with-border { /* Add the class "with-border" to the widget container in Elementor */
    border: 1px solid #eee; /* Light gray border */
}


/* Responsive adjustments (example) */
@media (max-width: 768px) {
  .elementor-widget-container {
    padding: 15px; /* Adjust padding on smaller screens */
  }
}/* End custom CSS */