@media (max-width: 768px) {
    .project_type_showcase {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .project_type_text {
        width: 350px; /* Adjust width as needed for mobile layout */
        
    }

    .project_type_text.glass {
        text-align: center; /* Center align text for better readability */
        margin-bottom: 1rem; /* Add some spacing between project types */
    }

    .fa-cogs,
    .fa-hammer{
        color: black;
    }
}