.group::after, .tabBlock-tabs::after {
  clear: both;
  content: "";
  display: table;
}

*, ::before, ::after {
  box-sizing: border-box;
}
.unstyledList, .tabBlock-tabs {
  list-style: none;
  margin-bottom: 20px;
  padding: 0;
}

.tabBlock {
  margin: 0 0 35px;
}

.tabBlock-tab {
  background-color: #fff;
  color: #757575;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  float: left;
  padding: 10px;
  width: 100%;
  transition: 0.3s ease-in-out;
}
.tabBlock-tab:hover {
	background: #F5F5F5;
}
.tabBlock-tab::after {
  background-color: transparent;
  bottom: -2px;
  left: 0;
  right: 0;
}
.tabBlock-tab.is-active {
  background: #2d3d51;
  color: #FFFFFF;
  font-weight: 600;
  border: 1px solid #2d3d51;
  z-index: 1;
}
.tabBlock-content {
  background-color: #fff;
}

.tabBlock-pane > :last-child {
  margin-bottom: 0;
}
.mech-number-circle {
	border-radius: 100%;
	background: #ffe8c5;
	color: #232f3e;
	margin-right: 5px;
	padding: 1px 8px 2px 8px;
	font-weight: 700;
	font-size: 14px;
	position: absolute;
}
.mech-number-paragraph-circle {
  border-radius: 100%;
  color: rgb(35, 47, 62);
  background: rgba(0, 168, 225, 0.20);
  margin-right: 5px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-weight: 600;
  font-size: 16px;
  margin-top: -2px;
  text-align: center;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.mech-check-item-tab {
    display: block;
    padding-left: 35px;
}
.mechtab-01 {
	border-radius: 3px 3px 0px 0px;
	border: 1px solid #EEEEEE;
}
.mechtab-02 {
	border: 1px solid #EEEEEE;
	border-top: 1px solid transparent;
}
.mechtab-03 {
	border: 1px solid #EEEEEE;
	border-top: 1px solid transparent;
}
.mechtab-04 {
	border: 1px solid #EEEEEE;
	border-top: 1px solid transparent;
}
.mechtab-05 {
	border: 1px solid #EEEEEE;
	border-top: 1px solid transparent;
}
.mechtab-06 {
	border: 1px solid #EEEEEE;
	border-top: 1px solid transparent;
}
.mechtab-07 {
	border: 1px solid #EEEEEE;
	border-top: 1px solid transparent;
	border-radius: 0px 0px 3px 3px;
}
.mech-diagram-container {
	padding: 90x;
	margin-bottom: 20px;
}
.mech-businesschallenge img {
	width: 100%
}
.mech-output img {
	width: 100%
}
.mech-tool img {
	width: 100%
}
.mech-adoption img {
	width: 100%
}
.mech-inspection img {
	width: 100%
}
.mech-inputs img {
	width: 100%
}
.mech-iteration img {
	width: 100%
}
@-webkit-keyframes MechFadeDown {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
@-moz-keyframes MechFadeDown {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
@-o-keyframes MechFadeDown {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes MechFadeDown {
  0%   { opacity: 0;}
  100% { opacity: 1;}
}
.MechFadeDown {
	 animation-name: MechFadeDown;
	 animation-duration: 0.3s; /* or: Xms */
	 animation-timing-function: ease-in-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
	 animation-fill-mode: forwards; /* or: backwards, both, none */
}
.mech-tips-box {
	padding: 20px;
	border-radius: 3px;
	background: rgba(0, 168, 225, 0.1);
	color: #232f3e;
}
.mech-line-center{
    margin:0;
	margin: 15px 0px 15px 0px;
    padding: 0px 10px 0px 0px;
    background:#fff;
    display:inline-block;
    font-size: 14px;
    font-weight: 400;
}
.mech-line-text-divide{
    text-align:left;
    position:relative;
    z-index:2;

}
.mech-line-text-divide:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:solid 1px #eeeeee;
    z-index:-1;
}
.mech-bold {
	font-weight: 600;
}
.mech-tip-text {
    display: block;
    padding-left: 30px;
    margin-bottom: 0px;
}