.state {
  background: var(--primary-grellow);
  padding: 9.6rem 0;
}
.state.state-Nobg {
  background: transparent;
}
.state .cta {
  margin: 36px auto 0;
}
.state__intro {
  margin-bottom: 40px;
  color: var(--secondary-slate);
}
.state__heading {
  color: var(--primary-bright-blue);
  margin-bottom: 16px;
}
.state__heading:only-child {
  margin-bottom: 48px;
}
.state__item-val {
  width: 100%;
  max-width: 25%;
  color: var(--primary-bright-blue);
  padding-left: 17px;
  border-left: 8px solid var(--primary-bright-blue);
  display: block;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; 
          align-content: flex-start;
          font-size:7.0rem;
}
.state__mob {
  display: none;
}
.state__item-val-des {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: var(--secondary-slate);
  font-size: 1.8rem;
  display: table; 
}

@media only screen and (max-width:1366px){
.state__item-val {
font-size:4.0rem;
}
}

@media (max-width: 991.98px) {
  .state {
    padding: 6.4rem 0;
  }
  .state__wrap {
    padding: 0 8.3333%;
  }
}
@media (max-width: 767.98px) {
  .state {
    padding: 4.8rem 0;
  }
  .state__item-val {
    max-width: 100%;
    border-left-width: 4px;
    margin: 0;
  }
  .state__item-val:nth-child(n+2) {
    margin-top: 30px;
  }
  .state__heading {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .state__item-val {
    max-width: 50%;
    border-left-width: 6px;
  }
  .state__item-val:nth-child(n+3) {
    margin-top: 30px;
  }
}
.nojs .state-item-val-num {
  display: none;
}
.nojs .state__mob {
  display: block;
}