.elementor-1393 .elementor-element.elementor-element-50bd2c5{--display:flex;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1393 .elementor-element.elementor-element-ad08bb6{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-1581b98 *//* General heading style */
article h1, article h2, article h3 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: color 0.3s ease;
}

/* Text color change on hover */
article h1:hover,
article h2:hover,
article h3:hover {
  color: #2563eb; /* nice blue shade */
}

/* Animated underline effect */
article h1::after,
article h2::after,
article h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg,#3b82f6,#6366f1);
  transition: width 0.35s ease;
  border-radius: 2px;
}

article h1:hover::after,
article h2:hover::after,
article h3:hover::after {
  width: 100%;
}/* End custom CSS */