.elementor-1649 .elementor-element.elementor-element-0788b24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1649 .elementor-element.elementor-element-bb0fe67 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:58px;font-weight:600;color:var( --e-global-color-astglobalcolor2 );}/* Start custom CSS for heading, class: .elementor-element-bb0fe67 */.hover-reveal {
  position: relative;
  display: inline-block;
}

.hover-reveal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 400px;
  pointer-events: none;
  background-image: radial-gradient(circle, #f7dc6f 0%, #f7dc6f 30%, transparent 60%);
  background-repeat: no-repeat;
  opacity: 0;
  mix-blend-mode: lighten; /* or try multiply/difference depending on effect */
  transition: opacity 0.2s ease;
  z-index: 2;
}

.hover-reveal .elementor-heading-title {
  position: relative;
  z-index: 1;
}/* End custom CSS */