html {
    scroll-behavior: smooth;
}




.article-box {
    border-radius: 16px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    padding: 40px;
}

.breadcrumb a {
    color: #727272;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}


.research-sidebar .nav-item .nav-link
{
    color: #737791;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border-bottom: 1px solid #D8D8D8;
    padding: 0.5rem;

}

.research-sidebar .nav-link:hover {
    color: #141B5D;
}

.research-sidebar .nav-link.active {
    color: #141B5D;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 200%; 
}


.article-box h3
{
    color: #141B5D;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; 
}
.article-box h1
{
    color: #141B5D;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
}
.article-box h5
{
    color: #141B5D;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
}

.article-box ul li,.article-box ol li
{
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    margin-bottom: 0.5rem;
}
.article-box ul li,.article-box ol li, .article-box ol li p
{
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
}

.article-box ol li
{
    color: #141B5D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 32px */
}

.article-box a
{
    color: #141B5D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 200%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    word-wrap: break-word;
}

.article-box p
{
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
}

.btn-cta-a {
    color: #141B5D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    display: inline;
    padding: 12px 16px;
    gap: 10px;
    text-decoration: none !important;
    transition: all 0.3s;
    border-radius: 72px;
    border: 1px solid #ddd;
    background-color: transparent;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 6px 0 rgba(74, 58, 255, 0.10);
}
.btn-cta-a:hover {
    background: transparent;
    color: #141B5D !important;
    border: none;
    border: 1px solid #ddd;
}
.article-box  .btn
{
    border-radius: 72px;
background: #141B5D;
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 6px 0 rgba(74, 58, 255, 0.10);
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 135%; /* 21.6px */
padding: 12px 24px;
text-decoration: none;

}

 .sticky-top
{
top: 100px;
}

@media (max-width: 767px) 
    {
        .article-box h3 {
            font-size: 20px;
  
        }
        .article-box h1 {
            text-align: center;
            font-size: 24px;
        }
        .article-box {
            padding: 20px;
        }
        .article-box h5 {
            font-size: 18px;
        }
    }