.elementor-2448 .elementor-element.elementor-element-093cfc4{--display:flex;--min-height:500px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2448 .elementor-element.elementor-element-405a683{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-2448 .elementor-element.elementor-element-1fef670 .isotope-filter,
					 .elementor-2448 .elementor-element.elementor-element-1fef670 .loadmore_wrapper{text-align:right;}.elementor-2448 .elementor-element.elementor-element-1fef670 .isotope-filter ul li a:not(.active){color:#888888;}.elementor-2448 .elementor-element.elementor-element-1fef670 .isotope-filter ul li a{font-size:15px;text-transform:capitalize;}.elementor-2448 .elementor-element.elementor-element-1fef670 .projects-thumbnail,
					 .elementor-2448 .elementor-element.elementor-element-1fef670 .projects-thumbnail img{border-radius:5px 5px 5px 5px;}.elementor-2448 .elementor-element.elementor-element-1fef670 .post-title{text-transform:capitalize;}@media(max-width:767px){.elementor-2448 .elementor-element.elementor-element-093cfc4{--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-2448 .elementor-element.elementor-element-405a683{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2448 .elementor-element.elementor-element-1fef670 .isotope-filter ul li a{font-size:12px;line-height:1em;}}/* Start custom CSS for ot-portfolio-filter, class: .elementor-element-1fef670 */.projects-box .project-content-below a {
    color:#8c8c8c;
}


/*
 * Target devices smaller than 768px (standard mobile/tablet breakpoint)
 */
@media (max-width: 767px) {
    
    /* 1. Target the main filter container */
    .isotope-filter {
        /* Makes sure it spans the full width */
        width: 100%;
        /* Enable horizontal scrolling when content overflows */
        overflow-x: scroll;
        /* Hide the scrollbar visual on most mobile browsers */
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        padding: 10px 0; /* Optional: Add some padding above/below */
    }

    /* Hide the scrollbar visual on Webkit browsers (Chrome/Safari) */
    .isotope-filter::-webkit-scrollbar {
        display: none;
    }

    /* 2. Target the unordered list (<ul>) */
    .isotope-filter ul {
        /* Use Flexbox to put all list items in one row */
        display: flex;
        /* Prevent the list items from wrapping to the next line */
        flex-wrap: nowrap;
        /* Ensure there are no bullets or default list padding */
        list-style: none;
        padding: 0 15px; /* Add some padding to the sides */
        margin: 0;
    }

    /* 3. Target the list items (<li>) */
    .isotope-filter ul li {
        /* Prevents the item from shrinking, so the full text always shows */
        flex-shrink: 0;
        /* Remove any default list margin/padding */
        margin: 0 5px; 
        padding: 0;
    }
    
    /* 4. Target the actual links (<a>) to style them like tags */
    .isotope-filter ul li a {
        display: block; /* Make the link fill the <li> */
        padding: 8px 15px;
        border: 1px solid #ccc; /* Give it a tag/button look */
        border-radius: 20px; /* Rounded corners for the tag look */
        white-space: nowrap; /* Keep the category name on one line */
        text-decoration: none;
        transition: all 0.2s ease;
        font-size: 14px; /* Adjust font size to fit better on mobile */
    }
    
    /* 5. Style the active filter */
    .isotope-filter ul li .active {
        background-color: white; /* Use your brand's main color */
        color: white;
        border-color: white;
    }
    
    /* Optional: Ensure any floated elements inside are cleared */
    .isotope-filter::after {
        content: "";
        display: table;
        clear: both;
    }

}/* End custom CSS */