.elementor-258 .elementor-element.elementor-element-89e6395{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3%;--padding-bottom:3%;--padding-left:5%;--padding-right:5%;}.elementor-258 .elementor-element.elementor-element-89e6395:not(.elementor-motion-effects-element-type-background), .elementor-258 .elementor-element.elementor-element-89e6395 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ef9a968 );}.elementor-258 .elementor-element.elementor-element-20879c4{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-msie .elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio-item{width:calc( 100% / 3 );}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-post__thumbnail__link{padding-bottom:calc( 1 * 100% );}.elementor-258 .elementor-element.elementor-element-84aad76:after{content:"1";position:absolute;color:transparent;}.elementor-258 .elementor-element.elementor-element-84aad76{--grid-row-gap:25px;--grid-column-gap:25px;}.elementor-258 .elementor-element.elementor-element-84aad76.elementor-element{--align-self:center;}.elementor-258 .elementor-element.elementor-element-84aad76 > .elementor-widget-container{transition:background 0s;}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio-item__img, .elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio-item__overlay{border-radius:0px 0px 0px 0px;}.elementor-258 .elementor-element.elementor-element-84aad76 a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-258 .elementor-element.elementor-element-84aad76 a .elementor-portfolio-item__title{color:var( --e-global-color-ef9a968 );}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio-item__title{font-family:var( --e-global-typography-13b2551-font-family ), Sans-serif;font-size:var( --e-global-typography-13b2551-font-size );font-weight:var( --e-global-typography-13b2551-font-weight );text-transform:var( --e-global-typography-13b2551-text-transform );font-style:var( --e-global-typography-13b2551-font-style );text-decoration:var( --e-global-typography-13b2551-text-decoration );line-height:var( --e-global-typography-13b2551-line-height );letter-spacing:var( --e-global-typography-13b2551-letter-spacing );}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-weight:500;text-transform:capitalize;line-height:19px;}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter:not(:last-child){margin-right:calc(32px/2);}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter:not(:first-child){margin-left:calc(32px/2);}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filters{margin-bottom:36px;}@media(min-width:768px){.elementor-258 .elementor-element.elementor-element-20879c4{--content-width:1280px;}}@media(max-width:1024px){.elementor-msie .elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio-item{width:calc( 100% / 2 );}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio-item__title{font-size:var( --e-global-typography-13b2551-font-size );line-height:var( --e-global-typography-13b2551-line-height );letter-spacing:var( --e-global-typography-13b2551-letter-spacing );}}@media(max-width:767px){.elementor-msie .elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio-item{width:calc( 100% / 1 );}.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio-item__title{font-size:var( --e-global-typography-13b2551-font-size );line-height:var( --e-global-typography-13b2551-line-height );letter-spacing:var( --e-global-typography-13b2551-letter-spacing );}}/* Start custom CSS for portfolio, class: .elementor-element-84aad76 *//* 1. Prepare the filter items for the underline positioning */
.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter {
    position: relative;
    padding-bottom: 6px; /* Space between text and underline */
    transition: color 0.3s ease;
}

/* 2. Create the hidden underline structure */
.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px; /* Thickness of the underline */
    background-color: #c53774; /* Colour of the underline */
    transition: width 0.3s ease, left 0.3s ease;
}

/* 3. Hover State: Change text colour and grow underline from center */
.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter:hover {
    color: #c53774 !important;
}
.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter:hover::after {
    width: 100%;
    left: 0;
}

/* 4. Active/Clicked State: Keep text coloured and underline full width */
.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter.elementor-active {
    color: #c53774 !important;
}
.elementor-258 .elementor-element.elementor-element-84aad76 .elementor-portfolio__filter.elementor-active::after {
    width: 100%;
    left: 0;
    background-color: #c53774; /* Keeps underline active colour */
}/* End custom CSS */