.elementor-26299 .elementor-element.elementor-element-1fa144a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-26299 .elementor-element.elementor-element-52f90f8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-26299 .elementor-element.elementor-element-52f90f8{text-align:center;}.elementor-26299 .elementor-element.elementor-element-52f90f8 img{width:70%;border-radius:15px 15px 15px 15px;}/* Start custom CSS for html, class: .elementor-element-eb25533 *//* =========================================================
   BingoPlus Contact Us Page
   Elementor HTML Container
   ========================================================= */

.bp-contact-page,
.bp-contact-page * {
  box-sizing: border-box;
}

.bp-contact-page {
  --bp-navy: #071b3d;
  --bp-blue: #0d55b5;
  --bp-cyan: #22a7e8;
  --bp-red: #e7192d;
  --bp-gold: #f5b82e;
  --bp-green: #07866f;
  --bp-text: #172033;
  --bp-muted: #5e687b;
  --bp-border: #dce3ec;
  --bp-soft: #f4f7fb;
  --bp-white: #ffffff;

  display: block !important;
  width: 100%;
  color: var(--bp-text);
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

.bp-contact-page a {
  color: var(--bp-blue);
  text-decoration: none;
}

.bp-contact-page a:hover,
.bp-contact-page a:focus-visible {
  color: var(--bp-red);
  text-decoration: underline;
}

.bp-contact-shell {
  width: min(1160px, calc(100% - 32px));
  margin-right: auto;
  margin-left: auto;
}

/* =========================================================
   Hero
   ========================================================= */

.bp-contact-hero {
  position: relative;
  display: block !important;
  overflow: hidden;
  padding: 76px 20px;
  color: var(--bp-white);
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(34, 167, 232, 0.30),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #061735 0%,
      #0d438f 58%,
      #087d9f 100%
    );
}

.bp-contact-hero::before,
.bp-contact-hero::after {
  position: absolute;
  border-radius: 999px;
  content: "";
  pointer-events: none;
}

.bp-contact-hero::before {
  top: -110px;
  right: -80px;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.bp-contact-hero::after {
  right: 105px;
  bottom: -130px;
  width: 260px;
  height: 260px;
  background: rgba(245, 184, 46, 0.11);
}

.bp-contact-hero__content {
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  max-width: 820px;
}

.bp-contact-eyebrow {
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center;
  gap: 9px;
  margin: 0 0 17px !important;
  color: #ffe29a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.bp-contact-eyebrow::before {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--bp-gold);
  box-shadow: 0 0 0 6px rgba(245, 184, 46, 0.15);
  content: "";
}

/* 强制显示唯一 H1，防止主题或 Elementor 隐藏 */

.bp-contact-page .bp-contact-hero .bp-contact-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  inset: auto !important;
  z-index: 10 !important;
  width: auto !important;
  max-width: 800px !important;
  height: auto !important;
  min-height: 1em !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  color: #ffffff !important;
  background: transparent !important;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif !important;
  font-size: clamp(36px, 5vw, 62px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
  transform: none !important;
}

.bp-contact-lead {
  display: block !important;
  visibility: visible !important;
  max-width: 740px;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.90) !important;
  font-size: clamp(17px, 2vw, 20px) !important;
  line-height: 1.65 !important;
}

.bp-contact-verified {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-top: 28px;
  padding: 15px 18px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(8px);
}

.bp-contact-verified__icon {
  display: grid;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 50%;
  color: #063e34;
  background: #7df2cd;
  font-size: 15px;
  font-weight: 900;
}

.bp-contact-verified p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* =========================================================
   Main content
   ========================================================= */

.bp-contact-main {
  padding: 62px 0 72px;
  background: var(--bp-soft);
}

.bp-contact-intro {
  max-width: 800px;
  margin: 0 auto 38px;
  text-align: center;
}

.bp-contact-intro h2,
.bp-contact-section h2 {
  margin: 0 0 12px;
  color: var(--bp-navy);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  line-height: 1.2;
}

.bp-contact-intro p,
.bp-contact-section > p {
  margin: 0;
  color: var(--bp-muted);
}

/* =========================================================
   Contact cards
   ========================================================= */

.bp-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.bp-contact-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 27px;
  border: 1px solid var(--bp-border);
  border-radius: 20px;
  background: var(--bp-white);
  box-shadow: 0 12px 32px rgba(7, 27, 61, 0.07);
}

.bp-contact-card__icon {
  display: grid;
  width: 52px;
  height: 52px;
  margin-bottom: 19px;
  place-items: center;
  border-radius: 15px;
  color: var(--bp-white);
  background: linear-gradient(135deg, var(--bp-blue), var(--bp-cyan));
  font-size: 23px;
  font-weight: 800;
  line-height: 1;
}

.bp-contact-card--editorial .bp-contact-card__icon {
  background: linear-gradient(135deg, #e7192d, #ff7a35);
}

.bp-contact-card--corporate .bp-contact-card__icon {
  background: linear-gradient(135deg, #087865, #1bb99c);
}

.bp-contact-card h2 {
  margin: 0 0 9px;
  color: var(--bp-navy);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.3;
}

.bp-contact-card > p {
  margin: 0 0 17px;
  color: var(--bp-muted);
  font-size: 15px;
}

.bp-contact-details {
  display: grid;
  gap: 13px;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}

.bp-contact-details li {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 10px;
  padding-top: 13px;
  border-top: 1px solid #edf0f5;
  font-size: 14px;
}

.bp-contact-details strong {
  color: var(--bp-text);
}

.bp-contact-details span,
.bp-contact-details a {
  overflow-wrap: anywhere;
}

.bp-contact-button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
  padding: 11px 18px;
  border-radius: 11px;
  color: var(--bp-white) !important;
  background: var(--bp-blue);
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.bp-contact-button:hover,
.bp-contact-button:focus-visible {
  color: var(--bp-white) !important;
  background: var(--bp-red);
  box-shadow: 0 10px 22px rgba(231, 25, 45, 0.18);
  transform: translateY(-1px);
}

/* =========================================================
   Request process
   ========================================================= */

.bp-contact-section {
  margin-top: 34px;
  padding: 34px;
  border: 1px solid var(--bp-border);
  border-radius: 22px;
  background: var(--bp-white);
}

.bp-contact-routing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  margin-top: 24px;
}

.bp-contact-route {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border: 1px solid #e4e9f0;
  border-radius: 14px;
  background: #fafbfd;
}

.bp-contact-route__number {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: var(--bp-white);
  background: var(--bp-navy);
  font-size: 14px;
  font-weight: 800;
}

.bp-contact-route h3 {
  margin: 0 0 4px;
  color: var(--bp-navy);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
}

.bp-contact-route p {
  margin: 0;
  color: var(--bp-muted);
  font-size: 14px;
  line-height: 1.55;
}

/* =========================================================
   Corporate address
   ========================================================= */

.bp-contact-address {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);
  gap: 28px;
  align-items: center;
}

.bp-contact-address address {
  margin-top: 17px;
  padding: 18px 20px;
  border-left: 4px solid var(--bp-gold);
  border-radius: 0 12px 12px 0;
  color: var(--bp-text);
  background: #fff9e9;
  font-style: normal;
  line-height: 1.7;
}

.bp-contact-address__note {
  padding: 20px;
  border-radius: 16px;
  color: #485166;
  background: var(--bp-soft);
  font-size: 14px;
}

.bp-contact-address__note strong {
  display: block;
  margin-bottom: 5px;
  color: var(--bp-navy);
}

/* =========================================================
   Security warning
   ========================================================= */

.bp-contact-security {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  margin-top: 34px;
  padding: 25px;
  border: 1px solid #ffd7da;
  border-radius: 18px;
  background: #fff5f6;
}

.bp-contact-security__icon {
  display: grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  color: var(--bp-white);
  background: var(--bp-red);
  font-size: 20px;
  font-weight: 900;
}

.bp-contact-security h2 {
  margin: 0 0 6px;
  color: #7d0c19;
  font-size: 19px;
  font-weight: 800;
}

.bp-contact-security p {
  margin: 0;
  color: #623640;
  font-size: 14px;
}

.bp-contact-security strong {
  color: #b10e20;
}

/* =========================================================
   Responsible gaming
   ========================================================= */

.bp-contact-responsible {
  padding: 23px 20px;
  color: rgba(255, 255, 255, 0.84);
  background: var(--bp-navy);
  text-align: center;
}

.bp-contact-responsible p {
  max-width: 850px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.65;
}

.bp-contact-responsible strong {
  color: var(--bp-white);
}

.bp-contact-responsible a {
  color: #8edcff;
  text-decoration: underline;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 900px) {
  .bp-contact-grid {
    grid-template-columns: 1fr;
  }

  .bp-contact-address {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .bp-contact-shell {
    width: min(100% - 22px, 1160px);
  }

  .bp-contact-hero {
    padding: 54px 7px;
  }

  .bp-contact-page .bp-contact-hero .bp-contact-title {
    font-size: 36px !important;
    line-height: 1.12 !important;
  }

  .bp-contact-main {
    padding: 38px 0 48px;
  }

  .bp-contact-card,
  .bp-contact-section {
    padding: 22px 18px;
    border-radius: 16px;
  }

  .bp-contact-routing {
    grid-template-columns: 1fr;
  }

  .bp-contact-details li {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .bp-contact-security {
    gap: 13px;
    padding: 20px 17px;
  }

  .bp-contact-security__icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }
}/* End custom CSS */