#main-content h1 {
    font-size: 32px;
    font-weight: 700;
    margin: 16px 0;
    color: #1e293b;
}

#main-content h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 14px 0;
    line-height: 36px;
    color: #1e293b;
}

#main-content h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 12px 0;
    line-height: 34px;
    color: #1e293b;
}

#main-content h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    color: #1e293b;
}



#main-content h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #1e293b;
}

#main-content h6 {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    line-height: 23px;
}

/* 📌 Table Styling */
#main-content table {
    width: 100%;
    border-collapse: collapse;
    /* Borders ko merge karne ke liye */
    margin: 16px 0;
}

#main-content table,
#main-content th,
#main-content td {
    border: 1px solid #ddd;
    /* Light Gray Border */
}

#main-content th,
#main-content td {
    padding: 12px;
    text-align: left;
    line-height: 26px;
}

#main-content thead {
    font-weight: 600;
    color: #1e293b;
}

#main-content thead tr {
    background-color: #eff3f7;
}

#main-content table tbody tr:first-child {
    background-color: #eff3f7;
    font-weight: 600;
    color: #1e293b;
}

#main-content th {
    background-color: #f4f4f4;
    /* Light Gray Background */
    font-weight: 600;
}

#main-content img {
    border-radius: 8px;
}


#main-content p, .author-details p {
    font-size: 17px;
    line-height: 29px;
    color: #334155;
    margin-bottom: 1.25rem;
}

#main-content a {
    color: #0068CE;
}

#main-content ul:not(.crons ul, .pros ul) li {
    font-size: 17px;
    position: relative;
    padding-left: 20px;
    color: #334155;
    line-height: 27px;
    margin-bottom: 13px;
}

#main-content .crons ul li, #main-content .pros ul li {
    font-size: 17px;
    position: relative;
    color: #334155;
    line-height: 27px;
    margin-bottom: 13px;
}

#main-content .pros-crons-widget {
    display: flex;
    flex-wrap: wrap;
    /* Responsive wrapping */
}

#main-content .faq-widget-container p {
    font-size: 16px;
    line-height: 27px;
    color: #334155;
    /* Responsive wrapping */
}

#main-content .pros-crons-widget>div {
    width: calc(50% - 10px);
    /* 50% width with some gap */
    min-width: 300px;
    /* Small screens ke liye minimum width */
}

/* Mobile Responsive: ek column bana do */
@media (max-width: 768px) {
    #main-content .pros-crons-widget>div {
        width: 100%;
        /* Mobile pe full width */
    }
}



#main-content ul:not(.crons ul, .pros ul) li::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #0068CE;
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
    border-radius: 3px;
}




/* 📌 Mobile Friendly */
@media (max-width: 768px) {
    #main-content h1 {
        font-size: 30px;
        font-weight: 700;
        margin: 16px 0;
        color: #1e293b;
    }

    #main-content h2 {
        font-size: 30px;
        font-weight: 700;
        margin: 14px 0;
        line-height: 36px;
        color: #1e293b;
    }

    #main-content h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 12px 0;
        line-height: 34px;
        color: #1e293b;
    }

    #main-content h5 {
        font-size: 17px;
        font-weight: 600;
        line-height: 27px;
        color: #1e293b;
    }

    #main-content h6 {
        font-size: 16px;
        font-weight: 600;
        color: #1e293b;
        line-height: 23px;
    }
}

#main-content .colored-bg-box ul li{
    line-height: 26px !important;
    font-size: 16px !important;
}

.onthisPageAside a {
    font-size: 14px;
    /* color: #334155; */
}



.onthisPageAside .heading-div {
    margin-top: 3px !important;
}

.heading-div a {
    transition: font-weight 0.3s ease-in-out, border-left-width 0.3s ease-in-out, color 0.3s ease-in-out;
}

.heading-div a:hover {
    font-weight: 600;
    /* Increase font weight on hover */
}

.heading-div .active {
    font-weight: 600;
    /* Keep active item bold */
}



.blog-content {
    overflow-x: auto;
    width: 100%;
}




/* Stop horizontal scrolling */
body {
    overflow-x: hidden;
}

/* Ensure no elements exceed the viewport width */
* {
    max-width: 100%;
    box-sizing: border-box;
}





#dropdown-menu, #dropdown-menu * {
    max-width: unset !important;
}












.table-wrapper {
    max-width: 100vw;
    overflow-x: auto;
}

.table-wrapper table {
    min-width: 700px; /* Adjust width as needed */
    border-collapse: collapse;
}

.equation-wrapper {
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap;
    padding: 5px;
}



/* Ensure tables are scrollable on small screens */
.table-wrapper {
    max-width: 100%;
    overflow-x: auto;
}

/* Ensure tables are not overflowing */
.MsoTableGrid {
    min-width: 700px; /* Adjust based on table content */
    border-collapse: collapse;
}