#heading {
   font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif !important;
   font-size: 34px;
   line-height: 46px;
   margin-bottom: 4px;
   font-weight: 700;
   padding: 0 120px;
   text-align: center;
}

:root[data-theme="dark"] .title {
   color: #fff;
}

:root[data-theme="dark"] #article-content h1 {
   color: var(--heading-color-alpha, #F5F5F5);
}

:root[data-theme="dark"] .keeda_widget {
   background-color: var(--bg-color, #15151a);
}

.keeda_widget {
   background: #FFF;
   position: relative;
   margin: 0;
   border: 1px solid #eee;
   border-radius: 3px;
   width: 100%;
   float: left;
}

.title {
   color: #333;
   font-weight: 300;
   width: 100%;
}

h1 {
   margin: 30px 0 15px 0;
   /* float: left; */
   /* font-size: 20px; */
   line-height: 57px;
}

.post-profile {
   padding: 5px 0;
   box-sizing: border-box;
   margin: 0 32px;
   overflow: hidden;
   background-color: var(--bg-color);
   display: flex;
   padding: 8px 18px !important;
}

.comments-total-container {
   float: left;
   clear: none !important;
   text-align: revert;
   justify-content: flex-end;
}

.comments-total a,
.comments-total-container a {
   display: flex;
   align-items: center;
   padding: 0px 2px 0px 10px;
   color: #757575;
   text-decoration: none;
   font-size: 16px;
   font-weight: 200;
}

.comments-total-container img {
   width: 28px;
   height: 28px;
   object-fit: cover;
   background: none;
}

.comments-total-container span.comments-count {
   margin-left: 4px;
   font-weight: 400;
   font-size: 18px;
}

.comments-like-div {
   display: flex;
   border-top: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
   overflow: visible !important;
   padding: 6px 0;
   position: relative;
}

.comments-like-div .story-user-actions {
   justify-content: flex-end;
}

.article-meta {
   text-align: left;
   /* margin: 16px 32px 0; */
   color: #999999;
   font-size: 14px;
}

.section-pill-container {
   display: inline-block;
   margin-left: 10px;
   vertical-align: middle;
}

.section-pill {
   padding: 2px 8px;
   border-radius: 2px;
   vertical-align: top;
   font-size: 10px;
   text-transform: uppercase;
}

.section-pill.pill-info {
   color: #0b65f0;
   background: #e1ebff;
}

.timezone-date p {
   width: auto;
   margin-right: 10px;
}

.section-container {
   margin-left: 10px;
   vertical-align: middle;
   display: inline-block;
}

.section-container.pill-tag {
   position: absolute;
   bottom: 0px;
   left: 69px;
   top: 25px;
}

.author-image {
   display: inline-block;
}

.author-image img {
   height: 40px !important;
   width: 40px !important;
   vertical-align: middle;
}

.name-author {
   display: inline-block;
   float: left;
   font-weight: 400;
   font-size: 14px;
   text-align: left;
   width: 55%;
   padding: 0 10px;
}

.name-author div {
   text-decoration: none !important;
   color: #2D2D2D;
}

.name-author .title {
   text-transform: uppercase;
   font-style: normal;
   font-weight: normal;
   font-size: 10px;
   line-height: 12px;
   color: #666666;
   margin-top: 0;
}

.follow-btn {
   background: var(--bg-color);
   border: 1px solid var(--active-color);
   box-sizing: border-box;
   border-radius: 30px;
   padding: 2px 10px;
   color: var(--active-color);
   margin: auto;
   cursor: pointer;
}

.follow-btn img {
   margin-right: 5px;
   height: 10px;
   width: 10px;
}

.article-meta .date-pub {
   display: inline-block;
}

.user-story {
   margin: 16px 32px;
   display: flex;
   overflow: visible !important;
}

.name-author {
   padding: 4px 10px;
   width: 65%;
   display: flex;
   justify-content: center;
}

:root[data-theme="dark"] .article-box .post-profile {
   background-color: var(--bg-color, #15151a);
}

:root[data-theme="dark"] .name-author {
   background: var(--bg-color, #15151a);
}

.article-box .post-profile {
   background-color: #FFFFFF;
   padding-top: 0 !important;
   justify-content: center !important;
   width: 100% !important;
   margin: 0 !important;
}

.post-profile .name-author,
.post-profile .article-meta {
   font-size: 16px;
   line-height: 14px;
   font-weight: 400;
}

.name-author div {
   overflow: unset;
}

.author-name-box {
   display: flex;
   gap: 5px;
   width: fit-content;
}

:root[data-theme="dark"] .article-info-author-text {
   color: var(--text-color--gamma, #999999);
}

.article-info-author-text,
.date-pub.timezone-date {
   color: #666666;
}

:root[data-theme="dark"] .post-profile .name-author .author-name {
   color: #FFCC3D;
}

.post-profile .name-author .author-name {
   color: var(--active-color);
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   text-decoration: underline;
   display: block;
   padding-right: 8px;
   border-right: 1px solid #757575;
}

.name-author a {
   text-decoration: none;
}

.post-profile .article-meta {
   margin-left: 3px !important;
   width: fit-content;
}

:root[data-theme="dark"] .date-pub.timezone-date {
   color: var(--text-color--gamma, #999999);
}

#article-content .story-user-actions,
.article-box .story-user-actions {
   justify-content: center !important;
   gap: 12px !important;
   margin-bottom: 20px;
}

.story-user-actions {
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: center;
   gap: 5px;
   overflow: visible !important;
   flex-shrink: 0;
   position: relative;
}

:root[data-theme="dark"] .article-box .user-action-element {
   border: 1px solid #999999 !important;
}

#article-content .story-user-actions .user-action-element,
.article-box .story-user-actions .user-action-element {
   height: 35px;
}

.story-user-actions .user-action-element {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 8px 12px 8px 10px;
   gap: 6px;
   border: none;
   background-color: inherit;
   cursor: pointer;
   border-radius: 4px;
}

.article-box .story-user-actions .user-action-element.follow-action img {
   filter: unset;
}

:root[data-theme="dark"] .article-box .story-user-actions .user-action-element.follow-action img {
   filter: unset !important;
}

:root[data-theme="dark"] .user-action-element img {
   filter: brightness(0) saturate(100%) invert(69%) sepia(0%) saturate(48%) hue-rotate(185deg) brightness(91%) contrast(76%) !important;
}

.article-box .story-user-actions .user-action-element>img {
   filter: brightness(0) saturate(100%) invert(33%) sepia(98%) saturate(0%) hue-rotate(151deg) brightness(101%) contrast(97%);
}

.user-action-element>img {
   width: auto !important;
   height: 16px !important;
   object-fit: cover;
   background-color: transparent;
}

.content-holder div {
   overflow: visible;
}

.post-profile {
   overflow: visible;
}

.share-text-holder button {
   display: inline-flex;
   padding: 4px 0;
   background: none;
   border: 1px solid transparent;
   box-sizing: border-box;
   border-radius: 40px;
   cursor: pointer;
}

.share-text-holder span {
   font-size: 14px;
   font-weight: 500;
   color: #A7A7A7;
   padding-left: 2px;
}

.share-icon-holder {
   width: 40px;
   height: 40px;
   margin: 0px 4px;
}

.share-top {
   float: right;
   position: relative;
}

.event-info-div .share-top {
   position: absolute;
   top: 20px;
   right: 20px;
}

.share-top .share-icon-holder {
   margin: 0px 4px;
   text-decoration: none;
}

.share-icon-holder img {
   width: 40px;
   height: 40px;
   display: inline-block !important;
   background: none !important;
   vertical-align: top;
   object-fit: contain;
}

.news-details .user-action-element .share-container {
   margin: 0;
}

.pre-2023 .share-text-holder.share-btn {
   cursor: pointer;
   background: none;
   border: none;
   display: flex;
   gap: 3px;
   align-items: center;
}

.news-details .user-action-element .share-btn {
   margin: 0;
   padding: 0;
   gap: 6px;
}

.news-details .share-container .share-btn {
   display: flex;
   border: 1px solid transparent;
   border-radius: 23px;
   background: none;
   align-items: center;
   cursor: pointer;
   user-select: none;
   height: auto;
   width: auto;
}

.article-box.article-floating-actions {
   position: fixed;
   top: 24%;
   width: calc(calc(calc(100% - 1300px) / 2) - 16px);
   margin-bottom: -100px;
   left: 0;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

:root[data-theme="dark"] .article-box.article-floating-actions .story-user-actions {
   background: var(--bottom-tagline-bg-color, #2D2D2D);
}

.article-box.article-floating-actions .story-user-actions {
   border-radius: 36px;
   padding: 24px 10px;
   gap: 30px !important;
   align-items: center;
   border-radius: 36px;
   box-shadow: 0px 2.98px 16.36px 0px #00000014;
   width: 46px;
}

.article-floating-actions .story-user-actions {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

#article-content .story-user-actions,
.article-box .story-user-actions {
   justify-content: center !important;
   gap: 12px !important;
   margin-bottom: 20px;
}

:root[data-theme="dark"] .article-floating-actions .story-user-actions a.user-action-element {
   border: unset !important;
}

:root[data-theme="dark"] .article-box .user-action-element {
   border: 1px solid #999999 !important;
}

.article-box.article-floating-actions .story-user-actions .user-action-element {
   border: unset !important;
   padding: 0 !important;
}

.article-box.article-floating-actions .story-user-actions .user-action-element {
   height: 24px !important;
}

.article-floating-actions .story-user-actions .user-action-element {
   height: 42px;
   border: 1px solid #474747 !important;
}

.article-floating-actions .story-user-actions .user-action-element span:not(.comments--badge) {
   display: none;
}

:root[data-theme="dark"] .article-box .user-action-element span {
   color: var(--text-color--gamma, #999999) !important;
}

.article-floating-actions .story-user-actions .user-action-element span:not(.comments--badge) {
   display: none !important;
}

.news-details .article-box .user-action-element span {
   color: #666666;
   font-size: 14px;
   line-height: 21px !important;
   font-weight: 500;
}

.article-box .article-floating-actions .story-user-actions .user-action-element.follow-action img {
   filter: unset !important;
}

.article-box.article-floating-actions .story-user-actions .user-action-element img {
   width: 24px !important;
   height: 24px !important;
   /* filter: brightness(0) saturate(100%) invert(33%) sepia(98%) saturate(0%) hue-rotate(151deg) brightness(101%) contrast(97%); */
}

.wrapper {
   margin-bottom: 20px;
   width: 100%;
   margin: 0 auto;
   max-width: 1300px;
}

.intro {
   margin-bottom: 20px;
   width: 100%;
   margin: 0 auto;
   max-width: 1300px;
}

.intro figure {
   position: relative;
   clear: both;
}

.intro img {
   width: 100%;
   height: fit-content;
   aspect-ratio: 16/9;
   object-fit: cover;
   border-radius: 20px;
}

.intro figcaption {
   position: absolute;
   bottom: 0;
   color: #fff;
   font-size: 17px;
   background: linear-gradient(0deg, black, #00000000);
   width: 100%;
   text-shadow: 0px 0px 5px #000;
   text-align: left;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   padding-bottom: 20px;
}

figcaption {
   font-family: serif;
   font-style: italic;
   color: #777;
   font-size: 14px;
   padding: 7px 24px;
   text-align: center;
}

#article-content p {
   font-size: 18px;
   line-height: 35px;
   color: var(--textColor1, #474747);
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   text-align: left;
   font-weight: 400;
}

.news-body {
   display: flex;
   flex-direction: column;
   padding: 0 20px;
   gap: 10px;
   color: var(--textColor1);
}

.content-holder a {
   color: #0277BD;
   text-decoration: underline;
}

.also-read-articles-container {
   height: 265px;
   margin: 26px 0;
}

.also-read-articles-container {
   position: relative;
   margin: 20px 0;
   padding: 10px;
   height: 245px;
}

.also-read-articles-container .related-heading {
   text-align: center;
   position: relative;
   padding-bottom: 10px;
   display: flex;
   align-items: center;
   gap: 10px;
}

.also-read-articles-container .related-heading .also-read-heading-separator {
   height: 1px;
   background: #37C77A;
   flex: 1;
}

.also-read-articles-container .related-heading .also-read-trending-container {
   display: flex;
   gap: 5px;
   align-items: center;
   padding: 0 1px;
}

.article-content-holder div+div {
   margin-top: 0px !important;
}

.also-read-articles-container .related-heading .also-read-trending-image {
   width: 18px;
   height: 20px;
   background: transparent;
}

.content-holder img {
   height: auto;
   max-width: 100%;
   background: #afafaf;
   color: var(--textColor);
   margin: 0 auto;
   display: block;
}

.also-read-articles-container .related-heading .also-read {
   color: #474747;
   font-size: 14px;
   font-style: italic;
   font-weight: 600;
   line-height: normal;
   text-transform: capitalize;
}

.also-read-articles-container .related-articles-scroll {
   overflow-x: scroll !important;
   width: 100%;
   display: flex;
   position: relative;
   gap: 10px;
}

.also-read-articles-container .article-single-related {
   height: 210px;
}

.also-read-articles-container .article-single-related {
   border-radius: 8px;
   border: 1px solid #ffffff;
   background: #FFF;
   box-shadow: 0px 4px 4px 0px #D1EAE1;
   margin-bottom: 3px;
   height: 190px;
   overflow: hidden;
   width: calc(50% - 5px);
   position: relative;
}

.also-read-articles-container .article-single-related a {
   display: block;
   height: 100%;
   color: #000;
   text-decoration: none !important;
   position: absolute;
   z-index: 99;
}

.also-read-articles-container .article-related-recommend-image {
   height: 120px;
}

.also-read-articles-container .article-related-recommend-image {
   width: 100%;
   height: 100px;
   object-fit: cover;
   background-position: center center;
   background-size: cover;
   border-radius: 3px 3px 0 0;
}

.also-read-articles-container .article-related-title.article-related-recommend-title {
   display: -webkit-box;
   color: #2D2D2D;
   font-size: 13px;
   font-style: normal;
   font-weight: 600;
   line-height: 18px;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   height: auto;
   margin: 7px;
}

.article-content-holder div~blockquote {
   margin-top: 0 !important;
}

blockquote {
   float: left;
   font-style: italic;
   clear: both;
   padding-left: 14px;
}

blockquote {
   background-position: 0 0;
   display: block;
   font-family: Georgia, serif;
   font-style: italic;
   border-left: 2px solid var(--active-color);
   padding: 5px 0px 5px 20px;
   font-size: 20px !important;
   font-weight: 400;
   line-height: 35px;
   color: #2D2D2D;
   border-radius: 0;
   background: transparent;
   margin: 26px 0 !important;
}

blockquote,
q {
   quotes: none;
}

.post-rating-widget-parent {
   display: flex;
   justify-content: center;
   margin: 15px 0;
}

.post-rating-widget-parent .rating-parent-container {
   position: relative;
   background: #F7F7FA;
   border: 1px solid #ffffff;
   border-radius: 4px;
   padding: 10px 15px;
   min-width: 405px;
}

.post-rating-widget-parent .rating-parent-container::before {
   position: absolute;
   width: 12px;
   top: -7px;
   content: '';
   height: 12px;
   background: #F7F7FA;
   transform: rotate(45deg);
   border: 1px solid #ffffff;
   border-bottom: 0;
   border-right: 0;
   left: 50%;
}

.post-rating-widget-parent .rating-content-holder {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.post-rating-widget-parent .rating-feedback-text {
   font-size: 14px;
   font-weight: 600;
   line-height: 18px;
   text-align: left;
   color: #666666;
}

.post-rating-widget-parent .post-rating-action-container {
   display: flex;
   gap: 30px;
   align-items: center;
}

.post-rating-widget-parent .post-rating-button {
   background: none;
   border: none;
   cursor: pointer;
   display: flex;
   padding: 0;
}

.post-rating-widget-parent .post-rating-image {
   border: none;
   background: none;
   margin: 0;
   width: 20px;
   height: 20px;
   flex: 1;
}

.post-rating-widget-parent .post-dis-like-image {
   transform: rotate(180deg);
}

.post-author-info-parent {
   margin: 10px 20px;
}

.about-the-author {
   font-size: 16px;
   font-weight: 600;
}

:root[data-theme="dark"] .about-the-author {
   color: var(--text-color--beta, var(--bg-color));
}

.author-info-holder {
   display: flex;
   gap: 10px;
   margin-top: 10px;
   align-items: center;
}

.author-pic-holder {
   min-width: 150px;
   min-height: 150px;
}

.author-pic-holder img {
   height: auto;
   width: 100%;
   border-radius: 50%;
   margin: 0;
}

.author-bio-detail-holder {
   display: flex;
   gap: 10px;
   flex-direction: column;
}

.author-name-social-parent {
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.post-author-info-parent .author-name {
   font-weight: 600 !important;
   font-size: 20px !important;
   line-height: 24px !important;
   padding: 0 !important;
}

.author-social-media-holder {
   display: flex;
   gap: 5px;
}

.author-social-media-holder {
   display: flex;
   gap: 12px;
   align-items: center;
}

.author-social-media-holder a {
   width: 26px;
   height: 26px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 15px;
}

.author-social-media-holder img {
   height: 100%;
   width: 100%;
   margin: 0;
   border-radius: 5px;
}

.author-social-media-holder .author-twiiter {
   background: #000;
   padding: 18%;
}

.post-author-info-parent .author-bio {
   font-size: 16px !important;
   font-weight: 400 !important;
   line-height: 25px !important;
   text-align: left;
   margin: 0;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   text-overflow: ellipsis;
}

@media (max-width: 1024px) {
   .post-author-info-parent {
      margin: 10px;
   }

   .about-the-author {
      font-size: 12px;
   }

   .author-pic-holder {
      min-width: 100px;
      min-height: 100px;
   }

   .author-pic-holder img {
      height: 100px;
      width: 100px;
   }

   #article-content .post-author-info-parent .author-name {
      font-size: 16px !important;
      padding: 0 !important;
   }

   .author-social-media-holder a {
      width: 20px;
      height: 20px;
   }

   #article-content .post-author-info-parent .author-bio {
      font-size: 12px !important;
      line-height: 20px !important;
      padding: 0 !important;
      word-break: break-word;
   }

   .intro img {
      border-radius: 0px;
   }

   #article-content h1 {
      font-size: 20px;
      font-weight: 700;
      line-height: 28px !important;
      color: #2D2D2D;
      margin: 0px !important;
      padding: 16px;
      text-align: start;
   }

   .comments-total-container {
      width: 20%;
   }

   .article-meta {
      width: 560px;
      margin: 16px 32px 0;
   }

   .name-author {
      width: 85%;
      padding: 0 10px;
   }

   .name-author a {
      text-decoration: none;
   }

   .name-author div {
      text-decoration: none !important;
      color: #2D2D2D;
   }

   .user-story {
      width: 100%;
      padding: 4px 18px;
   }

   .post-profile {
      padding: 8px 18px !important;
      background-color: var(--bg-color);
      margin: 4px 0;
   }

   .article-meta {
      padding: 12px 18px;
      width: 100%;
      margin: 0;
   }

   .follow-arrow a {
      display: block;
      width: 7px;
      height: 24px;
   }

   #article-content .name-author {
      display: flex;
      justify-content: flex-start;
      flex-direction: column-reverse;
      gap: 6px;
      font-size: 12px;
      margin-bottom: 16px;
      /* background: #FFFFFF; */
      padding: 0;
      width: 100% !important;
   }

   #article-content .name-author .author-name-box {
      display: flex;
      gap: 4px;
      align-items: center;
   }

   #article-content .article-info-author-text,
   #article-content .date-pub.timezone-date {
      color: #666666;
   }

   #article-content .post-profile .name-author .author-name {
      color: var(--active-color);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 100%;
      text-decoration: underline;
      display: block;
   }

   #article-content .post-profile .name-author,
   #article-content .post-profile .article-meta {
      font-size: 12px !important;
      line-height: 14px;
   }

   #article-content .article-meta {
      padding: 0;
   }
}

#tag-cloud {
   clear: both;
   margin: 0 auto;
}

.smart-menu-containers {
   background: #ffffff;
   padding: 8px 16px 6px;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #ffffff;
   box-shadow: 0px 4px 20px var(--bg-color);
}

.scrollable-content-holder {
   position: relative;
   box-sizing: border-box;
   display: flex;
   width: 100%;
   align-items: center;
}

.pn-ProductNav::-webkit-scrollbar {
   display: none;
}

.pn-ProductNav {
   display: inline-block;
   vertical-align: bottom;
   overflow-x: auto;
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
   white-space: nowrap;
   -ms-overflow-style: none;
   overflow: -moz-scrollbars-none;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}

.pn-ProductNav_Contents {
   float: left;
   font-size: 0;
   transition: transform .2s ease-in-out;
   position: relative;
}

.pn-ProductNav_Contents-no-transition {
   transition: none;
}

.scrollable-content-item {
   color: #2D2D2D !important;
   width: auto;
   padding: 6px 10px;
   background: var(--bg-color);
   border: 1px solid #ffffff;
   box-sizing: border-box;
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
   border-radius: 18px;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
   font-size: 12px;
   line-height: 14px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   margin-right: 8px;
   letter-spacing: normal;
   text-decoration: none !important;
}

.scrollable-content-item:hover {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.scrollable-content-item.chosen {
   color: #ffffff !important;
   background-image: linear-gradient(281deg, #48b9b0, #0ba0b0);
}

.pn-Advancer {
   background: transparent;
   padding: 0;
   border: 0;
   width: 24px;
   height: 24px;
   border-radius: 15px;
   background-color: #ffffff;
   display: inline-block;
   margin-bottom: 2px;
   outline: 0;
   display: none;
   cursor: pointer;
   align-self: center;
}

.pn-Advancer_Left {
   margin-right: 5px;
   left: 0;
}

.pn-Advancer_Right {
   margin-left: 5px;
   right: 0;
}

.pn-Advancer_Icon {
   width: 20px;
   height: 44px;
   fill: #bbb;
}

.pn-ProductNav_Indicator {
   position: absolute;
   bottom: 0;
   left: 0;
   height: 4px;
   width: 100px;
   background-color: transparent;
   transform-origin: 0 0;
   transition: transform .2s ease-in-out, background-color .2s ease-in-out;
}

.wiki-menu-item {
   padding: 0px;
}

.wiki-menu-item:hover {
   color: var(--active-color);
   background: #FBEBEB;
   border: 1px solid var(--active-color);
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
}

.wiki-menu-item a {
   color: #2D2D2D !important;
}

.wiki-submenu-item {
   width: 100%;
   display: flex;
   justify-content: space-between;
   gap: 10px;
   align-items: center;
   text-decoration: none !important;
   color: #666666;
   padding: 10px;
}

button.wiki-submenu-item {
   border: 0;
   background: inherit;
}

.drop-down-menu:hover>.wiki-submenu-item,
.drop-down-menu li:hover>.wiki-submenu-item,
.wiki-menu-item:hover>.wiki-submenu-item {
   color: var(--active-color) !important;
}

.drop-down-icon {
   background-image: url("/assets/img/arrow-down.svg");
   width: 20px;
   height: 20px;
   background-size: cover;
   cursor: pointer;
   background-repeat: no-repeat;
}

.explore-icon {
   background-image: url("/assets/img/explore.png");
   width: 20px;
   height: 15px;
   background-size: cover;
   cursor: pointer;
   background-repeat: no-repeat;
}

.drop-down-menu {
   position: absolute;
   width: 90%;
   margin: 0;
   margin-left: 5%;
   text-align: left;
   font-size: 14px;
   background: #FFFFFF;
   border: 1px solid #ffffff;
   box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
   border-radius: 6px;
   z-index: 99998;
}

.drop-down-menu ul {
   max-height: 300px;
   overflow-y: scroll;
}

.drop-down-menu li:hover {
   color: var(--active-color);
   background: #FBEBEB;
}

.back-block {
   font-weight: 500;
   font-size: 16px;
   line-height: 21px;
   color: #2d2d2d;
}

.back-block.back-nav {
   border-bottom: 1px solid #ffffff;
   padding: 10px 4px;
}

.back-nav span {
   background: none;
   display: flex;
   width: 100%;
   align-items: center;
   gap: 2px;
}

.back-nav img {
   width: 20px;
   height: 20px;
   object-fit: cover;
   transform: rotate(180deg);
}

.back-block a {
   color: #2D2D2D;
}

.explore-menu-item {
   min-width: 60px;
   position: absolute;
   right: -40px;
   height: 35px;
   top: -3px;
}

.article-p {
   width: auto !important;
   position: relative;
   color: #666666;
   font-size: 14px !important;
   margin-bottom: 0 !important;
   flex-shrink: 0;
   margin-right: 4px;
}

.mobile-p {
   font-size: 12px !important;
   margin-top: 8px;
   padding-right: 4px !important;
   padding-left: 8px !important;
}

.sports-more-info {
   color: #666666;
   clear: both;
   font-weight: 500;
   margin: 12px 0 0;
}

.sports-more-info.m-sports-more-info {
   padding-left: 8px;
}

#article-content .bottom-info-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   clear: both;
}

#article-content .publisher-name {
   margin: 0 !important;
   margin-left: 0 !important;
   margin-bottom: 0 !important;

   width: 50%;
   font-style: italic !important;
   font-size: 14px !important;
   color: #666666 !important;
   line-height: 21px !important;
   clear: both !important;
   text-align: left !important;
   padding: 10px 0;
}

.publisher-name {
   font-size: 10px;
   text-align: right;
   color: #757575;
   display: block;
   margin-right: 5px;
}

.sk-content-layout-wrapper {
   background: var(--bg-color, #fff);
}

.sk-promotional-banner--wrapper {
   position: relative;
   width: 100%;
   display: flex;
   flex-direction: column;
   cursor: pointer;
}

.sk-promotional-banner--wrapper .promotional-banner-separator {
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 8px 0;
   font-size: 12px;
   line-height: 14px;
   font-weight: 600;
   color: #2D2D2D;
}

.promotional-banner-separator::before,
.promotional-banner-separator::after {
   content: "";
   width: 140px;
   height: 1px;
   display: block;
   margin: 0 10px;
}

.promotional-banner-separator::before {
   background: linear-gradient(to left, #2D2D2D, #ffffff);
}

.promotional-banner-separator::after {
   background: linear-gradient(to right, #2D2D2D, #ffffff);
}

.sk-promotional-banner {
   position: relative;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 10px;
   align-items: center;
   justify-content: center;
}

.sk-promotional-banner .cta {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 1;
}

.sk-promotional-banner .promotional-content {
   position: relative;
   width: 100%;
}

.sk-promotional-banner .promotional-content img {
   display: flex;
   width: 100%;
   height: auto;
   object-fit: contain;
   border-radius: 12px;
}

@media (max-width: 1024px) {
   .sk-promotional-banner--wrapper {
      padding: 8px 16px 0 16px;
   }

   .sk-promotional-banner .promotional-content img {
      width: 100%;
      height: auto;
      border-radius: 5px;
   }

   .promotional-banner-separator::before,
   .promotional-banner-separator::after {
      width: 70px;
      margin: 0 5px;
   }
}

.trending-articles {
   width: 685px !important;
}

.trending-articles .sports-more-info {
   padding: 7px 16px;
   padding-left: 16px;
   color: #474747;

   font-style: normal;
   background: #fff;
   margin-top: 0;
   font-size: 28px;
   font-weight: 600;
   line-height: 34px;
   letter-spacing: 0.5px;
}

.story-wrapper,
.social-story-wrapper {
   position: relative;
   display: block;
   width: 100%;
   float: left;
   color: #2D2D2D !important;
   overflow: visible;
   background: #fff;
   margin-bottom: 16px;
   background-color: #ffffff;
   border: 1px solid #ffffff;
   padding: 12px 12px 8px;
}

.story-wrapper>a,
.social-story-wrapper .story-link-overlay {
   background-color: transparent;
   display: block;
   height: 100%;
   position: absolute;
   text-decoration: none !important;
   text-indent: 200%;
   white-space: nowrap;
   width: 100%;
   z-index: 9;
   left: 0;
   top: 0;
}

.block-story-title {
   width: 100%;
   margin: 0;
   font-size: 14px;
   font-weight: 500;
   line-height: 21px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   max-height: 54px;
   color: #2D2D2D;
}

.story-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 12px 0 8px;
}

.story-actions-footer {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   padding-top: 8px;
   border-top: 1px solid #ffffff;
}

.story-user-actions .user-action-element:last-child {
   margin-right: 0;
}

.comment-action {
   text-decoration: none !important;
}

.story-user-actions .user-action-element>img {
   filter: brightness(0) saturate(100%) invert(74%) sepia(1%) saturate(1279%) hue-rotate(69deg) brightness(91%) contrast(92%);
}

.story-wrapper .user-action-element span,
.social-story-wrapper .user-action-element span {
   color: #999;
}

.news-details .story-user-actions span,
.news-details .story-user-actions .share-btn span {
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: #474747;
   margin-left: 0;
   display: block;
}

.story-user-actions .user-action-element span.comments--badge {
   position: absolute;
   font-size: 10px !important;
   line-height: 14px;
   font-weight: 500;
   background: #D32F2F;
   color: #fff !important;
   padding: 2px;
   border-radius: 50%;
   width: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 16px;
   top: 1px;
   left: 16px;
}


@media (min-width: 600px) {

   .social-story-wrapper .story-link-overlay,
   .story-wrapper .story-link-overlay {
      height: calc(100% - 46px);
   }

   .block-story-title {
      font-weight: 600;
      font-size: 18px;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      min-height: auto;
      max-height: 72px;
      flex: 1;
   }
}


.story-wrapper .list-story-link,
.social-story-wrapper .list-story-link {
   -webkit-tap-highlight-color: transparent;
}

.list-story-link {
   position: relative;
   display: flex;
   cursor: pointer;
   width: 100%;
   overflow: hidden;
}

.in-block-img.lazy-img-bg {
   background-size: cover;
   opacity: 1;
   background-position: center;
}

.in-block-img {
   opacity: 0;
   transition: opacity 1s;
   -webkit-transition: opacity 1s;
   width: 225px;
   height: 140px;
   max-height: 140px;
   object-fit: cover;
   border-radius: 4px;
   margin-right: 12px !important;
}

.block-story-text {
   flex: 1;
   position: relative;
   margin: 0;
   display: flex;
   flex-direction: column;
}

.recommended-posts.also-read-recommended-posts-desktop {
   /* min-height: 1246px; */
}

.recommended-posts {
   margin: 20px auto 0;
}

#timeline-loading-div,
#timeline-loading-div-top {
   text-align: center;
   display: none;
   clear: both;
   padding-top: 28px;
   color: #555555;
   font-size: 18px;
}

.row {
   clear: both;
   color: #555;
   margin-top: 16px;
   font-size: 14px;
}

#sk-timeline #stories-list {
   background: #fff;
}

.pageno {
   font-size: 1px;
   line-height: 1px;
   visibility: hidden;
}

.user-action-element .share-btn img {
   height: 16px !important;
   width: auto !important;
   object-fit: cover;
   background: none;
}

.pre-2023 .share-text-holder.share-btn span {
   padding: 0;
   margin: 0;
   font-weight: 500;
   color: #A7A7A7;
}


.story-wrapper .user-action-element span,
.social-story-wrapper .user-action-element span {
   color: #999;
}


#article-content ul {
   list-style: unset;
}

#article-content ol,
#article-content ul {
   padding: 0 40px;
   clear: both;
   font-size: 16px;
   margin: 20px 0;
}

#article-content ul li,
#article-content ol li {
   color: #474747;
   font-weight: 400;
   font-size: 16px;
   line-height: 30px;
}

::marker {
   unicode-bidi: isolate;
   font-variant-numeric: tabular-nums;
   text-transform: none;
   text-indent: 0px !important;
   text-align: start !important;
   text-align-last: auto !important;
}

.content-holder a {
   color: #0277BD;
   text-decoration: underline;
}

#article-content .bottom-tagline {
   background: var(--bottom-tagline-bg-color, var(--bg-color));
   padding: 12px 7px 12px 20px;
   border-left: 4px solid var(--active-color);
   border-right: 4px solid var(--active-color);
   margin: 20px 0;
}

#article-content .bottom-tagline p {
   font-size: 18px !important;
   padding: 0 !important;
   line-height: 28px;
}

#keeda-comments-container * {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

#keeda-comments-container {
   border: 1px solid var(--border-color--alpha);
   padding: 16px 16px 0px;
   border-radius: 3px;
   margin: 0;
   width: 100%;
   background: var(--bg-color);
   display: inline-block;
   margin-bottom: 16px
}

.one-comment {
   display: flex;
   box-sizing: border-box;
   float: left;
   clear: both;
   width: 100%;
   color: #333;
   line-height: 0;
   padding: 8px;
   margin: 8px 0 0;
   position: relative;
   overflow: visible !important;
}

.one-comment.selected {
   background: rgb(251 235 235 / 75%);
}

.one-comment:last-child {
   border-bottom-color: transparent;
}

.one-comment .profile-pic-container {
   position: relative;
   display: block;
   margin-right: 8px;
}

.profile-pic-container a {
   display: block;
}

.profile-pic-container img {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   object-fit: cover;
}

.one-comment:hover {
   background: var(--surface-color);
}

.one-comment .name {
   font-weight: 600;
   text-decoration: none;
   color: var(--textColor);
   font-size: 14px;
   line-height: 21px;
}

.dont-break {
   white-space: nowrap;
}

a.author-name>.dont-break {
   position: inherit;
   top: 8px;
}

.one-comment .name:hover {
   background: #C3C3C3;
   text-decoration: none !important;
}

.one-comment .author-name {
   font-weight: 400;
   padding: 2px 6px 2px 0px;
   color: #0B65F0;
   border-radius: 3px;
   text-decoration: none;
}

.one-comment .pic {
   opacity: .9;
   height: 19px;
   display: block;
   float: left;
   margin: 3px;
   border-radius: 3px;
}

.one-comment .pic:hover {
   opacity: 1;
}

textarea.post-comment-box,
.edit-section textarea {
   overflow-y: hidden;
   width: 100%;
   padding: 8px 12px;
   padding-right: 60px;
   resize: none;
   border-radius: 20px;
   border: solid 1px rgba(153, 153, 153, 0.1);
   background: var(--bg-color);
   font-size: 14px;
   line-height: 19px;
   height: auto;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}

textarea.post-comment-box {
   flex: 1;
   overflow-y: auto;
   padding: 10px 20px;
   padding-right: 50px;
   border-radius: 20px;
}

.post-comment-box:hover {
   background: #f8f8f8
}

.post-comment-box:focus {
   outline: none;
   color: #2D2D2D;
}

.post-comment-box:disabled {
   outline: none;
}

.comment-gif {
   position: absolute;
   right: 50px;
   top: 8px;
   border: 1px solid black;
   padding: 0 8px;
   border-radius: 5px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 600;
   transform: scale(0.8);
}

.comment-gif-reply {
   padding: 10px 8px;
   top: 24px;
   right: 5%;
}

.comment-gif-edit {
   padding: 12px 8px;
   top: 5%;
   right: 3%;
}

.gif-search-container {
   width: 100%;
   padding: 5px;
}

.gif-search-text {
   padding: 11px 15px 0px;
   width: 100%;
   height: 40px;
   font-size: 12px;
   outline: none;
   border-radius: 20px;
   border: 1px solid #A9A9A9;
   resize: none;
   background-color: var(--bg-color);
   font-family: unset;
}

.gif-post-image-container,
.gif-post-image-container-reply,
.gif-post-image-container-comment-edit {
   display: block;
   background: var(--bg-color);
   border-radius: 0px 0px 20px 20px;
   border: solid 1px rgba(153, 153, 153, 0.1);
   border-top: none;
}

.gif-post-image-container {
   width: calc(100% - 42px) !important;
   margin-top: -8px;
}

.gif-post-image-container-reply {
   width: 91.6%;
   margin-left: 36px;
}

.gif-post-image-container-comment-edit {
   width: 100%;
}

.text-box-radius {
   border-radius: 20px 20px 0px 0px !important;
   border-bottom: none !important;
}

.gif-post-image-div {
   width: 100px;
   height: 120px;
   position: relative;
   margin-left: 20px;
   padding-bottom: 20px;
}

img.gif-post-image {
   width: 100px;
   height: 100px;
   margin: 0;
   border-radius: 10px;
   position: relative;
}

.remove-gif-image-button {
   position: absolute;
   border-radius: 25px;
   border: 1px solid #A9A9A9;
   top: 0;
   right: 0;
}

.gif-box-overlay {
   width: 100%;
   height: 100%;
   position: fixed;
   background: #000;
   opacity: 0.5;
   left: 0;
   top: 50px;
   z-index: 20;
}

.gif-box {
   width: 450px;
   height: 400px;
   border: 1px solid #A9A9A9;
   background-color: white;
   text-align: center;
   border-radius: 4px;
   position: absolute;
   z-index: 99999;
   padding: 5px 5px;
   font-size: 14px;
}

.gif-box.gif-fixed {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -200px;
   margin-left: -225px;
}

.gif-image-container {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   height: 294px;
   overflow-y: auto !important;
   justify-content: space-evenly;
   gap: 5px;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: none;
   overflow: -moz-scrollbars-none;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}

.gif-image-container::-webkit-scrollbar {
   display: none;
}

.one-comment-media {
   width: 110px !important;
   height: 115px !important;
   float: left;
   border-radius: 10px;
}

.gif-image {
   max-height: 145px;
   max-width: 140px;
   border-radius: 12px;
   cursor: pointer;
}

.gif-tags-scroll-container {
   display: flex;
   overflow-x: auto;
}

.gif-display-tags {
   display: flex;
   gap: 5px;
   justify-content: space-between;
   width: 100%;
   padding-left: 5px;
   padding-right: 5px;
   margin-top: 5px;
   margin-bottom: 10px;
   overflow-x: auto !important;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: none;
   overflow: -moz-scrollbars-none;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}

.gif-display-tags::-webkit-scrollbar {
   display: none;
}

.gif-tags {
   background-color: white;
   padding: 8px 5px;
   font-size: 12px;
   color: #595959;
   text-align: center;
   border: 1px solid #A9A9A9;
   border-radius: 20px;
   white-space: nowrap;
   cursor: pointer;
}

.gif-tag-focus {
   background-color: #ccd9ff;
}

.scroll-left-button {
   position: absolute;
   top: 16%;
   border-radius: 20px;
   height: 28px;
   width: 30px;
   border: none;
   color: blue;
}

.scroll-left-button:hover {
   background-color: rgba(0, 0, 0, 0.2);
}

.scroll-right-button {
   position: absolute;
   top: 16%;
   border-radius: 20px;
   right: 1px;
   height: 28px;
   width: 30px;
   border: none;
   color: blue;
}

.scroll-right-button:hover {
   background-color: rgba(0, 0, 0, 0.2);
}

.tooltiptext {
   visibility: hidden;
   width: 120px;
   background-color: black;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   position: absolute;
   z-index: 1;
   top: -30px;
   padding: 5px 0;
   font-size: 14px;
   right: 20px;
   transform: scale(0.9);
}

.tooltiptext-reply {
   line-height: 18px;
   top: -5px;
   right: 0px;
}

.post-comment-button {
   background: url("//staticg.sportskeeda.com/comments/send-active.svg");
   color: #fff;
   cursor: pointer;
   border: none;
   background-color: transparent;
   height: 32px;
   width: 32px;
   flex-shrink: 0;
}

#comment-holder {
   width: 100%;
   float: left;
   padding: 5px 0;
   position: relative;
}

.post-comment-button img {
   background-color: transparent;
   width: 32px;
   height: 32px;
   position: relative;
   bottom: 4px;
}

.post-comment-button:disabled {
   background: url("//staticg.sportskeeda.com/comments/sendbutton-loading.svg");
   background-repeat: no-repeat;
}

.edit-comment-button img {
   display: inline;
   background: transparent;
   margin: 0px 3px 0px 0px;
   width: auto;
}

.btn-green {
   background: #2E7D32;
   border: solid 1px #2E7D32;
}

.btn-green:hover {
   background: #36845c;
}

.btn-green:active,
#btn-green:focus {
   background: #2e6f4e;
   outline: none;
}

.btn-green-logged-out {
   text-align: center;
   line-height: 23px;
   float: right;
   border-radius: 3px;
   color: #fff !important;
   cursor: pointer;
   margin-top: 7px;
   text-decoration: none !important;
   padding: 0 10px;
   font-weight: normal !important;
   font-size: 13px;
}

.timestamp {
   color: #999999 !important;
   font-size: 14px;
   line-height: 17px;
}

#image-for-no-of-comments {
   background: transparent;
   float: left;
   margin-right: 10px;
   height: 20px;
   width: 20px
}

#comments-count-span {
   display: flex;
   align-items: center
}

.comments-count {
   color: #999999;
   font-size: 14px;
   line-height: 17px;
   font-weight: normal;
   font-style: normal;
}

.comment-info .one-comment-text {
   padding-right: 4px;
   font-size: 14px;
   line-height: 21px;
   margin: 4px 0;
}

.comment-info .highlighted {
   color: var(--active-color);
}

.comment-info a {
   text-decoration: none;
}

.timestamp .one-comment-text {
   margin: 5px 1px;
}

textarea:disabled {
   cursor: not-allowed;
}

.comment-top-right-ctrls {
   display: inline;
}

#reply-send-icon {
   display: inline;
   background: transparent;
   margin: 0px 3px 0px 0px;
}

.comment-options {
   text-align: right;
   display: inline-block;
   float: right;
   cursor: pointer;
}

.comment-options img {
   background: transparent;
}

.comment-options-box {
   padding: 5px;
   right: 3px;
   top: -75px;
   width: 128px;
   position: absolute;
   background: #ffffff;
   z-index: 999999;
   box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
   display: inline-block;
   border-radius: 8px;
   overflow: visible !important;
}

.comment-options-box .comment-option-single {
   display: block;
   font-weight: bold;
   font-size: 12px;
   padding: 8px 4px;
   border-bottom: 1px solid var(--bg-color);
   cursor: pointer;
   line-height: 14px;
}

.comment-options-box img {
   display: inline-block;
   background: transparent;
   position: relative;
   top: 3px;
   width: 16px;
}

#delete-option {
   border-bottom: none;
   color: #AF2222;
}

.one-comment .delete-comment {
   cursor: pointer;
   color: #478ACE !important;
   font-size: 11px;
   padding: 3px;
   border-radius: 3px;
   display: inline-block;
   border: none;
   background: #ffffff;
   background-image: url("//staticg.sportskeeda.com/comments/trash.svg");
   width: 12px;
   height: 12px;
   background-size: cover;
   background-repeat: no-repeat;
   margin-left: 12px;
}

.delete-comment:focus {
   outline: none;
}

.delete-action-modal {
   display: none;
   position: fixed;
   height: 100%;
   width: 100%;
   align-items: center;
   justify-content: center;
   z-index: 999999;
   background: rgba(0, 0, 0, 0.4);
   left: 0;
   top: 0;
}

.delete-action-modal img {
   display: block !important;
   height: 64px;
   width: auto;
   margin-top: 16px;
   margin-bottom: 16px;
   margin-left: auto;
   margin-right: auto;
}

.delete-action-modal .delete-action-text {
   font-size: 16px;
   font-weight: bold;
   line-height: 24px;
}

.delete-action-modal .delete-action-warning {
   font-size: 14px;
   color: #AF2222;
   display: block;
   line-height: 17px;
}

.delete-action-modal .delete-actions {
   background: #fff;
   width: 80%;
   padding: 12px;
   margin: 0 auto;
   border-radius: 8px;
   max-width: 292px;
   text-align: center;
   position: absolute;
}

.delete-action-buttons {
   display: flex;
   align-items: center;
   margin-top: 20px;
   text-align: center;
   padding: 10px;
}

.delete-comment-confirm {
   cursor: pointer;
   background: #AF2222 !important;
   color: #fff !important;
   text-decoration: none !important;
   font-size: 14px;
   font-weight: bold;
   padding: 8px 31px;
   border-radius: 20px;
   margin-right: 8px;
   line-height: 17px;
}

.delete-comment-cancel {
   cursor: pointer;
   color: #2D2D2D !important;
   text-decoration: none !important;
   font-size: 14px;
   font-weight: bold;
   padding: 8px 29px;
   border-radius: 20px;
   line-height: 17px;
}

.edit-comment,
.cancel-edit,
.cancel-reply {
   margin-right: 13px;
   text-decoration: none !important;
   color: #999999 !important;
   cursor: pointer;
   font-size: 14px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   height: 33px;
   width: 69px;
   border-radius: 20px;
   border: 1px solid #999999;
}

.comment-reply-button {
   background: var(--active-color);
   border-radius: 20px;
   border: none;
   font-size: 14px;
   height: 33px;
   width: 81px;
   color: #FFFFFF;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   line-height: unset;
}

.comment-reply-button img {
   width: 16px !important;
}

.edit-comment-button {
   background: var(--active-color);
   border-radius: 20px;
   border: none;
   font-size: 14px;
   height: 33px;
   width: 92px;
   color: #FFFFFF;
   font-weight: 500;
   cursor: pointer;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   line-height: unset;
}

.edit-comment {
   margin-left: 12px;
}

.reply-to-comment img {
   background: none;
   margin: 0;
   display: inline;
   height: 16px !important;
   width: 16px !important;
   position: relative;
   top: 2px;
}

.reply-to-comment {
   padding-bottom: 4px;
   display: inline-block;
   text-decoration: none !important;
   font-size: 14px;
   color: #999999 !important;
   cursor: pointer;
   vertical-align: middle;
}

.reply-to-comment span {
   position: relative;
   bottom: 2px;
}

#pic-near-reply-box {
   display: inline-block;
   border-radius: 50%;
   width: 32px !important;
   height: auto !important;
   flex-shrink: 0;
}

.comment-reply-box {
   flex: 1;
   min-height: 60px;
   height: auto;
   padding: 10px 20px;
   padding-right: 60px;
   resize: none;
   border-radius: 6px;
   border: solid 1px rgba(153, 153, 153, 0.1);
   background: var(--bg-color);
   color: #2D2D2D;
   font-family: 'Poppins';
}

.reply-section {
   position: relative;
   overflow: visible !important;
}

.reply-section .reply-section-container {
   padding: 12px 0;
}

.reply-section-container .comments-guest-login-holder {
   justify-content: flex-end;
   padding: 12px 0;
}

.reply-section-input-container {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   gap: 10px;
}

.comment-reply-button {
   cursor: pointer;
}

.comment-reply-box:hover {
   background: #f8f8f8
}

.comment-reply-box:focus,
.edit-comment-text:focus {
   outline: none;
}

.replies {
   overflow: visible !important;
}

.replies .one-comment {
   border-bottom: 0 !important;
}

.separator-dot {
   color: #ddd
}

#pic-near-comment-box {
   border-radius: 50%;
   width: 32px;
   height: 32px;
   object-fit: cover;
   display: inline-block;
   vertical-align: top;
   flex-shrink: 0;
}

.guest-mode #pic-near-comment-box,
.guest-mode .post-comment-button,
.guest-mode #pic-near-reply-box,
.guest-mode .cancel-container {
   display: none;
}

.guest-mode .comment-gif {
   right: 12px;
}

.guest-mode .post-comment-box {
   border-radius: 6px;
}

.comment-input-response .response-text,
.reply-section .response-text {
   color: #666666;
   font-size: 16px;
   display: block;
   font-style: italic;
   line-height: 21px;
   font-weight: 500;
   padding: 12px;
}

.comment-input-container {
   display: flex;
   gap: 8px;
   align-items: center;
   flex: 1;
   position: relative;
}

.comment-input-container label {
   font-size: 14px;
   color: #616161;
   width: 100%;
   margin-left: 2px;
}

#keeda-comments-container .comments-header {
   padding-bottom: 12px;
   margin-bottom: 8px;
   border-bottom: 1px solid var(--border-color--alpha);
   display: flex;
}

#keeda-comments-container .comments-header h4 {
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   color: var(--textColor);
   text-transform: uppercase;
   padding: 0 !important;
}

.comments-count-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   font-size: 16px;
   padding: 8px;
}

.comments-sort-container label {
   color: var(--textColor);
}

.comments-input-holder {
   width: 100%;
   display: flex;
   gap: 8px;
   padding: 8px;
   position: relative;
   border-bottom: 1px solid var(--bg-color);
   align-items: center;
}

.comment-details {
   display: grid;
   position: relative;
   flex: 1;
   overflow: visible !important;
   word-break: break-word;
}

.oauth-button-container {
   width: auto;
   background: #ececec;
   border-radius: 10px;
   overflow: hidden !important;
   margin-top: 5px !important;
}

.oauth-button-container .oauth-button-group {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 4px 0;
}

.oauth-button-container.reply-oauth {
   width: calc(94vw - 14px);
   margin-left: -38px;
   max-width: 558px;
}

.oauth-button-container .oauth-button {
   margin: 0 12px 0 0;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   overflow: hidden
}

.oauth-button.google {
   border: 1px solid #A2A2A2;
   background: #fff;
}

.oauth-button.email {
   border-radius: 0;
   margin-top: 9px;
}

.oauth-button img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   background: transparent;
}

.oauth-button.google img {
   width: 24px;
   height: 24px;
   object-fit: cover;
   background: transparent;
}

.login-support-text {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0;
   font-size: 12px;
   font-weight: bold;
   background: #761919;
   padding: 8px;
   text-align: center;
   color: #ffff;
}

.login-support-text span {
   flex: 1;
   line-height: 18px;
}

.one-comment.highlight {
   animation: highlight 2s linear 3;
}

.edit-section {
   display: flex;
   flex-direction: column;
   position: relative;
   min-height: 78px;
   width: 100%;
}

.edit-section textarea {
   width: 100%;
   height: 48px;
   margin-top: 0;
   color: #2D2D2D;
   padding: 10px;
   padding-left: 20px;
   padding-right: 60px;
   overflow-y: auto;
}

.edit-comment-button {
   bottom: 30px;
}

.comments-container {
   display: inline-block;
   position: relative;
   width: 100%;
}

.comments-container {
   overflow: hidden !important;
}

.reply-oauth-close,
.login-oauth-close {
   position: absolute;
   right: 12px;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border: none;
   cursor: pointer;
}

.reply-oauth-close img,
.login-oauth-close img {
   background-color: transparent;
   color: transparent;
}

.cancel-container {
   padding: 16px 6px 9px 0;
   display: inline-flex;
   float: right;
   margin-left: auto;
}

.comments-loading-info {
   position: relative;
   display: block;
   background: #DEDEDE;
   color: #717171;
   padding: 4px;
   text-align: center;
}

.comments-loading-error {
   position: relative;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.comments-loading-error span {
   font-size: 15px;
   color: #555;
   line-height: 20px;
   font-weight: 300;
}

.comments-loading-error button {
   border: none;
   background-color: var(--active-color);
   color: #fff;
   margin: 8px 0 0;
   padding: 8px 16px;
   border-radius: 20px;
   cursor: pointer;
   font-size: 16px;
}

.comments-loading-error button:focus {
   outline: none;
}

.vote {
   cursor: pointer;
   font-size: 14px;
   border: none;
   background: transparent;
   padding: 0;
   vertical-align: middle;
   text-align: center;
   display: inline-flex;
   align-items: center;
   color: #555;
   margin-right: 12px;
}

.vote.downvote {
   margin-right: 45px;
}

.vote img {
   height: 14px;
   width: 16px;
   vertical-align: middle;
   background-color: transparent;
   position: relative;
   object-fit: contain;
}

.vote:focus {
   outline: none;
}

.vote .vote-count {
   font-size: 14px;
   margin-left: 4px;
   color: #999999;
}

.downvote.selected {
   color: var(--active-color);
}

.downvote.selected img {
   position: relative;
   top: 3px;
}

.upvote.selected {
   color: var(--active-color);
}

.upvote.selected .vote-count {
   color: #999999;
}

.downvote.selected .vote-count {
   color: #999999;
}

.vote.animate img {
   animation: zoom-in-out 1200ms linear;
   animation-iteration-count: 1;
}

.comment-option-single-cancel {
   float: right;
   padding-right: 2px;
   position: relative;
   cursor: pointer;
   font-size: 18px;
   line-height: 18px;
}

.one-comment .profile-status {
   font-size: 12px;
   color: #999999;
   line-height: 14px;
   line-height: 16px;
}

.profile-status.highlighted {
   color: #AF2222;
}

.controls {
   position: relative;
   padding: 4px 0 0;
   overflow: visible !important;
}

.profile-name-container {
   display: flex;
   align-items: center;
   gap: 5px;
}

.view-more-container {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   background: var(--bg-color);
   margin: 10px 0;
}

.view-more-container button.view-more-button {
   cursor: pointer;
   padding: 8px 12px;
   background: var(--surface-color);
   border: 1px solid var(--border-color--alpha);
   border-radius: 20px;
   color: var(--textColor);
   display: flex;
   align-items: center;
   text-align: center;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
}

.view-more-button img {
   width: 20px;
   height: 20px;
   object-fit: cover;
   background-color: transparent !important;
   margin-left: 4px;
}

.comments-placeholder {
   padding: 16px 4px;
   display: flex;
   width: 100%;
   align-items: flex-start;
}

.comments-placeholder-image {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: var(--bg-color);
   margin-right: 12px;
   flex-shrink: 0;
}

.comments-placeholder-info {
   display: flex;
   flex: 1;
   flex-direction: column;
}

.comments-placeholder-title {
   width: 102px;
   height: 20px;
   margin-bottom: 12px;
   background: var(--bg-color);
   border-radius: 25px;
}

.comments-placeholder-text {
   width: 100%;
   height: 90px;
   background: var(--bg-color);
   border-radius: 4px;
}

.comment-input-response {
   background: var(--bg-color);
}

.comment-pending-container {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 8px;
}

.comment-pending-container span {
   font-weight: normal;
   font-size: 14px;
   padding: 4px 8px;
   background: #eee;
   border-radius: 20px;
   color: #000 !important;
}

.comment-pending-container button {
   cursor: pointer;
   border: 0;
   padding: 4px;
   background: transparent;
}

.comment-pending-container button img {
   width: 16px;
   height: 16px;
   object-fit: cover;
   background: transparent;
   opacity: 0.4;
}

.guest-comment-sticky {
   position: sticky;
   top: 0;
   background: transparent;
   z-index: 1;
   clear: both;
}

.one-comment.guest {
   position: relative;
   background: #fff;
   border: 1px solid #999999;
   border-top-right-radius: 12px;
   border-top-left-radius: 12px;
   pointer-events: none;
}

.one-comment.guest::after {
   position: absolute;
   content: url("//staticg.sportskeeda.com/comments/ic-lock.svg");
   width: 16px;
   height: 16px;
   object-fit: cover;
   top: 8px;
   right: 8px;
}

.one-comment.guest .profile-pic-container,
.one-comment.guest .comment-details {
   pointer-events: none;
}

.one-comment.guest .comment-details .controls {
   display: none;
}

.one-comment.guest .comment-info .one-comment-text {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   line-clamp: 3;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #999;
}

.comments-guest-login-holder {
   align-items: center;
   justify-content: center;
   background: #fff;
   padding: 1px 16px 12px;
   display: none;
   margin-top: -1px;
}

.guest-mode .comments-guest-login-holder {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
   background: #fff;
}

.comments-guest-login-holder .comments-guest-login-buttons {
   display: flex;
   gap: 10px;
   justify-content: space-between;
   width: 100%;
}

.guest-mode .reply-section .comments-guest-login-holder {
   background: transparent;
}

.comments-guest-login-holder button {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 1;
   padding: 8px 16px;
   border: 1px solid #666;
   color: #666;
   border-radius: 40px;
   font-size: 12px;
   font-weight: 600;
   line-height: 18px;
   gap: 10px;
   cursor: pointer;
   background: #fff;
   box-shadow: 0px 4px 5px 0px #0000001F;
}

.comments-guest-login-holder button.post-as-guest-preview-btn {
   text-transform: uppercase;
}

.comments-guest-login-holder .comments-guest-post-action {
   display: flex;
   flex-direction: column;
   gap: 12px;
   width: 100%;
}

.comments-guest-post-action .comments-guest-post-action-buttons {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 8px;
}

.comments-guest-login-holder .comments-guest-post-action input {
   border: 1px solid #999999;
   border-radius: 4px;
   padding: 6px 12px;
   outline: none;
}

.comments-guest-login-holder .comments-guest-post-action input.error {
   border: 1px solid red;
}

.comments-guest-login-holder .comments-guest-post-action span.error {
   font-size: 11px;
   line-height: 14px;
   margin-top: -10px;
   color: red;
}

.comments-guest-post-action-buttons button {
   width: 30%;
   flex: unset;
   border: none;
}

.comments-guest-post-action-buttons button.post-as-guest--submit {
   background: var(--active-color);
   color: #fff;
   padding: 10px 16px;
}

.comments-guest-post-action-buttons button.post-as-guest--cancel {
   box-shadow: none;
   font-size: 11px;
   font-weight: 400;
   line-height: 16.5px;
}

.comments-guest-login-holder .post-comment-feedback-cta {
   font-size: 11px;
   font-weight: 400;
   line-height: 16.5px;
   color: #0B65F0;
   cursor: pointer;
}

.comments-guest-login-holder button.sso-apple-btn {
   border: 1px solid #ffffff;
}

.comments-guest-login-holder button img {
   height: 24px;
   width: 24px;
   background: transparent;
   object-fit: cover;
}

.comments-info-text {
   color: #999999;
   font-size: 12px;
   font-weight: 400;
   line-height: 15px;
}

@keyframes highlight {
   50% {
      background: rgba(211, 47, 47, 0.3);
   }
}

@keyframes zoom-in-out {
   0% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.4);
   }

   100% {
      transform: scale(1);
   }
}

@media screen and (min-width: 768px) {
   .oauth-button-container.reply-oauth {
      width: 100%;
      max-width: auto;
      margin: 0;
   }
}

@media screen AND (max-width: 1024px) {
   #keeda-comments-container {
      border: none;
      margin-bottom: 8px;
      padding: 12px 6px 0;
   }

   .gif-box {
      width: 350px;
   }

   .gif-box.gif-fixed {
      margin-left: -175px;
   }

   .gif-image {
      max-height: 105px;
      max-width: 105px;
   }

   .comment-reply-box {
      width: 82.6%;
   }

   .gif-post-image-container-reply {
      width: 82.7%;
   }

   .comment-gif-reply {
      right: 8%;
   }

   .comment-input-container,
   .comments-input-holder {
      overflow: visible !important;
   }

   .timestamp,
   .one-comment .profile-status {
      font-size: 12px;
      line-height: 14px;
   }
}

.feed-comments-popover {
   position: fixed;
   right: 16px;
   top: 50px;
   width: 420px;
   height: calc(60%);
   z-index: 99999;
   background: #fff;
   box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
   transition: all 0.4s ease-in-out;
   transform: translateX(0px);
   overflow: hidden;
}

.feed-comments-popover.inactive {
   transition: all 0.4s ease-in-out;
   background: none;
   transform: translateX(110%);
}

.feed-comments-backdrop {
   display: none;
}

.feed-comments-container {
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column;
}

.feed-comments-scroll-area {
   flex: 1;
   flex-direction: column;
   overflow-y: scroll !important;
   position: relative;
   height: 100%;
}

.feed-comments-container .comments-container {
   min-height: 100%;
   padding: 0 8px 12px;
   overflow-y: auto !important;
   background: #fff;
}

.feed-comments-container .comments-input-holder {
   background: #fff;
   border-bottom: 0;
   padding: 12px 16px;
   position: sticky;
   top: 0;
   z-index: 999999;
}

.feed-comments-container .comments-guest-login-holder {
   position: sticky;
   top: 64px;
   z-index: 999999;
}

.feed-comments-container .post-comment-button {
   bottom: 2px;
}

.feed-comments-header {
   display: flex;
   gap: 12px;
   position: relative;
   top: 0;
   left: 0;
   padding: 12px 16px;
   background-color: #fff;
   align-items: center;
   z-index: 1;
   flex-shrink: 0;
}

.feed-comments-header span {
   color: #2D2D2D !important;
   font-size: 14px;
   line-height: 21px;
   font-weight: 500;
   flex-shrink: 0;
   flex: 1;
}

.popover-close {
   border: none;
   padding: 4px;
   background-color: transparent;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   cursor: pointer;
   flex-shrink: 0;
}

.feed-comments-header img,
.popover-close img {
   width: 24px;
   height: auto;
   object-fit: cover;
   background-color: transparent;
   margin: 0;
   cursor: pointer;
}

.comments-empty-state {
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
}

.comments-empty-state .comments-empty-state-arrow-anim {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   transform: translateY(16px);
   animation: updown 3s linear infinite;
}

.comments-empty-state p {
   font-weight: 500;
   font-size: 16px !important;
   line-height: 24px;
   color: #2D2D2D;
   text-align: center;
   margin-top: 30px;
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: flex-start;
}

.comments-empty-state span {
   width: 1px;
   min-height: 136px;
   height: 90%;
   border: 1px dashed #2D2D2D;
}

.comments-empty-state img {
   width: 8px;
   height: auto;
   object-fit: cover;
   rotate: -90deg;
   background-color: transparent;
}

.feed-comments-container .oauth-button-container {
   background: #fff;
   display: flex;
   border-radius: 0;
   margin-top: 0 !important;
   align-items: center;
   padding: 4px 12px;
   border-top: 1px solid #ffffff;
   position: absolute;
   z-index: 1;
   width: 100%;
   left: 0;
   bottom: 66px;
}

.feed-comments-container .one-comment .oauth-button-container {
   position: relative;
   bottom: unset;
   top: unset;
   margin-top: 12px !important;
   border-radius: 4px;
   border: 1px solid #ffffff;
}

.feed-comments-container .reply-oauth-close,
.feed-comments-container .login-oauth-close {
   display: none;
}

.feed-comments-container .login-support-text {
   background: #fff;
   color: #2D2D2D;
   width: 60%;
   text-align: left;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
}

.feed-comments-container .login-support-text span {
   line-height: 24px;
}

.feed-comments-container .oauth-button-group {
   flex: 1;
   justify-content: flex-end;
}

.comments-article-container {
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding: 10px 16px;
   text-decoration: none;
   box-shadow: 0px 2px 6px 0px #0000000D;
   background: linear-gradient(90.52deg, rgb(255, 255, 255) -4.82%, rgb(255, 241, 214) 9.68%, rgb(246, 255, 235) 59.28%, rgb(255, 239, 220) 102.2%);
}

.comments-article-container .comments-opinion-wrapper {
   display: flex;
   gap: 6px;
   align-items: center;
   justify-content: center;
}

.comments-article-container .comments-opinion-wrapper span {
   font-size: 11px;
   font-weight: 400;
   line-height: 17px;
   color: #2D2D2D;
}

.comments-article-container .comments-opinion-wrapper span:first-child,
.comments-article-container .comments-opinion-wrapper span:last-child {
   width: 50px;
   height: 4px;
}

.comments-article-container .comments-opinion-wrapper span:first-child {
   background: linear-gradient(90deg, rgba(255, 182, 7, 0) 0%, #FFB607 100%);
}

.comments-article-container .comments-opinion-wrapper span:last-child {
   background: linear-gradient(270deg, rgba(255, 182, 7, 0) 0%, #FFB607 100%);
}

.comments-article-container p {
   margin: 0;
   padding: 0;
   font-size: 14px !important;
   font-weight: 600;
   line-height: 21px;
   color: #2D2D2D;
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   min-height: auto;
   text-align: center;
}

.comments-info-text {
   color: #999999;
   font-size: 12px;
   font-weight: 400;
   line-height: 15px;
}

@keyframes updown {
   0% {
      transform: translateY(16px);
   }

   50% {
      transform: translateY(0);
   }

   100% {
      transform: translateY(16px);
   }
}

@media screen and (max-width: 1024px) {
   .feed-comments-popover {
      left: 0;
      right: 0;
      top: 0;
      height: 100%;
      width: 100%;
      display: flex;
      align-items: flex-end;
      flex-direction: column;
      background: transparent;
      transform: translateY(0px);
   }

   .feed-comments-popover.inactive {
      transform: translateY(110%);
   }

   .feed-comments-backdrop {
      display: block;
      height: 140px;
      width: 100%;
      background: #000000CC;
      flex-shrink: 0;
   }

   .feed-comments-container {
      width: 100%;
      height: auto;
      flex: 1;
      border-radius: 12px 12px 0 0;
      margin-top: -12px;
   }

   .feed-comments-container .delete-action-modal {
      height: 62vh;
   }

   @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
      .feed-comments-container .comments-container {
         -webkit-backdrop-filter: blur(12px);
         backdrop-filter: blur(12px);
         background-color: rgba(255, 255, 255, 0.9);
      }
   }
}

.fragments-container {
   float: left;
   width: 728px;
   min-height: 1px;
}

.editor-width-100-pc .fragments-container {
   width: 670px;
}

.pre-2023 .editor-width-100-pc .fragments-container {
   width: 670px !important;
}

.editor-width-100-pc .right-sidebar {
   margin-top: 0 !important;
   padding-top: 0;
   border: none !important;
}

.right-sidebar {
   border: 1px solid #ffffff;
   margin-top: 16px !important;
}

.editor-width-100-pc .right-sidebar {
   width: 390px;
   margin-top: 40px;
}

.pre-2023 .editor-width-100-pc .right-sidebar {
   width: 390px !important;
}

.right-sidebar {
   float: right;
   width: 330px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   margin-top: 20px;
}


body .editor-width-100-pc {
   overflow: visible;
}

.container.editor-width-100-pc::after {
   content: "";
   display: block;
   clear: both;
}

.rightStickyTopWrap {
   position: relative;
   overflow: visible;
   clear: both;
   height: 700px;
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.rightStickyTop {
   --stickyTopOffset: 60px;
   position: sticky;
   top: var(--stickyTopOffset);
   height: 740px;
}

body.has-top-header .rightStickyTop {
   --stickyTopOffset: var(--topHeaderHeight);
}

body.has-primary-nav .rightStickyTop {
   --stickyTopOffset: var(--primaryNavHeight);
}

body.has-top-header.has-primary-nav .rightStickyTop {
   --stickyTopOffset: calc(var(--topHeaderHeight) + var(--primaryNavHeight));
}

.rightStickyTop .ad-container {
   padding: 0 !important;
}

.sidebar-ad-top {
   margin-bottom: 20px;
}

#article-content .intro img {
   width: 100%;
   height: fit-content;
   aspect-ratio: 16/9;
   object-fit: cover;
}

.content-holder figure img,
.content-holder p img {
   min-height: 100px;
   height: auto;
   max-width: 100%;
   background: #afafaf;
   color: #afafaf;
   display: block;
}

.intro .hero-image-caption {
   color: #fff;
   position: absolute;
   bottom: 0;
   text-align: left;
   width: 100%;
   background-image: linear-gradient(0deg, black, #00000000);
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   gap: 12px;
}

.caption-info {
   background-image: url('/assets/img/info.png');
   background-color: #fff;
   background-size: cover;
   background-repeat: no-repeat;
   width: 26px;
   height: 26px;
   border-radius: 50%;
   border: none;
   transform: scale(0.7);
}

#article-content .story-user-actions {
   justify-content: flex-start;
   gap: unset;
}

@media (max-width: 1024px) {
   #article-content .story-user-actions {
      justify-content: flex-start;
      gap: unset;
   }

   .comment-action {
      text-decoration: none !important;
   }

   #article-content .story-user-actions {
      padding: 6px 0;
   }

   #article-content .story-user-actions {
      margin: 0 14px;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: flex-start !important;
      clear: both;
      gap: 12px !important;
      max-height: 34px;
      margin-bottom: 16px;
   }

   #article-content .user-action-element,
   .comments-like-div .story-user-actions .user-action-element,
   .follow-us-cta {
      z-index: 1;
      border: 1px solid #D1D1D1 !important;
      border-radius: 34px !important;
      width: fit-content !important;
      text-decoration: none !important;
      display: flex !important;
      align-items: center !important;
      padding: 8px 12px 8px 10px !important;
   }

   .story-user-actions .user-action-element {
      width: 33.33%;
      margin-right: 0;
   }

   .story-user-actions .user-action-element {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 8px 12px 8px 10px;
      gap: 6px;
      border: none;
      background-color: inherit;
      cursor: pointer;
      border-radius: 4px;
      border-radius: 34px;
   }

   #article-content .follow-action img,
   #follow-us-cta-header img {
      width: 15px !important;
      height: 13px !important;
   }

   .user-action-element>img {
      object-fit: cover;
      background-color: transparent;
   }

   .story-user-actions .user-action-element>img {
      filter: unset !important;
   }

   #article-content p {
      font-size: 18px;
      font-weight: 400;
      line-height: 1.8;
      color: var(--textColor1);
      text-align: left;
      margin: 0;
   }

   .news-body {
      padding: 0 14px !important;
   }

}