.news-item a,
nav a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif
}

.day,
.news-item a,
nav a {
    font-family: Arial, Helvetica, sans-serif
}

.meta-tags-line,
.story-meta-ax17 {
    letter-spacing: .5px;
    text-transform: uppercase
}

.btn-readmore,
.featured-label,
.highlight-category,
.live-indicator,
.meta-tags-line,
.news-date,
.news-meta,
.news-tag,
.quote-author,
.reply-btn,
.reply-title,
.small-txt,
.story-meta-ax17,
.writer-credit-block {
    text-transform: uppercase
}

.blog-card:nth-child(5n),
.related-item:last-child {
    padding-right: 0;
    border-right: none
}

body {
    margin: 0;
    overflow-x: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

.light-mode,
body.light-mode {
    background-color: #fff;
    color: #000
}

.dark-mode {
    background-color: #1a1a1a;
    color: #fff
}

.top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 7rem;
    border-bottom: 1px solid #ddd
}

.mobile-top-left,
.top-left,
.top-right {
    display: flex;
    align-items: center;
    gap: 15px
}

.top-center img {
    height: 40px;
    filter: unset !important
}

.top-right button {
    padding: 6px 12px;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600;
    font-size: 11px
}

.login-btn,
body.light-mode .main-nav {
    background-color: #fff
}

.subscribe-btn {
    background: #567b95;
    color: #fff !important;
    border: none
}

.main-nav,
.main-nav1,
.news-row {
    border-top: 1px solid
}

.line2,
.news-block,
.news-card,
.news-left-column {
    border-right: 1px solid #d3d3d3
}

.date-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 30px 0
}

.day {
    display: block;
    font-size: 13px
}

.main-nav,
nav {
    display: flex;
    gap: 40px
}



nav {
    padding: 14px;
    font-size: 14px;
    justify-content: center
}

.main-container {
    margin: 0 7rem
}

nav a {
    font-weight: 400
}

.main-nav1 {
    gap: 40px
}

.main-nav {
    position: sticky;
    top: -70px;
    background: #fff;
    z-index: 1000;
    padding: 14px 20px;
    transition: top .6s ease-in-out
}

.main-nav.show {
    top: 0;
    box-shadow: 0 2px 8px 1px #e3e3e3;
    margin: 0;
    border-top: none
}

.nav-l {
    color: #1a1a1a
}

.nav-H {
    color: #b5b5b5 !important
}

.news-row {
    display: grid;
    gap: 18px;
    padding: 17px 0;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid
}

.news-block,
.side-left {
    padding-right: 12px
}

.news-item {
    display: flex;
    gap: 10px;
    flex: 1 1 calc(25% - 20px)
}

.news-item a {
    color: #181818;
    font-size: 14px;
    font-weight: 600
}

.news-content p,
.small-txt {
    font-family: Arial, Helvetica, sans-serif
}

.section1 {
    display: grid;
    padding-top: 25px;
    grid-template-columns: 3fr 1fr
}

.news-item img {
    width: 80px;
    height: 65px;
    object-fit: cover
}

.news-content h3 {
    font-size: 15px;
    margin: 0;
    font-weight: 700;
    line-height: 1.3
}

.comment-item:last-child,
.news-card:last-child,
.teaser-row:last-child {
    border: none
}

.news-content p {
    margin: 2px 0 0;
    font-size: 11px;
    color: gray;
}

.news-block {
    margin-right: 12px
}

.med-txt {
    font-size: 14px;
    color: #797979;
    margin: 0;
}

.small-txt {
    font-size: 11px;
    margin-bottom: 10px;
    color: #474747
}

.live-indicator {
    display: flex;
    align-items: center;
    font-size: 8px;
    font-weight: 600;
    color: #d0022c;
    font-family: Arial, Helvetica, sans-serif
}

@media (prefers-reduced-motion:reduce) {
    .live-indicator::before {
        animation: none;
        opacity: 1
    }
}

.live-indicator::before,
.live-status {
    animation: 1.2s cubic-bezier(.5, 0, 1, 1) infinite alternate dot-blink
}

.live-indicator span {
    color: #000;
    font-weight: 400;
    margin-left: 4px;
    font-size: 10px
}

.live-indicator::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #d0022c;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px
}

@keyframes dot-blink {
    from {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

.news-top {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
    margin-bottom: 25px
}

.news-bottom,
.news-grid,
.story-wrapper-ax17 {
    grid-template-columns: 1fr 1fr
}

.news-left,
.news-right {
    flex: 1 1 50%
}

.feed-image img,
.image-slot-wrapper img,
.img-highlight,
.lead-article img,
.news-carousel-image img,
.news-center img,
.news-right img {
    width: 100%;
    height: auto;
    display: block
}

.news-tag {
    color: red;
    font-size: 12px;
    font-weight: 700
}

.news-main-title,
.news-sub-link {
    display: block;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none
}

.news-main-title {
    font-size: 18px
}

.news-left h1 {
    margin: 14px 0 0
}

.news-main-title:hover {
    color: #6b6b6b
}

.news-desc {
    font-size: 13px;
    margin: 10px 0;
    color: #4c4c4c
}

.news-sub-link {
    font-size: 18px;
    margin-bottom: 5px;
    padding: 10px 0;
    border-top: 1px solid #d3d3d3
}

.main-title,
.top-comments-section {
    border-top: 1px solid #000
}

.news-author {
    font-size: 12px;
    margin-top: 10px;
    color: #555
}

.news-bottom {
    display: grid;
    gap: 20px;
    margin-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif
}

.first-b,
.lead-article,
.mid-story {
    border-right: 1px solid #d3d3d3;
    padding-right: 20px
}

.border1,
.line {
    border-bottom: 1px solid #d3d3d3
}

.comment-item,
.person-item {
    border-bottom: 1px solid #ddd
}

.featured-section {
    font-size: 14px;
    padding-bottom: 13px
}

.featured-label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif
}

.featured-desc,
.featured-title,
.news-title {
    font-family: Arial, Helvetica, sans-serif
}

.more-space {
    padding-top: 13px
}

.featured-title {
    display: block;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px
}

.featured-desc {
    font-size: 15px;
    color: #5e5e5e;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 18px
}

.news-grid,
.side-right {
    margin-bottom: 25px
}

.news-meta {
    font-size: 11px;
    color: #666
}

.image-big,
.img-section img,
.side-right img {
    width: 100%
}

.news-grid {
    display: grid;
    gap: 10px
}

.news-img {
    width: 138px;
    height: auto;
    display: block;
    margin-bottom: 10px
}

.news-title {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #5e5e5e;
    margin: 10px 0 5px;
    line-height: 1
}

.news-date {
    font-size: 10.5px;
    color: gray;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

a:hover {
    color: #575757
}

.top-comments-section {
    max-width: 400px;
    margin: auto
}

.comment-item {
    display: flex;
    gap: 20px;
    padding: 11px 0;
    font-family: Arial, Helvetica, sans-serif
}

.comment-rank {
    font-size: 26px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif
}

.comment-content,
.feedback-main,
.person-info,
.story-text-ax17 {
    flex: 1
}

.comment-title {
    font-size: 16px;
    text-decoration: none;
    line-height: 1.3
}

.comment-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    color: gray;
    font-size: 14px
}

.comment-icon,
.writer-photo {
    flex-shrink: 0
}

.comment-count {
    font-size: 12px;
    color: #222
}

.people-list {
    max-width: 500px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif
}

.main-card,
.news-left-item,
.person-photo img {
    margin-right: 15px
}

.person-desc,
.person-name a,
.story-headline-ax17 a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none
}

.person-item {
    display: flex;
    align-items: center;
    padding: 15px 0
}

.person-photo img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover
}

.person-name a {
    font-size: 16px;
    font-weight: 600
}

.person-name {
    margin-bottom: 7px
}

.person-desc {
    font-size: 15px;
    line-height: 1.4;
    color: #575757;
    font-weight: 500
}

.story-wrapper-ax17 {
    display: grid;
    gap: 15px 12px;
    margin-bottom: 25px
}

.story-card-ax17 {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding-top: 15px
}

.story-card-ax17:first-child {
    padding-top: 0
}

.line1 {
    border-top: 1px solid #d3d3d3;
    margin-top: 15px
}

.story-headline-ax17 {
    font-size: 19px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 8px
}

.story-meta-ax17 {
    font-size: 10px;
    color: #747474;
    font-weight: 300;
    font-family: Arial, Helvetica, sans-serif
}

.story-meta-ax17 a {
    text-decoration: none
}

.story-meta-ax17 span {
    margin: 0 5px
}

.story-image-ax17 {
    width: 45%;
    height: auto;
    flex-shrink: 0
}

.story-image-ax17 img {
    width: 100%;
    height: 120px;
    display: block
}

.news-carousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px 0
}

.news-carousel-track {
    display: flex;
    gap: 10px;
    transition: transform .5s
}

.news-carousel-item {
    min-width: calc(100% / 3);
    box-sizing: border-box
}

.feed-text h3 a,
.news-carousel-item a,
.side-box ul li a {
    text-decoration: none;
    color: #000
}

.news-carousel-image,
.single-feedback {
    position: relative
}

.news-carousel-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-top: 10px
}

.news-carousel-date {
    font-size: .9rem;
    color: #555;
    margin-top: 5px
}

.news-carousel-btn {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background: 0 0;
    color: #fff;
    border: 3px solid #d5d5d5;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    height: 36px;
    width: 36px
}

.news-center,
.sub-grid-c {
    border-right: 1px solid #d3d3d3
}

.news-carousel-prev {
    left: 30px
}

.news-carousel-next {
    right: 30px
}

.news-grid-container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    margin-bottom: 35px;
    gap: 15px
}

.sub-grid-c {
    padding-right: 10px
}

.news-left-column,
.news-right-column,
.side-stories {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.news-left-item,
.news-right-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 24px
}

.blog-author:nth-child(n+6),
.feed-item:last-child,
.news-left-item:last-child,
.news-right-item:last-child {
    border-bottom: none
}

.news-left-item a,
.news-right-item a {
    text-decoration: none;
    color: #000;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif
}

.news-left-title {
    font-weight: 700;
    font-size: 1rem
}

.news-left-desc {
    font-size: .9rem;
    color: #555;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif
}

.news-left-author {
    font-size: 11px;
    color: #888;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400
}

.news-center-desc,
.news-center-title,
.news-right-item a {
    font-family: Arial, Helvetica, sans-serif
}

.news-center {
    display: flex;
    flex-direction: column;
    padding-right: 15px
}

.news-center-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 15px;
    text-decoration: none
}

.news-center-desc {
    font-size: .95rem;
    color: #555;
    margin-top: 10px
}

.news-center-meta,
.news-right-date {
    font-size: .7rem;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif
}

.news-center-meta {
    color: #6e6e6e
}

.news-right-item a {
    font-weight: 600;
    font-size: 1.3rem
}

.news-right-date {
    color: #888
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px
}

.card-link {
    text-decoration: none;
    color: inherit;
    width: 100%
}

.image-box {
    width: 100%;
    height: 160px;
    overflow: hidden
}

.square-thumb-box img,
.thumb-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.headline-text {
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0 10px;
    line-height: 1.1;
    font-family: Arial, Helvetica, sans-serif
}

.date-stamp {
    font-size: 11px;
    color: #777;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif
}

.signup-wrapper {
    background-color: #f0f0f0;
    padding: 40px 20px;
    text-align: center;
    margin-top: 2rem;
    font-family: Arial, Helvetica, sans-serif
}

.main-heading a,
.text-block {
    font-family: Arial, Helvetica, sans-serif
}

.heading-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px
}

.input-section {
    display: flex;
    justify-content: center
}

.field-group {
    display: flex;
    gap: 5px
}

.field-group a:hover {
    color: #fff;
    background-color: #5f5b8c
}

.input-box {
    padding: 15px;
    font-size: 16px;
    border: 1px solid #ddd;
    outline: 0;
    width: 250px
}

.author-entry,
.side-links {
    border-left: 1px solid #d3d3d3
}

.highlight-article-link:last-child,
.input-box:first-child {
    border-right: none
}

.subscribe-link {
    background-color: #000;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    min-width: 100px
}

.hero-article {
    padding: 40px 0;
    text-align: center
}

.main-heading a {
    font-size: 3rem;
    font-weight: 400;
    margin-bottom: 25px;
    text-decoration: none
}

.main-heading {
    margin-bottom: 2rem
}

.paragraph-container {
    display: flex;
    gap: 20px;
    text-align: left;
    justify-content: center;
    margin-bottom: 30px
}

.text-block {
    flex: 1 1 300px;
    font-size: 23px;
    line-height: 1.3
}

.feature-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px
}

.author-image,
.thumb-small {
    width: 80px;
    height: 80px;
    object-fit: cover
}

.btn-readmore {
    display: inline-block;
    background-color: #161616;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 30px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none
}

.btn-readmore:hover,
.comment-rank,
.comment-title,
.featured-label,
.featured-title,
.footer-links a,
.headline-main,
.headline-text-link,
.main-heading a,
.main-title-link,
.meta-tags-line,
.news-carousel-title,
.news-center-title,
.news-left-item a,
.news-main-title,
.news-right-item a,
.news-sub-link,
.person-name a,
.story-headline-ax17 a,
.story-link-wrap a,
.story-meta-ax17 a,
body.dark-mode .author-info a,
body.dark-mode .blog-heading,
body.dark-mode .feed-text h3 a,
body.dark-mode .lead-article h3 a,
body.dark-mode .live-indicator span,
body.dark-mode .mid-story h4 a,
body.dark-mode .nav-H,
body.dark-mode .news-item a,
body.dark-mode .side-box ul li a,
body.dark-mode .side-item h5 a,
body.dark-mode .writer-name a,
body.dark-mode .writers-title {
    color: #fff
}

.menu-toggle,
.search-icon {
    filter: invert(0);
}

.wrapper-grid {
    display: grid;
    margin-bottom: 3rem;
    gap: 15px;
    grid-template-columns: 1fr 2fr 1fr
}

.headline-main,
.summary-intro {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px
}

.text-lead {
    margin-top: 100%
}

.headline-main {
    font-size: 1.8rem;
    font-weight: 600;
    display: block;
    text-decoration: none
}

.summary-intro {
    font-size: 14px;
    color: #444;
    line-height: 1.6
}

.meta-date {
    font-size: 11px;
    color: #777;
    font-family: Arial, Helvetica, sans-serif
}

.side-links {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 10px
}

.side-links:first-child {
    border-left: none
}

.teaser-row {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 15px
}

.thumb-small {
    flex-shrink: 0
}

.category-section,
.side-item,
.teaser-content,
.text-side-section {
    display: flex;
    flex-direction: column
}

.teaser-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif
}

.teaser-date {
    font-size: 11px;
    color: #777;
    font-family: Arial, Helvetica, sans-serif;
}

.authors-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 30px
}

.author-entry,
.author-entry1 {
    display: grid;
    grid-template-columns: .5fr 2fr;
    gap: 15px;
    color: inherit;
    text-decoration: none
}

.author-entry {
    align-items: center;
    padding: 0 15px 15px
}

.author-entry1 {
    align-items: center;
    padding: 15px 15px 15px 0
}

.main-logo,
.mobile-top-left,
.share-single,
.top-left {
    display: none
}

.author-image {
    border-radius: 2px
}

.author-details {
    display: flex;
    flex-direction: column;
    font-family: Arial, Helvetica, sans-serif
}

.author-name {
    font-weight: 700;
    font-size: 18px;
    margin: 0
}

.author-title {
    font-size: 15px;
    margin: 5px 0 0;
    color: #333
}

.layout-grid-wrap {
    margin-bottom: 3rem;
    display: grid;
    grid-template-columns: 4fr 3fr;
    gap: 40px;
    align-items: center
}

.meta-tags-line {
    font-size: 12px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif
}

.main-title-link {
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-top: 10px;
    text-decoration: none
}

.excerpt-para-block {
    font-size: 17px;
    line-height: 1.3;
    color: #5e5e5e;
    font-weight: 500;
    margin-top: 7px;
    margin-bottom: 25px;
    font-family: Arial, Helvetica, sans-serif
}

.writer-credit-block {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    color: inherit;
    font-family: Arial, Helvetica, sans-serif
}

.footer-links a,
.headline-text-link,
.story-link-wrap a {
    font-family: Arial, Helvetica, sans-serif
}

.profile-icon-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px
}

.teaser-grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 3rem
}

.highlight-article-link {
    display: grid;
    grid-template-columns: 1.3fr 3fr;
    align-items: start;
    gap: 10px;
    text-decoration: none;
    color: #000;
    border-right: 1px solid #ddd;
    padding-right: 20px
}

.icon-overlay {
    position: absolute;
    top: 75%;
    left: 30%;
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    padding: 10px;
    font-size: 14px
}

.square-thumb-box {
    overflow: hidden;
    position: relative
}

.header,
.sidebar,
.sidebar-overlay {
    position: fixed;
    top: 0
}

.headline-text-link {
    font-size: 15px;
    line-height: 1.1;
    font-weight: 400
}

.grid-news-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    border-top: 1px solid;
    padding: 15px 0;
    margin-bottom: 3rem
}

.footer-bottom-bar,
.footer-wrapper {
    border-top: 1px solid #ccc
}

.category-heading,
.story-link-wrap,
.thumb-visual {
    margin-bottom: 10px
}

.category-heading {
    font-size: .9rem;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 5px
}

.thumb-visual {
    width: 100%;
    height: auto;
    display: block
}

.story-link-wrap a {
    text-decoration: none;
    font-size: .9rem;
    display: block;
    line-height: 1.4
}

.dimmed-text {
    color: gray
}

.footer-grid-layout {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 25px;
    margin-top: 2rem
}

.footer-brand-title img {
    width: 230px
}

.footer-desc-text {
    font-size: .95rem;
    line-height: 1.5;
    margin-bottom: 25px;
    margin-top: 5px
}

.footer-img-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    flex-wrap: wrap
}

.footer-img-gallery img {
    width: 80px;
    height: 75px;
    object-fit: cover;
    display: block
}

.footer-column-title {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: .8rem;
    font-family: Arial, Helvetica, sans-serif;
}

.lead-article h3 a,
.mid-story h4 a,
.nav-item,
.side-item h5 a {
    font-weight: 700;
    text-decoration: none
}

.business-header,
.sidebar-search {
    margin-bottom: 20px
}

.footer-links a {
    display: block;
    text-decoration: none;
    font-size: .85rem;
    margin-bottom: 8px
}

.footer-bottom-bar {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8rem;
    padding: 20px;
    color: #898989;
    margin-top: 40px
}

.business-header h1,
.business-header p,
.section-business {
    font-family: Arial, Helvetica, sans-serif
}

.header {
    background: #fff;
    padding: 15px 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    left: 0;
    right: 0;
    z-index: 1000
}

.live-sect,
.mobile-top-left {
    display: flex
}

#darkModeToggle,
body.dark-mode .footer-brand-title .menu-toggle img {
    filter: invert(1) !important
}


.img-logo {
    height: 40px;
    width: auto
}

.sidebar-overlay {
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1500;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.sidebar-overlay.active {
    opacity: 1;
    visibility: visible
}

.sidebar {
    left: -350px;
    width: 350px;
    height: 100vh;
    background-color: #fff;
    z-index: 2000;
    transition: left .3s;
    box-shadow: 2px 0 15px rgba(0, 0, 0, .1);
    overflow-y: auto
}

.sidebar.active {
    left: 0
}

.sidebar-header {
    padding: 20px 20px 0
}

.sidebar-search {
    position: relative;
    width: max-content
}

.sidebar-search input {
    padding: 12px 45px 12px 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: 0;
    transition: border-color .3s
}

.sidebar-search .search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 14px;
    transform: translateY(-50%);
    color: #666;
    cursor: pointer
}

.sidebar-nav {
    padding: 0;
    display: block
}

.nav-section {
    padding: 0 20px 20px
}

.nav-grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.nav-item {
    display: block;
    color: #000 !important;
    font-size: 16px;
    padding: 9px 0;
    border-bottom: 1px solid transparent;
    transition: .3s
}

.nav-item:hover {
    text-decoration: none;
    color: #5d5d5d
}

.share-icons,
.social-icons {
    display: flex;
    gap: 10px
}

.social-section {
    padding: 0 20px
}

.social-icons .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    text-decoration: none;
    border-radius: 4px;
    transition: .3s
}

.main-content {
    margin-top: 80px;
    padding: 20px;
    transition: margin-left .3s
}

.content-placeholder {
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    text-align: center
}

body.dark-mode {
    background-color: #000;
    color: #fff
}

body.dark-mode .newsletter button,
body.dark-mode .newsletter1 button,
body.dark-mode .reply-btn {
    background: #353535
}

body.dark-mode .bus-p,
body.dark-mode .mid-story p {
    color: #5e5e5e
}

body.dark-mode .top-right button {
    background-color: unset;
    color: #fff
}

body.dark-mode .main-nav {
    background-color: #000
}

body.dark-mode .nav-l {
    color: #bdbdbd
}

body.dark-mode .menu-toggle {
    filter: invert(1);
}

body .dark-mode .search-icon {
    filter: invert(1);
}

body.dark-mode .sidebar.active {
    background: #000
}

body.dark-mode .nav-item,
body.dark-mode .social-icon {
    color: #fff !important
}

.heading-title,
body.light-mode .comment-rank,
body.light-mode .comment-title,
body.light-mode .featured-label,
body.light-mode .featured-title,
body.light-mode .footer-links a,
body.light-mode .headline-main,
body.light-mode .headline-text-link,
body.light-mode .live-indicator span,
body.light-mode .main-heading a,
body.light-mode .main-title-link,
body.light-mode .meta-tags-line,
body.light-mode .nav-H,
body.light-mode .news-carousel-title,
body.light-mode .news-center-title,
body.light-mode .news-item a,
body.light-mode .news-left-item a,
body.light-mode .news-main-title,
body.light-mode .news-right-item a,
body.light-mode .news-sub-link,
body.light-mode .person-name a,
body.light-mode .story-headline-ax17 a,
body.light-mode .story-link-wrap a,
body.light-mode .story-meta-ax17 a,
body.light-mode .top-right button {
    color: #000
}

body.light-mode .nav-l {
    color: #333
}

body.light-mode .sidebar.active {
    background: #fff
}

body.light-mode .nav-item,
body.light-mode .social-icon {
    color: #000 !important
}

.news-left {
    order: 0
}

.news-right {
    order: 1
}

.section-business {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px
}

.business-header h1 {
    font-size: 40px;
    font-weight: 600;
    margin: 20px 0 0
}

.business-header p {
    color: #000;
    font-weight: 500;
    margin: 10px 0 15px;
    font-size: 16px;
    line-height: 25px;
    max-width: 800px
}

.mid-story h4 a,
.side-item h5 a {
    line-height: 23px;
    font-size: 20px
}

.business-divider {
    border-top: 1px solid #000;
    margin-top: 10px
}

.business-grid {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    gap: 20px
}

.lead-article h3 a {
    font-size: 23px;
    margin: 10px 0;
    color: #161616
}

.lead-article p {
    font-size: 16px;
    color: #000;
    line-height: 23px
}

.mid-story p,
.side-item p {
    font-size: 17px;
    line-height: 21px;
    color: #000
}

.article-meta,
.feed-meta {
    font-size: 10px;
    color: #888;
    margin-top: 8px;
    font-family: Arial, Helvetica, sans-serif
}

.feed-text h3,
.live-status {
    font-family: Arial, Helvetica, sans-serif
}

.mid-story img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 8px
}

.mid-story h4 a {
    margin: 6px 0;
    color: #161616
}

.side-item img {
    width: 100%;
    height: auto;
    margin-bottom: 6px
}

.side-item h5 a {
    margin: 0;
    color: #161616
}

.side-item h5 {
    margin: 0
}

.side-item p {
    margin-top: 0
}

.news-wrapper {
    margin-top: 25px;
    display: grid;
    grid-template-columns: 3.5fr 1fr;
    gap: 15px
}

.article-feed {
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-right: 1px solid #d3d3d3;
    padding-right: 15px;
    margin-bottom: 30px
}

.feed-item {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    align-items: start;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px
}

.feed-text h3 {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 8px
}

.highlight-category a,
.live-sect p,
.side-box h4,
.side-box ul {
    font-family: Arial, Helvetica, sans-serif
}

.feed-text p {
    font-size: 17px;
    color: #000;
    line-height: 23px
}

.side-panel {
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.side-box {
    border-top: 1px solid;
    padding: 20px 0
}

.side-box h4 {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px
}

.side-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 20px
}

.side-box ul li {
    margin: 6px 0
}

.social-links {
    display: flex;
    gap: 20px;
    margin-top: 15px
}

.social-links a {
    font-size: 18px;
    text-decoration: none;
    color: #000
}

.social-links a:hover {
    opacity: .7
}

.newsletter input,
.newsletter1 input {
    padding: 15px;
    width: -webkit-fill-available;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    font-size: 16px
}

.newsletter button,
.newsletter1 button {
    width: 100%;
    padding: 15px;
    background: #000;
    color: #fff;
    font-size: 12px;
    border: none;
    cursor: pointer
}

.newsletter button:hover {
    opacity: .85
}

.side-box form {
    border: 1px solid #d3d3d3;
    padding: 15px
}

.highlight-news {
    margin: 2rem 21rem
}

.highlight-category {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 12px
}

.highlight-category a {
    text-decoration: none;
    color: #000
}

.feedback-reply a:hover,
.highlight-category a:hover {
    text-decoration: underline
}

.live-sect p {
    margin: 0;
    color: #c50404;
    font-weight: 600;
    font-size: 13px
}

.live-status {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #d00;
    margin-left: 0
}

.author-blocks,
.highlight-footer {
    display: flex;
    align-items: center;
    gap: 20px
}

.live-status .dot {
    width: 10px;
    height: 10px;
    background: #d00;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px
}

.second-sec {
    margin: 2rem 21rem;
}

.live-badge {
    background: #d00;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 3px;
    margin: 0 6px;
    font-family: Arial, Helvetica, sans-serif
}

.highlight-title {
    font-size: 33px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    margin: 15px 0
}

.highlight-summary {
    font-size: 21px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 29px;
    font-weight: 400
}

.highlight-footer {
    justify-content: space-between;
    margin-top: 25px
}

.author-card,
.share-block {
    align-items: center;
    display: flex
}

.author-card {
    gap: 8px
}

.author-card img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover
}

.author-info {
    font-size: 11px;
    font-weight: 400;
    color: #505050;
    line-height: 1.4;
    font-family: Arial, Helvetica, sans-serif
}

.share-block span,
.toc-list,
.toc-title {
    font-family: Arial, Helvetica, sans-serif
}

.author-info a {
    text-decoration: none;
    color: #000;
    display: block
}

.share-block {
    gap: 12px
}

.share-block span {
    font-size: 16px;
    font-weight: 500
}

.share-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    transition: background .3s;
}

.content-para a,
.float-paragraph a,
.toc-list li a {
    text-decoration: underline
}

.img-section {
    margin: 2rem 17rem
}

.toc-wrapper {
    border: 1px solid #ccc;
    padding: 30px;
    margin-bottom: 30px
}

.quote-box,
.toc-list,
.toc-sublist {
    padding-left: 20px
}

.toc-title {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 21px;
    border-bottom: 1px solid
}

.toc-list {
    list-style: decimal;
    margin: 0;
    line-height: 30px
}

.float-figure figcaption,
.img-section .small-para,
.news-l,
.quote-author,
.related-item .post-date,
.related-title,
.tag-block {
    font-family: Arial, Helvetica, sans-serif
}

.toc-list li {
    margin-bottom: 6px
}

.toc-list li a {
    color: #000;
    font-size: 20px
}

.toc-sublist {
    list-style: decimal;
    margin-top: 6px
}

.content-para {
    font-size: 23px;
    margin-bottom: 25px;
    line-height: 30px
}

.content-para a {
    color: #2b3d5a
}

.quote-box {
    border-left: 2px solid #111;
    margin: 25px 0
}

.quote-text {
    font-size: 25px;
    margin-bottom: 10px
}

.quote-author {
    font-size: 11px;
    color: #555;
    letter-spacing: 1px
}

.img-section .small-para {
    font-size: 12px;
    text-align: center;
    color: #505050
}

.section-wrapper,
.wrap-block {
    max-width: 1100px;
    margin: 0 auto
}

.float-figure {
    float: right;
    width: 48%;
    margin: 0 0 14px 24px
}

.float-figure img {
    display: block;
    width: 100%;
    height: auto
}

.float-figure figcaption {
    font-size: 12px;
    color: #666;
    margin-top: 8px;
    text-align: center;
    line-height: 1.4
}

.float-figure figcaption a {
    color: #536889;
    text-decoration: underline;
    font-weight: 600
}

.float-paragraph {
    font-size: 25px;
    line-height: 1.35;
    margin: 0
}

.float-paragraph a {
    color: #0645ad
}

.tag-list a,
.tag-title {
    color: #111;
    font-weight: 600
}

.blog-card,
.comment-footer a,
.feedback-name,
.feedback-reply a,
.related-item a,
.tag-list a,
.writer-links a {
    text-decoration: none
}

.wrap-block::after {
    content: "";
    display: block;
    clear: both
}

.news-l {
    font-weight: 600;
    font-size: 13px
}

.main-form {
    padding: 30px;
    border: 1px solid #d3d3d3;
    margin-bottom: 30px
}

.related-block,
.tag-block {
    border-top: 1px solid #000;
    padding-top: 16px
}

.tag-block {
    margin-top: 25px
}

.tag-title {
    font-size: 13px;
    margin-bottom: 12px
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.tag-list a {
    display: inline-block;
    padding: 6px 14px;
    background: #f2f2f2;
    font-size: 12px
}

.tag-list a:hover {
    background: #ddd
}

.related-block {
    margin-top: 28px
}

.related-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 16px
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 25px
}

.related-item {
    border-right: 1px solid #d3d3d3;
    padding-right: 15px
}

.related-item a {
    color: inherit;
    display: block
}

.related-item img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 12px
}

.related-item h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 6px;
    font-family: Arial, Helvetica, sans-serif
}

.related-item .post-date {
    font-size: 10px;
    color: #555;
    font-weight: 400
}

.writer-box {
    border: 1px solid #ddd;
    padding: 25px;
    margin-bottom: 20px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: #fff
}

.reply-form,
.reply-input-group {
    gap: 15px;
    display: flex
}

.writer-photo img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover
}

.writer-details {
    flex: 1;
    font-family: Arial, Helvetica, sans-serif
}

.comment-footer,
.feedback-date {
    font-family: Arial, Helvetica, sans-serif
}

.writer-details h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700
}

.writer-details p {
    margin: 0 0 15px;
    line-height: 1.3;
    font-size: 16px;
    color: #111
}

.writer-links a {
    margin-right: 15px;
    font-size: 18px;
    color: #000
}

.writer-links a:hover {
    color: #0073e6
}

.comment-footer {
    border-top: 1px solid #000;
    padding-top: 10px;
    font-size: 12px
}

.comment-footer span {
    font-weight: 600
}

.comment-footer a {
    margin-left: 15px;
    font-weight: 700;
    color: #1a3d7c;
    border-left: 1px solid #d3d3d3;
    padding-left: 20px
}

.comment-area {
    max-width: 800px;
    margin: auto
}

.single-feedback,
.single-feedback1 {
    display: flex;
    align-items: flex-start;
    margin: 20px 0
}

.feedback-avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-right: 15px;
    flex-shrink: 0
}

.feedback-head {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px
}

.feedback-name {
    font-weight: 400;
    font-size: 17px;
    margin: 0;
    color: #111
}

.feedback-date {
    font-size: 12px;
    color: #555
}

.feedback-text {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 8px
}

.feedback-reply a {
    font-size: 14px;
    color: #1a4e9e;
    font-weight: 500
}

.writer-article a,
.writer-name a {
    text-decoration: underline;
    color: #000
}

.feedback-reply-thread {
    margin-top: 15px
}

.reply-wrapper {
    margin-top: 20px;
    font-family: Arial, sans-serif;
    color: #000
}

.reply-textarea,
.reply-title {
    font-family: Arial, Helvetica, sans-serif
}

.reply-divider {
    border: none;
    border-top: 1px solid #000;
    margin-bottom: 15px
}

.reply-input,
.reply-textarea {
    padding: 10px;
    border: 1px solid #ddd;
    width: 100%
}

.reply-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.reply-form {
    flex-direction: column
}

.reply-textarea {
    min-height: 120px;
    resize: vertical;
    font-size: 16px
}

.reply-input {
    font-size: 16px
}

.reply-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.latest-blog-title,
.reply-btn {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600
}

.reply-btn {
    background: #000;
    color: #fff;
    padding: 13px 25px;
    border: none;
    font-size: 11px;
    cursor: pointer;
    width: fit-content
}

.reply-btn:hover {
    background: #333
}

.single-feedback::after,
.single-feedback::before {
    content: "";
    left: 40px;
    background: #d3d3d3;
    position: absolute
}

.latest-blog-wrapper {
    padding: 30px
}

.latest-blog-title {
    font-size: 13px;
    border-top: 1px solid;
    margin-bottom: 20px;
    padding: 10px 0 0
}

.blog-heading,
.writer-name a {
    font-family: Arial, Helvetica, sans-serif
}

.latest-blog-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 0;
    margin-bottom: 30px
}

.blog-card {
    display: block;
    color: #000;
    border-right: 1px solid #d3d3d3;
    padding: 0 9px
}

.blog-card:first-child {
    padding-left: 0;
    padding-top: 0
}

.blog-card:last-child {
    padding-right: 0
}

.blog-card:nth-child(6n) {
    padding-left: 0
}

.blog-thumb img {
    width: 100%;
    height: 150px;
    display: block;
    object-fit: cover
}

.blog-heading {
    font-size: 14px;
    margin: 10px 0 5px;
    font-weight: 600;
    height: 50px;
    line-height: 1.2;
    color: #161616
}

.blog-author,
.blog-author1 {
    font-size: 10px;
    color: #555;
    padding-bottom: 35px
}

.blog-author,
.blog-author1,
.writers-title {
    font-family: Arial, Helvetica, sans-serif
}

.blog-author {
    border-bottom: 1px solid #ddd
}

.blog-card:nth-child(n+6) {
    padding-top: 20px
}

.single-feedback::before {
    top: 60px;
    width: .5px;
    height: 175px
}

.single-feedback::after {
    top: 235px;
    width: 35px;
    height: 1px
}

.search-box {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 5px;
    background: #fff;
    padding: 5px;
    margin-right: 6rem;
    z-index: 20;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.search-box input {
    border: none;
    outline: 0;
    padding: 7px 10px;
    font-size: 17px;
    width: 250px
}

.top-right {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px
}

.top-right i {
    cursor: pointer
}

.writers-wrapper {
    margin: 0 20rem 5rem;
    text-align: center;
    color: #222
}

.writers-title {
    font-size: 46px;
    font-weight: 700;
    margin-top: 0;
    color: #111;
    margin-bottom: 40px
}

.writers-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px
}

.writer-card {
    text-align: start
}

.writer-photo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px
}

.writer-name a {
    font-size: 26px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px
}

.writer-article a {
    font-size: 17px;
    line-height: 1.4;
    font-family: Arial, Helvetica, sans-serif
}

.grid-top {
    margin-top: 5rem
}

@media (max-width:1024px) {
    .main-container {
        margin: 0 20px
    }
}

@media (max-width:992px) {
    .main {
        margin: 0 20px;
    }

    .article-feed,
    .lead-article,
    .mid-story {
        padding-right: 0;
        border-right: none
    }

    .newsletter1,
    .side-item h5,
    body {
        margin: 0
    }

    .blog-heading,
    .blog-thumb img,
    .story-image-ax17 img {
        height: auto
    }

    .hero-article {
        padding-bottom: 1rem
    }

    .writers-wrapper {
        margin: 0 0 2rem
    }

    .sub-grid-c {
        border-right: 0;
        padding-right: 0
    }

    .author-info {
        font-size: 10px
    }

    .author-card img {
        width: 39px;
        height: 40px
    }

    .author-blocks {
        gap: 5px
    }

    .main-nav,
    .share-icons {
        display: none
    }

    .share-single {
        display: block
    }

    .share-single button {
        border-radius: 50%;
        border: 1px solid;
        width: 25px;
        height: 25px;
        color: #000
    }

    .main-space,
    .newsletter,
    .reply-wrapper,
    .single-feedback,
    .single-feedback1,
    .space {
        margin: 20px
    }

    .blog-author1 {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .reply-input,
    .reply-textarea {
        width: unset
    }

    .latest-blog-wrapper {
        padding: 0;
        margin: 20px
    }

    .blog-card {
        border-right: none;
        padding: 0
    }

    .feed-item,
    .footer-grid-layout,
    .latest-blog-grid,
    .news-wrapper,
    .related-grid {
        grid-template-columns: 1fr
    }

    .img-section,
    .second-sec {
        margin: 1rem 0 0
    }

    .highlight-news {
        margin: 20px 0 0
    }

    .side-item p {
        margin: 7px 0
    }

    .feed-image {
        order: -1
    }

    .feed-text p {
        margin: 5px 0
    }

    .top-bar {
        padding: 5px 20px
    }

    .business-grid {
        grid-template-columns: 1fr 1fr
    }

    .side-stories {
        flex-direction: row;
        gap: 15px
    }

    .side-item {
        flex: 1
    }
}

@media (max-width:768px) {

    .writer-details h3,
    .writer-links {
        margin-top: 10px
    }

    .reply-input-group,
    .side-stories {
        flex-direction: column
    }

    .quote-text {
        font-size: 18px
    }

    .highlight-title {
        font-size: 26px
    }

    .highlight-summary {
        font-size: 16px
    }

    .business-grid {
        grid-template-columns: 1fr
    }
}

@media (min-width:992px) {
    .mobile-top-left {
        display: none
    }

    .top-left {
        display: flex
    }

    .sidebar {
        width: 300px;
        left: -300px
    }

    .main-content.sidebar-open {
        margin-left: 300px
    }
}

@media (max-width:992px) {
    .news-top .news-right {
        order: 0
    }

    .news-top .news-left {
        order: 1
    }

    .line2 {
        border-right: unset
    }

    .category-heading {
        font-size: 1rem
    }

    .story-link-wrap a {
        font-size: .95rem
    }

    .highlight-article-link {
        grid-template-columns: 75px 1fr;
        gap: 10px;
        border-right: none;
        padding-right: 0
    }

    .headline-text-link {
        font-size: 14px
    }

    .layout-grid-wrap {
        grid-template-columns: 1fr;
        padding: 0;
        margin-bottom: 1rem;
        gap: 22px
    }

    .main-title-link {
        font-size: 24px
    }

    .author-entry {
        grid-template-columns: 60px 1fr
    }

    .author-entry1 {
        grid-template-columns: 80px 1fr;
        padding: 15px 0;
        border-left: none
    }

    .border2 {
        border-bottom: 1px solid #d3d3d3
    }

    .border2:last-child {
        border-bottom: none
    }

    .wrapper-grid {
        flex-direction: column;
        align-items: center;
        margin-bottom: 1rem;
        grid-template-columns: 1fr
    }

    .visual-box {
        order: -1
    }

    .card-link,
    .side-links,
    .text-lead,
    .visual-box {
        max-width: 100%
    }

    .teaser-row {
        flex-direction: row;
        align-items: center
    }

    .subscribe-link {
        margin-top: 7px;
        padding: 15px 0;
        width: max-content
    }

    .field-group {
        display: block;
        width: -webkit-fill-available
    }

    .grid-container {
        grid-template-columns: repeat(2, 1fr)
    }

    .input-box {
        flex-direction: column;
        width: inherit;
        display: block
    }

    .image-box {
        height: 200px
    }

    .news-row {
        display: none
    }

    .people-list {
        max-width: unset
    }

    .news-top {
        display: flex;
        flex-direction: column-reverse;
        margin: 0
    }

    .footer-img-gallery {
        grid-template-columns: repeat(3, 1fr)
    }

    .footer-img-gallery img {
        width: 100%;
        height: auto
    }

    .side-links {
        border-left: none;
        padding-left: 0
    }

    .text-block {
        font-size: 15px;
        flex: auto
    }

    .text-lead {
        order: 0;
        margin-top: unset
    }

    .teaser-row {
        grid-template-columns: 6fr 1fr
    }

    .author-entry {
        padding: 15px 0;
        border-left: none;
        grid-template-columns: 0fr 2fr
    }

    .grid-news-wrapper,
    .news-grid-container,
    .news-row,
    .story-wrapper-ax17,
    .teaser-grid-container {
        grid-template-columns: 1fr
    }

    .teaser-grid-container {
        margin-bottom: 1.5rem
    }

    .grid-news-wrapper {
        margin-bottom: 0;
        gap: 10px
    }

    .excerpt-para-block {
        font-size: 15px;
        margin-bottom: 7px
    }

    .authors-section {
        display: block;
        margin-bottom: 1rem
    }

    .news-img,
    .story-image-ax17 {
        width: 100%
    }

    .news-block {
        border-right: none;
        padding: 0;
        margin: 0
    }

    .section1 {
        display: block
    }

    .mobile-top-left {
        display: flex;
        justify-content: space-between;
        padding: 10px
    }

    .mobile-top-left .img-logo {
        width: 200px;
        height: auto
    }

    .news-grid-container {
        margin-bottom: 1rem
    }

    .first-b,
    .news-center,
    .news-left-column {
        border-right: none
    }

    .feature-img {
        margin-bottom: 15px
    }

    .side-right {
        margin-bottom: 10px
    }

    .live-indicator,
    .news-carousel-wrapper {
        padding: 0
    }

    .main-heading a {
        font-size: 2rem
    }

    .news-center {
        order: -1;
        padding-right: 0
    }

    .news-card {
        padding-right: 10px
    }

    .news-carousel-item {
        min-width: 50%
    }

    .featured-section {
        padding-bottom: 20px
    }

    .story-card-ax17 {
        margin-right: 0;
        flex-direction: column
    }
}

@media (max-width:600px) {
    .writers-title {
        font-size: 32px
    }

    .writers-grid {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .grid-top {
        margin-top: 1rem
    }

    .writer-photo {
        width: 80px;
        height: 80px
    }

    .writer-name a {
        font-size: 18px
    }

    .writer-article a {
        font-size: 14px
    }

    .single-feedback {
        flex-direction: column;
        align-items: flex-start
    }

    .feedback-avatar {
        margin-bottom: 10px
    }

    .feedback-reply-thread {
        margin-left: 30px
    }

    .main-heading {
        font-size: 24px
    }

    .field-group {
        flex-direction: column;
        align-items: center
    }

    .input-box:first-child {
        border-right: 1px solid #ddd
    }

    .news-carousel-item {
        min-width: 100%
    }
}

@media (max-width:500px) {
    .person-photo img {
        width: 50px;
        height: 50px;
        margin-right: 10px
    }

    .person-name {
        font-size: 16px
    }

    .comment-title,
    .person-desc {
        font-size: 14px
    }

    .comment-rank {
        font-size: 20px
    }
}

@media (max-width:992px) {
    .news-bottom {
        display: contents
    }

    .news-item {
        flex: 1 1 calc(50% - 20px)
    }

    .date-row,
    .top-left i:not(.fa-bars),
    .top-left span,
    .top-right,
    nav {
        display: none
    }

    .top-center img {
        height: 32px
    }

    .top-left {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .top-left i {
        font-size: 20px
    }

    .main-logo {
        display: flex !important;
        width: 200px
    }

    body.dark-mode .main-logo {
        filter: invert(100%) !important
    }
}

@media (max-width:480px) {
    .nav-grid {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .news-item {
        flex: 1 1 100%
    }
}

body.dark-mode .top-center img {
    filter: invert(100%) !important
}