.elementor-5413 .elementor-element.elementor-element-e27b0ea{--display:flex;--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;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-5413 .elementor-element.elementor-element-65fecc5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;}.elementor-5413 .elementor-element.elementor-element-65fecc5:not(.elementor-motion-effects-element-type-background), .elementor-5413 .elementor-element.elementor-element-65fecc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c962c38 );background-image:url("https://lancewood.co.za/wp-content/uploads/2026/03/Lactose-Free.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-5413 .elementor-element.elementor-element-f7ca56d{z-index:1;}.elementor-5413 .elementor-element.elementor-element-f7ca56d:not( .elementor-widget-image ), .elementor-5413 .elementor-element.elementor-element-f7ca56d.elementor-widget-image img{-webkit-mask-image:url( https://lancewood.co.za/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-5413 .elementor-element.elementor-element-f7ca56d img{width:100vw;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-5413 .elementor-element.elementor-element-02778b2{left:183.656;}body.rtl .elementor-5413 .elementor-element.elementor-element-02778b2{right:183.656;}.elementor-5413 .elementor-element.elementor-element-02778b2{top:182.656;z-index:10;}.elementor-5413 .elementor-element.elementor-element-02778b2 .elementor-icon-wrapper{text-align:center;}.elementor-5413 .elementor-element.elementor-element-02778b2 .elementor-icon{font-size:26px;}.elementor-5413 .elementor-element.elementor-element-02778b2 .elementor-icon svg{height:26px;}.elementor-5413 .elementor-element.elementor-element-02778b2 .elementor-icon-wrapper svg{width:auto;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-5413 .elementor-element.elementor-element-ed80c43{text-align:center;}.elementor-5413 .elementor-element.elementor-element-ed80c43 .elementor-heading-title{font-family:var( --e-global-typography-47a649b-font-family ), Sans-serif;font-size:var( --e-global-typography-47a649b-font-size );font-weight:var( --e-global-typography-47a649b-font-weight );line-height:var( --e-global-typography-47a649b-line-height );}.elementor-5413 .elementor-element.elementor-element-ed80c43 .elementor-heading-title a:hover, .elementor-5413 .elementor-element.elementor-element-ed80c43 .elementor-heading-title a:focus{color:#00AEEF;}@media(min-width:768px){.elementor-5413 .elementor-element.elementor-element-e27b0ea{--width:100%;}.elementor-5413 .elementor-element.elementor-element-65fecc5{--width:80px;}}@media(max-width:1080px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-5413 .elementor-element.elementor-element-ed80c43 .elementor-heading-title{font-size:var( --e-global-typography-47a649b-font-size );line-height:var( --e-global-typography-47a649b-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-5413 .elementor-element.elementor-element-ed80c43 .elementor-heading-title{font-size:var( --e-global-typography-47a649b-font-size );line-height:var( --e-global-typography-47a649b-line-height );}}/* Start custom CSS for container, class: .elementor-element-65fecc5 */.icon-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 175, 239, 0.9); /* Blue overlay (#00AEEF) with 90% opacity */
  z-index: 1;
  border-radius: 10px; /* Makes the overlay round */
  opacity: 0; /* Initially hidden */
  transform: scale(0); /* Initially scaled down to zero */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

.main-container:hover .icon-img::after {
  opacity: 1; /* Make the overlay visible on hover */
  transform: scale(1); /* Scale the overlay to full size on hover */
}

.icon-img-icon {
  position: relative; /* Positioning for the small icon (arrow) */
  z-index: 2; /* Make sure it's on top of the overlay */
  pointer-events: none; /* Ensure this does not interfere with hover events */
}

.icon-img:hover .icon-img-icon {
  pointer-events: auto;
}

.main-container:hover .icon-img-icon svg {
  opacity: 1 !important;
  transition: opacity 0.3s ease;
}

.icon-img-icon svg {
  opacity: 0 !important; 
}

.title:hover div {
    color:#00AEEF!important;
}/* End custom CSS */