.obvious-card {
    padding: 2px;
    height:80px;
    width: 75%;
    margin: auto;
    text-align:center;
}
.obvious-card i {
    margin-bottom: 5px;
    color: #fff;
}
.obvious-card a {
    color: #fff;
    font-size: 0.7em;
    font-weight: 600;
}
#pills-tab li.nav-item a{
  color: #000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}
#pills-tab li.nav-item a.active{
  background-color: #f0f0f0;
  color: #000,
}
#pills-tabContent table {
  font-size: 12px;
}
#pills-tabContent table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#pills-tabContent table td, #pills-tabContent table th {
  border: 1px solid #f0f0f0;
  padding: 8px;
}
.hero-section {
  padding: 15px 0 15px 200px;
  height: 300px;
  color: #fff;
}
#obvious-tab{
  padding-top: 100px;
}
.header-link{
  font-weight: 700;
  font-size: 1.2rem;
  color:#336600;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header-link::after{
  content:"";
  display:block;
  width: 40%;
  max-width:70%;
  border-bottom: 0.3em solid #dff707;
  margin: 5px 0 10px 0;
}
.header-link-full::after{
  content:"";
  display:block;
  width: 100%;
  max-width:100%;
  border-bottom: 0.3em solid #dff707;
  margin: 5px 0 10px 0;
}

.ordinary-link{
  color: #000;
  outline: none;
}
.top-header {
  font-size: 14px;
  background-color:#336600;
  color: rgb(3, 80, 13);
}
.ebonyi-bg {
  background-color: #336600;
  color: #336600;
}
.left-nav-menu {
  padding: 5px;
}

/*******************************************/
/* height of navbar */
.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important; color: #fff}
.navbar {min-height:32px !important}
/* Modify the background color 
          
.navbar-custom { 
  background-color: #336600; 
} 
/* Modify brand and text color */ 

.navbar-custom .navbar-brand, 
.navbar-custom .navbar-text { 
  color:#336600; 
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: #336600;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color:#23cc23;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
  background-color: #336600;
}
.navbar .nav-item .dropdown-menu{ margin-top:-70px; }

.navbar-custom .dropdown-item {
  color: #ffffff;
}

.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
  color: #191919;
  background-color: #23cc23;
}
.left-nav-menu ul > li{
  background-color: #f0f0f0;
}
.left-nav-menu  ul > li > a{
  color: #336600;
  font-weight: 500;
  font-size: 12px;
}