.techno-sec {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.techno-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.techbox {
  background-color: #f6f9fe;
  font-size: 14px;
  line-height: 20px;
  min-height: 410px;
  /*max-width: 380px;*/
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.techbox .picture {
  text-align: center;
  display: flex;
  justify-content: center;
}
.techdata {
  padding: 24px;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.routing {
  background-color: #e4f0fc;
}
.apisdk {
  background-color: #fdf4ef;
}
.integrations {
  background-color: #f8f7fd;
}
.reconciliation {
  background-color: #fef5f0;
}
.checkout {
  background-color: #f6fbf9;
}
.dashboard {
  background-color: #f6f9fe;
}

.infrastructure-wrap {
  background: #ecf3fd;
  border: 0px solid #e5eefb;
  border-radius: 24px;
  overflow: hidden;
}
.infrastructure-data {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 79px 72px;
}

@media (min-width: 992px) {
}
@media (max-width: 991px) {
  .infrastructure-data {
    padding: 24px;
  }
}
@media (max-width: 780px) {
}
@media (max-width: 580px) {
  .techno-sec {
    gap: 24px;
  }
  .techno-head {
    gap: 8px;
  }
  .techbox {
    min-height: inherit;
  }
  .techdata {
    min-height: inherit;
  }
  .infrastructure-wrap {
    gap: 32px;
    border-radius: 12px;
    padding: 24px;
  }
  .infrastructure-data {
    padding: 0;
    gap: 12px;
  }
  .infrastructure-wrap h2 {
    font-size: 24px;
    line-height: 36px;
  }
  .commoneco-link {
    padding: 12px 0;
    text-align: center;
  }

  .commoneco-list .listcol {
    border-bottom: 1px solid #f2f2f7;
    padding-bottom: 12px;
  }
}