.elementor-15102 .elementor-element.elementor-element-ad16beb{--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;}.elementor-15102 .elementor-element.elementor-element-f86f585 > .elementor-widget-container{margin:080px 0px 0px 0px;}.elementor-15102 .elementor-element.elementor-element-4ce6d21{--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;}.elementor-15102 .elementor-element.elementor-element-0b56c5a .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-15102 .elementor-element.elementor-element-0b56c5a:after{content:"0.66";position:absolute;color:transparent;}.elementor-15102 .elementor-element.elementor-element-0b56c5a{--grid-row-gap:3px;--grid-column-gap:3px;}.elementor-15102 .elementor-element.elementor-element-0b56c5a .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-15102 .elementor-element.elementor-element-0b56c5a .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-15102 .elementor-element.elementor-element-0b56c5a .elementor-portfolio__filters{margin-bottom:10px;}/* Start custom CSS for portfolio, class: .elementor-element-0b56c5a *//* Align the filter menu to the left */
.elementor-portfolio__filters {
    display: flex; /* Use Flexbox for layout */
    justify-content: flex-start; /* Align items to the left */
    text-align: left; /* Ensure left alignment */
    gap: 40px; /* Add space between filter items */
    margin: 0; /* Remove extra margins */
    padding: 0; /* Remove extra padding */
    list-style: none; /* Remove default list styles */
}

/* Style individual filter items */
.elementor-portfolio__filter {
    display: inline-block; /* Keep the items inline */
    position: relative; /* Position relative for the red line */
    font-family: 'Roboto', sans-serif; /* Ensure Roboto font */
    font-size: 32px; /* Font size */
    font-weight: 700; /* Bold text - use 700 instead of "bold" */
    line-height: 32px; /* CHANGED: Match font size exactly */
    color: #000; /* Black text color */
    text-align: left; /* Align text to the left */
    white-space: normal; /* CHANGED: Allow line breaks */
    padding-left: 20px; /* Space between text and red line */
    cursor: pointer; /* Pointer cursor on hover */
    transition: color 0.3s ease, padding-left 0.3s ease; /* Smooth transitions */
}


/* Style individual filter items */
.elementor-portfolio__filter {
    display: inline-block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px; /* CHANGED: Slightly more breathing room between lines */
    color: #000;
    text-align: left;
    white-space: normal;
    padding-left: 20px;
    cursor: pointer;
    transition: color 0.3s ease, padding-left 0.3s ease;
}

/* Add hover effect */
.elementor-portfolio__filter:hover {
    color: #ff3d00; /* Change text color on hover */
}

/* Make the active filter item stand out */
.elementor-portfolio__filter.elementor-active {
    color: #ff3d00; /* Highlight active text color */
}

/* Make the red line thicker for the active item */
.elementor-portfolio__filter.elementor-active:before {
    width: 12px; /* Thicker red line for the active filter */
    left: 0; /* Ensure alignment remains consistent */
}

/* Break text into two lines for specific filters */
.elementor-portfolio__filter span {
    display: block; /* Force line break */
}/* End custom CSS */