.rsNavbar {
    background-color: unset;
}

.blogArticleWrap {
    padding: 64px 0;
    background: #fff;
}

    .blogArticleWrap .container {
        max-width: 1230px;
    }

    /* Left blog content from asp:Literal */
    .blogArticleWrap .col-lg-8 {
        color: #102235;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 17px;
        line-height: 1.8;
        overflow-wrap: anywhere;
    }

        .blogArticleWrap .col-lg-8 > *:first-child {
            margin-top: 0;
        }

        .blogArticleWrap .col-lg-8 > *:last-child {
            margin-bottom: 0;
        }

        /* All headings */
        .blogArticleWrap .col-lg-8 h1,
        .blogArticleWrap .col-lg-8 h2,
        .blogArticleWrap .col-lg-8 h3,
        .blogArticleWrap .col-lg-8 h4,
        .blogArticleWrap .col-lg-8 h5,
        .blogArticleWrap .col-lg-8 h6 {
            margin: 26px 0 12px;
            color: #061b30;
            font-family: "Lato", Arial, sans-serif;
            font-weight: 800;
            line-height: 1.25;
            letter-spacing: 0;
        }

        .blogArticleWrap .col-lg-8 h1 {
            font-size: 38px;
        }

        .blogArticleWrap .col-lg-8 h2 {
            font-size: 32px;
        }

        .blogArticleWrap .col-lg-8 h3 {
            font-size: 26px;
        }

        .blogArticleWrap .col-lg-8 h4 {
            font-size: 22px;
        }

        .blogArticleWrap .col-lg-8 h5 {
            font-size: 19px;
        }

        .blogArticleWrap .col-lg-8 h6 {
            font-size: 17px;
            text-transform: uppercase;
        }

        /* Paragraph, span, div */
        .blogArticleWrap .col-lg-8 p {
            margin: 0 0 14px;
            color: #15283b;
            font-size: 17px;
            line-height: 1.75;
        }

        .blogArticleWrap .col-lg-8 span {
            color: inherit;
            font-size: inherit;
            line-height: inherit;
        }

        .blogArticleWrap .col-lg-8 div {
            max-width: 100%;
        }

        /* Links */
        .blogArticleWrap .col-lg-8 a {
            color: #0d6dfd;
            font-weight: 600;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

            .blogArticleWrap .col-lg-8 a:hover {
                color: #084db5;
            }

        /* Bold / italic */
        .blogArticleWrap .col-lg-8 strong,
        .blogArticleWrap .col-lg-8 b {
            color: #000;
            font-weight: 800;
        }

        .blogArticleWrap .col-lg-8 em,
        .blogArticleWrap .col-lg-8 i {
            font-style: italic;
        }

        /* Lists */
        .blogArticleWrap .col-lg-8 ul,
        .blogArticleWrap .col-lg-8 ol {
            margin: 14px 0 20px;
            padding-left: 26px;
        }

        .blogArticleWrap .col-lg-8 li {
            margin-bottom: 9px;
            color: #15283b;
            font-size: 17px;
            line-height: 1.7;
        }

            .blogArticleWrap .col-lg-8 li::marker {
                color: #0d6dfd;
                font-weight: 800;
            }

        /* Images */
        .blogArticleWrap .col-lg-8 img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 24px 0;
            border-radius: 16px;
        }

        /* Blockquote */
        .blogArticleWrap .col-lg-8 blockquote {
            margin: 28px 0;
            padding: 22px 26px;
            border-left: 5px solid #0d6dfd;
            background: #f4f8ff;
            color: #18314a;
            border-radius: 0 16px 16px 0;
            font-size: 20px;
            line-height: 1.65;
            font-weight: 600;
        }

            .blogArticleWrap .col-lg-8 blockquote p {
                margin-bottom: 0;
            }

        /* Tables */
        .blogArticleWrap .col-lg-8 table {
            width: 100%;
            margin: 28px 0;
            border-collapse: collapse;
            border-spacing: 0;
            background: #fff;
            border: 1px solid #dce8f6;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 12px 28px rgba(4, 28, 51, 0.06);
        }

        .blogArticleWrap .col-lg-8 thead {
            background: #0d6dfd;
            color: #fff;
        }

        .blogArticleWrap .col-lg-8 th {
            padding: 15px 16px;
            color: #fff;
            font-size: 15px;
            font-weight: 800;
            text-align: left;
            border: 1px solid #0b5edb;
        }

        .blogArticleWrap .col-lg-8 td {
            padding: 14px 16px;
            color: #15283b;
            font-size: 15px;
            line-height: 1.6;
            border: 1px solid #dce8f6;
            vertical-align: top;
        }

        .blogArticleWrap .col-lg-8 tbody tr:nth-child(even) {
            background: #f7fbff;
        }

        /* Other HTML elements */
        .blogArticleWrap .col-lg-8 hr {
            margin: 30px 0;
            border: 0;
            border-top: 1px solid #dce8f6;
        }

        .blogArticleWrap .col-lg-8 code {
            padding: 3px 6px;
            border-radius: 6px;
            background: #eef5ff;
            color: #0a55c6;
            font-size: 90%;
        }

        .blogArticleWrap .col-lg-8 pre {
            margin: 24px 0;
            padding: 18px;
            overflow-x: auto;
            border-radius: 14px;
            background: #061b30;
            color: #fff;
        }

        .blogArticleWrap .col-lg-8 iframe,
        .blogArticleWrap .col-lg-8 video {
            max-width: 100%;
            border-radius: 16px;
        }

/* Sidebar */
.blogSidebar {
    position: sticky;
    top: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sidebarCard {
    background: #fff;
    border: 1px solid #dfe9f7;
    border-radius: 26px;
    padding: 28px;
    box-shadow: 0 18px 38px rgba(4, 28, 51, 0.07);
}

    .sidebarCard h3 {
        margin: 0 0 18px;
        color: #061b30;
        font-size: 27px;
        font-weight: 800;
        line-height: 1.3;
    }

    .sidebarCard p {
        margin: 0 0 18px;
        color: #5a6b84;
        font-size: 16px;
        line-height: 1.75;
    }

.blogBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 14px 26px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0d6dfd 0%, #0a55c6 100%);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 18px 30px rgba(13, 109, 253, 0.24);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .blogBtn:hover {
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 22px 36px rgba(13, 109, 253, 0.3);
    }

/* Related articles */
.miniRelated a,
#sidebarRelatedLinks a {
    display: block;
    margin-top: 12px;
    padding: 16px 18px;
    border: 1px solid #d7e7fb;
    border-radius: 16px;
    background: #f7fbff;
    color: #27496f;
    font-weight: 700;
    line-height: 1.55;
    text-decoration: none;
}

    .miniRelated a:hover,
    #sidebarRelatedLinks a:hover {
        background: #eaf4ff;
        color: #0d6dfd;
    }

/* Responsive */
@media (max-width: 991px) {
    .blogSidebar {
        position: static;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .blogArticleWrap {
        padding: 42px 0;
    }

        .blogArticleWrap .col-lg-8 {
            font-size: 16px;
            line-height: 1.75;
        }

            .blogArticleWrap .col-lg-8 h1 {
                font-size: 30px;
            }

            .blogArticleWrap .col-lg-8 h2 {
                font-size: 27px;
            }

            .blogArticleWrap .col-lg-8 h3 {
                font-size: 23px;
            }

            .blogArticleWrap .col-lg-8 p,
            .blogArticleWrap .col-lg-8 li {
                font-size: 16px;
            }

    .sidebarCard {
        padding: 24px;
        border-radius: 22px;
    }

        .sidebarCard h3 {
            font-size: 24px;
        }

    .blogArticleWrap .col-lg-8 table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 575px) {
    .blogArticleWrap .col-lg-8 h1 {
        font-size: 27px;
    }

    .blogArticleWrap .col-lg-8 h2 {
        font-size: 24px;
    }

    .blogArticleWrap .col-lg-8 h3 {
        font-size: 21px;
    }

    .blogBtn {
        width: 100%;
    }
}