/* bonus-hero */

.bonus__prime > img {
  position: absolute;
  max-width: none;
  max-height: 615px;
  height: auto;
  top: -16px;
  right: 0;
}

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

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

/* bonus-s-1 */
/* bonus-s-2 */

.bonus-s-2 > h3 {
  margin-top: 20px;
  font-size: 20px;
}

.bonus-s-2 .relative > h3 {
  color: var(--secondary-text-color);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0);
  font-family: "ABC";
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.bonus-s-2 .relative > p {
  margin-top: 12px;
}

.bonus-s-2 .secondary-button {
  max-width: max-content;
}

.bonus-s-2 .block-1 .relative,
.bonus-s-2 .block-2 .relative,
.bonus-s-2 .block-3 .relative,
.bonus-s-2 .block-4 .relative {
  max-width: 629px;
}

.bonus-s-2 .block-1 .table,
.bonus-s-2 .block-2 .table,
.bonus-s-2 .block-3 .table,
.bonus-s-2 .block-4 .table {
  min-width: 350px;
}

.bonus-s-2 .block-1 thead tr,
.bonus-s-2 .block-2 thead tr,
.bonus-s-2 .block-3 thead tr,
.bonus-s-2 .block-4 thead tr {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.bonus-s-2 .block-1 tbody tr,
.bonus-s-2 .block-2 tbody tr,
.bonus-s-2 .block-3 tbody tr,
.bonus-s-2 .block-4 tbody tr {
  display: flex;
  align-items: center;
}

.bonus-s-2 .block-1 tbody td:first-child,
.bonus-s-2 .block-2 tbody td:first-child,
.bonus-s-2 .block-3 tbody td:first-child,
.bonus-s-2 .block-4 tbody td:first-child {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

.bonus-steps {
  display: flex;
  counter-reset: step-counter;
  gap: 20px;
}

.bonus-steps > li {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 1 0%;
  min-width: 0;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.12);
  counter-increment: step-counter;
  font-family: "ABC";
  font-size: 20px;
  font-weight: 900;
  line-height: normal;
}

.bonus-steps > li::before {
  content: counter(step-counter);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-align: center;
  font-family: "ABC";
  font-size: 20px;
  font-weight: 900;
  line-height: normal;
  border-radius: 8px;
  border: 1px solid #d83cff;
  background: radial-gradient(
    97.6% 116.5% at 0% 29.89%,
    rgba(100, 1, 161, 0.3) 0%,
    rgba(234, 0, 230, 0.3) 100%
  );
}

.bonus-s-2 .block-6 {
  display: flex;
  gap: 20px;
}

.bonus-s-2 .block-6 .relative {
  min-width: 420px;
  max-width: 420px;
}

.bonus-s-2 .block-6 .overlay-list {
  min-width: calc(100% - 440px);
  max-width: 0;
  padding-bottom: 0;
}

.bonus-s-2 .block-6 .table-banner {
  min-width: 800px;
}

.bonus-s-2 .block-6 .background::before {
  border-radius: 12px;
}

.bonus-s-2 .block-6 th {
  width: 20%;
}

.bonus-s-2 .block-6 .relative {
  display: flex;
  flex-direction: column;
}

.bonus-s-2 .block-6 .secondary-button {
  margin-top: auto;
}

.bonus-s-2 .block-6 .background img {
  object-position: left;
}

.bonus-s-2 .block-6 table tbody tr:last-child {
  font-weight: 900;
}

/* bonus-s-3 */

.bonus-s-3 .split-block__img img {
  position: absolute;
  min-height: 543px;
  top: 50%;
  transform: translateY(-50%);
}

/* .banner-1 */

.bonus.banner-1 .banner__icon {
  position: absolute;
  z-index: 0;
  height: 332px;
  flex-shrink: 0;
  aspect-ratio: 477 / 332;
  right: 190px;
  bottom: 0;
  max-width: none;
  max-height: none;
}

/* bonus-s-4 */

.bonus-s-4 > h3 {
  margin-top: 20px;
  font-size: 20px;
}

.bonus-s-4 .relative > h3 {
  color: var(--secondary-text-color);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0);
  font-family: "ABC";
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.bonus-s-4 .relative > p {
  margin-top: 12px;
}

.bonus-s-4 .secondary-button {
  max-width: max-content;
}

.bonus-s-4 .block-1 .relative {
  max-width: 625px;
}

.bonus-s-4 .block-1 .table {
  min-width: 350px;
}

.bonus-s-4 .block-1 thead tr {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.bonus-s-4 .block-1 tbody tr {
  display: flex;
  align-items: center;
}

.bonus-s-4 .block-1 tbody td:first-child {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

/* bonus-s-5 */

.bonus-s-5 > h2 {
  position: relative;
  z-index: 2;
}

.bonus-s-5 .secondary-button {
  max-width: max-content;
}

.bonus-s-5 > div {
  display: flex;
  position: relative;
  gap: 20px;
}

.bonus-s-5 > div > div {
  position: relative;
  min-width: 0;
  overflow: visible;
}

.bonus-s-5 > div > div:first-child {
  position: relative;
  z-index: 2;
  flex: 6;
}

.bonus-s-5 > div > div:last-child {
  flex: 4;
}

.bonus-s-5 .table-wrapper {
  max-width: 630px;
}

.bonus-s-5 .table {
  min-width: 500px;
}

.bonus-s-5 .table thead th {
  width: 33%;
}

.bonus-s-5 .table tbody td:first-child::after {
  display: none;
}

.bonus-s-5 .table tbody td:last-child {
  font-weight: 400;
}

.bonus-s-5__img {
  position: absolute;
  bottom: 3%;
  left: 8%;
  transform: translateX(-8%);
  max-width: none;
  width: auto;
  max-height: 504px;
}

/* .banner-2 */

.bonus.banner-2 .banner__icon {
  position: absolute;
  z-index: 0;
  height: 337px;
  flex-shrink: 0;
  aspect-ratio: 416 / 337;
  right: 233px;
  bottom: 0;
  max-width: none;
  max-height: none;
}

/* bonus-s-6 */

.bonus-s-6 .split-block__img img {
  position: absolute;
  min-height: 652px;
  top: 50%;
  transform: translateY(-50%);
}

/* bonus-s-7 */

.bonus-s-7 .split-block__img img {
  position: absolute;
  min-height: 570px;
  top: 50%;
  transform: translateY(-45%);
}

/* bonus-s-8 */

.bonus-s-8 .split-block__content > h3 {
  font-size: 20px;
}

/* .banner-3 */

.bonus.banner-3 .banner__icon {
  position: absolute;
  z-index: 0;
  height: 327px;
  flex-shrink: 0;
  aspect-ratio: 381 / 327;
  right: 215px;
  bottom: 0;
  max-width: none;
  max-height: none;
}

/* bonus-s-9 */