body{
    background-color:#F2F4F7;
}
.top-bar{
    height: 63px;
    background-color: white;
    box-shadow: 0px 4px 10px 6px rgb(60, 66, 67, 0.4);
}
.quiz-box-margin-top{
    margin-top: 123px;
}
.quiz-box-card{
    box-shadow: 0px 4px 10px 6px rgba(110, 92, 128, 0.957);
}
.theme-bg-color{
    background-color: rgba(110, 92, 128, 0.957);
}
.theme-text-color{
    color: rgba(110, 92, 128, 0.957);
}
.active-text{
    color: rgb(245, 106, 0);
}
.premium-text{
    color: blueviolet;
}
.blog-content {
    /* Prevents text from overflowing the container */
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    
    /* Optional: Ensures the container behaves nicely within its parent layout */
    max-width: 100%; 
}
.formatted-blog-body {
    /* Prevents layout breaking and forces text wrapping */
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Restores natural paragraph spacing for your database content */
.formatted-blog-body p {
    margin-bottom: 1rem;
    line-height: 1.6;
}