.content6,
.defence-cards2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.defence-cards2 {
  position: relative;
  background-color: var(--color-gray-400);
  justify-content: center;
  align-items: center;
  padding: var(--padding-80) var(--padding-108);
  box-sizing: border-box;
  line-height: var(--lh-normal);
  letter-spacing: var(--ls-normal);
}
.content6 {
  max-width: 1704px;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-darkgray);
  font-family: var(--font-pp-supply-sans);
}
.cards-row3 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  width: 100%;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap-0);
  row-gap: var(--gap-20);
}
.card-uniform {
  flex: 1;
  background-color: var(--color-gray-300);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-48) var(--padding-40);
  box-sizing: border-box;
  gap: var(--gap-24);
  min-width: var(--min-w-426);
  max-width: 100%;
}
.card-uniform + .card-uniform {
  border-left: var(--border-11);
}
.card-uniform-title {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: var(--ls-1);
  line-height: var(--lh-24);
  text-transform: uppercase;
  font-weight: 400;
  font-family: inherit;
}
.card-uniform-list {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-16);
  font-size: var(--fs-16);
  color: var(--color-whitesmoke);
  font-family: var(--font-ibm-plex-sans);
}
.card-uniform-item {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: var(--gap-12_1);
}
.card-uniform-icon {
  width: var(--width-6_1);
  height: var(--width-6_1);
  flex-shrink: 0;
}
.card-uniform-text {
  position: relative;
}
@media screen and (max-width: 900px) {
  .card-uniform {
    min-width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .card-uniform-title {
    font-size: var(--fs-19);
    line-height: var(--lh-19);
  }
}
@media screen and (max-width: 1700px) {
  .defence-cards2 {
    padding-left: var(--padding-54);
    padding-right: var(--padding-54);
    box-sizing: border-box;
  }
  .content6 {
    max-width: 100%;
  }
}
@media screen and (max-width: 1625px) {
  .content6 {
    max-width: 100%;
  }
}
@media screen and (max-width: 1400px) {
  /* Cards keep shrinking as one row instead of wrapping 2+1 — the gap
     between this and the 900px full-stack breakpoint (e.g. a 13" MacBook
     at 1280px logical width) previously fell into an unstyled zone where
     wrap was already on but the 426px min-width didn't fit 3 across. */
  .card-uniform {
    min-width: 260px;
    padding: var(--padding-32) var(--padding-20);
  }
}
@media screen and (max-width: 1325px) {
  .content6 {
    max-width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .defence-cards2 {
    padding-left: var(--padding-54);
    padding-right: var(--padding-54);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1000px) {
  .content6 {
    max-width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .defence-cards2 {
    padding-left: var(--padding-27);
    padding-right: var(--padding-27);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .defence-cards2 {
    padding-left: var(--padding-27);
    padding-right: var(--padding-27);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 750px) {
  .defence-cards2 {
    padding-left: var(--padding-27);
    padding-right: var(--padding-27);
    box-sizing: border-box;
  }
}