/* bonus-hero */

.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-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 .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-s-2 .block-1 .table thead th,
.bonus-s-2 .block-2 .table thead th,
.bonus-s-2 .block-3 .table thead th,
.bonus-s-2 .block-4 .table thead th {
  padding-bottom: 12px;
}

.bonus-s-2 .block-1 .table tbody tr td,
.bonus-s-2 .block-2 .table tbody tr td,
.bonus-s-2 .block-3 .table tbody tr td,
.bonus-s-2 .block-4 .table tbody tr td {
  padding-bottom: 4px;
}

.bonus-s-2 .block-1 .table tbody tr:last-child td,
.bonus-s-2 .block-2 .table tbody tr:last-child td,
.bonus-s-2 .block-3 .table tbody tr:last-child td,
.bonus-s-2 .block-4 .table tbody tr:last-child td {
  padding-bottom: 0;
}

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

.bonus-steps > li {
  display: flex;
  min-height: 140px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 1 0%;
  min-width: 0;
  border-radius: 12px;
  background: radial-gradient(182.38% 101.49% at 82.67% 100%, #60c3ff 23.56%, #443fcb 68.75%, #4303ac 100%);
  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: 6px;
  background: linear-gradient(120deg, #45bf57 0%, #54e169 45.67%, #3aa84a 100%);
  box-shadow:
    0 4px 4px 0 rgba(0, 0, 0, 0.25),
    2px 4px 16px 0 rgba(248, 248, 248, 0.06);
}

.block-duo {
  display: flex;
  gap: 20px;
}

.block-duo > li {
  width: calc(100% - 10px);
}

.block-duo .background img {
  object-position: right;
}

.block-duo h3 {
  position: relative;
  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-weight: 900;
  line-height: normal;
}

.block-duo .relative {
  max-width: 410px;
}

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

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

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

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

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

/* bonus-s-3 */

.bonus-s-3 {
  padding: 40px 0;
}

.bonus-s-3 .overlay-list-2 {
  max-width: 100%;
}

/* .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-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 .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-4 .block-1 .table thead th {
  padding-bottom: 12px;
}

.bonus-s-4 .block-1 .table tbody tr td {
  padding-bottom: 4px;
}

.bonus-s-4 .block-1 .table tbody tr:last-child td {
  padding-bottom: 0;
}

/* 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;
  z-index: 0;
  bottom: -34%;
  left: -30%;
  transform: translateX(-8%);
  max-width: none;
  width: auto;
  max-height: 507px;
}

/* .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 {
  padding: 40px 0;
}

.bonus-s-6 .overlay-list-2 {
  max-width: 100%;
}

/* bonus-s-7 */

.bonus-s-7 {
  padding: 40px 0;
}

.bonus-s-7 .overlay-list-2 {
  max-width: 100%;
}

/* bonus-s-8 */

.bonus-s-8 {
  padding: 40px 0;
}

.bonus-s-8 .overlay-list-2 {
  max-width: 100%;
}

.bonus-s-8 h3 {
  margin-top: 20px;
  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 */