/* Use cases block (was USe-cases.jpg) */
.tx-usecases {
  background: #fafafa none;
  box-sizing: border-box;
  font-family: Montserrat, Arial, sans-serif;
  padding: 6.6% 7.7% 0;
  min-height: 55.8vw;
  max-height: none;
  height: auto;
  text-align: left;
  object-fit: initial;
}
.tx-usecases-eyebrow {
  margin: 0;
  font-size: clamp(10px, 0.83vw, 12px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #666;
}
.tx-usecases-title {
  margin: 0.15em 0 0;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(28px, 2.9vw, 42px);
  font-weight: 300;
  line-height: 1.2;
  color: #000;
}
.tx-usecases-cards {
  list-style: none;
  margin: 8.8% 0 0;
  padding: 0 0 8%;
  display: flex;
  justify-content: center;
  gap: 3.6vw;
}
.tx-usecases-card {
  box-sizing: border-box;
  width: 19.2vw;
  max-width: 277px;
  background: #fff;
  padding: 2.3vw 1.8vw 2.6vw 2.5vw;
  margin: 0;
  list-style: none;
}
.tx-usecases-num {
  display: block;
  margin: 1.5vw 0 0;
  font-size: clamp(14px, 1.4vw, 20px);
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.tx-usecases-card-title {
  margin: 1vw 0 0;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(16px, 1.72vw, 25px);
  font-weight: 400;
  line-height: 1.15;
  color: #333;
}
.tx-usecases-text {
  margin: 1.6vw 0 0;
  font-size: clamp(10px, 1vw, 14.4px);
  font-weight: 400;
  line-height: 1.8;
  color: #999;
}
.tx-usecases-text strong {
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 767px) {
  .tx-usecases {
    min-height: 0;
    padding: 28px 20px 28px;
  }
  .tx-usecases-eyebrow { font-size: 12px; }
  .tx-usecases-title { font-size: 32px; }
  .tx-usecases-cards {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    margin: 28px 0 0;
    padding: 0;
  }
  .tx-usecases-card {
    width: auto;
    max-width: none;
    padding: 28px 24px 32px;
  }
  .tx-usecases-num { font-size: 16px; margin-top: 0; }
  .tx-usecases-card-title { font-size: 22px; margin-top: 12px; }
  .tx-usecases-text { font-size: 15px; margin-top: 14px; line-height: 1.7; }
}
@media screen and (max-width: 767px) { .tx-br { display: none; } }