*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#tab{
    background-color:#fff;
}
#tab .tabs{
    border-right: 1px solid black;
    padding: 0;
}
#tab .nav-pills{
    margin-top: 20px;
    gap: 20px;
}
#tab .nav-pills .dropdown-menu{
    width: 100%;
}
#tab .nav-pills .nav-link {
    color: #000;
    font-weight:700;
    width: 100%;
    border-radius: 0px !important;
    text-align: left;
        padding: 10px;
}
#tab .nav-pills .nav-link:hover{
    background-color: #cbd5e1;
}
#tab .nav-pills .nav-link.active {
    background-color: #cbd5e1;
    color: #0094db;
}
#tab .tab-pane p{
    text-align: justify;
}
/* .tab-pane p img{
    float: left;    
    margin: 0 15px 0 0;
    max-width:300px;
} */
#tab button.navbar-toggler {
    border: none;
    outline: none;
    box-shadow: none;
}
#tab button.btn-close {
    border: none;
    box-shadow: none;
    outline: none;
}
#tab i.fa-solid.fa-bars {
    color: #000000;
    font-size: 30px;
}

#tab .offcanvas .offcanvas-start {
    top: 100px;
    
}
#tab .offcanvas-backdrop {
       
        top: 100px !important;
    }
    
    
    #tab .tab-pane h3:after {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #0F172A;
    width: 25%;
}
#tab .tab-pane h3:before {
    display: inline-block;
    margin: 0 20px 8px 0;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: #0F172A;
    width: 25%;
}
@media (max-width:500px) {
    #tab .tab-pane h3:after {
      
        width: 12%;
    }
    #tab .tab-pane h3:before {
      
        width: 12%;
    }
}
#tab .tab-pane ul {
  list-style: none;
  margin: 2em 0;
  padding: 0px 0px;
}
#tab .tab-pane ul li {
  font-size: 16px;
  margin: 1em;
  margin-left: 2em;
}
#tab .tab-pane ul li::before {
  float: left;
  margin-left: -1.5em;
  color: #37476c;
  font-size: 20px !important;
  font-weight: 900 !important;
  font: var(--fa-font-solid);
  content: "\f00c";
}