.elementor-15 .elementor-element.elementor-element-2dda628{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Helvetica;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-8dbae57{color:#142332;}.elementor-15 .elementor-element.elementor-element-a6f3c0f{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-8dbae57 */:root {
 --cl-navy:#082d4d;
 --cl-blue:#126aa3;
 --cl-bright:#eaf6fc;
 --cl-ink:#142332;
 --cl-muted:#5e6e7c;
 --cl-line:#d8e4eb;
 --cl-white:#fff;
 --cl-warm:#d79b3d;
 --cl-bg:#f7fbfd;
 --cl-radius:22px;
 --cl-shadow:0 18px 50px rgba(8,45,77,.12);
}
* {
	box-sizing: border-box
}
html {
	scroll-behavior: smooth
}
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--cl-ink);
	background: #fff;
	line-height: 1.65
}
.cl-page a {
	color: var(--cl-blue); 
}
.cl-page {
	overflow: hidden
}
.cl-page h1, .cl-page h2, .cl-page h3, .cl-page h4, .cl-page h5, .cl-page h6{ font-weight:800 !important;}
.cl-wrap {
	width: min(1180px, 92%);
	margin: auto
}
.cl-section {
	padding: 78px 0
}
.cl-section--soft {
	background: var(--cl-bg)
}
.cl-section--blue {
	background: linear-gradient(135deg, #0f6fa9, #0a4e78);
	color: #fff
}
.cl-section--navy {
	background: var(--cl-navy);
	color: #fff
}
.cl-eyebrow {
font-size:.78rem;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: var(--cl-blue);
	margin-bottom: 10px
}
.cl-section--blue .cl-eyebrow, .cl-section--navy .cl-eyebrow {
	color: #9fdcf8
}
.cl-h2 {
	font-size: clamp(2rem, 4vw, 3.4rem);
	line-height: 1.08;
	margin: .1em 0 .45em;
	letter-spacing: -.035em
}
.cl-lead {
	font-size: 1.14rem;
	max-width: 820px;
	color: var(--cl-muted)
}
.cl-section--blue .cl-lead, .cl-section--navy .cl-lead {
	color: #dbeaf3
}
.cl-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	align-items: center
}
.cl-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px
}
.cl-grid-3 .cl-image-slot{ margin:0;}
.cl-grid-3 .cl-image-slot img{ height:250px; }
.cl-grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px
}
.cl-card {
	background: #fff;
	border: 1px solid var(--cl-line);
	border-radius: var(--cl-radius);
	padding: 26px;
	box-shadow: 0 10px 30px rgba(8,45,77,.06)
}
.cl-card h3 {
	margin: .1em 0 .45em;
	color: var(--cl-navy);
	font-size: 1.22rem
}
.cl-card p {
	margin: 0;
	color: var(--cl-muted)
}
.cl-card a {
	font-weight: 800;
	text-decoration: none
}
.cl-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 25px;
	margin-bottom:10px;
}
.cl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 20px;
	border-radius: 999px;
	text-decoration: none !important;
	font-weight: 800;
	border: 2px solid transparent;
	color:#fff !important;
}
.cl-btn--primary {
	background: var(--cl-warm);
	color: #17222b !important;
}
.cl-btn--secondary {
	background: #fff;
	color: var(--cl-navy) !important;
}
.cl-btn--outline {
	border-color: #9ed9f5;
	color: #fff
}
.cl-checks {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 11px 22px;
	padding: 0;
	margin: 22px 0 0;
	list-style: none
}
.cl-checks li:before {
	content: "✓";
	font-weight: 900;
	margin-right: 9px;
	color: #2c8b57
}
.cl-section--blue .cl-checks li:before, .cl-section--navy .cl-checks li:before {
	color: #9ee6bc
}
.cl-hero {
	background:linear-gradient(90deg, rgba(4,35,64,.94) 0%, rgba(5,48,84,.76) 46%, rgba(5,48,84,.25) 76%, rgba(5,48,84,.05) 100%), url('https://testsitedemo3.website/wp-content/uploads/2026/08/creative-lighting-commercial-led-showroom-ny-fl.webp');
	color: #fff;
	
	background-repeat: no-repeat;
	background-size: cover;

	background-position: center;
}
.cl-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4,35,64,.94) 0%, rgba(5,48,84,.76) 46%, rgba(5,48,84,.25) 76%, rgba(5,48,84,.05) 100%);
}
.cl-hero-grid {
	display: grid;
grid-template-columns:1.2fr .8fr;
	min-height: 670px;
	align-items: stretch
}
.cl-hero-copy {
	padding: 95px 5% 80px max(4%, calc((100vw - 1180px)/2));
	display: flex;
	flex-direction: column;
	justify-content: center
}
.cl-hero-copy .cl-eyebrow {
	color: #a9e1fb
}
.cl-hero h1 {
	font-size: clamp(2.7rem, 5vw, 5.2rem);
	line-height: .98;
	letter-spacing: -.05em;
	margin: .15em 0 .35em;
	max-width: 780px
}
.cl-hero p {
	font-size: 1.18rem;
	max-width: 720px;
	color: #e4f1f7
}
.cl-hero-media {
	padding: 34px;
	display: flex;
	align-items: stretch
}
.cl-image-slot {

	border: 2px dashed rgba(18,106,163,.48);
	border-radius: var(--cl-radius);
	background: linear-gradient(145deg, #eaf6fc, #d8edf8);

	color: var(--cl-navy);
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: var(--cl-shadow)
}
.cl-image-slot img{ width:100%; height:100%; border-radius: var(--cl-radius); object-fit:cover;}
.cl-hero .cl-image-slot {
	
	background: linear-gradient(145deg, #d8edf8, #b9dff2);
	border-color: #9fd8f2;
	padding:0;
}
.cl-hero .cl-image-slot img{ width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--cl-radius);}
.cl-image-slot strong {
	font-size: 1.35rem;
	display: block;
	margin-bottom: 8px
}
.cl-image-slot small {
	display: block;
	margin-top: 8px;
	line-height: 1.55;
	color: #36566a
}
.cl-image-slot code {
	white-space: normal;
	word-break: break-word;
	background: rgba(255,255,255,.65);
	padding: 2px 5px;
	border-radius: 5px
}
.cl-proofbar {
	background: #fff;
	border-bottom: 1px solid var(--cl-line)
}
.cl-proofgrid {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}
.cl-proof {
	padding: 19px 18px;
	text-align: center;
	border-right: 1px solid var(--cl-line);
	font-weight: 800;
	color: var(--cl-navy)
}
.cl-proof:last-child {
	border-right: 0
}
.cl-kicker {
	font-size: 1.08rem;
	color: var(--cl-blue);
	font-weight: 800
}
.cl-stat {
	font-size: 2.2rem;
	font-weight: 900;
	color: var(--cl-navy);
	line-height: 1
}
.cl-split-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px
}
.cl-location {
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: var(--cl-radius);
	padding: 28px
}
.cl-location h3 {
	font-size: 1.45rem;
	margin-top: 0
}
.cl-steps {
	counter-reset: step;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-top: 30px
}
.cl-step {
	background: #fff;
	border: 1px solid var(--cl-line);
	border-radius: 18px;
	padding: 24px
}
.cl-step:before {
	counter-increment: step;
	content: "0" counter(step);
	display: block;
	font-weight: 900;
	color: var(--cl-blue);
	margin-bottom: 15px
}
.cl-step h3 {
	margin: .1em 0 .5em
}
.cl-quote {
	border-left: 5px solid var(--cl-warm);
	padding: 18px 24px;
	background: #fff;
	border-radius: 0 16px 16px 0;
	box-shadow: 0 10px 30px rgba(8,45,77,.06);
	font-size: 1.15rem
}
.cl-faq details {
	border-bottom: 1px solid var(--cl-line);
	padding: 19px 0
}
.cl-faq summary {
	cursor: pointer;
	font-size: 1.1rem;
	font-weight: 800;
	color: var(--cl-navy)
}
.cl-faq p {
	color: var(--cl-muted);
	margin-bottom: 0
}
.cl-cta {
	background: linear-gradient(135deg, #0a4e78, #0d74ad);
	color: #fff;
	border-radius: 30px;
	padding: 46px
}
.cl-cta h2 {
	margin-top: 0;
	font-size: clamp(2rem, 4vw, 3.1rem);
	line-height: 1.05
}
.cl-meta-note {
font-size:.86rem;
	color: #557082
}
.cl-devnote {
	background: #fff6e5;
	border: 1px solid #efd39a;
	border-radius: 14px;
	padding: 14px 16px;
	color: #654a18;
font-size:.92rem
}
.preview-top {
	background: #071f33;
	color: #dcecf5;
	padding: 12px 4%;
font-size:.86rem;
	text-align: center
}
.preview-header {
	padding: 18px 4%;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	border-bottom: 1px solid #dce7ed;
	background: #fff
}
.preview-brand {
	font-weight: 900;
	color: var(--cl-navy);
	font-size: 1.3rem
}
.preview-contact {
	font-weight: 800;
	color: var(--cl-navy)
}
.preview-contact span {
	margin-left: 15px
}
.preview-footer {
	background: #061f34;
	color: #d6e6ef;
	padding: 40px 4%
}
.preview-footer strong {
	color: #fff
}
@media(max-width:900px) {
.cl-grid-2, .cl-grid-3, .cl-grid-4, .cl-hero-grid, .cl-steps, .cl-proofgrid {
	grid-template-columns: 1fr
}
.cl-hero-copy {
	padding: 65px 5% 25px
}
.cl-hero-media {
	padding: 20px 5% 55px
}

.cl-proof {
	border-right: 0;
	border-bottom: 1px solid var(--cl-line)
}
.cl-checks, .cl-split-list {
	grid-template-columns: 1fr
}
.cl-section {
	padding: 58px 0
}
}
@media(max-width:767px) {
.cl-image-slot{ margin:0;}
}/* End custom CSS */