HI, @Leon I have found the solution for the same. Now you can write inline CSS and solve the issue which I addressed. Please check the below-mentioned code.
<h2>Toggleable Tabs</h2>
<br /> <!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#menu1">Menu 1</a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#menu2">Menu 2</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div id="home" class="container tab-pane active"><br />
<h3>HOME</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div id="menu1" class="container tab-pane fade"><br />
<h3>Menu 1</h3>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div id="menu2" class="container tab-pane fade"><br />
<h3>Menu 2</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
</div>
</div>
</div>
< (Remove this !--) script type="text/javascript">// <![CDATA[
var newStyle = document.createElement("style");
newStyle.innerHTML =
".course-content .activity_list .content .summary>.no-overflow ul>li::before, .course-content .section .content .summary>.no-overflow ul>li::before {"+
"content: ' ' !important;"+
"}";
document.getElementsByTagName("head")[0].appendChild(newStyle);
// ]]></script (Remove This)>