.elementor-29918 .elementor-element.elementor-element-889164d{--display:flex;}.elementor-29918 .elementor-element.elementor-element-61dc4f1{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-29918 .elementor-element.elementor-element-61dc4f1 .elementor-divider-separator{width:100%;}.elementor-29918 .elementor-element.elementor-element-61dc4f1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-29918 .elementor-element.elementor-element-61dc4f1 .elementor-divider__text{color:#043255;font-size:18px;}/* Start custom CSS *//* Basic styling for the blog post content */
.blog-post-content {
    max-width: 900px; /* Or adjust to your preferred content width */
    margin: 20px auto;
    padding: 0 15px; /* Add some padding on smaller screens */
    font-family: Arial, sans-serif; /* Example font, use your brand font */
    line-height: 1.6;
    color: #333;
}

.blog-post-content h1,
.blog-post-content h2 {
    color: #1a5180; /* Example heading color */
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center; /* Center main headings */
}

.blog-post-content h2 {
    font-size: 1.8em;
    text-align: left; /* Align subheadings to the left */
    border-bottom: 1px solid #eee; /* Optional: Add a subtle line under subheadings */
    padding-bottom: 5px;
}

.blog-post-content p {
    margin-bottom: 1em;
}

.blog-post-content ul {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 1em;
}

.blog-post-content ul ul {
    list-style-type: circle;
    margin-left: 20px;
}

.blog-post-content strong {
    font-weight: bold;
    color: #000; /* Ensure bold text stands out */
}

/* Image and caption styling */
.blog-post-content figure {
    margin: 20px auto; /* Center figure and add vertical spacing */
    max-width: 100%;
    display: block;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.blog-post-content figure img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px; /* Slightly rounded corners for images */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Subtle shadow for images */
}

.blog-post-content figcaption {
    text-align: center;
    font-style: italic;
    font-size: 0.9em;
    color: #555;
    padding-top: 8px; /* Space between image and caption */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .blog-post-content {
        padding: 0 10px;
    }

    .blog-post-content h1 {
        font-size: 1.8em;
    }

    .blog-post-content h2 {
        font-size: 1.5em;
    }
}/* End custom CSS */