body {
          
            background-color: #fff;
          
        }
		
		.container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        .card {
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            width: calc(33.333% - 20px);
            padding: 20px;
            box-sizing: border-box;
        }
        .card h2 {
            font-size: 1.5em;
            margin-bottom: 10px;
        }
        .card p {
            font-size: 1em;
            color: #666;
        }
        .card a {
            display: inline-block;
            margin-top: 15px;
            text-decoration: none;
            color: #007BFF;
            font-weight: bold;
        }
        .card a:hover {
            text-decoration: underline;
        }
        @media (max-width: 768px) {
            .card {
                width: calc(50% - 20px);
            }
        }
        @media (max-width: 480px) {
            .card {
                width: 100%;
            }
        }
		
/* Full-width title background with consistent text alignment */
.title-container {
    width: 100%; /* Full screen width */
    background-color: #f0f0f0; /* Gray background for the title section */
    padding: 10px 0; /* Vertical padding for spacing */
}

.full-width {
    margin: 0; /* Remove default margin */
    padding-left: 40px; /* Same left spacing as the language section */
    font-size: 4em; /* Adjust font size for the title */
    text-align: left; /* Align text to the left */
    color: #333; /* Title text color */
}

/* Language selection navigation */
.language-selection {
    margin-top: 10px; /* Space between title and language links */
	margin-bottom: 10px; /* Space between title and language links */
    padding-left: 0px; /* Same left spacing as the title */
}
.language-selection a {
    text-decoration: none;
    color: #007BFF; /* Link color */
    margin-right: 10px; /* Space between links */
}
.language-selection a:hover {
    text-decoration: underline;
}


/* Styling for the highlighted number */
.highlight {
    color: #d6b615; /* Change the color to yellow */
    font-weight: bold; /* Optional: Make it bold for emphasis */
}

	/* Blog Post Content Styling */
/* Content Wrapper for Full Width */
.content-wrapper {
    width: 100%; /* Full page width */
    max-width: 920px; /* Limit the maximum width of the post */
    margin: 0 auto; /* Center the content horizontally */
    padding: 20px; /* Add padding around the content */
    box-sizing: border-box; /* Include padding in width calculation */
}

/* Post Content for Better Readability */
.post-content {
    font-family: Arial, sans-serif; /* Clean and simple font */
    font-size: 1em; /* Standard font size */
    line-height: 1.6; /* Improve readability */
    color: #333; /* Dark gray text color */
    margin-bottom: 20px; /* Add spacing at the bottom */
    word-wrap: break-word; /* Ensure long words or URLs break correctly */
}

/* Headings Styling */
.post-content h2, .post-content h3, .post-content h4 {
    color: #007BFF; /* Highlight headings in blue */
    margin-top: 20px;
    margin-bottom: 5px; /* Space below the heading */
}

.post-content h2 {
    font-size: 1.5em; /* Main heading size */
}

.post-content h3 {
    font-size: 1.3em; /* Subheading size */
}

.post-content h4 {
    font-size: 1.1em; /* Smaller heading size */
}

/* Paragraph and List Styling */
.post-content p {
    margin-bottom: 15px; /* Add spacing between paragraphs */
}

.post-content ul {
    margin: 10px 0 20px 20px; /* Adjust spacing and indent lists */
}

.post-content li {
    margin-bottom: 10px; /* Add spacing between list items */
}

/* Strong emphasis */
.post-content strong {
    color: #000; /* Black for emphasis */
}

/* Back Link Styling */
.back-link {
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    color: #007BFF; /* Blue link color */
    font-weight: bold;
}

.back-link:hover {
    text-decoration: underline;
}
.footer{
background: var(--white);
}