.circle-container {
    width: 200px; /* Adjust the size as needed */
    height: 200px; /* Adjust the size as needed */
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #333; /* Border width and color */
    background-color: #f0f0f0; /* Optional: background color for better contrast */
}

.circle-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container */
}

.blog-container {
    display: flex; /* Use flexbox for layout */
    align-items: center; /* Vertically center the items */
    padding: 20px;
}

.blog-image {
    border: 2px solid #ddd; /* Border around the image */
    border-radius: 15px; /* Rounded corners */
    max-width: 100%; /* Ensure the image scales within its container */
    height: auto; /* Maintain aspect ratio */
    margin-right: 20px; /* Space between image and text */
}

.article-content {
    overflow: auto; /* Clear floats and ensure container handles image and text */
}

.pdf-container {
    margin: 20px 0;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}