/* bonus-hero */

.bonus-hero .prime__wrap {
  max-width: 825px;
}

.bonus-hero .prime__text {
  max-width: 785px;
}

/* bonus-s-1 */

.bonus-s-1 h2 {
  margin-top: 20px;
}

/* .banner-4 */

/* bonus-s-2 */

.bonus-s-2::before {
  background-image: url(../images/border-section-xl.webp);
}

.bonus-s-2 {
}

.bonus-s-2 .card {
  margin-top: 20px;
}

/* bonus-s-3 */

.bonus-s-3 h2 {
  margin-top: 20px;
}

/* bonus-s-4 */

.bonus-s-4 h2 {
  margin-top: 20px;
}

/* .banner-5 */

/* bonus-s-5 */

.bonus-s-5 h2 {
  margin-top: 20px;
}

/* bonus-s-6 */

.bonus-s-6::before {
  background-image: url(../images/border-section-xl.webp);
}

.bonus-s-6 h2 {
  margin-top: 20px;
}

.bonus-s-6 > ul {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.bonus-s-6 > ul > li {
  padding: 12px;
  width: calc(50% - 8px);
  display: flex;
  gap: 12px;
  border-radius: 4px;
  /* border: 1px solid rgba(255, 255, 255, 0.12); */
  background: linear-gradient(180deg, #3a011d 0%, #8f0046 100%);
}

.bonus-s-6 > ul > li:last-child {
  width: 58%;
}

.bonus-s-6 > ul > li > img {
  width: 52px;
  height: 52px;
}

.bonus-s-6 > ul > li > div > * {
  margin-top: 0;
}

.bonus-s-6 > ul > li > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bonus-s-6 > ul > li > div > h3 {
  font-family: "NotoSerif";
  font-size: 18px;
  font-weight: 900;
  line-height: normal;
  background: linear-gradient(180deg, #ee9b5b 43.27%, #ffe1b6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* bonus-s-7 */

.bonus-s-7 h2 {
  margin-top: 20px;
}

/* .banner-6 */

/* bonus-s-8 */

.bonus-s-8 h2 {
  margin-top: 20px;
}

.bonus-s-8 h3 {
  font-size: 18px;
}