/* ==========================================================================
   Landing: Criminal Defence
   Scope: body.landing-page--criminal-defence
   ========================================================================== */

/* Tokens */
:root {
	--lp-bg: #ffffff;
	--lp-text: #212529;
	--lp-muted: #555;
	--lp-graphite: #2d2d2d;
	--lp-graphite-2: #1f1f1f;
	--lp-gold: #9f8f6a;
	--lp-gold-soft: #d2bc8c;
	--lp-gold-bg: rgba(159, 143, 106, 0.12);
	--lp-border: rgba(33, 37, 41, 0.1);
	--lp-border-soft: rgba(33, 37, 41, 0.07);
	--lp-white: #ffffff;
	--lp-soft: #f7f7f7;
	--lp-soft-2: #f8f8f8;
	--lp-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
	--lp-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.05);
	--lp-radius: 15px;
	--lp-radius-sm: 8px;
	--lp-radius-pill: 40px;
	--lp-max: 1410px;
	--lp-med: 1250px;
	--lp-font: "Roboto", Arial, sans-serif;
	--lp-section-y: 80px;
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/roboto-v51-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v51-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

* {
	box-sizing: border-box;
	/*outline: 1px solid red;*/
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Reset (scoped) */
body.landing-page--criminal-defence *,
body.landing-page--criminal-defence *::before,
body.landing-page--criminal-defence *::after {
	box-sizing: border-box;

}

body.landing-page--criminal-defence {
	margin: 0;
	font-family: var(--lp-font);
	color: var(--lp-text);
	background: var(--lp-bg);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

body.landing-page--criminal-defence img {
	max-width: 100%;
	display: block;
}

body.landing-page--criminal-defence a {

	text-decoration: none;
}

html:has(body.landing-page--criminal-defence) {
	scroll-behavior: smooth;
}

/* Layout helpers */
.lp-container {
	width: min(calc(100% - 0px), var(--lp-max));
	margin-inline: auto;
	position: relative;
}
.lp-med-container {
	width: min(calc(100% - 0px), var(--lp-med));
	margin-inline: auto;
	position: relative;
}
.lp-stars {
	color: #fbbc05;
	letter-spacing: 2px;
	font-size: inherit;
}
#backToTop{display: none;}
/* ==========================================================================
   Utility classes (atomic — compose in markup)
   ========================================================================== */

/* Display */
.block        { display: block; }
.inline-block { display: inline-block; }
.inline       { display: inline; }
.hidden       { display: none; }
.grid         { display: grid; }
.flex         { display: flex; }
.inline-flex  { display: inline-flex; }

/* Flex direction / wrap */
.flex-row      { flex-direction: row; }
.flex-col      { flex-direction: column; }
.flex-wrap     { flex-wrap: wrap; }
.flex-nowrap   { flex-wrap: nowrap; }
.flex-1        { flex: 1 1 0%; }
.flex-auto     { flex: 1 1 auto; }
.flex-none     { flex: 0 0 auto; }

/* Justify */
.justify-start   { justify-content: flex-start; }
.justify-center  { justify-content: center; }
.justify-end     { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-around  { justify-content: space-around; }

/* Align items */
.align-start   { align-items: flex-start; }
.align-center  { align-items: center; }
.align-end     { align-items: flex-end; }
.align-stretch { align-items: stretch; }
.align-baseline{ align-items: baseline; }

/* Gaps */
.gap-0  { gap: 0; }
.gap-4  { gap: 4px; }
.gap-5  { gap: 5px; }
.gap-8  { gap: 8px; }
.gap-10 { gap: 10px; }
.gap-12 { gap: 12px; }
.gap-15 { gap: 15px; }
.gap-16 { gap: 16px; }
.gap-20 { gap: 20px; }
.gap-24 { gap: 24px; }
.gap-30 { gap: 30px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }

/* Text alignment */
.text-left   { text-align: left; }
.text-center { text-align: center; }
.text-right  { text-align: right; }

/* Text transform */
.uppercase  { text-transform: uppercase; }
.lowercase  { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.normal-case{ text-transform: none; }

/* Font family */
.roboto { font-family: 'Roboto', Arial, sans-serif; }

/* Font sizes */
.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-26 { font-size: 26px; }
.fs-30 { font-size: 30px; }
.fs-32 { font-size: 32px; }
.fs-38 { font-size: 38px; }
.fs-42 { font-size: 42px; }
.fs-48 { font-size: 48px; }
.fs-52 { font-size: 52px; }
.fs-58 { font-size: 58px; }
.fs-64 { font-size: 64px; }

/* Font weights (fw-50 kept as alias for 500) */
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-50,
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

/* Font style */
.italic   { font-style: italic; }
.not-italic { font-style: normal; }

/* Line heights */
.lh-1  { line-height: 100%; }
.lh-11 { line-height: 110%; }
.lh-12 { line-height: 120%; }
.lh-13 { line-height: 130%; }
.lh-14 { line-height: 140%; }
.lh-15 { line-height: 150%; }
.lh-16 { line-height: 160%; }
.lh-18 { line-height: 180%; }

/* Letter spacing */
.tracking-tight  { letter-spacing: -0.01em; }
.tracking-normal { letter-spacing: 0; }
.tracking-wide   { letter-spacing: 0.04em; }
.tracking-wider  { letter-spacing: 0.08em; }

/* Colors */
.white    { color: #FFFFFF; }
.blackish { color: #212529; }
.goldish  { color: #9F8F6A; }
.muted    { color: #555555; }

/* Background colors */
.bg-white      { background-color: #FFFFFF; }
.bg-goldish    { background-color: #9F8F6A; }
.bg-goldish-soft{ background-color: rgba(159, 143, 106, 0.12); }
.bg-blackish   { background-color: #2D2D2D; }
.bg-dark       { background-color: #1F1F1F; }
.bg-light-gray { background-color: #F5F5F5; }
.bg-soft       { background-color: #F7F7F7; }

/* Borders */
.border       { border: 1px solid rgba(33, 37, 41, 0.1); }
.border-gold  { border: 1px solid #9F8F6A; }
.border-0     { border: 0; }

/* Radius */
.r-0    { border-radius: 0; }
.r-4    { border-radius: 4px; }
.r-8    { border-radius: 8px; }
.r-10   { border-radius: 10px; }
.r-12   { border-radius: 12px; }
.r-15   { border-radius: 15px; }
.r-20   { border-radius: 20px; }
.r-pill { border-radius: 999px; }
.r-full { border-radius: 50%; }

/* Width */
.w-100  { width: 100%; }
.w-auto { width: auto; }
.max-w-100 { max-width: 100%; }

/* Position */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed    { position: fixed; }
.sticky   { position: sticky; }

/* Margin (scale: 0,4,8,12,16,20,24,30,40,50,60,80) */
.m-0  { margin: 0; }
.mt-0 { margin-top: 0; }   .mb-0 { margin-bottom: 0; }
.mt-4 { margin-top: 4px; } .mb-4 { margin-bottom: 4px; }
.mt-8 { margin-top: 8px; } .mb-8 { margin-bottom: 8px; }
.mt-12{ margin-top: 12px; }.mb-12{ margin-bottom: 12px; }
.mt-16{ margin-top: 16px; }.mb-16{ margin-bottom: 16px; }
.mt-20{ margin-top: 20px; }.mb-20{ margin-bottom: 20px; }
.mt-24{ margin-top: 24px; }.mb-24{ margin-bottom: 24px; }
.mt-30{ margin-top: 30px; }.mb-30{ margin-bottom: 30px; }
.mt-40{ margin-top: 40px; }.mb-40{ margin-bottom: 40px; }
.mt-50{ margin-top: 50px; }.mb-50{ margin-bottom: 50px; }
.mt-60{ margin-top: 60px; }.mb-60{ margin-bottom: 60px; }
.mt-80{ margin-top: 80px; }.mb-80{ margin-bottom: 80px; }
.mx-auto { margin-inline: auto; }

/* Padding */
.p-0  { padding: 0; }
.p-8  { padding: 8px; }
.p-12 { padding: 12px; }
.p-16 { padding: 16px; }
.p-20 { padding: 20px; }
.p-24 { padding: 24px; }
.p-30 { padding: 30px; }
.py-8 { padding-block: 8px; }  .px-8 { padding-inline: 8px; }
.py-12{ padding-block: 12px; } .px-12{ padding-inline: 12px; }
.py-16{ padding-block: 16px; } .px-16{ padding-inline: 16px; }
.py-20{ padding-block: 20px; } .px-20{ padding-inline: 20px; }
.py-24{ padding-block: 24px; } .px-24{ padding-inline: 24px; }
.py-30{ padding-block: 30px; } .px-30{ padding-inline: 30px; }
.py-40{ padding-block: 40px; } .px-40{ padding-inline: 40px; }
.py-60{ padding-block: 60px; } .px-60{ padding-inline: 60px; }
.py-80{ padding-block: 80px; } .px-80{ padding-inline: 80px; }

.p-15-32{
	padding: 15px 32px !important;
}
/* Inline arrow (sits next to button text) */
.arrow {
	display: inline-flex;
	align-items: center;
	margin-left: 10px;
	line-height: 1;
}

/* Responsive wrapper: 2-column on desktop, stacks on mobile */
.wrap-mobile {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 5px !important;
}

::-webkit-scrollbar-thumb {
    background: #d2bc8c;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}
	::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 10px;
}
/* ==========================================================================
   Top bar + header
   ========================================================================== */
.lp-topbar {
	background: var(--lp-graphite-2);
	color: var(--lp-white);

	letter-spacing: 0.04em;

	


padding-top: 12px;
padding-right: 48px;
padding-bottom: 11px;
padding-left: 48px;

	
}

.lp-topbar__inner {
	height: 44px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.lp-topbar__brand {
	font-size: 18px;
	font-weight: 500;	
letter-spacing: 0;
}
.lp-topbar__rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.lp-header {
	position: sticky;
	top: 0;
	z-index: 900;

	padding-right: 48px;
	padding-left: 48px;
}

.lp-header.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: var(--lp-graphite);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
	animation: lpHeaderSlideDown 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes lpHeaderSlideDown {
	from { transform: translateY(-100%); }
	to   { transform: translateY(0); }
}

.lp-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 0;
}

.lp-header__cta {
	padding: 15px 5px 15px 33px;
}
.lp-header__cta .arrow{
	   
}
.lp-logo img {
	max-width: 220px;
	width: 100%;
}

.lp-nav {
	display: flex;
	gap: 50px;
	
}

.lp-nav a {
	opacity: 0.9;
	transition: color 160ms ease, opacity 160ms ease;
}

.lp-nav a:hover {
	opacity: 1;
	color: var(--lp-gold-soft);
}

/* Hamburger toggle (mobile only) */
.lp-menu-toggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 44px;
	height: 44px;
	padding: 8px;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.lp-menu-toggle span {
	display: block;
	width: 26px;
	height: 2px;
	background: var(--lp-white);
	transform-origin: center;
	transition: transform 250ms ease, opacity 200ms ease;
}

.lp-menu-toggle[aria-expanded="true"] span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.lp-menu-toggle[aria-expanded="true"] span:nth-child(2) {
	opacity: 0;
}

.lp-menu-toggle[aria-expanded="true"] span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* Mobile menu overlay — slide-down (grid-rows trick, no fixed height needed) */
.lp-mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: grid;
	grid-template-rows: 0fr;
	background: var(--lp-graphite-2);
	visibility: hidden;
	transition:
		grid-template-rows 350ms cubic-bezier(0.4, 0, 0.2, 1),
		visibility 0s linear 350ms;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}

.lp-mobile-menu.is-open {
	visibility: visible;
	grid-template-rows: 1fr;
	transition:
		grid-template-rows 350ms cubic-bezier(0.4, 0, 0.2, 1),
		visibility 0s linear 0s;
}

.lp-mobile-menu__inner {
	overflow: hidden;
	min-height: 0;
	display: flex;
	flex-direction: column;
	padding-inline: 20px;
	opacity: 0;
	transition: opacity 250ms ease 0s;
}

.lp-mobile-menu.is-open .lp-mobile-menu__inner {
	opacity: 1;
	transition: opacity 250ms ease 120ms;
}

.lp-mobile-menu__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 0 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.lp-menu-close {
	width: 44px;
	height: 44px;
	padding: 0;
	background: transparent;
	border: 0;
	color: var(--lp-white);
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
}

.lp-mobile-menu__nav {
	display: flex;
	flex-direction: column;
}

.lp-mobile-menu__nav a {
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.lp-mobile-menu__cta {
	align-self: center;
	margin-top: 32px;
}

.lp-mobile-menu__brand {
	padding: 32px 0 24px;
	text-align: center;
}

.lp-mobile-menu__brand p {
	margin: 0 0 10px;
}

.lp-mobile-menu__rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

body.lp-menu-open {
	overflow: hidden;
}



/* ==========================================================================
   Buttons
   ========================================================================== */
.lp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	min-height: 50px;
	padding: 15px 5px 15px 15px; 
	border: 1px solid transparent;
	border-radius: var(--lp-radius-pill);
	font-family: inherit;
	max-height: 50px;
	
	line-height: 1;
	transition: transform 160ms ease, background 160ms ease, color 160ms ease, border-color 160ms ease;
	cursor: pointer;
}

.lp-btn:hover {
	transform: translateY(-1px);
}

.lp-btn:focus-visible {
	outline: 2px solid var(--lp-gold);
	outline-offset: 3px;
}

.lp-btn--primary {
	background: var(--lp-gold);
	color: var(--lp-white);
}

.lp-btn--primary:hover {
	background: #8e7f5d;
}

.lp-btn--secondary {
	background: var(--lp-white);
	color: var(--lp-text);
}

.lp-btn--ghost {
	border-color: var(--lp-gold);
	color: var(--lp-gold);
	background: transparent;
}

.lp-btn--ghost:hover {
	background: var(--lp-gold-bg);
}

.lp-btn--outline-gold {
	background: transparent;
	border: 1px solid var(--lp-gold);
	color: var(--lp-gold);
}

.lp-btn--outline-gold:hover {
	background: var(--lp-gold-bg);
	color: var(--lp-gold);
}

.lp-btn--with-arrow {
	gap: 10px;
}

.lp-btn__arrow {
	display: inline-grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
	
	line-height: 1;
}

.lp-btn--with-icon {
	gap: 14px;
	padding-right: 10px;
}

.lp-btn__icon {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	color: var(--lp-gold);
	
	line-height: 1;
	font-weight: 700;
}

.arrow{
	background-color: var(--lp-white);
	width: 40px;
	height: 40px;
	opacity: 1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	padding: 10px;
}

/* Call toll-free (dual-label) button */
.lp-btn--call {
	gap: 14px;
	padding: 8px 8px 8px 22px;
	min-height: 50px;
	background: var(--lp-white);
	color: var(--lp-text);
	text-transform: none;
	letter-spacing: 0;
	text-align: left;
}

.lp-btn--call-light {
	background: rgba(255, 255, 255, 0.08);
	color: var(--lp-white);
	border: 1px solid rgba(255, 255, 255, 0.22);
}

.lp-btn--call .lp-btn__labels {
	display: grid;
	line-height: 1.15;
}

.lp-btn--call .lp-btn__sublabel {
	
	color: var(--lp-gold);
}



.lp-btn__icon-circle {
	display: inline-grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--lp-gold);
	color: var(--lp-white);
	flex: 0 0 40px;
}

/* ==========================================================================
   Hero
   ========================================================================== */
.lp-hero__header{
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.5) 55%, rgba(0, 0, 0, 0.18) 100%),
		url("./images/hero.png") center / cover no-repeat;
}

.lp-hero {
	color: var(--lp-white);

}

.lp-hero__grid {
	display: flex;
	 
	gap: 40px;
	padding: 50px 0 72px;
	align-items: start;
	 
}

.lp-kicker {
	margin: 0 0 8px;

	line-height: 1;
	
	
	color: var(--lp-white);
}

.lp-hero__content{
	max-width: 546px;
	padding-top: 24px;
}
.lp-hero__title {
	margin: 0 0 16px;

	
}

.lp-hero__title-accent {
	color: var(--lp-gold);
}

.lp-hero__subtitle {
	margin: 0 0 30px;
	
	max-width: 540px;
	color: rgba(255, 255, 255, 0.92);
}

.lp-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	
	    gap: 12px;
	margin-bottom: 40px;
}
.lp-hero__actions .lp-btn{
padding: 15px 5px 15px 33px;
}
.lp-hero__featured {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 520px;
	padding-top: 14px;
}

.lp-hero__featured-label {
	margin: 0;
	color: rgba(255, 255, 255, 0.75);
}



.lp-hero__featured-logos{
	display: flex;
	align-items: center;
	gap: 24px;
	justify-content: space-between;
}
.lp-hero__featured-logos img {
	max-height: 80px;
	width: auto;
	opacity: 0.95;
}

/* ==========================================================================
   Lead form card
   ========================================================================== */
.lp-form-card {
	background: var(--lp-white);
	color: var(--lp-text);
	border-radius: var(--lp-radius);
	box-shadow: var(--lp-shadow);
	padding: 28px;
	    max-width: 610px;
		width: 100%;
}

.lp-form-card__title {
	margin: 0 0 12px;
	
}

.lp-form-card__title span {
	color: var(--lp-gold);
}

.lp-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.lp-form input,
.lp-form select,
.lp-form textarea {
	width: 100%;
	border: 1px solid var(--lp-border);
	border-radius: 6px;
	padding: 10px ;
	font: inherit;
	color: var(--lp-muted);
	background: var(--lp-white);
	transition: border-color 160ms ease, box-shadow 160ms ease;
}
.lp-form select,
.lp-form textarea {
	padding: 11px 10px;
}
.lp-form input:focus,
.lp-form select:focus,
.lp-form textarea:focus {
	outline: none;
	border-color: var(--lp-gold);
	box-shadow: 0 0 0 3px var(--lp-gold-bg);
}

.lp-form textarea {
	resize: vertical;
	min-height: 88px;
}

.lp-form .lp-btn{
	display: flex;
	align-items: center;
	justify-content: center;	
}


.lp-form__full {
	grid-column: 1 / -1;
}

.lp-form__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 18px;
}

.lp-form__footer .lp-btn {
	padding-inline: 32px;
	    min-width: 180px;
}

.lp-form__badge {
	display: flex;
	align-items: center;
	gap: 12px;
	    margin-top: 10px;
}

.lp-form__badge-avatars {
	display: inline-flex;
}

.lp-form__badge-avatars img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--lp-white);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.lp-form__badge-avatars img + img {
	margin-left: -12px;
}

.lp-form__badge-meta {
	display: grid;
	line-height: 1.15;
}

.lp-form__badge-meta strong {

}

.lp-form__badge-meta .lp-stars {
	font-size: 20px;
	letter-spacing: 1px;
}

.lp-form__badge-count {
	font-size: 11px;
	color: var(--lp-muted);
}

.lp-form__feedback {
	margin-top: 14px;
	padding: 12px 14px;
	border-radius: var(--lp-radius-sm);
	font-size: 14px;
}

.lp-form__feedback.is-success {
	background: rgba(25, 135, 84, 0.1);
	color: #146c43;
}

.lp-form__feedback.is-error {
	background: rgba(220, 53, 69, 0.1);
	color: #b02a37;
}

.lp-hp-field {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* ==========================================================================
   Stats strip
   ========================================================================== */
.lp-stats {
	background: var(--lp-graphite);
	color: var(--lp-white);
}

.lp-stats__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.lp-stats__item {
	padding: 24px 0px;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;

}

.lp-stats__item:first-child {
	border-left: 0;
	    justify-self: baseline;
}

.lp-stats__item:last-child {
justify-content: flex-end;
}

.lp-stats strong {
	display: inline-flex;
	gap: 10px;
	align-items: baseline;
	font-size: clamp(36px, 3.4vw, 52px);
	
	color: var(--lp-gold);
	
}

.lp-stats span {
	
	

	letter-spacing: 0.04em;
	text-align: left;
}

.lp-stats em {
	font-style: normal;
	font-size: 11px;

	opacity: 0.7;
	text-transform: none;
	letter-spacing: 0;
}

/* In-hero mobile stats: horizontal swipeable slider */

.lp-stats-mobile {
	max-width: 100%;
}
.lp-stats-mobile .lp-stats__grid {
	display: flex;
	grid-template-columns: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	gap: 0;
}

.lp-stats-mobile .lp-stats__grid::-webkit-scrollbar {
	display: none;
}

.lp-stats-mobile .lp-stats__item,
.lp-stats-mobile .lp-stats__item:first-child,
.lp-stats-mobile .lp-stats__item:last-child {
	flex: 0 0 100%;
	max-width: 100%;
	scroll-snap-align: center;
	border-left: 0;
	border-top: 0;
	justify-content: center;
	justify-self: center;
	padding: 28px 16px;
}



/* ==========================================================================
   Generic sections
   ========================================================================== */
.lp-section {
	padding:  var(--lp-section-y) 0;
}

.lp-section--soft {
	margin-bottom: 0px;
	    
}
.lp-section--soft .lp-container{
background: var(--lp-soft);
padding: 74px;
}

.lp-section__head {
	    max-width: 975px;
	margin: 0 auto 40px;
	text-align: center;
}

.lp-section__title {
	margin: 0 0 14px;
	
	
}

.lp-section__title span {
	color: var(--lp-gold);
}

.lp-section__text {
	margin: 0 0 3px;
}

.lp-section__text--wide {
	max-width: 900px;

	color: #3f3f3f;
}

/* ==========================================================================
   Critical section
   ========================================================================== */
.lp-critical-section{
	margin-bottom: 0;
	padding-bottom: 0;
}

   .lp-critical {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px;
	align-items: start;
}

.lp-critical__content .lp-section__title {
	margin-bottom: 20px;
}

.lp-critical__bullets {
	display: flex;
	flex-wrap: wrap;
	gap: 18px 28px;
	padding: 0;
	margin: 4px 0 22px;
	list-style: none;
	margin-top: 16px;
	border-top: 1px solid var(--lp-border);
	padding-top: 15px;
}

.lp-critical__bullets li {
	position: relative;
	padding-left: 22px;
}

.lp-critical__bullets li::before {
	content: "";
	  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzOF8zNzcpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDYuMTE5NTllLTA3TDUuOTk1NSAwLjk3NTE0N0wxMS4zMjA0IDYuM0w2LjczMTU1ZS0wNyA2LjNMNS41MDc2NGUtMDcgNy43TDExLjMyMDQgNy43TDYuMDEwMiAxMy4wMTAyTDcgMTRDOS41NjI3IDExLjQzNzMgMTEuNTQ3MiA5LjQ1MjggMTQgN0MxMS4yMjM4IDQuMjIzOCAxMy4xODM4IDYuMTgzOCA3IDYuMTE5NTllLTA3WiIgZmlsbD0iIzlGOEY2QSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzOF8zNzciPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNCAxNCkgcm90YXRlKC0xODApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
	background-size: contain;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;

	position: absolute;
	left: 0;
	top: 0;
	color: var(--lp-gold);
	
}

.lp-critical__badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin: 0 0 28px;
}

.lp-critical__badges img {
	max-height: 44px;
	width: auto;
	opacity: 0.95;
}

.lp-critical__content .lp-btn {
	padding: 15px 32px;
}

.lp-critical__steps {
	display: grid;
	gap: 10px;
	padding-top: 16px;
}

.lp-step-card {
	display: flex;
	gap: 18px;
	padding: 22px;
	border: 1px solid var(--lp-border-soft);
	border-radius: var(--lp-radius);
	background: var(--lp-white);
	box-shadow: var(--lp-shadow-sm);
}

.lp-step-card__number {	
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: var(--lp-gold);
	color: var(--lp-soft);
	display: grid;
	place-items: center;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.lp-step-card__body h3 {
	margin: 0;

	
	
}

.lp-step-card__body p {
	margin: 0;
}

/* ==========================================================================
   Services cards
   ========================================================================== */
   .lp-services-section .lp-section__title{margin-bottom: 10px;}
.lp-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 21px 31px;
}

.lp-card {
	position: relative;
	max-width:397px;
	min-height: 300px;
	border-radius: var(--lp-radius);
	overflow: hidden;
	background: var(--lp-white);
	box-shadow: var(--lp-shadow-sm);
	isolation: isolate;
}

.lp-card__image {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.lp-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lp-card__image::after {
	content: "";
	position: absolute;
	inset: 0;
	box-shadow: 0px 4px 15px 0px #0000001A;
    background: linear-gradient(179.83deg, rgba(255, 255, 255, 0) 4.47%, #FFFFFF 76.75%);
	pointer-events: none;
}

.lp-card__body {
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 1;
	padding: 20px;
}

.lp-card__body h3 {
	margin: 0 0 15px;
	color: var(--lp-text);
}

.lp-card__body p {
	margin: 0;
	line-height: 150%;
}

/* ==========================================================================
   Trust section (video + points)
   ========================================================================== */
.lp-trust-section {
	background: var(--lp-white);
	    padding: 0;
}

.lp-section__head--trust {
	margin-bottom: 40px;
}

.lp-trust-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.20fr) minmax(0, 0.80fr);
	gap: 40px;
	align-items: start;
}

.lp-trust-video {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--lp-radius);
	background: #ddd;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.lp-trust-video img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.lp-trust-video__iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	border: 0;
}

.lp-trust-video.is-playing {
	cursor: default;
}

.lp-trust-video.is-playing .lp-trust-video__play,
.lp-trust-video.is-playing .lp-trust-video__caption {
	display: none;
}

.lp-trust-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 112px;
	height: 112px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	transform: translate(-50%, -50%);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

.lp-trust-video__triangle {
	width: 0;
	height: 0;
	margin-left: 6px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 24px solid var(--lp-gold);
}

.lp-trust-video__caption {
	position: absolute;
	left: 24px;
	bottom: 24px;
	color: var(--lp-gold);
}

.lp-trust-points {
	display: grid;
}

.lp-trust-points{
max-width: 4822px;
}
.lp-trust-point {
	padding: 0 0 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--lp-border);
}

.lp-trust-point:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.lp-trust-point h3 {
	position: relative;
	margin: 0 0 5px;
	padding-left: 34px;

}

.lp-trust-point h3::before {
	content: "✓";
	position: absolute;
	top: 0;
	left: 0;
	color: var(--lp-gold);
	font-size: 24px;
	line-height: 1;
}

.lp-trust-point p {
	margin: 0;
	color: #3f3f3f;
}

.lp-trust-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: space-between;
}
.lp-trust-actions .lp-btn--outline-gold {
	min-width: 203px;
    text-align: center;
    justify-content: center;
}
/* ==========================================================================
   Testimonials
   ========================================================================== */
.lp-testimonials-section {

	overflow: hidden;
	background: #FFFFFF;
background: linear-gradient(0deg,rgba(248, 248, 248, 0.42) 0%, rgba(255, 255, 255, 1) 63%);

}

.lp-testimonials {
	display: grid;
	grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

.lp-testimonials__intro {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.lp-testimonials__bg-mark {
	position: absolute;
	top: 20px;
	left: -15%;
	z-index: 0;
	
	pointer-events: none;
}

.lp-testimonials__bg-mark img {
	max-width: 360px;
	    object-fit: contain;
}

.lp-testimonials__person {
	position: relative;
	z-index: 1;
}

.lp-testimonials__person img {
	margin: 0 auto;
}

.lp-testimonials__quote-card {
	position: relative;
	z-index: 2;
	max-width: 355px;
	margin: -76px 0 0 0px;
	padding: 24px 22px 20px;
	border-radius: 16px;
	background: linear-gradient(135deg, #2a2a2a, #3a3a3a);
	color: var(--lp-white);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.14);
}

.lp-testimonials__quote-mark {
	margin-bottom: 8px;
	
	color: var(--lp-gold);
	    display: flex;
    gap: 30px;
}

.lp-testimonials__quote-card p {
	margin: 0 0 14px;
}

.lp-testimonials__quote-author strong {
	display: block;

	color: var(--lp-gold);
}

.lp-testimonials__quote-author span {
	display: block;
	margin-top: 4px;
	color: rgba(255, 255, 255, 0.8);
}

.lp-testimonials__head {
	max-width: 980px;
	margin-bottom: 14px;
}

.lp-embla__viewport {
	overflow: hidden;
}

.lp-embla__container {
	display: flex;
	margin-left: -12px;
	    gap: 25px;
}

.lp-embla__slide {
	flex: 0 0 50%;
	min-width: 0;
	padding-left: 12px;
	max-width: 400px;
	opacity: 0.5;
	transition: opacity 0.35s ease;
}

.lp-embla__slide.is-in-view {
	opacity: 1;
}

.lp-review-card--embla {
	height: 100%;
	min-height: 340px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 26px;
	border-radius: var(--lp-radius);
	background: var(--lp-white);
	border: 1px solid var(--lp-border-soft);
	box-shadow: var(--lp-shadow-sm);
}

.lp-review-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.lp-review-card__stars {
	color: #fbbc05;
	font-size: 18px;
	letter-spacing: 2px;
}

.lp-review-card__google img {
	width: 22px;
	height: 22px;
	object-fit: contain;

}

.lp-review-card--embla p {
	margin: 0 0 22px;
}

.lp-review-card__text {
	margin: 0 0 22px;
}

.lp-review-card__text p {
	margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	line-clamp: 8;
	overflow: hidden;
}

.lp-review-card__text.is-expanded p {
	display: block;
	-webkit-line-clamp: unset;
	line-clamp: unset;
	overflow: visible;
}

.lp-review-card__more {
	margin-top: 8px;
	padding: 0;
	background: transparent;
	border: 0;
	font: inherit;
	font-weight: 400;
	color: #9F8F6A;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.lp-review-card__more:hover,
.lp-review-card__more:focus-visible {
	color: #a8873a;
	outline: none;
}

.lp-review-card__footer {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: auto;
}

.lp-review-card__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--lp-gold);
	color: var(--lp-white);
	flex: 0 0 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--lp-font);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.02em;
}

.lp-review-card__footer strong {

	
	color: #2b2b2b;
}

.lp-embla__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 20px;
}

.lp-google-summary {
	display: flex;
	align-items: center;
	gap: 14px;
}

.lp-google-summary img {
	width: 40px;
	height: 40px;
	object-fit: contain;
		background: #fff;
    border-radius: 50%;
    padding: 10px;
}

.lp-google-summary strong {
	display: block;
}

.lp-google-summary span {
	display: inline-block;
	
}

.lp-embla__controls {
	display: flex;
	align-items: center;
	gap: 14px;
}

.lp-embla__button {
	width: 44px;
	height: 44px;
	border: 1px solid var(--lp-border);
	border-radius: 50%;
	background: var(--lp-white);
	color: var(--lp-graphite);

	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	cursor: pointer;
	transition: border-color 160ms ease, color 160ms ease;
}

.lp-embla__button:hover {
	border-color: var(--lp-gold);
	color: var(--lp-gold);
}

.lp-embla__button:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.lp-embla__status {
	display: flex;
	align-items: center;
	gap: 4px;

	color: var(--lp-graphite);
}

.lp-embla__status span:last-child {
	color: #b4b4b4;
}

/* ==========================================================================
   Lawyers
   ========================================================================== */

 .lp-lawyers-section {
	padding-top: 74px;
}  
 .lp-lawyers-section h2{
	margin: 0px 0 10px;
}
.lp-lawyers-section .lp-section__text {
max-width: 672px;
    margin: 0 auto;
}	
.lp-lawyers {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.lp-lawyer-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0;
	border-radius: var(--lp-radius);
	overflow: hidden;
	    background: var(--lp-soft);
	box-shadow: var(--lp-shadow-sm);
}

.lp-lawyer-card__image {
	background: #eee;
}

.lp-lawyer-card__image img {
	width: 100%;
	height: 100%;
	min-height: 240px;
	object-fit: cover;
}

.lp-lawyer-card__body {
	padding: 16px 0px 30px 30px;
	display: flex;
	flex-direction: column;
	    justify-content: space-between;
	gap: 10px;
}

.lp-lawyer-card__body h3 {
	margin: 0 0 10px;
	
}

.lp-lawyer-card__body h3 span {
	color: var(--lp-gold);
}

.lp-lawyer-card__role {
	margin: 0;

	border-bottom: 1px solid var(--lp-border);
    padding-bottom: 10px;
}



.lp-lawyer-card__body p {
	margin: 0;
}
.layer-description{
	padding-right: 30px;
	padding-top: 12px;
}
.lp-lawyer-card__body .lp-btn {
	align-self: flex-start;
	margin-top: 6px;
	letter-spacing: 0;
	    min-height: 40px;
}

/* ==========================================================================
   Location CTA
   ========================================================================== */
.lp-location-cta {
	position: relative;

	color: var(--lp-white);
	display: flex;
}
.lp-location-cta__left{
	flex: 1;
	background-image: url("../criminal-defence/images/footer-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	padding: 87px 0;
	padding-left: max(0px, calc((100vw - 1246px) / 2));
	
}	
@media (max-width: 1200px) {
	.lp-location-cta__left {
		max-width: 961px;
	}
}	
.lp-location-cta__right{
	flex: 1;
	padding: 87px 0;
		/* background:
		linear-gradient(90deg, rgba(20, 20, 20, 0.94), rgba(20, 20, 20, 0.5) 65%, rgba(20, 20, 20, 0.15)),
		url("../criminal-defence/images/footer.png") center / cover no-repeat; */
	background-image: url("../criminal-defence/images/footer.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	}	
.lp-location-cta__inner {
	display: flex;
	align-items: center;
}

.lp-location-cta__content {
	max-width: 535px;
}

.lp-location-cta__content .lp-section__title {
	margin-bottom: 18px;
}

.lp-location-cta__text {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, 0.88);

}
.p-location-cta__divider {
	width: 100%;
	height: 1px;
	 
	margin: 22px 0;
	border: 1px solid #FFFFFF1A
}
.lp-location-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px 34px;
	padding: 0;
	margin: 30px 0 28px;
	list-style: none;
	    padding-left: 5px;
}

.lp-location-list li {
	position: relative;
	padding-left: 18px;
}

.lp-location-list li::before {
	content: "";
		  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzOF8zNzcpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDYuMTE5NTllLTA3TDUuOTk1NSAwLjk3NTE0N0wxMS4zMjA0IDYuM0w2LjczMTU1ZS0wNyA2LjNMNS41MDc2NGUtMDcgNy43TDExLjMyMDQgNy43TDYuMDEwMiAxMy4wMTAyTDcgMTRDOS41NjI3IDExLjQzNzMgMTEuNTQ3MiA5LjQ1MjggMTQgN0MxMS4yMjM4IDQuMjIzOCAxMy4xODM4IDYuMTgzOCA3IDYuMTE5NTllLTA3WiIgZmlsbD0iIzlGOEY2QSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzOF8zNzciPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNCAxNCkgcm90YXRlKC0xODApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
	background-size: contain;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	    left: -10px;
 
}

.lp-location-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.lp-location-cta__actions .lp-btn--call-light {
	min-width: 230px;
	text-align: center;
	justify-content: center;
	background: #FFFFFF;

}
.lp-location-cta__actions .lp-btn--call-light .lp-btn__icon-circle{
	    margin-right: -30px;
}
/* ==========================================================================
   Footer
   ========================================================================== */
.lp-footer {
	background: var(--lp-graphite-2);
	color: rgba(255, 255, 255, 0.8);
	padding: 28px 0;
}

.lp-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	
}

.lp-footer__brand img {
	max-width: 180px;
}

.lp-footer__copy {
	margin: 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1200px) {
	/* Layout helpers */
.lp-container {
	width: min(calc(100% - 32px), var(--lp-max));
}
.lp-med-container {
	width: min(calc(100% - 32px), var(--lp-med));

}
	.lp-testimonials {
		grid-template-columns: 1fr;
	}

	.lp-testimonials__intro {
		max-width: 540px;
		margin: 0 auto;
	}

	.lp-testimonials__quote-card {
		margin: 20px auto 0;
	}
}

@media (max-width: 1024px) {
	:root {
		--lp-section-y: 64px;
	}

	.lp-hero__grid,
	.lp-critical,
	.lp-cards,
	.lp-trust-layout,
	.lp-lawyers {
		grid-template-columns: 1fr;
	}

	.lp-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lp-nav {
		display: none;
	}

	.lp-menu-toggle {
		display: flex;
	}
.lp-header {
	/*background: var(--lp-graphite-2);*/
}
	.lp-header__cta {
		display: none;
	}

	.lp-trust-actions {
		margin-top: 24px;
	}

	.lp-location-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.lp-topbar__inner,
	.lp-footer__inner {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.lp-hero__grid {
		padding: 28px 0 48px;
	}

	.lp-hero__title {
		font-size: clamp(30px, 8vw, 42px);
	}

	.lp-stats__grid {
		grid-template-columns: 1fr;
	}

	.lp-stats__item {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
	}

	.lp-stats__item:first-child {
		border-top: 0;
	}

	.lp-cards {
		grid-template-columns: 1fr;
	}

	.lp-form__grid,
	.lp-location-list {
		grid-template-columns: 1fr;
	}

	.lp-form__full {
		grid-column: auto;
	}

	/* .lp-form__footer {
		flex-direction: column;
		align-items: stretch;
	} */

	.lp-form__badge {
		justify-content: center;
	}

	.lp-lawyer-card {
		grid-template-columns: 1fr;
	}

	.lp-lawyer-card__image img {
		min-height: 280px;
	}

	.lp-trust-video__play {
		width: 88px;
		height: 88px;
	}

	.lp-trust-video__triangle {
		border-top-width: 13px;
		border-bottom-width: 13px;
		border-left-width: 20px;
	}

	
	

	.lp-embla__slide {
		flex: 0 0 100%;
	}

	.lp-embla__bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.lp-testimonials__quote-card {
		margin: 20px 0 0;
	}

	.lp-section__text--wide {
		font-size: 15px;
	}

	.wrap-mobile {
		flex-direction: column;

	}
/*nav*/

.lp-topbar{
	display: none;
}

/*HERO*/
	.lp-hero__content .lp-hero__featured-logos img {

    max-width: 20%;
}
}

@media (max-width: 530px) {




    .lp-container {
    width: min(calc(100vw - 32px), var(--lp-max));
    max-width: calc(100vw - 32px);
    margin-inline: auto;
  }


  .lp-container *,
  .lp-container *::before,
  .lp-container *::after {
    box-sizing: border-box;
  }

  .lp-container :is(h1, h2, h3, p, a, span, div) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .lp-container img,
  .lp-container video,
  .lp-container iframe,
  .lp-container svg {
    max-width: 100%;
    height: auto;
  }


.lp-hero__header{
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.5) 55%, rgba(0, 0, 0, 0.18) 100%),
		url("./images/hero-mobile.png") center / cover no-repeat;
		min-height: 700px;
		position: relative;
}


.lp-header {
	padding:0 16px;
}

.lp-hero__header {
	    padding-bottom: 2rem;
}	
.lp-hero__content .lp-kicker {
	font-size: 11px;
	font-weight: 400;	
	text-align: center;
}
.lp-hero__title {
        font-size: 38px;
		text-align: center;
    }
	.lp-hero__subtitle {
		font-size: 14px;
		text-align: center;
	}
	    .lp-hero__grid {
        padding: 28px 0 0;
    }




	 .lp-btn.fs-18{
		font-size: 13px !important	;
	}


	.lp-btn .arrow{
		width: 36px;
		height: 36px;
	}
	 .lp-btn {
    padding: 10px 5px 10px 10px !important;
	min-height: 40px;
}
.lp-btn__main {
	font-size: 13px !important;
}
.lp-btn__icon-circle{
		width: 36px;
		height: 36px;
	}

.lp-stats__item{
	    padding: 8px 16px !important;
}

/*form*/
.lp-form-card{
padding: 16px;
}
.lp-form__footer {
	flex-direction: row;
	align-items: center;
	gap: 14px;
}	
.lp-form__badge{
	flex-direction: column;
}
.lp-form__badge-meta strong {
    font-size: 13px;
}
.lp-form__badge-meta .lp-stars {
    font-size: 9px;
    letter-spacing: 1px;
}
.lp-form__badge-count {
	font-size: 9px;	
}


.lp-hero__featured{
position: absolute;
  position: absolute;
    bottom: 1rem;
    margin: 1rem;
}
.lp-hero__featured-logos{
	gap: 10px;
}
.lp-hero__featured-logos img{
		    max-height: 65px;
}

	/*critical*/
	.lp-step-card__body h3 {
		font-size: 20px;
	}	
.lp-critical__bullets {
	    gap: 5px;
		justify-content: space-between;

}
.lp-critical__bullets li{
	font-size: 14px;
}

.lp-critical__badges{
	justify-content: center;
	margin: 0 0 14px;
}
.lp-critical__content .lp-btn{
margin: 0 auto;
        display: flex;
        max-width: 170px;
}

	/*services*/
	.lp-section--soft .lp-container {
    background: var(--lp-soft);
    padding: 15px;
}
	.lp-section__title {
		font-size: 24px;
	}
	.lp-card__body{
		font-size: 20px;
	}
	.lp-card__body p {
		font-size: 14px;
	}

	/*testimonials*/
	.lp-testimonials__content {
		max-width:100vw;
	}
	.lp-section__text--wide,
	.lp-testimonials__head {
    max-width: 100%;
   
}
.lp-section__title {
  white-space: normal; /* allow wrapping */
}

.lp-section__title span {
  display: inline; /* ensure it behaves like text */
}

	.lp-testimonials__intro {
		order: 2;        margin: 0;max-width: 100vw;
	}
	.lp-testimonials__quote-card {
        margin: -50px 0 0;
    }
	.lp-testimonials__bg-mark {
        bottom: 20%;
        left: -15%;
        object-fit: contain;
        max-height: 451px;
        top: unset;

}

/*trust*/
.lp-trust-actions {
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
}
.lp-trust-actions .lp-btn{
	        min-width: 130px;
}

.lp-trust-actions.lp-btn--primary{
	font-size: 13px !important;
	max-width: 190px;
}
.lp-trust-actions .lp-btn--outline-gold{
	font-size: 14px !important;
	max-width: 160px;
}
/*location*/
.lp-location-cta__content {
	max-width: 100%;			

}
 .lp-location-cta__left {
	      
	padding-left: unset;	
	  padding: 30px 15px;
 }
 .lp-location-list {
        grid-template-columns: 1fr 1fr;
    }

.lp-location-cta__actions {
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.lp-location-cta__actions .lp-btn{
	        min-width: 155px;
			width: 100%;
}

.lp-location-cta__actions .lp-btn--primary svg{
	width: 36px;
	height: 36px;
}
.lp-location-cta__actions .lp-btn--primary{
	font-size: 13px !important;
	max-width: 190px;
}
.lp-location-cta__actions .lp-btn--call-light {
	font-size: 13px !important;
	max-width: 160px;	

}
.lp-location-cta__actions .lp-btn--call-light .lp-btn__icon-circle {
    margin-right: 0px;
}
.lp-location-cta__actions .lp-btn--call{
	gap:5px
}
.lp-btn__sublabel {
	font-size: 9px;	

}


}

/* ==========================================================================
   Modals (consultation + thank-you)
   ========================================================================== */
.lp-modal {
	position: fixed;
	inset: 0;
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 220ms ease, visibility 0s linear 220ms;
}

.lp-modal.is-open {
	visibility: visible;
	opacity: 1;
	transition: opacity 220ms ease, visibility 0s linear 0s;
}

.lp-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(20, 20, 20, 0.55);
	cursor: pointer;
}

.lp-modal__dialog {
	position: relative;
	z-index: 1;
	max-width: 100%;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	background: var(--lp-white);
	border-radius: var(--lp-radius);
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
	transform: translateY(16px) scale(0.98);
	transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.lp-modal.is-open .lp-modal__dialog {
	transform: translateY(0) scale(1);
}

.lp-modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 36px;
	height: 36px;
	padding: 0;
	background: transparent;
	border: 0;
	color: #9f8f6a;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	z-index: 2;
	border-radius: 50%;
	transition: background 160ms ease;
	border: 1px solid #9f8f6a;
}

.lp-modal__close:hover {
	background: rgba(0, 0, 0, 0.06);
}

/* Consultation (form + image split) */
.lp-modal__dialog--form {
	width: 1100px;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	overflow: hidden;
}

.lp-modal__media {
	position: relative;
	min-height: 100%;
	background: #222;
}

.lp-modal__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lp-modal__media-badge {
	position: absolute;
	left: 20px;
	bottom: 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	border-radius: var(--lp-radius-sm);
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(4px);
}

.lp-modal__body {
	padding: 36px 40px;
}

.lp-modal__disclaimer {
	margin: 0;
	max-width: 220px;
	line-height: 1.45;
}

/* Thank-you */
.lp-modal__dialog--thanks {
	width: 520px;
	padding: 48px 40px 40px;
	text-align: center;
}

.lp-thanks {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.lp-thanks__mark {
	position: relative;
	width: 100%;
	height: 140px;
	display: grid;
	place-items: center;
	margin-bottom: 6px;
}

.lp-thanks__watermark {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	/*opacity: 0.18;*/
}

.lp-thanks__check {
	position: relative;
	width: 86px;
	height: 86px;
}

.lp-thanks__title {
	margin: 0;
}

.lp-thanks__text {
	margin: 0 0 10px;
	max-width: 380px;
}

body.lp-modal-open {
	overflow: hidden;
}
.lp-go-back{
padding: 10px 30px;
    min-width: 120px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 50px;	
}
@media (max-width: 768px) {
	.lp-modal {
		padding: 0;
		align-items: stretch;
	}

	.lp-modal__dialog {
		max-height: 100vh;
		border-radius: 0;
	}

	.lp-modal__dialog--form {
		grid-template-columns: 1fr;
	}

	/* .lp-modal__media {
		display: none;
	} */

	.lp-modal__body {
		padding: 56px 20px 24px;
	}

	.lp-modal__dialog--thanks {
		width: 100%;
		padding: 56px 24px 32px;
	}
}