.logo.logo-iot {
  background: linear-gradient(145deg, #0b5667, #17a88f 48%, #f08c2e);
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 21px;
  font-weight: 900;
}

.hero {
  background-image:
    linear-gradient(90deg, rgba(3, 35, 49, .84), rgba(8, 72, 87, .5)),
    url(../images/hero-iot-cloud.png);
}

.about-photo {
  background-image:
    linear-gradient(145deg, rgba(6, 74, 85, .14), rgba(21, 137, 122, .4)),
    url(../images/hero-iot-cloud.png);
}

.news-main > div {
  background-image:
    linear-gradient(rgba(3, 47, 58, .18), rgba(3, 42, 55, .78)),
    url(../images/hero-iot-cloud.png);
}

.signup {
  background-image:
    linear-gradient(105deg, rgba(3, 45, 58, .94), rgba(20, 125, 113, .84)),
    url(../images/hero-iot-cloud.png);
}

.page-hero {
  background-image:
    linear-gradient(90deg, rgba(3, 45, 58, .93), rgba(18, 125, 113, .68)),
    url(../images/hero-iot-cloud.png);
}

.quick-grid a i,
.info-card i,
.contact-list i {
  background: linear-gradient(145deg, #17a88f, #f08c2e);
}