/* Change the "Follow" button color */
[data-id="article_follow"] {
    background-color: #03FF94 !important;
    color: white !important;
    border-color: #03FF94 !important;
    padding: 8px 16px;
    border-radius: 15px;
}

/* Optional: Change hover effect */
[data-id="article_follow"]:hover {
    background-color: #077b55 !important;
    color: white !important;
}

/* Change the color of the description text under the button */
.ArticleDetailRightContainer__descriptionFlw {
    color: #03FF94 !important;
    font-weight: bold;
}

/* Change "On this page" text to white */
.TOCContainer__tocHeading {
    color: white !important;
}

/* Change the plus and minus icons to white */
.TOCContainer__arrowRotClose svg,
.TOCContainer__arrowRotOpen svg,
.Icon__icon[alt="menuClose"] use,
.Icon__icon[alt="menuOpen"] use {
    fill: white !important;
    stroke: white !important;
}

/* Optional: Adjust hover effect */
.TOCContainer__tocOpen:hover .TOCContainer__tocHeading {
    color: #f0f0f0 !important;
}

/* Change "Trading Support" text to white */
.CustomWidgets__widgetTitle {
    color: white !important;
}

/* Change the centerView icon to white */
use[xlink\:href="#centerView"] {
    fill: white !important;
    stroke: white !important;
}

/* Optional: Adjust hover effect */
.CustomWidgets__widgetTitle:hover {
    color: #f0f0f0 !important;
}

/* Ensure the parent container does not override it */
svg.Icon__icon use {
    fill: white !important;
    stroke: white !important;
}

/* Ensure the "Back to Top" icon is always visible */
.Icon__icon[alt="Back to top"] use {
    fill: black !important;
    stroke: black !important;
}

/* Optional: Change the color on hover */
.Icon__icon[alt="Back to top"]:hover use {
    fill: #333333 !important;
    stroke: #333333 !important;
}

/* Change the "Tradexprop" link color to black */
a[data-id^="undefined_Tradexprop"] {
    color: black !important;
}

/* Optional: Change the color on hover */
a[data-id^="undefined_Tradexprop"]:hover {
    color: #03FF94 !important;
}

.Button__tagPrimary {
    background-color: #03FF94 !important;
    color: black !important;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
}

.Button__tagPrimary:hover {
    background-color: #077b55 !important;
    color: white !important;
}

/* Change all article links to black */
.Link__link {
    color: black !important;
    text-decoration: none !important;
}

/* Change color on hover (optional) */
.Link__link:hover {
    color: #03FF94 !important;
    text-decoration: underline !important;
}

/* Change color of the "Popular Articles" heading */
.ArticlesContainer__title {
    color: #03FF94 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

/* Set default text color to white */
.Tree__labelTree {
    color: white !important;
}

/* Change text color to #03FF94 on hover */
.Link__link:hover .Tree__labelTree {
    color: #03FF94 !important;
}

/* Change Follow button background color and text color */
.Button__neutral.Button__basic {
    background-color: #03FF94 !important;
    color: black !important;
    border: none;
}

/* Optional: Hover effect */
.Button__neutral.Button__basic:hover {
    background-color: #077a55 !important;
}

.SubscribeDepart__decsmall {
    color: #03FF94 !important;
}

/* Change category title color to white */
.SubscribeDepart__depname {
    color: black !important;
}

/* Change KB Sections title color to white */
.KBCategoryTree1__kbTitle {
    color: white !important;
}

/* Default header background (when at the top) */
.Header__searchalt {
    background-color: transparent !important;
}

/* Sticky header background on scroll */
.Readingprogress__fixed_header {
    background-color: #03FF94;
    transition: background-color 0.3s ease-in-out;
}

/* Make the avatar background and text black with border */
.AvatarText__avatarText {
    background-color: black !important;
    color: black !important;
    border: 1px solid black !important;
    border-radius: 15px;
    padding: 4px;
}

/* Article list box styling */
.ArticleListContainer__boxView {
    border-radius: 15px !important;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* KB Category box styling */
.KBSubCategoryContainer__boxView {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 20px;
    background-color: white;
    overflow: hidden;
}

/* Article detail styling */
.ArticleDetailLeftContainer__box {
    border-radius: 15px;
    padding: 24px;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #ddd;
}

.Header__homeNavbarFixed .Header__searchSubCont {
  position: static !important;
  top: auto !important;
}


.SearchBox__searchpart input {
  width: 100%;
max-width: 100%;
}

.Header__containerLi .Header__containerLink {
  display: none;
}
/* Headings (like h1.toc_anchors) */
.toc_anchors {
  margin-top: 0px !important;      /* Was 0 — now more breathable */
  margin-bottom: 0px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

/* Horizontal lines */
hr {
  margin-top: 12px !important;      /* Previously 4px or 8px */
  margin-bottom: 12px !important;
  padding: 0 !important;
  border: none !important;
  border-top: 1px solid #ccc !important; /* Can be changed to #007359 or #03FF94 */
}

.Avatar__img {
  display: none;
}

.SubscribeDepart__depdec {
  display: none;
}