.connected {
  padding: 4rem 0;
}
.connected .connected-feature ul {
  display: inline-block;
  margin: 0px 0px;
}
.connected .connected-feature ul li {
  position: relative;
  padding: 8px 12px;
  margin-bottom: 17px;
  list-style-type: none;
  clear: both;
  float: left;
}
.connected .connected-feature ul li span {
  display: block;
  position: relative;
  padding-left: 35px;
  z-index: 2;
}
.connected .connected-feature ul li::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90.27deg, #FFB545 2.18%, rgba(255, 181, 69, 0) 99.77%);
  opacity: 0.2;
  border-radius: 30px;
}
.connected .connected-feature ul li.purple-2::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90.27deg, #625FFB 2.18%, rgba(98, 95, 251, 0) 99.77%);
  opacity: 0.2;
  border-radius: 30px;
}
.connected .connected-feature ul li.green-3::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90.27deg, #65CB7B 2.18%, rgba(101, 203, 123, 0) 99.77%);
  opacity: 0.2;
  border-radius: 30px;
}
.connected .connected-feature ul li.blue-3::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90.27deg, #d321b5 2.18%, rgba(101, 203, 123, 0) 99.77%);
  opacity: 0.2;
  border-radius: 30px;
}
.connected .connected-feature ul li span i {
  height: 28px;
  width: 28px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  background-color: #ffab0a;
  color: var(--plainclr);
  position: absolute;
  top: 1px;
  padding: 5px;
  left: 0;
  font-size: 13px;
}
.connected .connected-feature ul li.purple-2 span i {
  background-color: #6865ff;
}
.connected .connected-feature ul li.green-3 span i {
  background-color: #5fc33b;
}
.connected .connected-feature ul li.blue-3 span i {
  background-color: #d321b5;
}
.connected .connected-img-wrapper {
  position: relative;
  text-align: right !important;
}

@media (max-width: 992px) {
  .connected-main-thumb {
    margin-top: 2rem;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .connected .connected-feature ul {
    width: 100%;
  }
  .connected-feature {
    width: 100% !important;
  }
  .connected .connected-feature ul li {
    float: unset;
  }
  .connected .connected-img-wrapper {
    position: relative;
    padding-bottom: 25px;
    text-align: center !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .connected .connected-feature ul li {
    float: none;
  }
}
@media (max-width: 767px) {
  .connected .connected-img-wrapper {
    text-align: left !important;
  }
  .connected .connected-img-wrapper img {
    width: 100% !important;
  }
  .connected-section-box {
    margin-top: 1.6rem;
  }
  .connected {
    padding-bottom: 0;
    padding-top: 0px;
  }
  .connected .connected-feature ul li {
    float: unset;
  }
}/*# sourceMappingURL=connected-ecosystem.css.map */