 /*Liquidware Traditional Product Landing Page Styles*/
		.flex-child {
            width: 100%;
        }

        .product-header {
            text-align: left;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 2px solid #e9ecef;
        }

        .product-title {
            font-size: 2.5rem;
            font-weight: bold;
            color: #495057;
            margin-bottom: 8px;
            font-family: OpenSans, Arial, sans-serif;
            text-align: left;
        }

        .product-tagline {
            font-size: 1.2rem;
            color: #0b72ba;
            font-style: italic;
            margin: 0;
            font-family: OpenSans, Arial, sans-serif;
            text-align: left;
        }

        .content-wrapper {
            display: flex;
            gap: 30px;
			/* Use margin top 20 px with product title and tagline */
            /* margin-top: 20px; */
			margin-bottom: 20px;
        }

        .left-column {
            flex: 1;
            min-width: 350px;
        }

        .right-column {
            flex: 2;
            min-width: 350px;
        }

        .info-text {
            margin-bottom: 20px;
            font-size: 11pt;
        }

        .info-text a {
            color: #0b72ba;
            text-decoration: none;
            font-weight: bold;
        }

        .info-text a:hover {
            text-decoration: underline;
            color: #085a96;
        }

        .eol-info {
            background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%);
            border: 2px solid #ffc107;
            padding: 16px;
            margin-bottom: 20px;
            border-radius: 8px;
            font-size: 11pt;
            box-shadow: 0 2px 8px rgba(255, 193, 7, 0.15);
        }

        .eol-info strong {
            color: #856404;
        }

        .eol-info a {
            color: #0b72ba;
            text-decoration: none;
            font-weight: bold;
        }

        .eol-info a:hover {
            text-decoration: underline;
            color: #085a96;
        }

        .version-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
            font-size: 11pt;
            border: 1px solid #ddd;
        }

        .version-table th {
            background: #0b72ba;
            color: white;
            padding: 12px;
            /* text-align: left; */
            border: 1px solid #0b72ba;
			font-size: 11pt;
            font-weight: bold;
            font-family: OpenSans, Arial, sans-serif;
        }

        .version-table td {
            padding: 12px;
            border: 1px solid #ddd;
            vertical-align: top;
			font-size: 11pt;
        }

        .version-table tbody tr:nth-child(even) {
            background-color: #f9f9f9;
        }

        .version-table tbody tr:hover {
            background-color: rgba(11, 114, 186, 0.1);
        }

        .doc-version {
            font-weight: bold;
            color: #495057;
			text-align: center;
        }
		
		.doc-version-heading {
            
			text-align: center;
        }
		.release-heading {
            
			text-align: left;
        }

        .current-badge {
            display: inline-block;
            background: linear-gradient(135deg, #0b72ba 0%, #085a96 100%);
            color: white;
            padding: 3px 10px;
            border-radius: 12px;
            font-size: 9pt;
            font-weight: bold;
            margin-left: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: 0 2px 4px rgba(11, 114, 186, 0.3);
        }

        .software-releases {
            font-style: italic;
            color: #6c757d;
            font-size: 11pt;
        }

        .table-container {
            overflow-x: auto;
        }

        @media (max-width: 1024px) {
            .content-wrapper {
                flex-direction: column;
            }
            
            .left-column,
            .right-column {
                min-width: auto;
            }
        }

        @media (max-width: 768px) {
            .version-table {
                font-size: 11pt;
            }
            
            .version-table th,
            .version-table td {
                padding: 8px;
            }
            
            .product-title {
                font-size: 2rem;
            }
            
            .product-tagline {
                font-size: 1rem;
            }
        }