.legalRequests {
  width: 100%;
}

#wrapper:has(.legalRequests) .inner {
  --customPageInnerWidth: calc(var(--customPageInnerPaddingX) * 2 + 1160px);
}

#wrapper:has(.legalRequests) {
  background: #ffffff;
}

.legalRequests .title {
  text-align: left;
  color: #000;
  line-height: 125%;
}

.legalRequests b {
  font-weight: 700;
}

.legalRequests .p {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #232323;
  margin: 0;
  padding: 0;
}

@media (min-width: 991px) {
  .legalRequests .p {
    font-size: 16px;
  }
}

.legalRequests .p:not(:last-child) {
  margin-block-end: 16px;
}

@media (min-width: 991px) {
  .legalRequests .p:not(:last-child) {
    margin-block-end: 24px;
  }
}

.legalRequests .ol {
  --liOffset: 1.25em;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.legalRequests .li {
  display: block;
  margin-inline-start: var(--liOffset);
}

.legalRequests .li::before {
  display: inline-block;
  content: counter(item) '.';
  counter-increment: item;
  width: var(--liOffset);
  margin-inline-start: calc(var(--liOffset) * -1);
}

.legalRequests .olWrapper {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #232323;
  margin: 0;
  padding: 0;
}

@media (min-width: 991px) {
  .legalRequests .olWrapper {
    font-size: 16px;
  }
}

.legalRequests .olWrapper:not(:last-child) {
  margin-block-end: 16px;
}

@media (min-width: 991px) {
  .legalRequests .olWrapper:not(:last-child) {
    margin-block-end: 24px;
  }
}

.legalRequests .olWrapper .olTitle {
  margin-block-end: 12px;
}

.legalRequests .banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  margin-block-start: 26px;
  background: linear-gradient(121.57deg, #0084ff -55.88%, #00c0ff 108.57%);
  padding-inline: 12px;
  padding-block: 32px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  user-select: none;
}

@media (min-width: 991px) {
  .legalRequests .banner {
    border-radius: 12px;
    margin-block-start: 34px;
    min-height: 144px;
  }
}

.legalRequests .banner::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    140.35deg,
    rgba(255, 255, 255, 0) -33.55%,
    rgba(255, 255, 255, 0) -14.7%,
    rgba(255, 255, 255, 0.15) 46.1%,
    rgba(255, 255, 255, 0) 115.35%
  );
  pointer-events: none;
  mix-blend-mode: plus-lighter;
}

.legalRequests .bannerLogoSeq {
  display: contents;
}

.legalRequests .bannerLogoSeq .bannerLogo {
  height: auto;
  width: 120px;
  mix-blend-mode: color-dodge;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
  position: absolute;
}

@media (min-width: 991px) {
  .legalRequests .bannerLogoSeq .bannerLogo {
    width: 220px;
  }
}

.legalRequests .bannerLogoSeq .bannerLogo:nth-child(1) {
  inset-block-start: -30%;
  inset-inline-start: 3%;
  rotate: 0.5turn;
}

@media (min-width: 991px) {
  .legalRequests .bannerLogoSeq .bannerLogo:nth-child(1) {
    inset-block-start: -105%;
    inset-inline-start: 2%;
  }
}

.legalRequests .bannerLogoSeq .bannerLogo:nth-child(2) {
  inset-block-start: 47%;
  inset-inline-start: 67%;
}

@media (min-width: 991px) {
  .legalRequests .bannerLogoSeq .bannerLogo:nth-child(2) {
    inset-block-start: 17%;
    inset-inline-start: 17%;
  }
}

.legalRequests .bannerLogoSeq .bannerLogo:nth-child(3) {
  display: none;
  inset-block-start: -105%;
  inset-inline-end: 17%;
  rotate: -0.5turn;
}

@media (min-width: 991px) {
  .legalRequests .bannerLogoSeq .bannerLogo:nth-child(3) {
    display: block;
  }
}

.legalRequests .bannerLogoSeq .bannerLogo:nth-child(4) {
  display: none;
  inset-block-start: 17%;
  inset-inline-end: 2%;
}

@media (min-width: 991px) {
  .legalRequests .bannerLogoSeq .bannerLogo:nth-child(4) {
    display: block;
  }
}

.legalRequests .bannerImg {
  color: #fff;
  flex-shrink: 0;
}

.legalRequests .bannerImg1 {
  width: 57px;
}

@media (min-width: 991px) {
  .legalRequests .bannerImg1 {
    width: 77px;
  }
}

.legalRequests .bannerImg2 {
  width: 49px;
}

@media (min-width: 991px) {
  .legalRequests .bannerImg2 {
    width: 69px;
  }
}

.legalRequests .bannerImg3 {
  width: 35px;
  align-self: center;
  margin-block-end: -7px;
}

@media (min-width: 991px) {
  .legalRequests .bannerImg3 {
    width: 55px;
    margin-block-end: -10px;
  }
}

.legalRequests .bannerImgSeq {
  display: flex;
  align-items: flex-start;
  gap: 2px;
}

.legalRequests .bannerTitle {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
}

@media (min-width: 991px) {
  .legalRequests .bannerTitle {
    font-size: 20px;
  }
}