.elementor-2789 .elementor-element.elementor-element-0e36df6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overlay-opacity:0.9;--padding-top:140px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-2789 .elementor-element.elementor-element-0e36df6:not(.elementor-motion-effects-element-type-background), .elementor-2789 .elementor-element.elementor-element-0e36df6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://hifloenergy.nine10.dev/wp-content/uploads/2025/11/DSC03964.webp");background-position:center center;background-size:cover;}.elementor-2789 .elementor-element.elementor-element-0e36df6::before, .elementor-2789 .elementor-element.elementor-element-0e36df6 > .elementor-background-video-container::before, .elementor-2789 .elementor-element.elementor-element-0e36df6 > .e-con-inner > .elementor-background-video-container::before, .elementor-2789 .elementor-element.elementor-element-0e36df6 > .elementor-background-slideshow::before, .elementor-2789 .elementor-element.elementor-element-0e36df6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2789 .elementor-element.elementor-element-0e36df6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, #1A1B1F78 100%);}.elementor-2789 .elementor-element.elementor-element-bf1726e{width:var( --container-widget-width, 615px );max-width:615px;--container-widget-width:615px;--container-widget-flex-grow:0;text-align:start;}.elementor-2789 .elementor-element.elementor-element-bf1726e .elementor-heading-title{font-family:var( --e-global-typography-ee68017-font-family ), Sans-serif;font-size:var( --e-global-typography-ee68017-font-size );font-weight:var( --e-global-typography-ee68017-font-weight );line-height:var( --e-global-typography-ee68017-line-height );color:var( --e-global-color-84b112f );}.elementor-2789 .elementor-element.elementor-element-109aaa0{width:var( --container-widget-width, 910px );max-width:910px;--container-widget-width:910px;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-d94329f-font-family ), Sans-serif;font-size:var( --e-global-typography-d94329f-font-size );font-weight:var( --e-global-typography-d94329f-font-weight );line-height:var( --e-global-typography-d94329f-line-height );color:var( --e-global-color-642ff68 );}.elementor-2789 .elementor-element.elementor-element-109aaa0 a{color:var( --e-global-color-84b112f );}.elementor-2789 .elementor-element.elementor-element-109aaa0 a:hover, .elementor-2789 .elementor-element.elementor-element-109aaa0 a:focus{color:var( --e-global-color-84b112f );}.elementor-2789 .elementor-element.elementor-element-5fbbd1a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:120px;--padding-left:100px;--padding-right:100px;}.elementor-2789 .elementor-element.elementor-element-5fbbd1a:not(.elementor-motion-effects-element-type-background), .elementor-2789 .elementor-element.elementor-element-5fbbd1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-84b112f );}.elementor-2789 .elementor-element.elementor-element-9343b98{width:100%;max-width:100%;text-align:center;}.elementor-2789 .elementor-element.elementor-element-9343b98 .elementor-heading-title{font-family:var( --e-global-typography-3a66020-font-family ), Sans-serif;font-size:var( --e-global-typography-3a66020-font-size );font-weight:var( --e-global-typography-3a66020-font-weight );line-height:var( --e-global-typography-3a66020-line-height );color:var( --e-global-color-primary );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-post__thumbnail__link{padding-bottom:calc( 0.8 * 100% );}.elementor-2789 .elementor-element.elementor-element-a2fbf59:after{content:"0.8";position:absolute;color:transparent;}.elementor-2789 .elementor-element.elementor-element-a2fbf59{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio-item__img, .elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio-item__overlay{border-radius:8px 8px 8px 8px;}.elementor-2789 .elementor-element.elementor-element-a2fbf59 a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-8b3c9dd );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 a .elementor-portfolio-item__title{color:var( --e-global-color-642ff68 );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio-item__title{font-family:var( --e-global-typography-539f1a0-font-family ), Sans-serif;font-size:var( --e-global-typography-539f1a0-font-size );font-weight:var( --e-global-typography-539f1a0-font-weight );line-height:var( --e-global-typography-539f1a0-line-height );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio__filter{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-9747c65-font-family ), Sans-serif;font-size:var( --e-global-typography-9747c65-font-size );font-weight:var( --e-global-typography-9747c65-font-weight );text-transform:var( --e-global-typography-9747c65-text-transform );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-accent );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio__filters{margin-bottom:10px;}@media(max-width:1024px){.elementor-2789 .elementor-element.elementor-element-0e36df6{--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-2789 .elementor-element.elementor-element-bf1726e .elementor-heading-title{font-size:var( --e-global-typography-ee68017-font-size );line-height:var( --e-global-typography-ee68017-line-height );}.elementor-2789 .elementor-element.elementor-element-109aaa0{font-size:var( --e-global-typography-d94329f-font-size );line-height:var( --e-global-typography-d94329f-line-height );}.elementor-2789 .elementor-element.elementor-element-5fbbd1a{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-2789 .elementor-element.elementor-element-9343b98 .elementor-heading-title{font-size:var( --e-global-typography-3a66020-font-size );line-height:var( --e-global-typography-3a66020-line-height );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio-item__title{font-size:var( --e-global-typography-539f1a0-font-size );line-height:var( --e-global-typography-539f1a0-line-height );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio__filter{font-size:var( --e-global-typography-9747c65-font-size );}}@media(max-width:767px){.elementor-2789 .elementor-element.elementor-element-0e36df6{--min-height:0px;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2789 .elementor-element.elementor-element-bf1726e .elementor-heading-title{font-size:var( --e-global-typography-ee68017-font-size );line-height:var( --e-global-typography-ee68017-line-height );}.elementor-2789 .elementor-element.elementor-element-109aaa0{font-size:var( --e-global-typography-d94329f-font-size );line-height:var( --e-global-typography-d94329f-line-height );}.elementor-2789 .elementor-element.elementor-element-5fbbd1a{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2789 .elementor-element.elementor-element-9343b98 .elementor-heading-title{font-size:var( --e-global-typography-3a66020-font-size );line-height:var( --e-global-typography-3a66020-line-height );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio-item__title{font-size:var( --e-global-typography-539f1a0-font-size );line-height:var( --e-global-typography-539f1a0-line-height );}.elementor-2789 .elementor-element.elementor-element-a2fbf59 .elementor-portfolio__filter{font-size:var( --e-global-typography-9747c65-font-size );}}/* Start custom CSS for container, class: .elementor-element-0e36df6 */@media(max-width:767px){
.elementor-3 .elementor-element.elementor-element-2dc8c24 > .elementor-background-slideshow::before,.elementor-3 .elementor-element.elementor-element-2dc8c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(0deg, var(--e-global-color-primary) 0%, var(--e-global-color-8b3c9dd) 100%);
}}/* End custom CSS */
/* Start custom CSS for portfolio, class: .elementor-element-a2fbf59 *//* 1. Always show overlay / title */
.elementor-portfolio-item__overlay {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 2. Add a gradient or dark background behind the title so text is readable */
.elementor-portfolio-item__overlay::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65px; 
  background-color: #565643F2;
 
}

/* 3. Position the title text at bottom, with padding and contrast */
.elementor-portfolio-item__title {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.7);
}

/* --- Add smooth image zoom on hover --- */
.elementor-portfolio-item__img {
  transition: transform 0.5s ease-in-out;
}

.elementor-portfolio-item:hover .elementor-portfolio-item__img {
  transform: scale(1.1);
}/* End custom CSS */