.logo-page-container {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #ffffff;
            color: #000;
            padding: 50px 20px;
        }

        /* Section styling for each category */
        .category-section {
            text-align: center;
            margin-bottom: 60px;
        }

        .category-section h2 {
            font-size: 1.25rem;
            font-weight: bold;
            letter-spacing: 1px;
            margin-bottom: 25px;
            color: #000;
        }

        /* Flexbox grid matching your image layout */
        .logo-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px; /* Space between boxes */
            max-width: 600px; /* Constrains the grid so it wraps into multiple rows nicely */
            margin: 0 auto;
        }

        /* Individual logo box */
        .logo-box {
            width: 150px;
            height: 100px;
            border: 1px solid #000;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            padding: 10px;
            box-sizing: border-box;
        }

        /* Image scaling inside the box */
        .logo-box img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* Prevents stretching */
        }