.table-of-contents h3{
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 39.2px */
color: var(--color-text);
margin-bottom: 24px;
}
.table-of-contents ul li {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-bottom: 12px;
}

.table-of-contents ul li:last-child {
    margin-bottom: 0px;
}

.blog-text{
    padding: 140px 0;
}
.blog-text p
 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 24px;
    color: var(--color-text-2);
}
.blog-text p:last-child {
    margin-bottom: 0;
}
.blog-text h3{
font-style: normal;
font-weight: 700;
line-height: 140%; /* 58.8px */
font-size: 42px;
margin-top: 100px;
margin-bottom: 28px;
color: var(--color-heading);
}
.blog-text h4{
font-style: normal;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 39.2px */
color: var(--color-heading);
margin-bottom: 12px;
margin-top: 24px;
}
.blog-text ul li {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    list-style: disc;
    margin-left: 28px;
    color: var(--color-text-2);
    margin-bottom: 12px;
}
.blog-text img{
    margin-bottom: 24px;
}
.new-update h6 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var( --color-text);
        margin-bottom: 16px;
}
.new-update span {
    font-weight: 600;
}
/* ====== Tablet Screens (≤1024px) ====== */
@media (max-width: 1024px) {
.blog-text{
    padding: 120px 0;
}
.blog-text h3{
margin-top: 80px;
}
}
@media (max-width: 600px) {
.blog-text{
    padding: 80px 0;
}
.table-of-contents h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
.table-of-contents ul li {
    font-size: 20px;
}
.blog-text p{
    font-size: 20px;
    margin-bottom: 20px;
}
.blog-text img{
    margin-bottom: 20px;
}
.blog-text h3{
font-size: 32px;
margin-top: 60px;
margin-bottom: 24px;
}
.blog-text h4{
font-size: 24px;
}
.blog-text ul li {
    font-size: 20px;
}
.new-update h6 {
    font-size: 20px;
}
}