.sab-tenders {
  --sab-tenders-red: #f44145;
  --sab-tenders-ink: #fff;
  --sab-tenders-muted: rgba(255,255,255,.76);
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: var(--sab-tenders-pt, 96rem) 0 var(--sab-tenders-pb, 96rem);
  background-color: #161329;
  background-image: var(--sab-tenders-bg, none);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--sab-tenders-ink);
  font-family: "Gilroy", Arial, sans-serif;
  box-sizing: border-box;
}

.sab-tenders *,
.sab-tenders *::before,
.sab-tenders *::after { box-sizing: border-box; }

.sab-tenders__decor {
  position: absolute;
  z-index: 0;
  top: 62rem;
  right: -80rem;
  width: 930rem;
  height: 540rem;
  background: url("../images/tenders/lines.svg") center / contain no-repeat;
  opacity: .24;
  pointer-events: none;
}

.sab-tenders.has-custom-background .sab-tenders__decor { display: none; }

.sab-tenders__inner {
  position: relative;
  z-index: 1;
  width: min(calc(100% - 64rem), 1580rem);
  margin-inline: auto;
}

.sab-tenders__eyebrow {
  display: flex;
  align-items: center;
  gap: 22rem;
  margin: 0 0 50rem;
  color: var(--sab-tenders-red);
  font-size: 16rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sab-tenders__eyebrow > span {
  display: block;
  width: 48rem;
  height: 2rem;
  flex: 0 0 48rem;
  background: var(--sab-tenders-red);
}

.sab-tenders__top {
  display: grid;
  grid-template-columns: minmax(0, 650rem) minmax(0, 1fr);
  gap: 96rem;
  align-items: start;
}

.sab-tenders__title {
  max-width: 650rem;
  margin: 0;
  color: #fff;
  font: inherit;
  font-size: var(--sab-tenders-title-size, 54rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.sab-tenders__title span { color: var(--sab-tenders-red); }

.sab-tenders__subtitle {
  max-width: 610rem;
  margin: 30rem 0 0;
  color: var(--sab-tenders-muted);
  font-size: 31rem;
  font-weight: 300;
  line-height: 1.35;
}

.sab-tenders__logos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22rem;
  padding-top: 24rem;
}

.sab-tenders__logo-card {
  display: flex;
  min-height: 244rem;
  padding: 32rem;
  align-items: center;
  justify-content: center;
  border: 1rem solid #eceef2;
  border-radius: 20rem;
  background: #fff;
  box-shadow: 0 18rem 42rem rgba(0,0,0,.18);
}

.sab-tenders__logo {
  display: block;
  width: 100%;
  height: 124rem;
  object-fit: contain;
}

.sab-tenders__logo--ice { max-width: 360rem; }
.sab-tenders__logo--gov { max-width: 360rem; }

.sab-tenders__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 44rem;
  margin-top: 64rem;
}

.sab-tenders__card {
  display: grid;
  grid-template-columns: 72rem minmax(0, 1fr);
  gap: 20rem;
  align-items: start;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sab-tenders__icon {
  display: block;
  width: 72rem;
  height: 72rem;
  object-fit: contain;
}

.sab-tenders__card-copy { min-width: 0; }

.sab-tenders__card h3 {
  margin: 3rem 0 0;
  color: #fff;
  font-size: 23rem;
  font-weight: 700;
  line-height: 1.22;
}

.sab-tenders__card h3 span { color: var(--sab-tenders-red); }

.sab-tenders__card-line {
  display: block;
  width: 45rem;
  height: 3rem;
  margin: 14rem 0 14rem;
  background: var(--sab-tenders-red);
}

.sab-tenders__card p {
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 17rem;
  font-weight: 400;
  line-height: 1.42;
}

@media (max-width: 767px) {
  .sab-tenders {
    padding: var(--sab-tenders-pt-m, 50rem) 0 var(--sab-tenders-pb-m, 50rem);
    background-position: center;
  }

  .sab-tenders__decor { display: none; }

  .sab-tenders__inner { width: calc(100% - 32rem); }

  .sab-tenders__eyebrow {
    gap: 12rem;
    margin-bottom: 25rem;
    font-size: 12rem;
    letter-spacing: .06em;
  }

  .sab-tenders__eyebrow > span {
    width: 30rem;
    flex-basis: 30rem;
  }

  .sab-tenders__top { display: block; }

  .sab-tenders__title {
    max-width: 100%;
    font-size: var(--sab-tenders-title-size-m, 30rem);
    line-height: 1.08;
  }

  .sab-tenders__subtitle {
    max-width: 100%;
    margin-top: 16rem;
    font-size: 16rem;
    line-height: 1.42;
  }

  .sab-tenders__logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10rem;
    padding-top: 28rem;
  }

  .sab-tenders__logo-card {
    min-height: 112rem;
    padding: 14rem;
    border-radius: 14rem;
  }

  .sab-tenders__logo { height: 76rem; }

  .sab-tenders__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28rem 18rem;
    margin-top: 36rem;
  }

  .sab-tenders__card {
    display: block;
    min-height: 0;
    padding: 0;
  }

  .sab-tenders__icon {
    width: 48rem;
    height: 48rem;
  }

  .sab-tenders__card h3 {
    margin-top: 10rem;
    font-size: 16rem;
    line-height: 1.18;
  }

  .sab-tenders__card-line {
    width: 28rem;
    height: 2rem;
    margin: 10rem 0;
  }

  .sab-tenders__card p {
    font-size: 14rem;
    line-height: 1.35;
  }
}
