.elementor-26 .elementor-element.elementor-element-f6ec4a0{--display:flex;--min-height:300px;--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;--overlay-opacity:0.5;--margin-top:-112px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-f6ec4a0:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-f6ec4a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pconcept.wpbdca.com/wp-content/uploads/2026/05/uyky.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-26 .elementor-element.elementor-element-f6ec4a0::before, .elementor-26 .elementor-element.elementor-element-f6ec4a0 > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-f6ec4a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-f6ec4a0 > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-f6ec4a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-f6ec4a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000080;--background-overlay:'';}.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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-afed60f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:300px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-afed60f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:var( --e-global-color-7aed5cf );}.elementor-26 .elementor-element.elementor-element-81f04a5{--spacer-size:10px;}.elementor-26 .elementor-element.elementor-element-5d3a3cc{--spacer-size:34px;}.elementor-26 .elementor-element.elementor-element-f3c5995{--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;--gap:24px 0px;--row-gap:24px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:32px;--padding-right:32px;}.elementor-26 .elementor-element.elementor-element-0fa1411{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:#A67439;--e-filter-hover-text-color:#000000;}.elementor-26 .elementor-element.elementor-element-0fa1411 .e-filter-item:hover:not( [aria-pressed=true] ){text-shadow:0px 0px 10px #A67439;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-26 .elementor-element.elementor-element-11c0506{--grid-columns:4;--grid-row-gap:8px;--grid-column-gap:24px;}.elementor-26 .elementor-element.elementor-element-11c0506 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-26 .elementor-element.elementor-element-11c0506 .e-loop-item > .elementor-section, .elementor-26 .elementor-element.elementor-element-11c0506 .e-loop-item > .elementor-section > .elementor-container, .elementor-26 .elementor-element.elementor-element-11c0506 .e-loop-item > .e-con, .elementor-26 .elementor-element.elementor-element-11c0506 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-26 .elementor-element.elementor-element-dd8cd42{--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;--align-items:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-dd8cd42:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-dd8cd42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFD6812E;}.elementor-26 .elementor-element.elementor-element-625fd3e{text-align:center;}.elementor-26 .elementor-element.elementor-element-625fd3e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-2.1px;-webkit-text-stroke-color:#000;stroke:#000;color:#A67439;}.elementor-26 .elementor-element.elementor-element-a610d04{width:var( --container-widget-width, 14.588% );max-width:14.588%;--container-widget-width:14.588%;--container-widget-flex-grow:0;text-align:center;}.elementor-26 .elementor-element.elementor-element-a610d04.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-a610d04 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:-2.1px;-webkit-text-stroke-color:#000;stroke:#000;color:#A67439;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-26 .elementor-element.elementor-element-30527bd .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:24px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:var( --e-global-color-7aed5cf );color:var( --e-global-color-7aed5cf );}.elementor-26 .elementor-element.elementor-element-30527bd .elementor-button:hover, .elementor-26 .elementor-element.elementor-element-30527bd .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-30527bd .elementor-button:hover svg, .elementor-26 .elementor-element.elementor-element-30527bd .elementor-button:focus svg{fill:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-26 .elementor-element.elementor-element-11c0506{--grid-columns:2;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-26 .elementor-element.elementor-element-11c0506{--grid-columns:1;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for loop-grid, class: .elementor-element-11c0506 */.elementor-26 .elementor-element.elementor-element-11c0506 .portfolio-filter{
    display:flex;
    gap:20px;
    justify-content:center;
    margin-bottom:40px;
    flex-wrap:wrap;
}

.elementor-26 .elementor-element.elementor-element-11c0506 .portfolio-filter button{
    background:none;
    border:1px solid #c58b2b;
    padding:12px 24px;
    cursor:pointer;
    color:#c58b2b;
    font-weight:600;
    transition:0.3s;
    border-radius:4px;
}

.elementor-26 .elementor-element.elementor-element-11c0506 .portfolio-filter button.active,
.elementor-26 .elementor-element.elementor-element-11c0506 .portfolio-filter button:hover{
    background:#c58b2b;
    color:#fff;
}

<script>
document.addEventListener('DOMContentLoaded', function () {

    const buttons = document.querySelectorAll('.portfolio-filter button');
    const projects = document.querySelectorAll('.elementor-loop-container > *');

    buttons.forEach(button => {

        button.addEventListener('click', function () {

            const filter = this.getAttribute('data-filter');

            buttons.forEach(btn => btn.classList.remove('active'));
            this.classList.add('active');

            projects.forEach(project => {

                if(filter === 'all'){

                    project.style.display = 'block';

                } else {

                    if(project.classList.contains(filter)){

                        project.style.display = 'block';

                    } else {

                        project.style.display = 'none';

                    }

                }

            });

        });

    });

});
</script>/* End custom CSS */