.elementor-16313 .elementor-element.elementor-element-ea6dd00 > .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:#01A7A7;border-radius:10px 10px 10px 10px;}.elementor-16313 .elementor-element.elementor-element-ea6dd00{--wd-brd-radius:11px;}@media(max-width:767px){.elementor-16313 .elementor-element.elementor-element-ea6dd00 > .elementor-widget-container{border-width:2px 2px 2px 2px;}}/* Start custom CSS for wd_banner, class: .elementor-element-ea6dd00 */.elementor-16313 .elementor-element.elementor-element-ea6dd00 {
  position: relative;
  z-index: 1;
  background-color: transparent; /* Ensure background is transparent */
}
.elementor-16313 .elementor-element.elementor-element-ea6dd00::after {
  content: '';
  position: absolute;
  top: -0px;
  right: -0px;
  bottom: -0px;
  left: -0px;
  z-index: -1;
  background: linear-gradient(45deg, #fffff, #493240, #f6d365);
  border-radius: 10px; /* Adjust border-radius to match your design */
  box-shadow: 0 0 0 transparent; /* Start with no glow */
  transition: box-shadow 0.0s ease-in-out; /* Smooth transition for glow effect */
}

.elementor-16313 .elementor-element.elementor-element-ea6dd00:hover::after {
  box-shadow: 0 0 10px #46A8A6, 0 0 10px #46A8A6, 0 0 10px #46A8A6; /* Glow effect on hover */
}
@media (max-width: 768px) {
  /* Adjustments for mobile devices */
  .elementor-16313 .elementor-element.elementor-element-ea6dd00::after {
    /* Optional: Adjust the gradient, border-radius, etc., for mobile devices */
    border-radius: 8px; /* Slightly smaller radius for smaller screens */
  }
   /* Consider adding a class to the element when it's tapped to simulate hover or focus state */
  .elementor-16313 .elementor-element.elementor-element-ea6dd00.tapped::after {
    box-shadow: 0 0 8px #46A8A6, 0 0 8px #46A8A6, 0 0 8px #46A8A6; /* Adjusted glow effect for tap */
  }
}/* End custom CSS */