body {
  background:
    linear-gradient(90deg, rgba(226, 19, 110, 0.06) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #f7f8fb 0%, #fff 38%, #f7f8fb 100%);
  background-size: 42px 42px, auto;
}

.breadcrumb-wrap {
  background: #fff !important;
  border-bottom: 1px solid rgba(43, 34, 52, 0.08) !important;
}

.hero-section {
  width: min(1180px, calc(100% - 32px));
  margin: 28px auto 38px;
  padding: 54px 36px !important;
  border-left: 8px solid var(--pk-rose, #e2136e);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 46%),
    #2b2234 !important;
  border-radius: 0;
  box-shadow: 0 22px 48px rgba(43, 34, 52, 0.18);
}

.hero-section::before {
  display: none !important;
}

.hero-section .container {
  max-width: 100%;
}

.hero-section .row {
  row-gap: 28px;
}

.hero-section h1,
.hero-section p {
  max-width: 760px;
}

body > section:not(.hero-section):not(.breadcrumb-wrap),
main.container,
body > .container:not(.breadcrumb-wrap .container) {
  margin-top: 34px;
  margin-bottom: 34px;
}

section[style*="padding"] {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.section-title {
  text-align: left !important;
  max-width: 860px;
}

.section-title.text-center,
.text-center .section-title {
  margin-left: 0;
  margin-right: auto;
}

.divider-rose,
.divider-gold,
.divider-blue,
.divider-ocean {
  margin-left: 0 !important;
  margin-right: auto !important;
  width: 84px !important;
  height: 3px !important;
  border-radius: 0 !important;
}

.feature-card,
.step-card,
.article-card,
.info-card,
.game-card,
.payment-card,
.policy-card,
.login-card,
.register-card,
.download-card,
.winner-card,
.rg-item,
.accordion-item,
.table-responsive,
.privacy-notice,
.content-img {
  border-radius: 4px !important;
  box-shadow: 0 1px 0 rgba(43, 34, 52, 0.08), 0 14px 32px rgba(43, 34, 52, 0.06) !important;
}

.feature-card,
.step-card,
.article-card,
.info-card,
.game-card,
.payment-card,
.policy-card,
.login-card,
.register-card,
.download-card {
  border: 1px solid rgba(43, 34, 52, 0.1);
  border-top: 4px solid var(--pk-rose, #e2136e);
}

.feature-card:hover,
.step-card:hover,
.article-card:hover,
.game-card:hover {
  transform: translateY(-2px) !important;
}

.feature-icon,
.icon-wrap,
.step-num,
.winner-avatar {
  border-radius: 6px !important;
}

.row.g-4,
.row.g-3,
.row.g-5 {
  --bs-gutter-x: 1.15rem;
  --bs-gutter-y: 1.15rem;
}

.bg-rose-soft,
.bg-gold-soft,
.bg-light,
section[style*="background:#fff"],
section[style*="background: #fff"] {
  background: #fff !important;
  border-top: 1px solid rgba(43, 34, 52, 0.08);
  border-bottom: 1px solid rgba(43, 34, 52, 0.08);
}

footer {
  margin-top: 64px;
  border-top: 8px solid var(--pk-rose, #e2136e);
}

footer .row {
  align-items: flex-start;
}

@media (min-width: 992px) {
  .hero-section .row {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
    align-items: center;
  }

  .hero-section .row > [class*="col-"] {
    width: auto;
  }

  .hero-section .row > [class*="col-"]:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.18);
    padding-left: 28px;
  }
}

@media (max-width: 767.98px) {
  .hero-section {
    width: calc(100% - 20px);
    margin: 16px auto 26px;
    padding: 34px 20px !important;
    border-left-width: 5px;
  }

  body > section:not(.hero-section):not(.breadcrumb-wrap),
  main.container,
  body > .container:not(.breadcrumb-wrap .container) {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}