.elementor-420 .elementor-element.elementor-element-de907b6{--display:flex;}.elementor-420 .elementor-element.elementor-element-c6b9ee8{width:100%;max-width:100%;}.elementor-420 .elementor-element.elementor-element-c6b9ee8 .wd-info-box{padding:5px 5px 5px 5px;}.elementor-420 .elementor-element.elementor-element-c6b9ee8 .info-box-title{color:var( --e-global-color-primary );}/* Start custom CSS for wd_infobox_carousel, class: .elementor-element-c6b9ee8 *//* Base */
.wd-info-box{
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Overlay BEHIND the content */
.wd-info-box::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(11,196,213,.14); /* #0BC4D5 at ~14% */
  opacity:0;
  transition: opacity .2s ease;
  pointer-events:none;
  z-index:0;                         /* <— put it underneath */
}

/* Lift all children above the overlay */
.wd-info-box > *{ position:relative; z-index:1; }

/* Keep the fill link on top so the card stays clickable */
.wd-info-box > a.wd-info-box-link.wd-fill{ position:absolute; inset:0; z-index:2; }

.wd-info-box:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.wd-info-box:hover::before{ opacity:1; }/* End custom CSS */