/* Single page CSS */

.article-detail{

	width:100%;

	display: inline-block;

	/*margin-top:30px;*/

}

.article-info{

	display: grid;

    grid-template-columns: 70% auto;

    gap: 10px;

    width: 100%;

    border: 1px solid #e9e9e9;

    padding: 10px 20px 20px 20px;

    /*background: #fff;*/

    -webkit-box-shadow: 0 10px 40px -35px #000;

    box-shadow: 0 10px 40px -35px #000;

}

.article-detail.fullwidth{

    display: inline-block;

    width: 100%;

    border: 1px solid #e9e9e9;

    padding: 20px 20px 20px 20px;

    background: #fff;

    -webkit-box-shadow: 0 10px 40px -35px #000;

    box-shadow: 0 10px 40px -35px #000;

}

article h1{

	font-size: clamp(24px, 3vw, 38px);

    margin: .3em 0 .4em 0;

    line-height: 1.2;

    color:#111;

    letter-spacing: -0.02em;

}

.byline {

    margin: 0px 0 8px 0;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    display: flex;

    align-items: center;

    justify-content: center;

}

.post_author_intro {

    padding-right: 2px;

    text-transform: none;

    font-size: 14px;

    color:#777;

    font-weight: 400;

}

.post_author {

    font-size: 14px;

    font-weight: 700;

    line-height: 20px;

    color: #245e8a;

    text-transform: none;

}

.post_date {

    font-size: 13px;

    line-height: 20px;

    font-weight: 400;

    margin: 0px 6px 0px 6px;

    color:#555;

}

.post_author a {

  color: #111;

  font-weight: 600;

}

.dark-mode .post_author a {

  color: #f5f5f5;

  font-weight: 600;

}

.post_author .desig {

  color: #555;

  font-weight: 400;

}

.post_author .company {

  color: #555;

  font-weight: 500;

}

.dark-mode .post_author .company {

  color: #fff;

}

.author-date {

  color: #777;

  font-weight: 400;

}



.tt-comments-load-box {

    margin: 32px 0;

    text-align: center;

}

.tt-load-comments-btn {

    display: inline-block;

    padding: 12px 22px;

    border-radius: 6px;

    background: #111;

    color: #fff;

    font-weight: 600;

    text-decoration: none;

    cursor: pointer;

}

.tt-load-comments-btn:hover {

    opacity: 0.85;

}











.num_comments_link {

    position: relative;

    display: inline-block;

}

.post_date:before, .post_date:after {

    content: "|";

    display: inline-block;

    padding: 0px 3px;

    font-size: 20px;

    color: #ccc;

    font-weight: 400;

}

.sog.light{

    display: flex;

    margin-left: 16px;

}

.sog.dark{

    display: none;

}

.dark-mode .sog.dark{

    display: flex;

    margin-left: 16px;

}

.dark-mode .sog.light{

    display: none;

}

.sog:before{

    content: "|";

    display: inline-block;

    padding: 0px 10px 0px 3px;

    font-size: 20px;

    color: #ccc;

    font-weight: 400;

    position: relative;

    top: 4px;

}

.cmt-image {

    width: 16px;

    position: relative;

    top: 5px;

    left: -2px;

}

.num_comments {

    color: #fff;

    position: absolute;

    top: -6px;

    background: red;

    height: 16px;

    line-height: 17px;

    border-radius: 20px;

    left: 7px;

    display: inline-block;

    padding: 0px 6px;

    font-size: 12px;

}

.entry-subtitle{

    font-size: 18px;

    line-height: 1.6;

    margin-bottom: 15px;

    font-weight: 400;

    color: #222;

    background: #ffe9e2;

    padding: 15px 20px;

    border-radius: 18px;

}

.content-highlights-wrap {

    display: flex;

    width: 100%;

    flex-direction: row;

    padding-top: 10px;

}

.post-content-left {

    margin-right: 15px;

    display: flex;

    flex: 1 0 15%;

    flex-direction: column;

}

.content-highlights-wrap .post-content {

    flex: 1 0 70%;

    font-size: 16px;

    line-height: 1.3;

}

.tt-highlights h3, .follow-counts h3{

    font-size: 15px;

    line-height: 1.3;

    margin-bottom: 10px;

    color: #000;

    border-bottom: 1px solid #e9e9e9;

    border-top: 1px solid #e9e9e9;

    padding-bottom: 10px;

    text-transform: uppercase;

    text-align: center;

    letter-spacing: 1.2px;

    background-color: #f5f5f5;

    padding: 4px 0px;

    font-weight: 700;

}

.tt-highlights ul li {

    list-style-type: none;

    text-align: left;

    position: relative;

    padding-left: 20px;

    font-size: 14px;

    margin-bottom: 10px;

    line-height: 1.3;

    border-bottom: 1px solid #e9e9e9;

    padding-bottom: 10px;

    color:#333;

}

.tt-highlights ul li:before {

    content: "";

    width: 4px;

    height: 4px;

    background: #da0000;

    display: inline-block;

    margin-right: 10px;

    position: absolute;

    left: 6px;

    top: 10px;

}

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

	margin-bottom: 24px;

    font-size: 19px;

    line-height: 1.75;

    color: #000;

}

.article-content-wrap .post-content .tt-article-hero{

    margin-bottom: 24px;

}

.article-content-wrap .post-content .wp-caption-text{

    font-size:14px;

    color:#6b7280;

    margin-top:0px;

    line-height: 1.5;

    margin-bottom:16px;

}





.article-content-wrap .post-content h1, .article-content-wrap .post-content h2, .article-content-wrap .post-content h3, .article-content-wrap .post-content h4, .article-content-wrap .post-content h5, .article-content-wrap .post-content h6{

    margin-bottom: 15px;

}

.article-content-wrap .post-content h2{

    font-size: 26px;

    font-weight: 700;

    line-height: 1.3;

    display: inline-block;

}

.article-content-wrap .post-content h3{

    font-size: 20px;

    font-weight: 600;

    line-height: 1.4;

    /*display: inline-block;*/

}

.social-icons-share {

    border-top: 1px solid #eee;

}

.social-icons-share ul {

    display: inline-flex;

    margin: 20px 0px 10px 0px;

    width: 100%;

    justify-content: center;

    align-items: center;

}

.social-icons-share ul li {

    margin-right: 15px;

    list-style-type: none;

}

.social-icons-share ul li a.facebook {

    color: #3b5998;

}

.social-icons-share ul li a.share_link{

    color: #393939;

    display: inline-block;

    /*background: #f7f7f7;*/

    width: 40px;

    height: 40px;

    border-radius: 100%;

    line-height: 2.0;

    text-align: center;

    font-size: 20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;
        box-shadow: 0 1px 3px #6f6f6f;

}
.social-icons-share ul li a.share_link:hover{
    background: rgb(248, 249, 251);
}

.social-icons-share ul li a.twitter {

    color: #111;

}

.social-icons-share ul li a.linkedin {

    color: #0077b5;

}

.social-icons-share ul li a.whatsapp {

    color: #25d366;

}

.social-icons-share ul li a.telegram {

    color: #0088cc;

}

.social-icons-share .sog:before{

    display: none;

}

.icon-koo:before {

    content: "";

    display: inline-block;

    width: 30px;

    height: 30px;

    background-size: 100%;

    background-image: url(../images/koo.png);

    background-repeat: no-repeat;

    border-radius: 100%;

}

.koo-icon .icon-koo:before {

    width: 24px;

    height: 23px;

    background-size: 24px;

    position: relative;

    top: 3px;

}

.social-icons-share ul li a span {

    font-size: 20px;

}

.social-icons-share ul li.subscribe-image {

    margin-right: 0px;

    display: flex;

    align-items: center;

}

.social-icons-share ul li.subscribe-image a {

    display: inline-block;

    vertical-align: baseline;

    height: 26px;

    width: 100px;

    margin: 0 5px;

    border: 1px solid #e0e0dc;

    border-radius: inherit;

}

.follow-counts ul li a i, .follow-counts ul li a span.common {

    color: #fff;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 100px;

    margin-right: 6px;

    display: inline-block;

}

.follow-counts ul li a span.common{

    display: inline-flex;

    align-items: center;

    justify-content: center;

}

.follow-counts ul li a span.facebook {

    background: #3b5998;

}

.follow-counts ul li a span.x-twitter {

    background: #1da1f2;

}

.follow-counts ul li a span.telegram {

    background: #0088cc;

}

.follow-counts ul li a span.youtube {

    background: #ff0000;

}

.follow-counts ul li a span.instagram-img {

    background: #ff0000;

}

.follow-counts ul li a span.linkedin-img {

    background: #0762ad;

}

.follow-counts ul li a span.whatsapp-img {

    background: #3bdb7f;

}

.follow-counts ul li {

    padding: 0px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-size: 14px;

}

.follow-counts ul li:nth-child(even) {

    background: #F8F9FB;

}

.follow-counts ul li {

    font-size: 13px;

    margin-bottom: 10px;

    line-height: 1.3;

    border-bottom: 1px solid #e9e9e9;

}

.tt-highlights ul{

    margin-bottom: 14px;

    display: inline-block;

}

.author-meta {

    background: #f9f9f9;

    padding: 18px;

    border-radius: 4px;

    margin-bottom: 30px;

}

.report-name {

    display: flex;

    width: 100%;

    align-items: center;

    margin-bottom: 14px;

}

.report-name h2 {

    font-size: 20px;

    line-height: 1;

    font-weight: 600;

}

.rp-name a{

    color:#ff0000;

}

.rp-part {

    display: flex;

    align-items: center;

}

.reporter {

    font-size: 16px;

    font-weight: 600;

    margin-right: 5px;

}

.desig:before {

    content: "|";

    display: inline-block;

    color: #000;

    padding-left: 4px;

    position: relative;

    top: -1px;

    padding-right: 6px;

}

.dark-mode .desig:before{

    color: #fff;

}

.author-meta h3 {

    margin: 0 8px 0 0;

    color:#333;

}

.desig{

    color:#333;

}

.author-social .fa-twitt {

    padding: 2px 5px 2px 10px;

    border-right: 1px solid #ccc;

    line-height: 0;

    display: inline-block;

    margin-right: 6px;

}

.author-social a i {

    font-size: 18px;

}

.author-social .fa-linkedin-in{

    color: #0077b5;

}

.author-box {

    display: inline-block;

    width: 100%;

    align-items: center;

    margin-top: 40px;

    flex-direction: column;

}

.repr-by {

    display: inline-block;

    width: 100%;

}

.auth-img {

    float: left;

    width: 80px;

    margin-right: 20px;

}

.auth-img img {

    border-radius: 5px;

}

.auth-info {

    font-size: 15px;

    line-height: 1.3;

}

.nav-next-post {

    display: inline-flex;

    width: 100%;

    align-items: center;

    justify-content: space-between;

    background: #f9f9f9;

    padding: 15px;

}

.prev-post, .next-post {

    width: 47%;

    position: relative;

}

.prev-post:after {

    border-left: 1px dotted #ccc;

    content: "";

    height: calc(65% - -10px);

    right: -20px;

    position: absolute;

    top: 70%;

    transform: translate(0px, -50%);

    width: 2px;

}

.prev-post a, .next-post a {

    font-size: 16px;

    line-height: 1.3;

    color: #555;

    display: inline-grid;

    width: 100%;

    align-items: center;

    grid-template-columns: 150px 1fr;

}

.prev-post label {

    width: 100%;

    display: inline-block;

    cursor: pointer;

    margin-bottom: 15px;

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

    color: #da0000;

    font-size: 18px;

    font-weight: 600;

    display: flex;

    align-items: center;

}

.prev-post label img{

    margin-right: 5px;

}

.next-post label {

    text-align: right;

    width: 100%;

    display: inline-block;

    cursor: pointer;

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

    margin-bottom: 15px;

    color: #da0000;

    font-size: 18px;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.next-post label img{

    margin-left: 5px;

}

.author-social{

    display: flex;

    align-items: center;

}

.nxt-img img {

    width: 100%;

    height: 80px;

    border-radius: 5px;

    padding-right: 15px;

}

.article-content-wrap .post-content .related-posts h3{

    font-size: 20px;

    line-height: 1.3;

    color: #333;

    margin-bottom: 0px;

    border-bottom: 1px solid #ccc;

    font-weight: bold;

    padding: 10px;

    background: #e0e0e0;

}

.dark-mode .article-content-wrap .post-content .related-posts h3{

    background: transparent;

    color: #fff;

}

.related-posts ul {

    display: grid;

    grid-template-columns: 1fr;

    grid-gap: 10px;

    margin-bottom: 0;

}

.rp-sec {

    display: flex;

    width: 100%;

}

.rp-tlt {

    flex: 1 0 100%;

    padding-right: 0px;

    display: flex;

}

.related-posts .rp-img img {

    width: 108px;

    height: 80px;

    border-radius: 5px;

}



.related-posts {

    margin-top: 10px;

    padding-bottom: 20px;

    padding: 0px 0px;

    margin-bottom: 15px;

    border: 1px solid #efefef;

}

.related-posts ul{

    display: inline-block;

    width: 100%;

}

.rp-tlt h4{

    font-size: 16px;

    line-height: 1.4;

    font-weight: 400;

    margin:0px !important;

}

.related-posts ul li {

    margin: 0px !important;

    border-bottom: 1px solid #d7d7d7;

    padding: 10px!important;

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

    background: #f6f6f6;

}

.dark-mode .related-posts ul li{

    background: transparent;
     border-bottom: 1px solid #ffffff14;

}



.related-posts ul li:hover{

    background-color: #e1e1e7;

}

.dark-mode .related-posts ul li:hover {

    background-color: #292929;

}

.post-content p a{

    color: #ff0000;

}

.dark-mode .post-content p a{

    color: #fff;

    text-decoration: underline;

}





/*.related-posts ul li:nth-child(odd){

    background: #fff;

}

.related-posts ul li:hover{

    background: #e1e1e7;

}*/

.related-posts ul li:last-child {

    border-bottom: none;

}

.sog_link img{

    border-radius: 5px;

    width:135px;

}

/* Dark Light CSS */

.dark-mode .article-info, .dark-mode .article-detail.fullwidth{

    background: #0f0f0f;

    border: 1px solid #595858;

}

.dark-mode article h1, .dark-mode .post_author_intro, .dark-mode .post_date{

    color:#fff;

}

.dark-mode .entry-subtitle{

    background: #ffffff0d;

    border:1px solid #ffffff14;

    color:#fff;

}

.dark-mode .cmt-image{

    filter: brightness(0) invert(1); transition: all 0.5s ease; 

}

.dark-mode .tt-highlights h3, .dark-mode .follow-counts h3{

    background: #ffffff0d;

    border: 1px solid #ffffff14;

    color:#fff;

}

.dark-mode .tt-highlights ul li{

    color:#fff;

}

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

    background: #0f0f0f;

}

.dark-mode .author-meta {

    background: #0f0f0f;

    border: 1px solid #585958;

}

.dark-mode .author-meta h3, .dark-mode .desig, .dark-mode .related-posts h3{

    color:#fff;

}

.dark-mode .nav-next-post{

    background: #0f0f0f;

}

.dark-mode #wpdcom .wpd-sbs-toggle, .dark-mode #wpdcom .wpd-thread-head .wpd-thread-info {

    color: #fff;

}

.dark-mode .prev-post a, .dark-mode .next-post a {

    color: #fff;

}

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

    filter: brightness(0) invert(0);

}

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

    filter: brightness(0) invert(1);

}

.ad.ad-top1{

    height: 10px;

    background: red;

}



.tt-mobile-post-nav {

    display: none;

}

.tt-breadcrumb ol{

    display: flex;

    width: 100%;

    flex-wrap: wrap;

    align-items: center;

}

.tt-breadcrumb-sep{

    padding: 0px 6px 0px 2px;

    color: #ff0000;

}

.tt-breadcrumb-item a{

    color: #000;

    font-size: 11px;

}

.tt-breadcrumb-current{

    font-size: 11px;

    position: relative;

    top: 2px;

}

.dark-mode .tt-breadcrumb-item a{

    color: #fff;

}

.telecom-live-item img{

    height: 60px;

}

.tt-live-img {

    max-width: 60px;

}

.tt-heading {

    display: flex;

    justify-content: cener;

    flex-wrap: wrap;

}

.telecom-live-grid {

    margin-bottom: 30px;

}

.desktop-device{

    display: block;

}

.mobile-device{

    display: none;

}



/* Sidebar CSS */

.single-page .analysis-block{

    width: 100%;

    grid-template-columns: 1fr;

}

.single-page .analysis-fp h3{

    margin-top:6px;

}

.single-page .analysis-fp h3{

    background: none;

    text-transform: none;

}

.single-page .analysis-fp h3 a{

    font-size: 16px;

    line-height: 1.2;

}

.single-page .analysis-post.small-post h5 {

    font-size: 14px;

}

.single-page .analysis-fp h2 a{

    font-size: 18px;

}

/* --- Prev & Next Pagination Code --- */

.tt-post-nav {

    position: fixed;

    top: 50%;

    left: 0;

    right: 0;

    transform: translateY(-50%);

    pointer-events: none;

    z-index: 999;

    transition: opacity 0.50s ease, visibility 0.50s ease;

}

.tt-post-nav.tt-nav--hidden .tt-nav-arrow--prev {

    transform: translateX(-100%);

    /*transform: translateY(-50%) translateX(-100%);*/

    opacity: 0;

}

.tt-post-nav.tt-nav--hidden .tt-nav-arrow--next {

    transform: translateX(100%);

    opacity: 0;

}

.tt-nav-arrow {

    position: fixed;

    top: 50%;

    /*transform: translateY(-50%) translateX(0);*/

    pointer-events: all;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 78px;

    color: #fff;

    border-radius: 0 6px 6px 0;

    text-decoration: none;

    cursor: pointer;

    overflow: visible;

    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),

                opacity   0.35s ease,

                background 0.2s ease;

    background: #0009;

    border: 1px solid #5c5c5c;

}

.tt-nav-arrow--prev {

    left: 0;

    border-radius: 0 6px 6px 0;

    border-left:none;

}

.tt-nav-arrow--next {

    right: 0;

    border-radius: 6px 0 0 6px;

    border-right:none;

}

.tt-nav-arrow:hover {

    background: #0009;

}

.tt-arrow-icon {

    font-size: 46px;

    line-height: 1;

    font-weight: 300;

    display: block;

    position: relative;

    top: -4px;

}

.tt-nav-arrow--prev .tt-arrow-icon { right: 2px; }

.tt-nav-arrow--next .tt-arrow-icon { left: 2px; }

.tt-arrow-tooltip {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 180px;

    background: #fff;

    border: 1px solid #e0e0e0;

    border-radius: 6px;

    box-shadow: 0 4px 16px rgba(0,0,0,0.13);

    padding: 8px;

    pointer-events: none;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.22s ease, visibility 0.22s ease;

    gap: 0;

}

.tt-nav-arrow--prev .tt-arrow-tooltip {

    left: calc(100% + 8px);

    right: auto;

}

.tt-nav-arrow--next .tt-arrow-tooltip {

    right: calc(100% + 8px);

    left: auto;

}

.tt-nav-arrow:hover .tt-arrow-tooltip {

    opacity: 1;

    visibility: visible;

}

.tt-arrow-tooltip img {

    width: 100%;

    height: 90px;

    object-fit: cover;

    border-radius: 4px;

    display: block;

    margin-bottom: 6px;

}

.tt-arrow-tooltip-label {

    display: block;

    font-size: 11px;

    font-weight: 600;

    color: #e63946;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin-bottom: 3px;

}

.tt-arrow-tooltip-title {

    display: block;

    font-size: 12px;

    color: #222;

    line-height: 1.4;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



/* Dark mode support */

.dark-mode .tt-arrow-tooltip {

    background: #1e1e1e;

    border-color: #333;

}

.dark-mode .tt-arrow-tooltip-title {

    color: #eee;

}



/* ── Read More Truncation ── */

.tt-read-more-wrap {

    position: relative;

    margin-top: -80px;   /* overlap the last line of preview text */

    padding-top: 80px;

    text-align: center;

}



/* Fade gradient that blurs the last few lines */

.tt-read-more-fade {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100px;

    background: linear-gradient(

        to bottom,

        rgba(255,255,255,0)   0%,

        rgba(255,255,255,0.85) 50%,

        rgba(255,255,255,1)   100%

    );

    pointer-events: none;

}



/* Dark mode fade */

.dark-mode .tt-read-more-fade {

    background: linear-gradient(

        to bottom,

        rgba(18,18,18,0)    0%,

        rgba(18,18,18,0.85) 50%,

        rgba(18,18,18,1)    100%

    );

}

.dark-mode .related-posts{

    background: #ffffff0d;

    border:1px solid #ffffff14;

}

/* Read More button */

.tt-read-more-btn {

    position: relative;

    z-index: 2;

    display: inline-block;

    background: #e63946;

    color: #fff;

    border: none;

    padding: 8px 40px;

    font-size: 16px;

    font-weight: 600;

    border-radius: 4px;

    cursor: pointer;

    width: 100%;

    max-width: 420px;

    transition: background 0.2s ease;

    margin-bottom: 20px;

}

.tt-read-more-btn:hover {

    background: #c1121f;

}



/* Loading state */

.tt-read-more-btn.tt-loading {

    opacity: 0.7;

    cursor: wait;

}



.google_logo_text{

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: center;

    list-style: none;

    border: 1px solid #eee;

    width: 420px;

    padding: 10px 0px;

    margin: 20px auto 20px auto;

    font-size: 15px;

}



.glogo_text{

    width: 170px;

    text-transform: uppercase;

}

.glogo_text span{

    font-weight: 500;

    color: #e63946;

}

.google_logo_text:before{

    content: "";

    display: inline-block;

    border-left: 4px solid #e63946;

    height: 40px;

    padding-right: 10px;

}

.google_logo_text:after{

    content:"";

    display: inline-block;

    border-right:4px solid #e63946;

    height: 40px;

    padding-left: 10px;

}

.dark-mode .google_logo_text li.glogo_text{

    color:#fff;

}

.article-content-wrap .post-content h2{

    color:#111;

    font-weight:700;

}

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

    color:#fff;

}

.telecom-live-item{

    display: ruby;

    width:100%;

}

.telecom-live-item img {

    height: 100px;

    border-radius: 0%;

}

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

    padding: 5px 0px;

}

.mp-information p:before{

    display: none;

}

.mp-information p{

    padding: 0px;

    display: block;

    width: 100%;

}



.article-content-wrap .post-content ul {

    list-style-type: disc;

    padding-left: 24px;

    margin-bottom: 16px;

}



.article-content-wrap .post-content ol {

    list-style-type: decimal;

    padding-left: 24px;

    margin-bottom: 16px;

}



.article-content-wrap .post-content ul li,

.article-content-wrap .post-content ol li {

    list-style: revert;

    color: #000;

    margin-bottom: 6px;

    padding-left: 4px;

}

.dark-mode .article-content-wrap .post-content ul li,

.dark-mode .article-content-wrap .post-content ol li {

    color: #fff;

}

.article-content-wrap .post-content ul ul,

.article-content-wrap .post-content ol ol,

.article-content-wrap .post-content ul ol,

.article-content-wrap .post-content ol ul {

    padding-left: 20px;

    margin-bottom: 0;

    margin-top: 6px;

}

.article-content-wrap .post-content ul ul li {

    list-style-type: circle;

}



.article-content-wrap .post-content ol ol li {

    list-style-type: lower-alpha;

}

.social-icons-share ul li, .google_logo_text li, .related-posts ul li {

    list-style: none !important;

}

.social-icons-share ul, ul.google_logo_text, .related-posts ul{

    list-style-type: none !important;

    padding-left: 0 !important;

}

.social-icons-share ul, .related-posts ul{

    margin-bottom: 0 !important;

}



/* Table CSS */

table, th, td {

    border: 1px solid #d1d1d1;

}

.entry-content tbody {

    box-shadow: 0 0 10px rgb(0 0 0 / .2);

    border-radius: 10px;

}

th, td {

    border: 1px solid #d1d1d1;

    padding: 10px;

}

tbody tr:nth-child(even) {

    background-color: #ededed;

}

tbody tr:hover {

    background-color: #e1e1e7;

}

caption, th, td {

    font-weight: 400;

    text-align: left;

    font-size: 15px;

    color: #333;

}

.dark-mode caption, .dark-mode th, .dark-mode td {

    color: #fff;

}

.dark-mode tbody tr:nth-child(even) {

    background-color: #535151;

}

.dark-mode tbody tr:hover {

    background-color: #403d3d;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

.entry-content table {

    max-width: 620px;

    overflow-x: auto;

    display: flow-root;

}

.entry-content blockquote {

    position: relative;

    line-height: 1.7;

    font-size: 17px;

}

.entry-content blockquote p {

    margin: 0 0 0 32px;

}

.entry-content blockquote:before {

    content: '';

    display: inline-block;

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

    background-repeat: no-repeat;

    background-size: contain;

    width: 30px;

    height: 30px;

    position: absolute;

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

}



















/* Responsive CSS */

@media(max-width:992px){

    .article-info {

        grid-template-columns: 1fr;

        display: inline-block;

        margin-top: 5px;

    }

}



@media (max-width: 768px) {

    .content-highlights-wrap {

        flex-direction: column;

    }

    .post-content-left {

        margin-right: 0;

        flex: 1 0 100%;

        order:1;

    }

    .content-highlights-wrap .post-content{

        flex: 1 0 100%;

        margin-bottom: 30px;

    }

    .desktop-device{

        display: none;

    }

    .mobile-device{

        display: inline-block;

        margin-top: 20px;

        width: 100%;

    }

    .tt-live-img {

        max-width: 80px;

    }

    .telecom-live-item img {

        height: 80px; 

        width:80px;

    }

    .author-box {

        margin-top: 10px;

    }

    .author-meta {

        margin-bottom: 20px;

    }

    article h1 {

        font-size: 28px;

        line-height: 1.3;

    }

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

        font-size: 17px;

        line-height: 1.7;

    }

    .article-subheading{

        font-size:16px;

        line-height:1.6;

        padding:18px;

    }

    .article-content-wrap{

        padding-left:16px;

        padding-right:16px;

    }

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

        margin-bottom:20px;

    }

    .article-content-wrap .post-content img{

        margin-bottom:18px;

    } 

    .sog a img{

        margin-bottom: 0px !important;

    }

    .article-content-wrap .social-icons-share img{

        margin:0px;

    }

    .article-content-wrap .post-content h3{

        font-size:19px;

        line-height:1.4;

        font-weight:600;

        margin-top:22px;

        margin-bottom:10px;

    } 

    .article-content-wrap .related-posts h3{

        margin-top:0px;

        margin-bottom:15px;

    }

    /*.article-content-wrap .post-content h4{ 

        font-size:17px;

        font-weight:600;

    }*/

    .tt-breadcrumb-item a, .tt-breadcrumb-current{

        font-size:12px;

        line-height:1.4;

        color:#6b7280;

        margin-bottom:0px;

    }

    .tt-post-nav {

        display: none;

    }



}

@media(min-width:769px){

     .up-date:before {

        display: none;

    }

}


@media(max-width:768px){
    aside.sidebar{
        margin-top:30px;
    }
}

@media(max-width: 767px){

    .tt-nav-arrow {

        width: 28px;

        height: 48px;

    }

    .tt-arrow-icon {

        font-size: 32px;

        top: -2px;

    }

    .tt-arrow-tooltip {

        display: none;

    }

    .related-posts {

        padding: 12px;

    }

    /*.related-posts ul {

        display: flex;

        overflow-x: scroll;

        padding: 0 0px;

        scrollbar-width: none;

        grid-gap: 0px;

    }

    .related-posts ul li{

        padding-right: 16px;

        margin-right: 16px;

        border-right: #ccc solid 1px;

    }

    .related-posts ul li:last-child{

        border-right: 0px;

        padding-right: 0px;

        margin-right: 0px;

    }*/

    .rp-tlt {

        color: #333;

        font-size: 16px;

        font-style: normal;

        font-weight: 600;

        line-height: 20px;

        overflow: hidden;

        -o-text-overflow: ellipsis;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 4;

        -webkit-box-orient: vertical;

        margin-right: 16px;

        width: 172px;

    }

    /*.rp-sec {

        display: flex;

        width: 285px;

    }*/

    .rp-tlt {

        padding-right: 0px;

        margin:0px;

    }

    .related-posts .rp-img img {

        height: auto;

    }

    .tt-post-nav {

        top: 70%;

    }

    



}



@media(max-width:620px){

    .byline{

        display: inline-block;

        width: 100%;

    }

    .sog.light, .sog.dark{

        justify-content: center;

        margin-top: 20px;

    }

    .sog:before{

        display:none;

    }

    .nav-next-post {

        display: inline-block;

    }

    .post-content p img{

        width:100%;

    }

    .social-icons-share ul {

        flex-direction: row;

        text-align: center;

        flex-wrap: wrap;

    }

    .social-icons-share ul li {

        margin-bottom: 11px;

    }

    .social-icons-share ul li.subscribe-image{

        justify-content: center;

    }

    .social-icons-share .sog.light, .social-icons-share .sog.dark {

        margin-top: 0;

    }

    .prev-post, .next-post {

        width: 100%;

        position: relative;

    }

    .prev-post{

        margin-bottom: 30px;

    }

    .next-post label, .prev-post label{

        font-size: 15px;

    }

    /*.report-name, .rp-part {

        display: inline-block;

    }

    .author-social {

        margin-top: 10px;

    }*/

    .google_logo_text{

        width:100%;

    }

    .google_logo_text .sog.light, .google_logo_text .sog.dark {

        margin-top: 0px;

    }

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

        margin-left:0px;

        margin-right: 10px;

    }

    .telecom-live-item {

        display: flex;

    }

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

        order: 1;

        margin-right: 0px;

    }

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

        padding-top: 0;

    }

    .reporter{

        display: flex;

        font-size: 13px;

        /*flex-direction: column;*/

    }

    /*.desig:before{

        display: none;

    }*/

    .report-name{

        margin-bottom: 8px;

        font-size: 13px;

    }

    .author-social .fa-twitt {

        padding: 2px 5px 2px 5px;

    }

    .glogo_text {

        font-size: 14px;

    }

    .article-info{

        padding: 10px 10px 20px 10px;

    }

    .article-content-wrap {

        padding-left: 5px;

        padding-right: 5px;

    }

    .author-meta {

        padding: 8px;

    }

    .post_date {

        margin: 0px 0px 0px 6px;

    }



    



}



@media(max-width:500px){

    .glogo_text{

        font-size: 12px;

    }

}



@media(max-width:370px){

    .glogo_text{

        font-size: 10px;

    }

    .google_logo_text {

        padding: 10px;

    }

    .google_logo_text:before {

        padding-right: 4px;

    }

    .google_logo_text:after {

        padding-left: 4px;

    }

    .report-name {

        align-items: flex-start;

    }

    .reporter, .report-name{

        font-size: 12px;

    }

    .rp-part{

        display: inline-block;

    }

    .reporter {

        margin-right: 0;

    }

    .author-social{

        margin: 5px 0px;

    }



}
.social-icons-share ul li a img{
    width:20px !important;
}
.social-icons-share ul li.subscribe-image a img{
    width: 100px !important;
    height: 26px;
}
.follow-counts ul li a img{
    width:15px !important;
}
.tt-article-hero {
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.tt-article-hero img {
    width: 100%;
    height: auto;
    display: block;
}
.author-social a img{
    width:15px;
}
.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 .tt-highlights ul li{
    border-bottom: 1px solid #ffffff14;
}
.dark-mode .google_logo_text{
    background: #ffffff0d;
    border: 1px solid #ffffff14;
}
.dark-mode .ppvb-module{
   background: #ffffff0d  !important;
   border: 1px solid #ffffff14 !important
}
.dark-mode .ppvb-title, .dark-mode .ppvb-kicker{
    color:#fff !important;
}
.dark-mode .social-icons-share {
    border-top: 1px solid #ffffff14;
}