/* Header CSS */

/* ===== BASIC RESET ===== */

*, 

*::before, 

*::after {

    box-sizing: border-box;

}

html, body {

    margin: 0;

    padding: 0;

    width: 100%;

    overflow-x: hidden;

}

body {

    line-height: 1.6;

    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

    /*background: #f7f9fa;*/

    color: #111;

    font-size: 16px;

    /*font-family: sans-serif, Arial, Helvetica;*/

    padding-top: 50px;

    transition: background .3s, color .3s;

}

.dark-mode{

    background: #0f0f0f;

}

p{

	font-size: 16px;

    line-height: 1.4;

    color: #000;

}

h1, h2, h3, h4, h5, h6,

p, ul, ol, li, figure, blockquote, dl, dd {

    margin: 0;

    padding: 0;

}

ul, ol {

    list-style: none;

}

img, picture, video, canvas, svg {

    max-width: 100%;

    height: auto;

    display: block;

}

a {

    text-decoration: none;

    color: inherit;

}

input, button, textarea, select {

    font: inherit;

}

img {

    vertical-align: middle;

}

a:focus-visible, button:focus-visible, input:focus-visible {

  outline: 2px solid #005fcc;

  outline-offset: 2px;

}

.container {

    width: 1200px;

    margin: 0 auto;

}

.screen-reader-text {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}



/* Toggle button style */

.theme-toggle button {

    background: none;

    border: none;

    font-size: 20px;

    cursor: pointer;

    color: inherit;

}

.theme-switch-wrapper {

    display: flex;

    align-items: center;

}



/* Hide checkbox */

.theme-switch input {

    display: none;

}



/* Switch body */

.theme-switch .slider {

    position: relative;

    width: 52px;

    height: 20px;

    background: #e53935;

    border-radius: 50px;

    cursor: pointer;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 6px;

    box-sizing: border-box;

}



/* Icons */

.slider i {

    font-size: 12px;

    color: #fff;

    z-index: 1;

}



/* Knob */

.theme-switch .slider::before {

    content: "";

    position: absolute;

    width: 18px;

    height: 18px;

    left: 4px;

    top: 1px;

    background: #fff;

    border-radius: 50%;

    transition: .3s;

    z-index: 2;

}



/* Dark active */

.theme-switch input:checked + .slider {

    background: #444;

}



.theme-switch input:checked + .slider::before {

    transform: translateX(26px);

}



/* Optional: icon color adjust */

.theme-switch input:checked + .slider .sun {

    color: #ffc107;

}







/* Header CSS */

.site-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    /*background: #000;*/

    z-index: 9998;

    /*padding:15px 0px;*/

    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

}

.logged-in .site-header {

    top: 32px;

}

.header-top{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.latest-date{

    font-size:13px;

    font-weight: 400;

    color:#fff;

    text-transform: uppercase;

    display: flex;

    align-items: center;

}

.header-top-wrap{

    /*background: #402b0e;*/

    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 34%, rgba(0, 212, 255, 1) 100%);

    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 34%, rgb(207 46 46) 100%);

}

.header-flex-wrap{

    background: #000;

    padding: 6px 0px;

}

.support-tt-script{

    height: 30px;

}

.header-flex {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.desktop-menu {

    list-style: none;

    display: flex;

    gap: 20px;

    padding: 0;

    margin: 0;

    font-size: 13px;

    text-transform: uppercase;

}

.desktop-menu a {

    text-decoration: none;

    color: #fff;

    font-weight: 500;

    transition: all 0.3s ease-in-out 0s;

}

.desktop-menu li:after{

    content:"|";

    display: inline-block;

    color: #adadad;

    padding: 0px;

    position: relative;

    right: -10px;

}

.desktop-menu li:last-child:after{

    display: none;

}

.desktop-menu li:hover a, .desktop-menu li.current-menu-item a{

    border-bottom: 2px solid #ff0000;

    padding-bottom: 3px;

}

.menu-toggle {

    display: none;

    background: none;

    border: none;

    font-size: 20px;

    cursor: pointer;

}

.menu-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.95);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

    opacity: 0;

    visibility: hidden;

    transform: translateY(-10px);

    transition: all 0.35s ease;

}

.menu-overlay.active {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

.menu-close {

    position: absolute;

    top: 20px;

    right: 25px;

    font-size: 38px;

    background: none;

    border: none;

    color: #fff;

    cursor: pointer;

}

.overlay-menu {

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

}

.overlay-menu li {

    margin: 10px 0;

}

.overlay-menu a {

    font-size: 18px;

    color: #fff;

    text-decoration: none;

}

.ht-left{

    display:flex;

}

.latest-date:after{

    content:"|";

    display: inline-block;

    color: #adadad;

    padding: 0px 6px;

    position: relative;

    top: 0x;

}

.ht-left i{

    padding-right: 16px;

    display: inline-block;

    font-size: 12px;

}

.support-tt{

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color:#fff;

    display: flex;

    align-items: center;

}

.support-tt i{

    color: #ff0000;

}

.latest-date i{

    color: #ffa500;

}

/*.desktop-navigation{

	padding-left:50px;

}*/

.social-icons{

    color: #fff;

    display: flex;

    align-items: center;

    height: 22px;

}

.logo-text{

    display: flex;

    font-size: 10px;

    color: #fff;

    font-weight: 500;

    padding-top: 4px;

    align-items: center;

    justify-content: center;

}

.logo-text li:after{

    content:"|";

    display: inline-block;

    padding: 0px 5px;

    position: relative;

    top: -1px;

}

.logo-text li:last-child:after{

    content:"";

    padding:0px;

}

/* Footer CSS */

.site-footer {

    margin-top: 30px;

    background: #0f0f0f;

    padding: 8px;

    color: #f1f1f1;

    font-size: 14px;

}

.dark-mode .site-footer{

    border-top: 1px solid #595858;

}

.footer-wrap {

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: space-between;

}

#menu-footer-menu {

    list-style-type: none;

    display: flex;

    text-transform: uppercase;

}

#menu-footer-menu li {

    margin-right: 3px;

    display: inline-block;

    font-size: 13px;

}

.footer-wrap .menu li a:after {

    content: "|";

    display: inline-block;

    color: #fff;

    padding-left: 4px;

}

.footer-wrap .menu li:last-child a:after{

	display: none;

}

/* Home CSS */

.main-section{

	display: grid;

    grid-template-columns: 70% auto;

    gap: 10px;

    width:100%;

    padding-top: 13px;

}

.featured-post {

    margin-bottom: 0px;

    padding-bottom: 30px;

    border-bottom: 1px solid #ddd;

}

.featured-title {

     font-size: clamp(20px, 2.5vw, 34px);

    line-height: 1.2;

    padding-top: 8px;

    padding-bottom: 8px;

    letter-spacing: -0.02em;

}

.latest-posts article{

	/*background: #fff;*/

    padding: 15px 20px;

    box-shadow: 1px 1px 3px #00000026;

    border: 1px solid #e2e2e2;

    border-radius: 5px;

}

.read-more {

    color: #ff0000;

    font-weight: 600;

    font-size: 13px;

    text-decoration: underline;

}

.read-more:hover {

    text-decoration: underline;

}

.featured-excerpt{

	padding: 7px 0px 15px 0px;

}

.featured-post-left span.just-in{

    display: inline-block;

    font-size: 18px;

    background: #ffa500;

    padding: 3px 10px;

    border-radius: 3px;

    font-weight: 600;

    margin-bottom: 5px;

}

.featured-image a{

    position: relative;

}

.featured-image a img{

    width: 100%;

}

.featured-image span.just-in{

    position: absolute;

    top:20px;

    left:20px;

    right: auto;

    bottom:auto;

}

.featured-title a{

	display:block;

}

.small-latest-posts article{

	margin-bottom: 30px;

}

.small-latest-posts .small-post-article{

	display: flex;

}

.small-latest-posts article .small-post-thumb{

	flex-basis: 150px;

    max-width: 150px;

    flex-shrink: 0;

    margin-right: 15px;

    position: relative;

}

.small-latest-posts article .small-post-thumb a img{

    border: 2px solid #e9e9e9;

    box-shadow: 0 0 9px 0 #F4F4F4;

    height: 100px;

    width: 150px;

    object-fit: cover;

}

.small-latest-posts article .small-post-info{

	flex: 1 0;

}

.small-post-excerpt p{

    font-size: 16px;

    line-height: 1.8;

}

.post-category{

	font-weight: 500;

    font-size: 16px;

    color: #3399cc;

    padding-bottom: 7px;

    display: inline-block;

}

h3.small-post-title{

	font-size: clamp(18px, 1.8vw, 24px);

    line-height: 1.25;

    margin-bottom: 15px;

}

.sp-social-buttons{

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin-top: 8px;

    padding-top: 8px;

    border-top: 1px solid #e9e9e9;

}

.sp-social-buttons .author-left {

    color: #666;

    font-size: 12px;

    line-height: 1.3;

    display: flex;

    align-items: center;

}

.sp-social-buttons .author-rght,  .sp-social-buttons .author-rght ul{

    display: flex;

    font-size: 15px;

    align-items: center;

}

.sp-social-buttons .author-left span, .sp-social-buttons .author-rght a.athr-cmts{

    font-size: 14px;

    border-right: 1px solid #eee;

    margin-right: 8px;

    padding-right: 8px;

    text-transform: capitalize;

}

.sp-social-buttons .author-left span{

    margin-left: 5px;

}

.sp-social-buttons .author-left span.athr-dt{

    font-size: 12px;

    line-height: 1.3;

    display: flex;

    align-items: center;

}

/*.sp-social-buttons .author-rght a.athr-cmts{

    position: relative;

    top: 5px;

}*/

.sp-social-buttons .author-left span.athr-dt i{

    color: orange;

}

/*.sp-social-buttons .author-rght ul li a {

    padding: 10px 5px 0px 1px;

    display: inline-block;

    border-right: none;

    font-size: 18px;

}*/

/*.featured-post-left .sp-social-buttons .author-rght ul li a {

    padding: 10px 5px 0px 1px;

}*/

.sp-social-buttons .author-rght ul .st a {

    color: #111;

}

.sp-social-buttons .author-rght ul .sw a {

    color: #4AC959;

}

.athr-nm{

    color:#ff0000;

    font-weight: 600;

}

.athr-dt i{

    padding-right:15px;

}

a.athr-cmts, a.athr-cmts:hover {

    color: #39C;

    font-size: 12px;

}

.athr-cmts i{

    padding-right: 5px;

    display: inline;

}

.author-rght ul li{

    border-right: 1px solid #eee;

    padding-right: 7px;

    margin-right: 7px;

}

.author-rght ul li.sw{

    border-right: none;

    padding-right: 0px;

    margin-right: 0px;

}

.athr-cmts{

    display: flex;

}

.athr-cmts img{

    margin-right: 5px;

}

/*.sp-social-buttons .author-rght ul .st a:after, .sp-social-buttons .author-rght ul .sl a:after{

    content: "";

    display: inline-block;

    border-right: 1px solid #eee;

    width: 2px;

    height: 15px;

}*/

.sp-social-buttons .author-rght ul .sl a{

    color:#0077B5;

}

.featured-post .sp-social-buttons{

    margin-top:0px;

    padding-top: 10px;

}

.pagination-wrap {

    margin-top: 30px;

    text-align: center;

}

.nav-links a.page-numbers, .nav-links span.page-numbers.current{

    border: 1px solid #ECECEC;

    color: #666666;

    text-decoration: none;

    padding: 2px 7px;

    display: inline-block;

    margin-right: 6px;

    margin-bottom: 8px;

    font-size: 15px;

    line-height: 19px;

}

.nav-links a.page-numbers{

    box-shadow: 1px 1px 3px #00000026;

    border: 1px solid #e2e2e2;

    border-radius: 5px;

    background: #fff;

}

.dark-mode .nav-links a.page-numbers{

    background: #0f0f0f;

    color:#fff;

}

.nav-links span.page-numbers.current {

    padding: 2px 7px;

    background: #ff0000;

    color: #FFFFFF;

    margin-right: 5px;

    box-shadow: 1px 1px 3px #00000026;

    border: 1px solid #ff0000;

    border-radius: 5px;

}

.tlt-cmnt p{

    font-size: 14px;

}

.analysis-block{

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 20px;

    margin-bottom:30px;

}

.analysis-block article{

    margin-bottom: 0px;

}

.analysis-post h4{

    font-size: 16px;

    line-height: 1.4;

    padding-top: 15px;

}

.analysis-right{

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 10px;

}

.analysis-post.small-post{

    background: #fff;

    border-radius: 10px;

}

.analysis-post.small-post img, .analysis-post.big-post .analysis-post-thumb img{

    border: 2px solid #e9e9e9;

}

.analysis-post-thumb a, .analysis-post-thumb, .analysis-post-thumb a img, .analysis-post.big-post{

    position: relative;

}

.analysis-post-thumb a img, .analysis-post.small-post a img{

    border-radius: 10px;

}

/*.analysis-post-thumb a:after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background: #111;

    opacity: 0.5;

    border-radius: 10px;

}

.analysis-fp{

    position: absolute;

    bottom: 30px;

    top: auto;

    left: 20px;

    right: 20px;

}*/

.analysis-fp h3{

    margin-top:20px;

}

.analysis-fp h2 a{

    color:#000;

    font-size: 28px;

    line-height: 1.2;

    padding-top: 10px;

    display: inline-block;

}

.analysis-post.small-post h5{

    font-size: 16px;

    line-height: 1.2;

    padding: 10px;

   /* border-radius: 5px;

    background: #fff;*/

}

.analysis-tab-nav {

    display: grid;

    gap: 5px;

    margin-bottom: 15px;

    cursor: pointer;

    grid-template-columns: 1fr 1fr 1fr;

    width: 100%;

}

.analysis-tab-nav li {

    padding: 12px 12px;

    font-weight: 600;

    text-align: center;

    color:#333;

    transition: all 0.3s ease-in-out 0s;

    width:100%;

}

/*.analysis-tab-nav li:hover{



}*/

.analysis-tab-nav li.active {

    /*border-bottom: 3px solid #000;

    background: #ff0000;

    color:#fff;*/

    /*background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 34%, rgb(207 46 46) 100%);*/

}

.tab-panel {

    display: none;

}

.tab-panel.active {

    display: block;

}

.ft-post-label{

    font-size: 24px;

    color:#000;

    margin-bottom: 20px;

}







.fp-wrapper {

    display: grid;

    grid-template-columns: 2fr 1fr;

    grid-gap: 10px;

}



.featured-post-left{

    

}

.tt-live-posts{

    

}

.live-heading {

    display: inline-block;

    font-size: 18px;

    background: #ffa500;

    padding: 3px 10px;

    border-radius: 3px;

    font-weight: 600;

    margin-bottom: 20px;

}

.tt-live-img, .telecom-live-item, .tt-live-img img{

    position: relative;

}

.telecom-live-wrap{

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #efefef;

}

.telecom-live-grid{

    /*background: #fff;*/

    padding: 10px;

    box-shadow: 1px 1px 3px #00000026;

    border: 1px solid #e2e2e2;

    border-radius: 5px;

}

.telecom-live-grid .telecom-live-wrap:last-child{

    border-bottom:none;

}

.telecom-live-item{

    display: flex;

    align-items: center;

}

.telecom-live-wrap p.small-desc{

    font-size: 13px;

}

.ttld-card {

    border-top: 1px solid #EBE5E5 !important;

}

.tt-live-img {

    flex-basis: 100px;

    max-width: 80px;

    flex-shrink: 0;

    position: relative;

}

.telecom-live-item img{

   border: 2px solid #e9e9e9;

   box-shadow: 0 0 9px 0 #F4F4F4;

   width:100%;

    height: 80px;

    object-fit: cover;

    /*border-radius: 100%;*/

    object-position: center;

}



/*.mp-information {

    display: flex;

    align-items: center;

    padding-bottom: 6px;

    flex-wrap: wrap;

}*/

/*.mp-information p:before {

    content: "|";

    display: inline-block;

    padding: 0px 6px 0px 6px;

    position: relative;

    top: -1px;

    color:#ccc;

}*/

.mp-information p{

    font-size: 13px;

    color: #595959;

    padding-bottom: 5px;

}

.tt-heading{

    display: flex;

    justify-content: center;

}

.mp-information .live-title{

    font-size: 13px;

    line-height: 1;

    font-weight: 400;

    text-transform: uppercase;

    color: #595959;

    letter-spacing: 0.5px;

    padding-bottom: 5px;

}

.upcoming-block .mp-information .live-title{

    font-size: 18px;

    line-height: 1.3;

    font-weight: 600;

    text-transform: none;

    color: #111;

}

.telecom-live-grid .telecom-live-wrap:nth-child(odd) .telecom-live-item .tt-blocks{

   order: -1;

   margin-right: 15px; 

}

.telecom-live-grid .telecom-live-item:last-child{

    margin-bottom: 0px;

}

.upcomig-bd{

   /* display: flex;

    align-items: center;

    margin-top: 5px;*/

}

.upcomig-bd .tt-topic{

    font-size: 13px;

    line-height: 1.2;

    color: #666;

    margin-top: 5px;

}

.upcomig-bd p{

    font-size: 14px;

    color:#444;

}

.up-date{

    position: relative;

    top: -5px;

    font-size: 13px;

    color:#444;

}

.up-date:before{

    content:"|";

    display: inline-block;

    padding: 0px 6px 0px 6px;

}

.upcoming-block {

    background: #fff3cd;

    border: 1px solid #ffeeba;

    padding: 10px;

}

.up-small-head {

    font-size: 13px;

    font-weight: 600;

    color: #856404;

    display: inline-block;

    position: relative;

    top: -5px;

    text-transform: uppercase;

}



/*.telecom-live-item h4{

    position: absolute;

    bottom: 10px;

    top: auto;

    left: 10px;

    right: 10px;

}*/

.telecom-live-item h4 a{

    color: #333;

    font-size: 18px;

    line-height: 1.3;

}

/*.tt-live-img:after{

    content: "";

    display: inline-block;

    position: absolute;

    top:0;

    bottom: 0;

    right: 0;

    left: 0;

    background: #111;

    opacity: 0.5;

}

.live-title i{

    color: #fff;

    font-size: 30px;

    display: block;

    margin-bottom: 10px;

}

*/

.live-indicator {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    font-weight: 700;

    font-size: 16px;

    color: #e60023; /* red */

    letter-spacing: 1px;

    margin-bottom: 10px;

}



.live-text {

    text-transform: uppercase;

}



.live-dot {

    width: 10px;

    height: 10px;

    background: #e60023;

    border-radius: 50%;

    position: relative;

    animation: livePulse 1.5s infinite ease-in-out;

}



/* Zoom in / zoom out animation */

@keyframes livePulse {

    0% {

        transform: scale(0.8);

        opacity: 0.6;

    }

    50% {

        transform: scale(1.4);

        opacity: 1;

    }

    100% {

        transform: scale(0.8);

        opacity: 0.6;

    }

}

/*.menu-item-home a:before{

    content:"\e00d";

    font-family: "Font Awesome 7 Free";

    font-weight: 900;

    color:#fff;

    font-size: 15px;

}*/

.social-icons li:after{

    content: "|";

    display: inline-block;

    color: #adadad;

    padding: 0px 3px;

    position: relative;

    top: -2px;

}

.social-icons li:last-child::after{

    display: none;

}

.social-icons .follow-txt{

    font-weight: 400;

    font-size: 11px;

    color:#fff;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}

.social-icons li.follow-txt:after{

    display: none;

}

.social-icons li a{

    padding: 0px 5px;

    font-size: 15px;

    color:#fff;

}

/*.social-icons .fa-facebook{

    color:#1877f2;

}

.social-icons .fa-linkedin{

    color:#0a66c2;

}

.social-icons .fa-x-twitter{

    color:#111;

}

.social-icons .fa-whatsapp{

    color:#25d366;

}

.social-icons .fa-envelope{

    color:#ffa930;

}

.social-icons .fa-youtube{

    color:#ff0000;

}*/





.breaking-news-bar {

    display: flex;

    align-items: center;

    background: #011587;

    color: #fff;

    padding: 0px 15px 0px 0px;

    overflow: hidden;

    position: relative;

    font-weight: 600;

    border-radius: 50px;

}

.bn-label {

    background: #b40000;

    padding: 6px 14px;

    margin-right: 15px;

    white-space: nowrap;

}

.bn-ticker {

    overflow: hidden;

    flex: 1;

}

.bn-track {

    display: inline-flex;

    gap: 50px;

    animation: tickerScroll 50s linear infinite;

}

.bn-item {

    color: #fff;

    white-space: nowrap;

    text-decoration: none;

}

.bn-item:hover {

    text-decoration: underline;

}

.bn-close {

    cursor: pointer;

    margin-left: 15px;

    font-size: 18px;

}

.bn-ticker:hover .bn-track {

    animation-play-state: paused;

}

.telecom-wrapper{

    width:100%;

    display: inline-block;

    margin-top:10px;

}

.breaking-news{

    width: 100%;

    display: inline-block;

    margin-top:6px;

}

/* Scroll animation */

@keyframes tickerScroll {

    0% { transform: translateX(0); }

    100% { transform: translateX(-50%); }

}













/* Sidebar CSS */

.editors-pick-post img {

    width: 100%;

    height: auto;

    border-radius: 6px;

}



.editors-pick-post h4 {

    font-size: 16px;

    line-height: 1.3;

}

.editors-pick-post{

    display: flex;

    /*background: #fff;*/

    padding: 10px;

    box-shadow: 1px 1px 3px #00000026;

    border: 1px solid #e2e2e2;

    border-radius: 5px;

    margin-bottom: 20px;

}

.editors-pick-post a.editors-post-img {

    flex-basis: 120px;

    max-width: 120px;

    flex-shrink: 0;

    margin-right: 15px;

    position: relative;

}

.editors-pick-post h4 {

    flex: 1 0;

}

.sidebar h3{

    /*background: #ff0000;*/

    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 34%, rgb(207 46 46) 100%);

    font-size: 15px;

    padding: 0px 10px;

    color: #fff;

    text-transform: uppercase;

}

.news-tip-box, .md-comments, .recent-comments, .category-section ul{

    background: #fff;

    padding: 10px;

    box-shadow: 1px 1px 3px #00000026;

    border: 1px solid #e2e2e2;

    border-radius: 5px;

    margin-bottom: 28px;

}

.md-comments li {

    padding: 4px 10px;

    border-bottom: 1px solid #e9e9e9;

    position: relative;

    display: flex;

    align-items: start;

}

.common .cmt-tlt {

    margin-right: 35px;

}

.common .cmt-tlt a, .cmt-tlt a {

    color: #343436;

    font-size: 14px;

}

.common .cmt-nmbr {

    display: inline-block;

    vertical-align: top;

    margin-top: 1px;

    border-right: 0;

    color: #FFFFFF !important;

    font-weight: 700;

    position: relative;

    right: 11px;

    background: #EF5151;

    text-align: center;

    padding: 4px 9px;

    font-size: 12px;

    float: right;

}

.common .cmt-nmbr:before {

    content: " ";

    position: absolute;

    bottom: -6px;

    left: 20%;

    border-width: 0 0 6px 6px;

    border-style: solid;

    border-color: #fff0 #EF5151;

}

.md-comments li:nth-child(odd) {

    background: #F8F9FB;

}

.athr-details{

    padding-bottom:10px;

    border-bottom: 1px solid #f5f5f5;

    margin-bottom: 10px;

    display: inline-block;

    width: 100%;

}

.recent-comments .athr-details:last-child{

    border-bottom:none;

}

.athr-details h4{

    color: #da0000;

    font-size: 14px;

    text-transform: capitalize;

    margin-right: 5px;

    margin-bottom: 0;

    position: relative;

}

.tlt-cmnt{

    display: inline-block;

    width: 100%;

    padding-bottom: 12px;

}

h4.post-tlt{

    color: #000;

    font-size: 14px;

    line-height: 1.2;

    margin: 0;

}

a.load-more {

    background: #ff0000;

    color: #fff;

    padding: 6px 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 1px;

}

.category-section ul {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    width: 100%;

}

.category-section ul li {

    border-bottom: 1px solid #EBE5E5;

    padding: 2px 4px !important;

    margin-bottom: 1px;

}

.category-section ul li a {

    color: #494949;

    font-size: 13px;

}



.category-section ul li:nth-last-child(-n+2) {

    margin-bottom: 0;

    border-bottom: none;

}

.widget ul li {

    margin: 0;

    padding: 10px 12px;

    border-bottom: 1px solid #f1f1f1;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    transition:all 0.1s ease-in-out 0s;

}

.widget ul {

    box-shadow: 1px 1px 3px #00000026;

    border: 1px solid #e2e2e2;

    border-radius: 5px;

    margin-bottom: 28px;

}

.widget ul li a{

    transition: all 0.1s ease-in-out 0s;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.3;

}

.widget ul li:nth-child(even) {

    background: #F8F9FB;

}

.dark-mode .widget ul li:nth-child(even){

    background: transparent;

}

.widget ul li:hover a{

    color:#ff0000;

}

.dark-mode .widget ul {

    border: 1px solid #595858;

}

.dark-mode .widget ul li {

    border-bottom: 1px solid #ffffff14;

}

.dark-mode .tt-experts-leaderboard .tt-experts-list{

    background: #ffffff0d;

}

.dark-mode .tt-experts-leaderboard .tt-name {

    color: #fff;

}

.sidebar .ttld-module{

    padding: 10px;

    box-shadow: 1px 1px 3px #00000026;

    border: 1px solid #e2e2e2;

    border-radius: 5px;

    border-bottom: none;

}

.load-more.ld{

    margin-bottom: 28px;

}

.dark-mode .ttld-module{

    background: transparent;

}

.dark-mode .ttld-post-title a {

    color: #fff;

}

/* Dark Light CSS */

/* Prevent white flash before dark mode */

.dark-mode-preload,

.dark-mode-preload body {

    background: #0f0f0f !important;

    color: #eaeaea !important;

}

/* Dark Mode */

.dark-mode body{

    background: #0f0f0f;

    color: #eaeaea;

}

/* Example element adjustments */

.dark-mode .site-header,

.dark-mode .sidebar,

.dark-mode .post-content {

    background: #0f0f0f;

}



.dark-mode a {

    color: #fff;

}

.dark-mode .bn-track a, .dark-mode #menu-main-menu a{

    color:#fff;

}

.dark-mode a.read-more {

    color:red;

}

.dark-mode .analysis-fp h2 a, .dark-mode #menu-footer-menu li a{

    color:#fff;

}

.dark-mode .article-content-wrap .post-content p{

    color:#fff;

}

/*.dark-mode .article-content-wrap .post-content{

    padding:10px;

}*/

.dark-mode .latest-posts article{

    background: #0f0f0f;

    border: 1px solid #585958;

}

.dark-mode .featured-title a{

   color:#fff;  

}

.dark-mode p {

    color: #fff;

}

.dark-mode .sp-social-buttons .author-left span, .dark-mode .sp-social-buttons .author-rght a.athr-cmts{

    color: #fff;

}

.dark-mode h3.small-post-title a{

   color: #fff;  

}

.dark-mode .sp-social-buttons .author-left p{

  color: #fff;    

}

.dark-mode .sp-social-buttons .author-rght ul .st a {

    color: #fff;

}

.dark-mode .sp-social-buttons .author-left{

   color: #fff;  

}

.dark-mode  .small-latest-posts article .small-post-thumb a img {

    box-shadow: 0 0 9px 0 #282424;

}

.dark-mode .analysis-post.small-post{

    background: #0f0f0f;  

}

.dark-mode .analysis-tab-nav li{

    /*background: #0f0f0f; */

    color:#fff;

    /*border: 1px solid #595858;*/

}

/*.dark-mode .analysis-tab-nav li.active{

    background: #ff0000;

}*/

.dark-mode .analysis-tab-nav{

    background: transparent;

    border: 1px solid #595858;

}

.dark-mode .sp-social-buttons {

    border-top: 1px solid #595858;

}

.dark-mode .telecom-live-grid{

    background: #0f0f0f; 

    border: 1px solid #595858;

}

.dark-mode .telecom-live-item img {

    border: 2px solid #0f0f0f;

    box-shadow: 0 0 9px 0 #0f0f0f;

}

.dark-mode .upcoming-block {

    background: #0f0f0f;

    border: 1px solid #0f0f0f;

}

.dark-mode .up-date, .dark-mode .up-small-head, .dark-mode .upcomig-bd .tt-topic {

    color: #fff;

}

.dark-mode .header-flex-wrap{

     border-bottom: 1px solid #595858;

}

.dark-mode .editors-pick-post, .dark-mode .news-tip-box, .dark-mode .news-tip-box, .dark-mode .md-comments, .dark-mode .recent-comments, .dark-mode .category-section ul{

    background: #0f0f0f;

    box-shadow: 1px 1px 3px #0f0f0f;

    border: 1px solid #595858;

}

.dark-mode .md-comments li:nth-child(odd) {

    background: #0f0f0f;

}

.dark-mode .common .cmt-tlt a, .dark-mode .cmt-tlt a {

    color: #fff;

}

.dark-mode .category-section ul li a {

    color: #fff;

}

.dark-mode .ft-post-label{

    color:#fff;

}

.dark-mode .telecom-live-item h4 a {

    color: #fff;

}

.social-icons li{

    display: inline-flex;

    align-items: center;

}

.social-icons li a img{

    width: 15px;

}

.dark-mode img[src*="x-twitter.svg"] {

    filter: brightness(0) invert(1);

}



/* Ads Code */

.tt-ad{

    display: inline-block;

    width: 100%;

    text-align: center;

}

/*.tt-ad {

  min-height: 250px;

  display: block;

}*/

.tt-ad-breaking{

    margin: 20px 0px 0px;

}

.tt-ad-breaking.breakingad{

   margin: 20px 0px 20px;  

}

.tt-ad-editorspick{

    margin:0px 0px 20px;

}

.tt-ad-featuredpost{

    margin:0px 0px 30px; 

}

.tt-ad-after-para{

    margin:0px 0px 14px; 

}

.tt-ad-social{

     margin:0px 0px 14px; 

}



.wp-caption.aligncenter, .wp-caption{

    width:100% !important;

}

.wp-caption-text{

    text-align: center;

    padding-top: 10px;

}



/* Archives page CSS */

.archives-post {

    width: 100%;

    display: inline-block;

    margin-top: 25px;

}

.archives-post .article-left ul li a:before {

    content: '';

    display: inline-block;

    background-image: url('/wp-content/themes/telecom-talk/assets/images/angle-right.svg');

    background-repeat: no-repeat;

    background-size: cover;

    width: 20px;

    height: 20px;

    position: absolute;

    left: 0;

    top: 16px;

}

.archives-post .article-left ul li{

    font-size: 15px;

    line-height: 22px;

    font-weight: 500;

    list-style-type: none;

    padding-top: 15px;

    position: relative;

    padding-left: 25px;

    padding-bottom: 15px;

    border-bottom: 1px solid #f1f1f1;

}

.archives-post .article-left ul li a{

    transition: all 0.1s ease-in-out 0s;

}

.archives-post .article-left ul li:nth-child(even){

    background: #F8F9FB;

}

.archives-post .article-left ul{

    margin-top: 10px;

}

.archives-post .article-left ul li:hover a {

    color: #ff0000;

}

.dark-mode .archives-post .article-left ul li {

    border-bottom: 1px solid rgb(89, 88, 88);

}

.dark-mode .archives-post .article-left ul li:nth-child(even){

    background: transparent;

}

.dark-mode .archives-post .article-left ul li a:before {

    filter: invert(67%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);

}

.small-latest-posts article, .featuredpost-wrap article{

    transition: all 0.2s ease-in-out 0s;

}

.small-latest-posts article:hover, .featuredpost-wrap article:hover{

    background: rgb(248, 249, 251);

}

.dark-mode .small-latest-posts article:hover, .dark-mode .featuredpost-wrap article:hover {

    background: rgb(47 47 48);

}

.dark-mode .tt-experts-leaderboard .tt-title{

    color:#fff;

}
.latest-date img, .support-tt img{
        width: 14px !important;
}
.dark-mode .ttld-heading{
    color:#fff;
}
.hamburger img{
    width:30px !important;
}
.sp-social-buttons .author-rght ul li a img, .sp-social-buttons .author-rght .athr-cmts img{
    width:15px !important;
}
.sp-social-buttons .author-left .athr-dt img{
    width:14px !important;
}
.share-icons a img, .archive-list .left-news .post-meta a img{
    width:18px !important;
}
.dark-mode .telecom-live-wrap {
    border-bottom: 1px solid #ffffff14;
}
.dark-mode .tt-expert-of-week{
    background: #ffffff0d;
    border: 1px solid #ffffff14;
}
.dark-mode .tt-experts-leaderboard .tt-expert-of-week strong{
    color: #fff;
}
.dark-mode .sidebar .ttld-module{
    background: #ffffff0d;
    border: 1px solid #ffffff14;
}
.dark-mode .follow-counts ul li {
    border-bottom: 1px solid #ffffff14;
}
.dark-mode .ttld-card {
    border-top: 1px solid #ffffff14 !important;
}