.elementor-692 .elementor-element.elementor-element-a7fdd42{--display:flex;}.elementor-692 .elementor-element.elementor-element-a7fdd42:not(.elementor-motion-effects-element-type-background), .elementor-692 .elementor-element.elementor-element-a7fdd42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050608;}.elementor-692 .elementor-element.elementor-element-a7fdd42.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-692 .elementor-element.elementor-element-27d1759{background-color:#050608;margin:-10px -10px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-692{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-692 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-692 .dialog-close-button{display:flex;}#elementor-popup-modal-692 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-692 .elementor-element.elementor-element-a7fdd42{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-27d1759 *//* ==========================================================================
   BLACK 7 — V2 POPUP STYLES ([b7_contact_form variant="popup"])
   Split out from black7-v2-body-only-styles.css so this can be attached
   directly to the Popup's own template/settings if it's a separate
   context in your page builder.
   Self-contained — includes the base reset so it works loaded on its own.
   Scoped under .b7v2-wrap. Requires: Inter Google Font (300-800)
   ========================================================================== */

html, body { background: #16161a; }
.b7v2-wrap, .b7v2-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.b7v2-wrap { color: #fff; font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }

.b7v2-wrap.b7c-popup, .b7v2-wrap .b7c-popup-inner { background: transparent; }
.b7v2-wrap .b7c-popup-inner {
  background:#1a1a20;
  border:1px solid rgba(200,176,138,0.3);
  padding:32px 28px;
  max-width:520px;
  width:100%;
  margin:0 auto;
  /* Strong shadow so the card visually lifts off the backdrop — without
     this, the card's near-black background barely differs from the
     darkened backdrop behind it, and the two blend into one solid mass
     with no visible card boundary. */
  box-shadow: 0 24px 70px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,255,255,0.04);
}

/* Defensive: ensure Elementor's own popup backdrop is a proper
   semi-transparent dark overlay (not fully solid, not missing entirely).
   Targets Elementor's known dialog/overlay classes — safe to keep even
   if your version uses different ones, since these rules simply won't
   match anything in that case. */
.dialog-overlay,
.elementor-popup-modal .dialog-overlay,
.elementor-popup-modal .dialog-lightbox-overlay {
  background: rgba(0,0,0,0.75) !important;
}
.b7v2-wrap .b7c-popup-eyebrow { color:#c8b08a; font-size:10px; letter-spacing:.14em; font-weight:700; margin-bottom:8px; }
.b7v2-wrap .b7c-popup-heading { font-size:22px; font-weight:800; margin-bottom:8px; }
.b7v2-wrap .b7c-popup-sub { font-size:13px; color:#9a9aa2; line-height:1.5; margin-bottom:20px; }

/* the popup also needs the plugin's shared form-field classes, since
   [b7_contact_form variant="popup"] outputs the same .b7c-input /
   .b7c-label / .b7c-submit etc. as the full Contact page form */
.b7v2-wrap .b7c-form-row { display: grid; grid-template-columns: 1fr; gap: 18px; margin-bottom: 18px; }
@media (min-width: 640px) { .b7v2-wrap .b7c-form-row--split { grid-template-columns: 1fr 1fr; } }
.b7v2-wrap .b7c-field { display: flex; flex-direction: column; gap: 6px; }
.b7v2-wrap .b7c-label { font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6a6a72; }
.b7v2-wrap .b7c-input,
.b7v2-wrap .b7c-select,
.b7v2-wrap .b7c-textarea,
.b7v2-wrap input[type="text"],
.b7v2-wrap input[type="email"],
.b7v2-wrap input[type="tel"],
.b7v2-wrap select,
.b7v2-wrap textarea {
  background: #0f0f13; border: 1px solid rgba(255,255,255,0.12); color: #fff;
  font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400;
  padding: 12px 14px; width:100%; border-radius:0; transition: border-color .15s;
}
.b7v2-wrap .b7c-input::placeholder,
.b7v2-wrap .b7c-textarea::placeholder { color: #565c68; }
.b7v2-wrap .b7c-input:focus,
.b7v2-wrap .b7c-select:focus,
.b7v2-wrap .b7c-textarea:focus,
.b7v2-wrap input:focus,
.b7v2-wrap select:focus,
.b7v2-wrap textarea:focus {
  outline: none; border-color: rgba(200,176,138,0.5); box-shadow: 0 0 0 3px rgba(200,176,138,0.10);
}
.b7v2-wrap .b7c-textarea, .b7v2-wrap textarea { resize: vertical; min-height: 120px; }
.b7v2-wrap .b7c-submit,
.b7v2-wrap button[type="submit"],
.b7v2-wrap .b7v2-submit {
  background:#fff; color:#16161a; border:1px solid #fff; padding:14px 22px; font-family:'Inter',sans-serif; font-weight:700; font-size:13px; letter-spacing:.04em; cursor:pointer; transition: all .15s; margin-top:6px;
}
.b7v2-wrap .b7c-submit:hover,
.b7v2-wrap button[type="submit"]:hover,
.b7v2-wrap .b7v2-submit:hover { background:transparent; color:#fff; border-color: rgba(255,255,255,0.4); }
.b7v2-wrap .b7c-submit span { color:inherit; }
.b7v2-wrap .b7c-submit:disabled { opacity: .6; cursor: not-allowed; }
.b7v2-wrap .b7c-form-note { font-size:11px; color:#6a6a72; line-height:1.5; margin-top:16px; font-style:italic; }
.b7v2-wrap .b7c-form-success { background:#1a1a20; border:1px solid rgba(200,176,138,0.35); padding:22px 20px; text-align:center; }
.b7v2-wrap .b7c-form-success-heading { font-size:14px; font-weight:700; color:#c8b08a; margin-bottom:8px; letter-spacing:.04em; }
.b7v2-wrap .b7c-form-success-body { font-size:13px; line-height:1.6; color:#9a9aa2; }

   BLACK 7 — CONTACT (Page + Popup) 
   Scoped stylesheet — every rule nested under .b7-wrap, standardized to
   match the rest of the site.
   Fonts: Oswald + Rajdhani (Google Fonts only).
   No inline layout styles or media queries in the markup.

   IMPORTANT: the <form> markup this pairs with is visual/structural only.
   A plain HTML <form> does not send email or store submissions on its own.
   For a live site, replace it with Elementor's native Form widget (using
   these classes as your style reference) or wire the form's action to a
   real form-handling endpoint.
   ========================================================================== */

.b7-wrap, .b7-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

.b7-wrap {
  background: #050608;
  color: #fff;
  font-family: 'Rajdhani', sans-serif;
  overflow-x: hidden;
  position: relative;
}

.b7-wrap .b7c-metallic {
  background: linear-gradient(180deg,#f7f8fa 0%,#e3e5e8 12%,#b8bcc3 28%,#8a8f9a 48%,#c9ccd1 65%,#6b6f7a 82%,#a8adb5 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 #000) drop-shadow(0 2px 1px rgba(0,0,0,0.9));
  display: inline-block;
}
.b7-wrap .b7c-red-glow { color: #ff1a1a; text-shadow: 0 0 10px rgba(255,20,20,0.7); }

/* -------------------- section container / background (full page only) -------------------- */
.b7-wrap .b7c-section {
  position: relative; z-index: 10; max-width: 1100px; width: 100%; margin: 0 auto;
  padding: 64px 24px;
}
@media (min-width: 1024px) { .b7-wrap .b7c-section { padding: 96px 56px; } }

.b7-wrap .b7c-slate-bg {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(900px 500px at 85% 15%, rgba(255,30,30,0.06) 0%, transparent 70%),
    linear-gradient(180deg,#0a0c10 0%,#07080b 100%);
}

/* ==========================================================================
   HERO (full page only)
   ========================================================================== */
.b7-wrap .b7c-hero { text-align: left; padding-top: 48px; padding-bottom: 32px; }
.b7-wrap .b7c-hero-eyebrow {
  color: #ff2a2a; font-weight: 700; font-size: 12px; letter-spacing: .16em;
  text-transform: uppercase; margin-bottom: 12px;
}
.b7-wrap .b7c-hero-title {
  font-family: 'Oswald', sans-serif; font-style: italic; font-weight: 900;
  line-height: .9; letter-spacing: -0.01em; font-size: 10vw;
}
@media (min-width: 768px) { .b7-wrap .b7c-hero-title { font-size: 6vw; } }
@media (min-width: 1280px) { .b7-wrap .b7c-hero-title { font-size: 56px; } }
.b7-wrap .b7c-hero-sub {
  color: #d1d5db; font-size: 16px; font-weight: 600; line-height: 1.5;
  margin-top: 24px; max-width: 620px;
}

/* ==========================================================================
   CONTACT LAYOUT — form (left) + info panel (right)
   ========================================================================== */
.b7-wrap .b7c-layout {
  display: grid; grid-template-columns: 1fr; gap: 24px;
}
@media (min-width: 1024px) {
  .b7-wrap .b7c-layout { grid-template-columns: 1.3fr 1fr; gap: 32px; }
}

/* -------------------- form panel -------------------- */
.b7-wrap .b7c-form-panel {
  background: linear-gradient(145deg,#181b22 0%,#0e1014 55%,#14171d 100%);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 4px 20px rgba(0,0,0,0.5);
  padding: 28px 28px 32px;
}
@media (min-width: 1024px) { .b7-wrap .b7c-form-panel { padding: 40px 40px 44px; } }
.b7-wrap .b7c-form-heading {
  font-family: 'Oswald', sans-serif; font-style: italic; font-weight: 800;
  font-size: 16px; letter-spacing: .04em; color: #fff; text-transform: uppercase;
  margin-bottom: 24px;
}
.b7-wrap .b7c-form-row { display: grid; grid-template-columns: 1fr; gap: 18px; margin-bottom: 18px; }
@media (min-width: 640px) { .b7-wrap .b7c-form-row--split { grid-template-columns: 1fr 1fr; } }
.b7-wrap .b7c-field { display: flex; flex-direction: column; gap: 6px; }
.b7-wrap .b7c-label {
  font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #7a808c;
}
.b7-wrap .b7c-input,
.b7-wrap .b7c-select,
.b7-wrap .b7c-textarea {
  background: #0b0d11; border: 1px solid rgba(255,255,255,0.12); color: #fff;
  font-family: 'Rajdhani', sans-serif; font-size: 14px; font-weight: 600;
  padding: 12px 14px;
}
.b7-wrap .b7c-input::placeholder, .b7-wrap .b7c-textarea::placeholder { color: #565c68; }
.b7-wrap .b7c-input:focus, .b7-wrap .b7c-select:focus, .b7-wrap .b7c-textarea:focus {
  outline: none; border-color: rgba(255,26,26,0.7); box-shadow: 0 0 0 3px rgba(255,20,20,0.15);
}
.b7-wrap .b7c-textarea { resize: vertical; min-height: 120px; }

.b7-wrap .b7c-submit {
  transform: skewX(-14deg);
  background: linear-gradient(180deg,#1e2128 0%,#121419 55%,#0a0b0d 100%);
  border: 1px solid rgba(255,26,26,0.7);
  box-shadow: 0 0 12px rgba(255,20,20,0.35), 0 0 28px rgba(255,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.08);
  padding: 14px 32px; display: inline-flex; cursor: pointer; margin-top: 6px;
}
.b7-wrap .b7c-submit span {
  display: inline-block; transform: skewX(14deg); color: #ff3a3a;
  font-family: 'Oswald', sans-serif; font-weight: 700; font-style: italic; letter-spacing: .08em; font-size: 14px;
}
.b7-wrap .b7c-form-note {
  color: #565c68; font-size: 11px; font-style: italic; margin-top: 16px; line-height: 1.5;
}

.b7-wrap .b7c-submit:disabled { opacity: .6; cursor: not-allowed; }

/* -------------------- success state -------------------- */
.b7-wrap .b7c-form-success {
  background: linear-gradient(180deg,#12141a 0%,#0b0d11 100%);
  border: 1px solid rgba(255,26,26,0.4);
  box-shadow: 0 0 20px rgba(255,20,20,0.15), inset 0 1px 0 rgba(255,255,255,0.05);
  padding: 28px 26px;
  text-align: center;
}
.b7-wrap .b7c-form-success-heading {
  font-family: 'Oswald', sans-serif; font-style: italic; font-weight: 900;
  color: #ff3a3a; font-size: 16px; letter-spacing: .06em; margin-bottom: 10px;
}
.b7-wrap .b7c-form-success-body { color: #c7cbd3; font-size: 13.5px; line-height: 1.6; }

/* -------------------- info panel -------------------- */
.b7-wrap .b7c-info-panel {
  background: linear-gradient(180deg,#12141a 0%,#0b0d11 100%);
  border: 1px solid rgba(255,26,26,0.3);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
  padding: 28px 28px 32px;
}
@media (min-width: 1024px) { .b7-wrap .b7c-info-panel { padding: 40px 32px 44px; } }
.b7-wrap .b7c-info-heading {
  font-family: 'Oswald', sans-serif; font-style: italic; font-weight: 800;
  font-size: 13px; letter-spacing: .1em; color: #ff3a3a; text-transform: uppercase;
  margin-bottom: 20px;
}
.b7-wrap .b7c-info-item { margin-bottom: 20px; }
.b7-wrap .b7c-info-item:last-child { margin-bottom: 0; }
.b7-wrap .b7c-info-label {
  font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #7a808c;
  margin-bottom: 4px;
}
.b7-wrap .b7c-info-value { color: #e5e7eb; font-size: 14px; font-weight: 600; line-height: 1.5; }
.b7-wrap .b7c-info-value a { color: #e5e7eb; text-decoration: none; }
.b7-wrap .b7c-info-value a:hover { color: #ff3a3a; }

.b7-wrap .b7c-info-divider { border-top: 1px solid rgba(255,255,255,0.08); margin: 24px 0; }

.b7-wrap .b7c-badges { display: flex; flex-wrap: wrap; gap: 10px; }
.b7-wrap .b7c-badge {
  transform: skewX(-14deg);
  background: rgba(255,26,26,0.08); border: 1px solid rgba(255,26,26,0.3);
  color: #ff5a5a; font-size: 10px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; padding: 6px 12px;
}
.b7-wrap .b7c-badge span { display: inline-block; transform: skewX(14deg); }

/* ==========================================================================
   POPUP / MODAL VARIANT — compact form-only content for the #contact
   Elementor popup trigger. No hero, no info panel, no page background.
   ========================================================================== */
.b7-wrap.b7c-popup {
  background: transparent;
}
.b7-wrap .b7c-popup-inner {
  background: linear-gradient(145deg,#181b22 0%,#0e1014 55%,#14171d 100%);
  border: 1px solid rgba(255,26,26,0.4);
  box-shadow: 0 0 30px rgba(255,20,20,0.25), inset 0 1px 0 rgba(255,255,255,0.06);
  padding: 32px 28px;
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 640px) { .b7-wrap .b7c-popup-inner { padding: 40px 40px; } }
.b7-wrap .b7c-popup-eyebrow {
  color: #ff2a2a; font-weight: 700; font-size: 11px; letter-spacing: .14em;
  text-transform: uppercase; margin-bottom: 8px;
}
.b7-wrap .b7c-popup-heading {
  font-family: 'Oswald', sans-serif; font-style: italic; font-weight: 900;
  font-size: 24px; line-height: 1.15; color: #fff; margin-bottom: 8px;
}
.b7-wrap .b7c-popup-sub {
  color: #9aa0ab; font-size: 13px; line-height: 1.5; margin-bottom: 24px;
}/* End custom CSS */