.elementor-9211 .elementor-element.elementor-element-621d066{--display:flex;}.elementor-9211 .elementor-element.elementor-element-1e6709b{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-9211 .elementor-element.elementor-element-9d6cacb{--display:flex;}.elementor-9211 .elementor-element.elementor-element-ffb29b4.elementor-element{--align-self:center;}.elementor-9211 .elementor-element.elementor-element-ffb29b4 .wcf-f-image-wrapper{text-align:center;}.elementor-9211 .elementor-element.elementor-element-2537088{--display:flex;}.elementor-widget-wcf--theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-widget-wcf--theme-post-content{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-wcf--theme-post-content{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-621d066 *//* =========================================================
   AESN — GLOBAL BLOG POST STYLING
   Applies to individual WordPress blog/article pages
   ========================================================= */


/* ---------------------------------------------------------
   1. BLOG ARTICLE CONTAINER
   --------------------------------------------------------- */

.single-post .site-main,
.single-post .elementor-location-single,
.single-post .elementor-post,
.single-post article.post {
    width: 100%;
}

.single-post .elementor-widget-theme-post-content,
.single-post .entry-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}


/* ---------------------------------------------------------
   2. ARTICLE BACKGROUND
   --------------------------------------------------------- */

.single-post {
    background: #ffffff;
}

.single-post .elementor-widget-theme-post-content,
.single-post .entry-content {
    color: #3d4655;
}


/* ---------------------------------------------------------
   3. BLOG TITLE
   --------------------------------------------------------- */

.single-post .entry-title,
.single-post h1.elementor-heading-title {
    max-width: 1000px;
    margin: 0 auto 28px;
    
    font-family: "Poppins", sans-serif;
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -2px;
    
    color: #10182b;
    
    text-align: center;
}


/* ---------------------------------------------------------
   4. POST META
   --------------------------------------------------------- */

.single-post .entry-meta,
.single-post .post-meta,
.single-post .elementor-post-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 18px;
    
    margin-bottom: 42px;
    
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #687386;
    
    text-align: center;
}

.single-post .entry-meta a,
.single-post .post-meta a,
.single-post .elementor-post-info a {
    color: #2684ff;
    text-decoration: none;
    font-weight: 500;
}

.single-post .entry-meta a:hover,
.single-post .post-meta a:hover,
.single-post .elementor-post-info a:hover {
    color: #10182b;
}


/* ---------------------------------------------------------
   5. FEATURED IMAGE
   --------------------------------------------------------- */

.single-post .post-thumbnail,
.single-post .wp-post-image,
.single-post .elementor-post__thumbnail {
    width: 100%;
}

.single-post .post-thumbnail {
    max-width: 1200px;
    margin: 0 auto 55px;
}

.single-post .post-thumbnail img,
.single-post .wp-post-image {
    display: block;
    width: 100%;
    height: auto;
    
    border-radius: 20px;
    
    object-fit: cover;
}


/* Elementor featured image */

.single-post .elementor-widget-theme-post-featured-image img {
    width: 100%;
    border-radius: 20px;
}


/* ---------------------------------------------------------
   6. MAIN ARTICLE CONTENT
   --------------------------------------------------------- */

.single-post .entry-content {
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    line-height: 1.85;
}

.single-post .entry-content p {
    margin: 0 0 24px;
}


/* ---------------------------------------------------------
   7. HEADINGS
   --------------------------------------------------------- */

.single-post .entry-content h2 {
    margin: 58px 0 22px;
    
    font-family: "Poppins", sans-serif;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -1px;
    
    color: #10182b;
}

.single-post .entry-content h3 {
    margin: 42px 0 18px;
    
    font-family: "Poppins", sans-serif;
    font-size: clamp(22px, 2.5vw, 30px);
    line-height: 1.3;
    font-weight: 600;
    
    color: #10182b;
}

.single-post .entry-content h4 {
    margin: 32px 0 14px;
    
    font-family: "Poppins", sans-serif;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 600;
    
    color: #10182b;
}


/* ---------------------------------------------------------
   8. HEADING ACCENT
   --------------------------------------------------------- */

.single-post .entry-content h2::after {
    content: "";
    display: block;
    
    width: 48px;
    height: 3px;
    
    margin-top: 14px;
    
    background: #2684ff;
    border-radius: 50px;
}


/* ---------------------------------------------------------
   9. LINKS
   --------------------------------------------------------- */

.single-post .entry-content a {
    color: #2684ff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    
    transition: all 0.2s ease;
}

.single-post .entry-content a:hover {
    color: #10182b;
}


/* ---------------------------------------------------------
   10. STRONG / BOLD TEXT
   --------------------------------------------------------- */

.single-post .entry-content strong,
.single-post .entry-content b {
    color: #10182b;
    font-weight: 600;
}


/* ---------------------------------------------------------
   11. UNORDERED + ORDERED LISTS
   --------------------------------------------------------- */

.single-post .entry-content ul,
.single-post .entry-content ol {
    margin: 0 0 28px;
    padding-left: 28px;
}

.single-post .entry-content li {
    margin-bottom: 10px;
    padding-left: 5px;
}

.single-post .entry-content ul li::marker {
    color: #2684ff;
}

.single-post .entry-content ol li::marker {
    color: #2684ff;
    font-weight: 600;
}


/* ---------------------------------------------------------
   12. BLOCKQUOTES
   --------------------------------------------------------- */

.single-post .entry-content blockquote {
    margin: 38px 0;
    padding: 28px 32px;
    
    background: #f4f8ff;
    
    border-left: 4px solid #2684ff;
    border-radius: 0 14px 14px 0;
    
    color: #10182b;
    
    font-size: 19px;
    line-height: 1.7;
    font-weight: 500;
}

.single-post .entry-content blockquote p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   13. TABLES
   --------------------------------------------------------- */

.single-post .entry-content table {
    width: 100%;
    margin: 35px 0;
    
    border-collapse: separate;
    border-spacing: 0;
    
    overflow: hidden;
    
    border: 1px solid #dce7f5;
    border-radius: 14px;
    
    font-size: 15px;
}

.single-post .entry-content th {
    padding: 15px 18px;
    
    background: #10182b;
    color: #ffffff;
    
    font-weight: 600;
    text-align: left;
}

.single-post .entry-content td {
    padding: 15px 18px;
    
    border-top: 1px solid #e6edf5;
    color: #3d4655;
}

.single-post .entry-content tr:nth-child(even) td {
    background: #f8fbff;
}


/* ---------------------------------------------------------
   14. IMAGES INSIDE ARTICLES
   --------------------------------------------------------- */

.single-post .entry-content img {
    max-width: 100%;
    height: auto;
    
    border-radius: 16px;
}

.single-post .entry-content figure {
    margin: 35px 0;
}

.single-post .entry-content figcaption {
    margin-top: 10px;
    
    font-size: 13px;
    line-height: 1.5;
    color: #7a8495;
    
    text-align: center;
}


/* ---------------------------------------------------------
   15. HORIZONTAL RULE
   --------------------------------------------------------- */

.single-post .entry-content hr {
    margin: 50px 0;
    
    border: 0;
    border-top: 1px solid #e1e8f0;
}


/* ---------------------------------------------------------
   16. CODE / PRE
   --------------------------------------------------------- */

.single-post .entry-content pre {
    margin: 30px 0;
    padding: 22px;
    
    overflow-x: auto;
    
    background: #10182b;
    color: #ffffff;
    
    border-radius: 14px;
    
    font-size: 14px;
    line-height: 1.7;
}

.single-post .entry-content code {
    padding: 3px 7px;
    
    background: #eef4fb;
    color: #10182b;
    
    border-radius: 5px;
    
    font-size: 0.9em;
}


/* ---------------------------------------------------------
   17. FAQ STYLE
   --------------------------------------------------------- */

.single-post .entry-content h3 + p strong,
.single-post .entry-content h4 + p strong {
    color: #10182b;
}


/* ---------------------------------------------------------
   18. CTA BOX
   --------------------------------------------------------- */

.single-post .entry-content .blog-cta {
    margin: 55px 0;
    padding: 40px;
    
    background: #10182b;
    
    border-radius: 20px;
    
    color: #ffffff;
    
    text-align: center;
}

.single-post .entry-content .blog-cta h2,
.single-post .entry-content .blog-cta h3 {
    margin-top: 0;
    color: #ffffff;
}

.single-post .entry-content .blog-cta h2::after,
.single-post .entry-content .blog-cta h3::after {
    display: none;
}

.single-post .entry-content .blog-cta p {
    color: #dce7f5;
}

.single-post .entry-content .blog-cta a {
    display: inline-block;
    margin-top: 10px;
    padding: 13px 24px;
    
    background: #2684ff;
    color: #ffffff;
    
    border-radius: 8px;
    
    text-decoration: none;
    font-weight: 600;
}

.single-post .entry-content .blog-cta a:hover {
    background: #ffffff;
    color: #10182b;
}


/* ---------------------------------------------------------
   19. CATEGORY / TAG
   --------------------------------------------------------- */

.single-post .cat-links,
.single-post .tags-links {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
}

.single-post .tags-links a {
    display: inline-block;
    
    margin: 4px;
    padding: 6px 12px;
    
    background: #f1f6fc;
    color: #10182b;
    
    border-radius: 50px;
    
    text-decoration: none;
}


/* ---------------------------------------------------------
   20. AUTHOR BOX
   --------------------------------------------------------- */

.single-post .author-box,
.single-post .author-bio {
    max-width: 900px;
    margin: 65px auto 0;
    padding: 28px;
    
    background: #f6f9fd;
    
    border: 1px solid #e1eaf4;
    border-radius: 18px;
}


/* ---------------------------------------------------------
   21. PREVIOUS / NEXT POSTS
   --------------------------------------------------------- */

.single-post .post-navigation {
    max-width: 1100px;
    margin: 65px auto 0;
    padding-top: 30px;
    
    border-top: 1px solid #e1e8f0;
}

.single-post .post-navigation a {
    color: #10182b;
    text-decoration: none;
    font-weight: 600;
}

.single-post .post-navigation a:hover {
    color: #2684ff;
}


/* ---------------------------------------------------------
   22. RELATED POSTS
   --------------------------------------------------------- */

.single-post .related-posts {
    max-width: 1200px;
    margin: 80px auto 0;
}

.single-post .related-posts h2 {
    margin-bottom: 30px;
    
    font-family: "Poppins", sans-serif;
    color: #10182b;
}


/* ---------------------------------------------------------
   23. MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .single-post .entry-title,
    .single-post h1.elementor-heading-title {
        font-size: 34px;
        line-height: 1.12;
        letter-spacing: -1px;
        
        margin-bottom: 20px;
    }

    .single-post .entry-meta,
    .single-post .post-meta,
    .single-post .elementor-post-info {
        margin-bottom: 30px;
        font-size: 12px;
    }

    .single-post .post-thumbnail {
        margin-bottom: 35px;
    }

    .single-post .post-thumbnail img,
    .single-post .wp-post-image,
    .single-post .elementor-widget-theme-post-featured-image img {
        border-radius: 14px;
    }

    .single-post .entry-content {
        font-size: 16px;
        line-height: 1.8;
    }

    .single-post .entry-content h2 {
        margin-top: 42px;
        margin-bottom: 18px;
        font-size: 27px;
    }

    .single-post .entry-content h3 {
        margin-top: 32px;
        font-size: 23px;
    }

    .single-post .entry-content h4 {
        font-size: 19px;
    }

    .single-post .entry-content blockquote {
        padding: 20px 22px;
        margin: 30px 0;
        font-size: 17px;
    }

    .single-post .entry-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .single-post .entry-content .blog-cta {
        padding: 30px 22px;
        border-radius: 16px;
    }
}


/* ---------------------------------------------------------
   24. SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .single-post .entry-title,
    .single-post h1.elementor-heading-title {
        font-size: 29px;
    }

    .single-post .entry-content {
        font-size: 15.5px;
    }

    .single-post .entry-content h2 {
        font-size: 25px;
    }

    .single-post .entry-content h3 {
        font-size: 21px;
    }
}/* End custom CSS */