.elementor-4218 .elementor-element.elementor-element-1ab8fd0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4218 .elementor-element.elementor-element-b60b84e{--display:flex;}.elementor-4218 .elementor-element.elementor-element-3275e99{--display:flex;}.elementor-4218 .elementor-element.elementor-element-e0c7ec5{--display:flex;}.elementor-4218 .elementor-element.elementor-element-e1e8bd1{--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;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-1ab8fd0 */.hover-reveal {
  position: relative;
  width: 100%;
  height: 420px;
  background: #4a4a4a;
  overflow: hidden;
  cursor: pointer;
}

/* revealed layer */
.hover-bg {
  position: absolute;
  inset: 0;
  background: #dedcff;
  clip-path: circle(0px at 50% 50%);
  transition: clip-path 0.2s ease-out;
}

/* content */
.hover-content {
  position: relative;
  z-index: 2;
  color: #000;
  padding: 60px;
}

.hover-reveal h2 {
  font-size: 56px;
  line-height: 1;
  margin-bottom: 20px;
}

.hover-reveal p {
  max-width: 360px;
  font-size: 15px;
  line-height: 1.6;
}/* End custom CSS */