.elementor-18676 .elementor-element.elementor-element-681a979{width:100%;max-width:100%;}/* Video page: How to get a criminal record check online. Page CSS for /how-to-get-a-criminal-record-check-online/.
   Paste into Elementor > Page Settings > Advanced > Custom CSS. Every body.elementor-page-18676 is scoped to .mcv.
   Tokens are written as var(--token, literal) so the page renders correctly whether or not
   credibled-core.css has loaded. No JavaScript. */

/* 1. Base and theme guards (JupiterX / Elementor) */
.mcv {
  --mcv-max: 1140px; --mcv-gut: 32px; --mcv-ease: cubic-bezier(.4,0,.2,1);
  --mcv-navy: var(--navy-700, #250C77); --mcv-navy-50: var(--navy-50, #F5F4FA); --mcv-navy-100: var(--navy-100, #ECEAF3);
  --mcv-orange: var(--orange-500, #EE642B); --mcv-orange-600: var(--orange-600, #D85220); --mcv-orange-50: var(--orange-50, #FDF0EA); --mcv-orange-200: var(--orange-200, #F8C7B0);
  --mcv-ink-700: var(--ink-700, #2A2A2A); --mcv-ink-600: var(--ink-600, #404040); --mcv-ink-500: var(--ink-500, #666666); --mcv-ink-400: var(--ink-400, #888888);
  --mcv-ink-200: var(--ink-200, #D5D5D5); --mcv-ink-150: var(--ink-150, #E5E5E5); --mcv-ink-50: var(--ink-50, #F7F7F5);
  --mcv-green: var(--green-700, #1A6E48); --mcv-green-50: var(--green-50, #E8F6EF); --mcv-green-300: #A0E085;
  --mcv-border: var(--border-subtle, #E5E5E5);
  --mcv-sans: var(--font-sans, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --mcv-display: var(--font-display, "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  --mcv-mono: var(--font-mono, "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace);
  --mcv-shadow-sm: var(--shadow-sm, 0 1px 2px rgba(26,8,88,.05), 0 2px 6px -2px rgba(26,8,88,.06));
  --mcv-shadow-md: var(--shadow-md, 0 1px 2px rgba(26,8,88,.04), 0 4px 10px -3px rgba(26,8,88,.07), 0 12px 26px -14px rgba(26,8,88,.10));
  --mcv-shadow-xl: var(--shadow-xl, 0 2px 4px rgba(26,8,88,.04), 0 14px 32px -14px rgba(26,8,88,.11), 0 44px 76px -34px rgba(26,8,88,.20));
  display: block; font-family: var(--mcv-sans); color: var(--mcv-ink-700); overflow-x: clip;
}
.mcv, .mcv *, .mcv *::before, .mcv *::after { box-sizing: border-box; }
.mcv section[data-screen-label] { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw; max-width: 100vw; }
.mcv h1, .mcv h2, .mcv h3 { font-family: var(--mcv-display) !important; color: var(--mcv-navy) !important; text-transform: none !important; padding: 0; text-wrap: balance; }
.mcv p, .mcv ol, .mcv ul, .mcv li { padding: 0; }
.mcv ol, .mcv ul { list-style: none !important; margin: 0; }
.mcv li { margin: 0; }
.mcv li::before, .mcv li::marker { content: none !important; display: none !important; }
.mcv summary { list-style: none !important; }
.mcv summary::-webkit-details-marker, .mcv summary::marker { display: none !important; content: "" !important; }
.mcv svg { display: block; flex: none; }
.mcv a { transition: none; }

.mcv .mcv-wrap { max-width: var(--mcv-max); margin-inline: auto; }
.mcv .mcv-sec { padding: 96px var(--mcv-gut) !important; scroll-margin-top: 110px; }
.mcv .mcv-bg-white { background: #fff !important; }
.mcv .mcv-bg-ink { background: var(--mcv-ink-50) !important; }

/* 2. Type, links, buttons */
.mcv .mcv-eyebrow { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 14px; font: 600 12px/1.2 var(--mcv-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--mcv-orange); }
.mcv .mcv-eyebrow::before, .mcv .mcv-eyebrow::after { content: ""; width: 26px; height: 1px; flex: none; }
.mcv .mcv-eyebrow::before { background: linear-gradient(90deg, rgba(238,100,43,0), rgba(238,100,43,.55)); }
.mcv .mcv-eyebrow::after { background: linear-gradient(90deg, rgba(238,100,43,.55), rgba(238,100,43,0)); }
.mcv .mcv-h1 { font: 800 clamp(36px, 4.4vw, 56px)/1.05 var(--mcv-display) !important; letter-spacing: -.035em !important; margin: 0 auto 20px !important; max-width: 860px; }
.mcv .mcv-h1 span { color: var(--mcv-orange) !important; }
.mcv .mcv-h2 { font: 700 clamp(28px, 3.1vw, 38px)/1.14 var(--mcv-display) !important; letter-spacing: -.025em !important; margin: 0 0 16px !important; }
.mcv .mcv-p { font: 400 17px/1.7 var(--mcv-sans) !important; color: var(--mcv-ink-600) !important; margin: 0 !important; text-wrap: pretty; }
.mcv .mcv-head { max-width: 700px; margin-bottom: 44px; }
.mcv .mcv-head--flush { margin-bottom: 0; }
.mcv .mcv-after { margin: 28px 0 0 !important; max-width: 52em; font: 400 15.5px/1.7 var(--mcv-sans) !important; color: var(--mcv-ink-600) !important; }
.mcv a.mcv-link { color: var(--mcv-navy) !important; font-weight: 600; text-decoration: underline !important; text-decoration-color: rgba(37,12,119,.35) !important; text-underline-offset: 3px; }
.mcv a.mcv-link:hover { color: var(--mcv-orange) !important; text-decoration-color: currentColor !important; }

.mcv a.mcv-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; height: 44px; padding: 0 18px; border: 0 !important; border-radius: 10px !important; font: 600 15px/1 var(--mcv-sans) !important; color: #fff !important; text-decoration: none !important; white-space: nowrap; transition: background .16s var(--mcv-ease), transform .16s var(--mcv-ease); }
.mcv a.mcv-btn * { color: #fff !important; }
.mcv a.mcv-btn--lg { height: 52px; padding: 0 24px; font-size: 16px !important; }
.mcv a.mcv-btn--xl { height: 58px; padding: 0 30px; font-size: 17px !important; }
.mcv a.mcv-btn--primary { background: var(--mcv-navy) !important; }
.mcv a.mcv-btn--primary:hover { background: #190A5A !important; }
.mcv a.mcv-btn--accent { background: var(--mcv-orange) !important; box-shadow: 0 10px 26px -14px rgba(238,100,43,.85), 0 1px 2px rgba(26,8,88,.08); }
.mcv a.mcv-btn--accent:hover { background: var(--mcv-orange-600) !important; transform: translateY(-1px); }

/* 3. Hero: the video is the page. Dark stage, big player, chapters underneath. */
.mcv .mcv-hero {
  position: relative; overflow: hidden; text-align: center;
  padding: 48px var(--mcv-gut) 80px !important;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 72px),
    linear-gradient(180deg, #1A0858 0%, #250C77 62%, #2E1290 100%) !important;
}
.mcv .mcv-glow { position: absolute; left: 50%; top: 180px; width: min(1300px, 120vw); height: 760px; transform: translateX(-50%); pointer-events: none; background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(238,100,43,.30), rgba(238,100,43,.10) 45%, rgba(238,100,43,0) 72%); }
.mcv .mcv-hero-in { position: relative; z-index: 1; }
.mcv .mcv-eyebrow--dark { color: #FFB08C; }
.mcv .mcv-eyebrow--dark svg { color: var(--mcv-orange); }
.mcv .mcv-eyebrow--dark::before { background: linear-gradient(90deg, rgba(255,176,140,0), rgba(255,176,140,.6)); }
.mcv .mcv-eyebrow--dark::after { background: linear-gradient(90deg, rgba(255,176,140,.6), rgba(255,176,140,0)); }
.mcv .mcv-hero .mcv-h1 { font: 800 clamp(32px, 3.6vw, 48px)/1.08 var(--mcv-display) !important; color: #fff !important; margin: 0 auto 28px !important; max-width: 1040px; }
.mcv .mcv-player { max-width: 1000px; margin: 0 auto; scroll-margin-top: 90px; }
.mcv .mcv-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; background: #0F0436; border: 1px solid rgba(255,255,255,.16); box-shadow: 0 0 0 8px rgba(255,255,255,.05), 0 40px 90px -30px rgba(0,0,0,.65), 0 18px 40px -20px rgba(238,100,43,.35); }
.mcv .mcv-frame iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: 100% !important; margin: 0 !important; border: 0 !important; display: block !important; }
.mcv .mcv-chapters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0 0 !important; }
.mcv .mcv-chapters li { display: flex; align-items: center; gap: 10px; height: 100%; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); font: 500 14px/1.35 var(--mcv-sans); color: rgba(255,255,255,.88) !important; text-align: left; }
.mcv .mcv-chapters span { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--mcv-orange); color: #fff; display: flex; align-items: center; justify-content: center; font: 700 12px/1 var(--mcv-display); }
.mcv .mcv-lede { max-width: 40em; margin: 36px auto 0 !important; font: 400 18px/1.65 var(--mcv-sans) !important; color: rgba(255,255,255,.82) !important; text-wrap: pretty; }
.mcv .mcv-hero-cta { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: 28px; }
.mcv .mcv-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.mcv .mcv-chips li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); font: 500 13px/1.2 var(--mcv-sans); color: rgba(255,255,255,.9); }
.mcv .mcv-chips li::before { content: "" !important; display: block !important; width: 6px; height: 6px; border-radius: 50%; background: var(--mcv-orange); }

/* 4. Responsive */
@media (max-width: 980px) {
  .mcv { --mcv-gut: 20px; }
  .mcv .mcv-hero { padding-top: 32px !important; padding-bottom: 56px !important; }
  .mcv .mcv-chapters { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .mcv .mcv-frame { border-radius: 12px; box-shadow: 0 0 0 4px rgba(255,255,255,.05), 0 24px 50px -24px rgba(0,0,0,.6); }
}
@media (max-width: 640px) {
  .mcv .mcv-hero .mcv-h1 { font-size: 30px !important; margin-bottom: 22px !important; }
  .mcv .mcv-player { margin-left: -8px; margin-right: -8px; }
  .mcv .mcv-chapters li { padding: 10px 12px; font-size: 13px; }
  .mcv .mcv-lede { font-size: 16.5px !important; margin-top: 28px !important; }
  .mcv .mcv-hero-cta a.mcv-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .mcv *, .mcv *::before, .mcv *::after { transition: none !important; animation: none !important; }
}