/* Two technology screens; two rows on desktop, readable wrapping on phones. */
.sobai-platform-strip-section .sobai-tech-carousel {
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
  width: 100%;
}
.sobai-tech-panel + .sobai-tech-panel { margin-top: 1.5rem; }
.sobai-platform-strip-section .sobai-tech-items {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  gap: .8rem 1rem;
  justify-content: center;
  max-width: none;
  width: 100%;
}
.sobai-tech-items .sobai-platform-logo {
  flex: 0 0 calc((100% - 6rem) / 7);
  line-height: 1.25;
  min-height: 2rem;
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: center;
  white-space: normal;
}
.sobai-tech-items .-whatsapp { color: #12813b; }
.sobai-tech-items .-shopify { color: #507824; }
.sobai-tech-items .-apis { color: #52525b; }
.sobai-tech-items .-webhooks { color: #7551a8; }
.sobai-tech-items .-openai { color: #246351; }
.sobai-tech-items .-claude { color: #a95032; }
.sobai-tech-items .-gemini { color: #4268b3; }
.sobai-tech-items .-react { color: #087ea4; }
.sobai-tech-items .-nextjs { color: #171717; }
.sobai-tech-items .-nodejs { color: #417e38; }
.sobai-tech-items .-fastapi { color: #007d73; }
.sobai-tech-items .-postgresql { color: #336791; }
.sobai-tech-items .-mysql { color: #00618a; }
.sobai-tech-items .-redis { color: #b4232c; }

.sobai-tech-panel[hidden] { display: none; }
[data-tech-enhanced="true"] .sobai-tech-stage { min-height: 100px; }
[data-tech-enhanced="true"] .sobai-tech-panel { margin-top: 0; }
.sobai-tech-carousel:focus-visible { outline: 2px solid #087ea4; outline-offset: 6px; }
@media (min-width: 1080px) {
  #widget_194002141492 > .csol-section-wrapper {
    max-width: none;
    padding-inline: 0;
    width: calc(100% - clamp(48px, 4vw, 128px));
  }
  #widget_194002141492 .sobai-platform-title { flex: 0 1 240px; }
}
@media (width < 960px) {
  .sobai-platform-strip-section .sobai-tech-carousel { flex-basis: auto; max-width: 100%; }
  .sobai-tech-items .sobai-platform-logo { flex-basis: calc((100% - 4rem) / 5); }
  [data-tech-enhanced="true"] .sobai-tech-stage { min-height: 136px; }
}
@media (width < 560px) {
  .sobai-platform-strip-section .sobai-tech-items { gap: .65rem 1rem; }
  .sobai-tech-items .sobai-platform-logo { flex-basis: calc((100% - 2rem) / 3); }
  [data-tech-enhanced="true"] .sobai-tech-stage { min-height: 216px; }
}
@media (width < 400px) {
  .sobai-tech-items .sobai-platform-logo { flex-basis: calc((100% - 1rem) / 2); }
  [data-tech-enhanced="true"] .sobai-tech-stage { min-height: 304px; }
}