.elementor-108 .elementor-element.elementor-element-0ab63e1{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-108 .elementor-element.elementor-element-07226a6 .elementor-heading-title{color:#5E5B5A;}.elementor-108 .elementor-element.elementor-element-8bbec35 .elementor-heading-title{color:#676A6B;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-108 .elementor-element.elementor-element-22e8ef4 .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-108 .elementor-element.elementor-element-22e8ef4:after{content:"0.66";position:absolute;color:transparent;}.elementor-108 .elementor-element.elementor-element-22e8ef4{--grid-row-gap:35px;--grid-column-gap:23px;}.elementor-108 .elementor-element.elementor-element-22e8ef4 a .elementor-portfolio-item__overlay{background-color:#3532308F;}@media(min-width:768px){.elementor-108 .elementor-element.elementor-element-0ab63e1{--content-width:1300px;}}/* Start custom CSS for portfolio, class: .elementor-element-22e8ef4 *//* Ensure the overlay is always active */
.elementor-108 .elementor-element.elementor-element-22e8ef4 .elementor-portfolio-item__overlay {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none; /* Prevent hover-only behavior */
    background: rgba(0, 0, 0, 0.4); /* Optional background for contrast */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 15px !important;
}

/* Ensure the title is always visible */
.elementor-108 .elementor-element.elementor-element-22e8ef4 .elementor-portfolio-item__title {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 1.1em;
    margin: 0;
}

/* Optional: remove hover fade effect */
.elementor-108 .elementor-element.elementor-element-22e8ef4 .elementor-portfolio-item:hover .elementor-portfolio-item__title {
    opacity: 1 !important;
    transform: none !important;
}

/* Default overlay: semi-transparent */
.elementor-108 .elementor-element.elementor-element-22e8ef4 .elementor-portfolio-item__overlay {
    background: rgba(0, 0, 0, 0.4); /* Normal state */
    transition: background 0.3s ease;
}

/* Darker overlay on hover */
.elementor-108 .elementor-element.elementor-element-22e8ef4 .elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
    background: rgba(0, 0, 0, 0.65); /* Darker on hover */
}/* End custom CSS */