.elementor-7268 .elementor-element.elementor-element-af3d6b6{--display:flex;--min-height:320px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:center;--gap:10px;--background-transition:0.3s;}.elementor-7268 .elementor-element.elementor-element-af3d6b6:not(.elementor-motion-effects-element-type-background), .elementor-7268 .elementor-element.elementor-element-af3d6b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7268 .elementor-element.elementor-element-af3d6b6, .elementor-7268 .elementor-element.elementor-element-af3d6b6::before{--border-transition:0.3s;}.elementor-7268 .elementor-element.elementor-element-c10f4cc{--display:flex;--background-transition:0.3s;}.elementor-7268 .elementor-element.elementor-element-dca6656 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Open Sans", Sans-serif;font-size:0.5em;font-weight:400;text-transform:uppercase;}@media(max-width:1024px){.elementor-7268 .elementor-element.elementor-element-af3d6b6{--min-height:290px;}}@media(max-width:767px){.elementor-7268 .elementor-element.elementor-element-af3d6b6{--min-height:340px;}}/* Start custom CSS for container, class: .elementor-element-af3d6b6 */.elementor-7268 .elementor-element.elementor-element-af3d6b6 {
  position: relative; /* Add position relative to set z-index for overlay */
}

.elementor-7268 .elementor-element.elementor-element-af3d6b6::before {
  content: "";
  position: absolute;
  z-index: 1; /* Add z-index to place the overlay on top of the section content */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Set background color and opacity of overlay*/
  opacity: 0; /* Start with opacity 0 */
  transition: opacity 0.5s ease; /* Add a transition for opacity property */
}

.elementor-7268 .elementor-element.elementor-element-af3d6b6:hover::before {
  opacity: 1; /* Change opacity to 1 on hover */
}

.elementor-7268 .elementor-element.elementor-element-af3d6b6 h2 {
  opacity: 0; /* Hide h2 title */
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%); /* Center the title using position absolute and transform */
  z-index: 2; /* Set higher z-index to place title on top of the overlay */
  transition: opacity 0.5s ease; /* Add a transition for opacity property */
}

.elementor-7268 .elementor-element.elementor-element-af3d6b6:hover h2 {
  opacity: 1; /* Change opacity to 1 on hover */
}/* End custom CSS */