* {
	box-sizing:border-box
}
body {
	margin:0;
	font-family:Montserrat, Arial, sans-serif;
	color:#222;
	background:#fff
}
img {
	max-width:100%;
}
.imgab{ clear:both; text-align:center; }
.pq{ float:right; margin-left:86%; position:absolute; margin-top:-65px; margin-right:17px; }
.pq img{ width:150px;}
.container {
	width:90%;
	margin:auto
}
.site-header {
	padding:20px 0;
	background:#fff
}
.nav-wrap {
	display:flex;
	align-items:center;
	gap:28px;
}
.logo {
	text-decoration:none;
	color:#7d705f;
	font-weight:700;
	letter-spacing:2px;
	line-height:1;
	display:inline-flex;
	flex-direction:column;
	align-items:center
}
.logo:hover{ opacity:.8 !important;}
.light:hover{ opacity:.8;}
.logo .spark {
	font-size:22px;
	color:#d4a577
}
.logo small {
	font-size:9px;
	letter-spacing:1px;
	font-weight:400
}
.main-nav {
	display:flex;
	gap:21px;
	margin-left:auto
}
.main-nav a {
	font-size:21px;
	color:#222;
	text-decoration:none
}
.main-nav a:hover { text-decoration:underline; color:#cc9966;}
.social {
	display:flex;
	gap:9px;
	font-weight:700
}
.menu-toggle {
	display:none; cursor:pointer;
	margin-left:auto;
	border:0;
	background:#222;
	color:#fff;
	border-radius:4px;
	padding:8px 11px
}
.hero {
	display:grid;
grid-template-columns:1.5fr .9fr;
	gap:40px;
	align-items:start;
	padding:28px 0
}
.hero h1 {
	font-size:48px;
	line-height:1.05;
	margin:0 0 14px;
	font-weight:800
}
.hero p {
	margin-bottom:32px;
	color:#555
}
.hero-img {
	border-radius:14px;
	width:624px;
	height:371px;
	object-fit:cover
}
.lead-card {
	background:#f7f4ef url('images/hero-path2.jpg') center/cover;
	border-radius:14px;
	padding:28px;
	box-shadow:0 15px 30px #0002;
	position:relative;
	overflow:hidden
}
.lead-card:before {
	content:"";
	position:absolute;
	inset:0;

}
.lead-card>* {
	position:relative
}
.lead-card h3 {
	font-size:22px; color:#FFF;
	margin:0 0 22px
}
.lead-card input {
	width:100%;
	border:0;
	border-bottom:1px solid #ddd;
	background:#fff;
	padding:15px;
	margin-bottom:14px;
	border-radius:3px
}
.lead-card input[type="submit"] {
border:0;
	background:#8fa484;
	color:#fff;
	border-radius:999px;
	padding:12px 34px;
	text-decoration:none;
	display:inline-block;
	font-weight:600; width:170px; margin-top:10px; margin-bottom:5px; cursor:pointer; 
}
.lead-card button, .btn {
	border:0;
	background:#8fa484;
	color:#fff;
	border-radius:999px;
	padding:12px 34px;
	text-decoration:none;
	display:inline-block;
	font-weight:600
}
.services {
	padding:30px 0 45px
}
.services h2 {
	font-size:26px;
	font-weight:500;
	margin-bottom:45px
}
.service-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:55px 70px
}
.imgaw{ display:inline-table; width:100%; text-align:center; clear:both;}
.service-grid img {
	border-radius:15px;  
}
.service-grid p {
	font-size:22px;
	text-align:center;
	margin:13px 0 0
}
.service-grid b {
	color:#c7beb8;
	font-weight:300;
	font-size:30px
}
.logos {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:32px 0;
	display:flex;
	justify-content:space-around;
	align-items:center;
	color:#9a8b7f;
	letter-spacing:1px
}
.logos strong {
	background:#111;
	color:#d79347;
	border-radius:50%;
	width:72px;
	height:72px;
	display:grid;
	place-items:center;
	font-size:28px
}
.experts {
	display:grid;
	grid-template-columns:1fr 1.45fr;
	gap:140px;
	align-items:center;
	padding:70px 0
}
.imgaw2{ display:inline-table; width:100%; text-align:center; clear:both;}

.imgaw2 img {
	border-radius:25px;

}
.experts h2 {
	font-size:32px;
	margin:10px 0
}
.experts p {
	color:#555
}
.plan {
	margin-top:25px
}
.dark {
	background:#211f1f;
	color:#eee
}
.intro {
	padding:65px 0 70px
}
.center {
	text-align:center
}
.intro h2 {
	font-size:34px;
	line-height:1.28;
	color:#fff;
	max-width:94%;
	margin-top:36px; text-align:left;
}
.intro h2 span{ color:#CCC;}
.intro p {
	color:#a7a39e;
	font-size:18px; line-height:24px;
}
.gallery {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:90px;
	margin-top:55px
}
.gallery img {
	border-radius:15px;
}
.process {
	border-top:1px solid #799070;
	padding:55px 0
}
.process small {
	color:#c09165
}
.process h2 {
	color:#9daf91;
	font-size:28px
}
.steps {
	display:grid;
	gap:35px;
	margin-top:40px
}
.steps article {
	display:grid;
	grid-template-columns:250px 1fr;
	gap:90px;
	align-items:center
}
.steps img {
	height:240px;
	width:280px;
	object-fit:cover;
	border-radius:14px
}
.steps h3 {
	font-size:30px;
	color:#fff;
	font-weight:600;
}
.steps p {
	color:#ddd;
	line-height:1.65
}
.feature-bar {
	background:#d4a574;
	color:#161616;
	text-align:center;
	font-size:16px;
	font-weight:600;
	padding:11px 5px
}
.feature-bar span {
	padding:0 18px
}
.testimonial {
	display:grid;
	grid-template-columns:1fr 1.25fr;
	gap:60px;
	align-items:center;
	padding:75px 0
}
.stars {
	color:#d7a15d;
	font-size:22px;
	letter-spacing:8px;
	margin-bottom:15px
}
.testimonial p {
	line-height:1.75; font-weight:600; font-size:18px;
}
.testimonial img {
	border-radius:12px;
	width:100%;
	object-fit:cover
}
.illuminate {
	padding:0px 0 50px;
	text-align:center
}
.illuminate h2 {
	font-size:152px;
	color:#d9e6b8;
	letter-spacing:10px;
	margin:0 0 20px
}
.illuminate p {
	max-width:70%;
	margin:0 auto 35px;
	line-height:1.7
}
.city { clear:both;
}
.city ul{ list-style:none; float:left; padding-bottom:50px; width:100%;	}
.city ul li{ float:left; width:24%; margin-left:.5%; margin-right:.5%;}
.city-grid img {
	width:100%;
	object-fit:cover
}
.footer {
	background:#201e1f;
	color:#fff;
	padding:35px 0; clear:both;
}
.footer-grid {
	display:grid;
	grid-template-columns:220px 1fr 220px;
	gap:40px;
}
.light {
	color:#fff; padding-bottom:34px;
}

.lead-card input[type='checkbox']{ float:left; width:auto !important; margin-right:7px;}
.lead-card h6{ color:#FFF; margin:0px 0px 0px 0px; color:#FFF; line-height:21px; font-weight:600;}
.lead-card button{ margin-top:10px;}
.footer p{ line-height:24px;}
.footer a { text-decoration:none; color:#FFF; text-decoration:none;}
.footer a:hover { text-decoration:underline !important; color:#FFF; text-decoration:none;}
.social2{ float:right; margin-top:-50px;}
.social2 img{ float:left; margin-left:6px; margin-right:6px;}
.social2 img:hover:first-child{ opacity:.8;}
.social img:hover:first-child{ opacity:.8;}
.lead-card p{  margin:0px 0px 0px 0px; color:#FFF !important; line-height:21px; font-weight:600; clear:both; }
@media(max-width:1400px) {
.experts {
  gap:90px;
}
.pq{ margin-left:86%;  margin-top:-65px; margin-right:7px; }
.pq img{ width:150px;}
.hero p{ font-size:15px;}
}
@media(max-width:1150px) {
	.illuminate h2 {
  font-size:128px;}
.hero h1 {
  font-size:37px;}
.main-nav a {
  font-size:18px;	}
  .logo img{ width:180px;}
  .pq{ margin-top:-136px;}
}
@media(max-width:992px) {
	.light{ padding-bottom:0px;}
	.pq{  margin-top:-130px;}
	.pq img {
  width:120px;
}
	.site-header {
  padding:10px 0;}
.menu-toggle {
display:block
}
.main-nav, .social {
display:none
}
.main-nav.open {
display:flex;
position:absolute;
top:85px;
left:4%;
right:4%;
background:#fff;
box-shadow:0 10px 30px #0002;
border-radius:10px;
flex-direction:column;
padding:20px;
z-index:9
}
.city ul li {
  float: left;
  width:49%; margin-top:1%; margin-bottom:1%;
  margin-left: .5%;
  margin-right: .5%;
}
.intro h2 {
  font-size:27px;}
.illuminate {
  padding:0px 0 0px 0px;}
.hero, .experts, .testimonial, .footer-grid {
grid-template-columns:1fr
}
.hero h1 {
font-size:34px
}
.service-grid, .gallery {
grid-template-columns:1fr 1fr;
gap:35px 25px
}
.logos {
flex-wrap:wrap;
gap:20px
}
.steps article {
grid-template-columns:0px 1fr; display:block;
gap:20px
}
.steps img {
 
}
.steps h3 {
font-size:19px
}
.illuminate h2 {
font-size:88px;
letter-spacing:4px
}
.city-grid {
grid-template-columns:1fr 1fr
}
.feature-bar span {
display:none
}
.experts h2 {
  font-size:27px;}
  .container {
  width:92%;
  margin:0px auto;
}
}
@media(max-width:768px) {
.illuminate h2 {
font-size:68px;
letter-spacing:4px; margin-bottom:15px; margin-top:0px;
}	
.pq{ margin-top:-132px;}
.pq img {
    width:170px;
  }
  .feature-bar {
  font-size:14px;}
  .testimonial {
  padding:32px 0;
}
 .city ul li {
    width: 45%;}
	.hero p{ line-height:24px;}
}
@media(max-width:580px) {
	.steps img {
  height:180px;
  width:180px;}
	  .city ul li {
    float: left;
    width:88%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left:0%;
    margin-right:0%;
  }
  .city img{ display:block;}
	 .main-nav a {
    font-size:16px;
  }
  .experts h2 {
  font-size:23px;}
.service-grid, .gallery, .city-grid {
grid-template-columns:1fr
}
.hero-img {
height:210px
}
.intro h2 {
font-size:23px
}
.service-grid p {
font-size:18px
}
.experts {
gap:30px
}
.testimonial {
gap:25px
}
.stars {
margin-bottom:20px
}
.nav-wrap {
width:94%
}
.hero h1 {
    font-size:27px; line-height:35px;
  }
  .illuminate h2 {
    font-size:47px;
    letter-spacing: 4px;
  }
  .illuminate p {
  max-width:90%; margin-top:0px; margin-bottom:20px;}
.pq{ margin-top:-38px; margin-left:74%; margin-right:5px;}
  .pq img {
    width:100px;
  }
  .services {
  padding:0px 0 10px;
}
}
@media(max-width:400px) {
  .pq img {
    width:100px;
  }
}
@media(max-width:380px) {
.illuminate h2 {
    font-size:36px;
    letter-spacing: 4px;
  }	
    .hero h1 {
    font-size: 23px;
    line-height:30px;
  }
}
@media(max-width:318px) {

.steps img { width:100%; background-size:100%;}
.illuminate h2 {
    font-size:30px;
    letter-spacing: 4px;
  }
    .hero h1 {
    font-size: 23px;
    
  }
   .pq img {
    width:90px;
  }
}