html, body {
  margin: 0;
  padding: 0;
  background: #fff; }

.underline-title {
  font-size: 24px;
  font-weight: 600;
  padding: 10px;
  border-bottom: solid 6px forestgreen; }

.section > .container {
  width: 1280px;
  margin: 0 auto;
  padding: 60px 0;
  text-align: center; }

.new-tech-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 8%; }
  .new-tech-boxes .new-tech-box {
    position: relative;
    width: 48%;
    height: 100px;
    background-color: #fafafa;
    color: #777;
    text-align: left;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 20px 20px 100px;
    margin-top: 20px; }
    .new-tech-boxes .new-tech-box .new-tech-box-icon {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 80px;
      height: 80px; }
      .new-tech-boxes .new-tech-box .new-tech-box-icon img {
        width: 60px;
        height: 60px;
        margin-top: 10px;
        margin-left: 10px; }
    .new-tech-boxes .new-tech-box b {
      font-size: 16px; }
    .new-tech-boxes .new-tech-box p {
      font-size: 13px; }

.new-eco-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3%;
  margin-top: 20px; }
  .new-eco-boxes .new-eco-box {
    width: 30%;
    height: 200px;
    color: #555; }
    .new-eco-boxes .new-eco-box h1 {
      color: #0B8FDB;
      font-size: 20px;
      font-weight: 400;
      padding-bottom: 15px;
      border-bottom: solid 1px #333;
      text-align: left; }
    .new-eco-boxes .new-eco-box p {
      color: #777;
      text-align: left;
      line-height: 1.5em;
      font-size: 12px; }

.new-sys-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3%;
  margin-top: 20px; }
  .new-sys-boxes .new-sys-box {
    width: 23%;
    height: 180px;
    margin-top: 20px;
    background-color: #fafafa;
    position: relative; }
    .new-sys-boxes .new-sys-box .new-sys-box-icon {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 80px;
      height: 80px; }
      .new-sys-boxes .new-sys-box .new-sys-box-icon img {
        width: 60px;
        height: 60px;
        margin-top: 10px;
        margin-left: 10px; }
    .new-sys-boxes .new-sys-box h1 {
      position: absolute;
      top: 32.5px;
      left: 100px;
      color: #0B8FDB;
      font-size: 15px;
      font-weight: 600; }
    .new-sys-boxes .new-sys-box p {
      position: absolute;
      top: 80px;
      left: 10px;
      right: 10px;
      bottom: 10px;
      color: #777;
      text-align: left;
      line-height: 1.5em;
      font-size: 12px; }

.new-qe-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3%;
  margin-top: 20px; }
  .new-qe-boxes .new-qe-box {
    width: 21%;
    color: #777;
    margin-top: 30px; }
    .new-qe-boxes .new-qe-box h1 {
      font-size: 16px;
      font-weight: 600;
      padding-bottom: 15px;
      text-align: left; }
    .new-qe-boxes .new-qe-box p {
      text-align: left;
      color: #777;
      line-height: 1.5em;
      font-size: 12px; }

.big-data-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3%;
  margin-top: 20px; }
  .big-data-boxes .big-data-box {
    width: 21%;
    color: #777;
    padding: 20px;
    margin-top: 30px;
    border: solid 1px #0B8FDB;
    border-top-width: 5px;
    box-sizing: border-box; }
    .big-data-boxes .big-data-box h1 {
      font-size: 16px;
      font-weight: 600;
      padding-bottom: 15px;
      text-align: center; }
    .big-data-boxes .big-data-box p {
      text-indent: 2em;
      text-align: left;
      color: #777;
      line-height: 1.5em;
      font-size: 12px; }

.greater-bay-area-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3%;
  margin-top: 20px; }
  .greater-bay-area-boxes .greater-bay-area-box {
    width: 30%;
    height: 270px;
    margin-top: 20px;
    background-color: #fafafa;
    position: relative; }
    .greater-bay-area-boxes .greater-bay-area-box .greater-bay-area-box-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 150px;
      background-size: 100%;
      background-position: center center;
      border-bottom: solid 5px #0B8FDB; }
    .greater-bay-area-boxes .greater-bay-area-box h1 {
      position: absolute;
      top: 170px;
      left: 20px;
      color: #555;
      font-size: 15px;
      font-weight: 600; }
    .greater-bay-area-boxes .greater-bay-area-box p {
      position: absolute;
      top: 200px;
      left: 20px;
      right: 20px;
      bottom: 20px;
      color: #777;
      text-align: left;
      line-height: 1.5em;
      font-size: 12px; }

/*# sourceMappingURL=researchScopes.css.map */