/*-----------------------Active Page Style-----------------------*/
#menu > li:first-child > a {
  text-decoration: underline !important;
  text-decoration-color: #027BDE !important;
  text-decoration-thickness: 3px !important;
  text-underline-offset: 4px;
}
/*------------------------END ACTIVE PAGE------------------------*/

/*-----------------------Sub Hero Panels-----------------------*/
#row18 {
  display: flex;
  justify-content: center;
}

.overview_panels {
  box-shadow: 0 6px 10px rgba(0,0,0,0.12);
  margin: 20px;
  max-width: 460px;
}

/*-------------------End Sub Hero Panels-----------------------*/

/*-------------------------Tabs Styles-------------------------*/
#tabcontainer1 .nav-tabs {
  border-bottom: none !important;
  display: flex;
  flex-flow: row wrap;
  gap: 20px; 
  margin-bottom: 20px !important;
  justify-content: center;                
}

/* Remove default bootstrap tab underline + "active tab" style */
#tabcontainer1 .nav-tabs {
  border-bottom: none !important;
}

#tabcontainer1 .nav-tabs .nav-link {
  border-radius: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#tabcontainer1 .nav-tabs .nav-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.12);
}

#tabcontainer1 .nav-tabs .nav-link.active {
  border-radius: 10px !important;
  transform: translateY(-2px) scale(1.06);
  transition: transform 0.15s ease;
  border: none !important;
}
/*---------------------End Tabs Styles-------------------------*/

.bkthr {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.diff-panel {
  max-width: 650px;
  min-height: 460px;
  margin: 10px;
  box-shadow: 0 6px 10px rgba(0,0,0,0.16);
}