*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0;font-family: "Arimo", sans-serif;font-weight: 400; }
ul, a, input{text-decoration: none;list-style: none;text-decoration: none;outline:none;}
:focus {outline: 0;}
.clear{width: 100%; float: left; clear: both;}
a:hover{ text-decoration: none;}
.container{width:1170px;margin: 0 auto;}

/*  */


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #8a8a8a;font-size: 14px;opacity: 1;font-family: "Arimo", sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #8a8a8a;font-size: 14px;opacity: 1;font-family: "Arimo", sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #8a8a8a;font-size: 14px;opacity: 1;font-family: "Arimo", sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
	color: #8a8a8a;font-size: 14px;opacity: 1;font-family: "Arimo", sans-serif;
}


.inner-contact-content.comingsoon {
	background: #e3e3e3;
	padding: 100px 0 50px;
}
 

/*Top Head*/
.topbar-outer {background-color: #0a2d4a;position: relative;padding-bottom: 0px;}
.topbar-outer.home-page{padding-bottom: 55px;}
.topbar {color: #fff;display: flex;justify-content: space-between;align-items: center;padding: 12px 00px 17px;width: 1279px;margin: 0 auto;}
.left-group {display: flex;align-items: center;gap: 15px;}
.left-group ul {display: flex;align-items: center;gap: 15px;}
.left-group ul li a{color: #fff;font-size: 18px;}
.left-group ul li a:hover{color: #84562e;}
.left-group select {cursor: pointer; background: #2a4665;border: 1px solid #004a80;color: #fff;padding: 2px 15px 2px 5px;font-size: 16px;font-family: "Montserrat", sans-serif;}
.left-group ul li a i {font-size: 18px;}
.nav-links ul{display: flex;align-items: center;gap: 60px;flex-wrap: wrap;}
.nav-links ul li{position: relative;}
.nav-links ul li a {color: #fff;font-weight: 700;font-size: 18px;padding-bottom: 20px;}
.nav-links ul li a:hover{color: #84562e;}
.nav-links ul li ul.sub-menu {
	display: none;
	position: absolute;
	background: #0a2d4a;
	right: 0;
	z-index: 3;
	width: 350px;
	top: 40px;
	border-top: 1px solid #fff;
}
.nav-links ul li ul.sub-menu li {
	display: block;
	width: 100%;
	padding: 15px 10px;	
}
.nav-links ul li ul.sub-menu li:hover{background: #000;}
.nav-links ul li ul.sub-menu li ul.sub-sub-menu {
	position: absolute;
	top: 0;
	background: #2a4665;
	left: 100%;
	width: 465px;
	gap: 10px;
	display: none;
}
.nav-links ul li ul.sub-menu li:hover ul.sub-sub-menu{display: block;}
.nav-links ul li ul.sub-menu li i {
	margin-left: 5px;
}
.nav-links ul li:hover ul.sub-menu {display: block;}
.phone {display: flex;align-items: center;gap: 8px;color: white;}
.nav-links ul li i {font-size: 14px;font-weight: 900;pointer-events: none;}
.phone a {display: flex;align-items: center;gap: 12px;color: white;}
.phone a span{font-size: 19px;}
.phone a:hover span{color: #84562e;}
.fa-bars{display: none;}

.service6-box.full {
	width: 100%;
}
.qrq-card .qrq-content ul li {
	margin-bottom: 12px;
	font-size: 18px;
	color: #333;
	list-style: disc;
	line-height: 30px;
}
.qrq-card .qrq-content ul {
	margin: 0 0 0 18px;
}


/*Info Bar*/
.info-bar-outer {position: inherit;}
.topbar-outer.home-page .info-bar-outer{position: absolute;z-index: 2;}
.info-bar {display: flex;border-radius: 100px;align-items: center;width: 1279px;margin: 0 auto;justify-content: space-between;padding: 10px 40px;}
.topbar-outer.home-page .info-bar{background: #fff;}
.info-bar .logo a img {height: 90px;width: auto;}
.info-items {display: none;}
.topbar-outer.home-page .info-items {display: flex;gap: 34px;}
.info-bar .logo {background: #fff;padding: 10px;border-radius: 12px;}
.topbar-outer.home-page .info-bar .logo {background: none;padding: 0px;border-radius: 0px;}
.info-box {display: flex;gap: 25px;}
.info-box .icon {border: 1px dashed #000;padding: 10px;display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;pointer-events: none;}
.info-box .text {font-size: 14px;line-height: 1.4;}
.info-box .text h6 {font-size: 16px;font-weight: 500;color: #1f2a30;font-family: "Montserrat", sans-serif;margin-bottom: 3px;}
.info-box .text p {font-size: 15px;font-weight: 400;color: #000;font-family: "Montserrat", sans-serif;}
.info-box .text a {display: block;font-size: 15px;font-weight: 400;color: #000;font-family: "Montserrat", sans-serif;}
.info-box .text a:hover{color: #84562e;}



/*Banner Block*/
.banner-container {position: relative;}
.banner-container:after {background: url(../images/Triangle.png);content: "";position: absolute;bottom: 0;width: 100%;background-size: cover;height: 12.8%;z-index: 2;background-repeat: no-repeat;}
.banner-container img {width: 100%;display: block;}
.banner-text {text-align: center;position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.18);flex-direction: column;color: #fff;z-index: 1;}
.banner-text h2 {font-size: 40px;font-weight: 400;margin-bottom: 20px;margin-top: -40px;text-shadow: 1px 3px 7px rgba(0, 0, 0, 0.86);}
.banner-text h1 {font-size: 50px;font-weight: 700;text-shadow: 1px 3px 7px rgba(0, 0, 0, 0.86);}



/*About Block*/
.about-section {position: relative;display: flex;align-items: center;justify-content: center;margin: 121px 0 134px 0;}
.about-section img {width: 100%;display: block;}
.about-box {position: absolute;background-color: #062C45;width: 76%;display: flex;align-items: center;justify-content: space-between;padding: 109px 43px 90px 93px;color: #fff;z-index: 2;}
.about-box .about-left::before {content: "";position: absolute;top: -35px;left: -67px;width: 55px;height: 55px;border-left: 1px solid white;border-top: 1px solid white;}
.about-box .about-left::after {content: "";position: absolute;bottom: 76px;right: 10px;width: 55px;height: 55px;border-right: 1px solid white;border-bottom: 1px solid white;}
.about-left {position: relative;width: 59%;}
h3 {font-size: 34px;margin-bottom: 20px;font-weight: 500;font-family: "Montserrat", sans-serif;}
.about-left p {font-size: 16px;line-height: 24px;margin-bottom: 40px;color: #fff;}
.about-left p a {font-size: 16px;color: #fff;text-decoration: underline;}
.ceo-line {display: flex;align-items: center;}
.ceo-line::before {content: "";display: inline-block;width: 40px;height: 2px;background: white;margin-right: 10px;}
.ceo-line p {margin: 0;font-size: 18px;}
.ceo-line p span {color: #c1c1c1;font-size: 14px;}
a.webbtn {background-color: #885b38;color: #fff;padding: 15px 18px;font-size: 18px;cursor: pointer;margin-top: 50px;display: inline-block;font-family: "Montserrat", sans-serif;font-weight: 500;}
a.webbtn:hover{background: #000;}
.about-right {width: 38.2%;}
.about-right img {width: 100%;height: auto;display: block;}



/*Service Block*/
.services-section {text-align: center;padding-bottom: 103px;position: relative;}
.services-section::before {position: absolute;content: "";background: url(../images/service-banner.png);width: 100%;height: 557px;left: 0;bottom: -92px;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.services-section .services-section-flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.services-section .services-section-flex .services-section-content {text-align: left;}
.services-section .services-section-flex a.webbtn {margin: 0;}
.services-section .services-section-flex .services-section-content p {font-size: 24px;font-weight: 600;color: #885b38;font-family: "Montserrat", sans-serif;}
.services-section .services-section-flex .services-section-content h3 {margin-bottom: 10px;}
.quote-btn {background: #8A4E20;color: #fff;padding: 10px 20px;border: none;font-size: 15px;cursor: pointer;margin-bottom: 40px;float: right;margin-top: -70px;margin-right: 20px;}
.services-section .owl-carousel .owl-nav .owl-prev {left: -65px;position: relative;background: #dcdcdc;width: 46px;height: 46px;}
.services-section .owl-carousel .owl-nav .owl-next {right: -65px;position: relative;background: #dcdcdc;width: 46px;height: 46px;}
.services-section .item p {color: #000;font-weight: 700;font-size: 22px;padding: 0 13px;margin-top: 20px;}
.services-section .item a:hover p{color: #885b38;}
.owl-nav {position: absolute;top: 38%;width: 100%;display: flex;justify-content: space-between;pointer-events: none;}
.owl-theme .owl-nav {margin: 0;}
.owl-nav button {background: #eee;border: none;padding: 8px 14px;pointer-events: all;font-size: 20px;font-weight: bold;color: #333;}
.owl-nav button:hover {background: #ccc;}



/*Our Services Block*/
.our-services {text-align: center;}
.our-services h3 {margin-bottom: 50px;}
.two-box-container {display: flex;}
.two-box.block {position: relative;width: 50%;border: 3px solid #000;}
.two-box.block img {width: 100%;height: auto;display: block;}
.two-box-text {position: absolute;bottom: 35px;left: 50%;transform: translateX(-50%);background-color: #0a2d4a;color: white;padding: 36px 25px;font-size: 23px;width: 80%;}
.two-box-text:hover{background: #000;}



/*Environment Block*/
.environment-block {position: relative;margin: 75px 0 257px 0;}
.environment-block .green-bar {background: #006400;height: 165px;width: 100%;position: absolute;bottom: -52px;z-index: 0;left: 0;}
.environment-block .img-row {display: flex;justify-content: space-between;position: relative;z-index: 1;}
.environment-block .img-box {position: relative;width: 27.5%;}
.environment-block .img-box img {width: 100%;height: auto;display: block;}
.environment-block .img-box p {text-align: left;font-weight: 700;font-size: 26px;margin-top: 20px;}
.environment-block .img-box:last-child p {text-align: right;}
.environment-block .img-row .img-box-extra img {width: 100%;border-radius: 20px;}
.environment-block .img-row .img-box-extra {position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 1;width: 46%;top: 0;text-align: center;}



/*Testimonial Block*/
.testimonial_block{border-bottom:5px solid #885b38;padding:55px 0;text-align:center;background:url(../images/testi-bg.jpg) no-repeat;background-position: center center;background-size:cover;}
.testimonial_block .flex-center h3 {color: #fff;margin-bottom: 30px;}
.testimonial_block p {color: #fff;font-size: 20px;line-height: 30px;padding: 0 140px;}
.testimonial_block .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #885b38;}
.testimonial_block  .owl-theme .owl-dots .owl-dot span{background: #9c9c9c;}
.review_star{margin-top:14px;}
.review_name{margin: 35px 0 25px 0;font-size:20px;line-height:30px;font-weight:500;color:#fff;font-family: "Montserrat", sans-serif;}
.testimonial_block .owl-carousel .owl-item .review_star img{width:auto;display:inline-block;}
.quote-icon{margin-bottom:8px;}



/*Service Area Block*/
.service-area-block {margin-bottom: 100px;background: url("../images/service-area.jpg");background-repeat: repeat-x;background-size: contain;}
.service-area-block {margin-bottom: 77px;padding-top: 60px;}
.service-area-block .heading h3 {color: #fff;text-align: center;margin-bottom: 50px;}
.service-area-block .service-boxes {display: flex;justify-content: space-between;flex-wrap: wrap;}
.service-area-block .service-boxes .service-box {box-shadow: 0px 3px 7px rgba(209,209,209,0.8);width: 23.7%;transition: transform 0.3s ease;}
.service-box:hover {transform: translateY(-5px);}
.service-area-block .service-boxes .service-box .image img {display: block;width: 100%;}
.service-area-block .service-boxes .service-box .image {background: #ccc;}
.service-area-block .service-boxes .service-box .content {padding: 20px 16px 30px;text-align: center;background: #fff;}
.service-area-block .service-boxes .service-box .content h3 {font-size: 20px;color: #000;margin-bottom: 15px;}
.service-area-block .service-boxes .service-box .content p {font-size: 16px;color: #000;margin-bottom: 20px;line-height: 24px;}
.service-area-block .service-boxes .service-box .content a {color: #000;font-weight: 700;font-size: 15px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;}
.service-area-block .service-boxes .service-box .content a:hover{color: #885b38;}
.service-box a span {display: inline-block;margin-left: 5px;}



/*Map Block*/
.wpcf7-form-control-wrap {width: 48.5%;}
.map-block {display: flex;flex-wrap: wrap;width: 100%;background: #f7f7f7;align-items: stretch;}
.map-block .left {width: 48.2%;}
.map-block .left img {width: 100%;display: block;height: 100%;object-fit: cover;}
.map-block .right {background: #f7f7f7;padding: 30px 30px 30px 50px;width: 51.8%;display: flex;
	flex-direction: column;
justify-content: center;}
.map-block .right h2 {margin-bottom: 40px;font-size: 24px;font-family: "Montserrat", sans-serif;font-weight: 500;line-height: 35px;padding-right: 40px;}
.form-grid {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 16px;}
.form-grid input, .form-grid select {width: 100%;padding: 15px;border: 2px solid #000;font-size: 14px;background: none;}
.form-grid select {color: #959595;}
.form-grid textarea {width: 100%;border: 2px solid #000;resize: none;border-radius: 0;background: none;padding: 15px;}
.form-grid input::-webkit-input-placeholder {color: #000000;font-size: 16px;opacity: 0.5;font-family: "Arimo", sans-serif;}
.form-grid input::-moz-placeholder {color: #000000;font-size: 16px;opacity: 0.5;font-family: "Arimo", sans-serif;}
.form-grid input:-ms-input-placeholder{color: #000000;font-size: 16px;opacity: 0.5;font-family: "Arimo", sans-serif;}
.form-grid input:-moz-placeholder {color: #000000;font-size: 16px;opacity: 0.5;font-family: "Arimo", sans-serif;}
.form-grid textarea::-webkit-input-placeholder {color: #000000;font-size: 16px;opacity: 0.5;font-family: "Arimo", sans-serif;}
.form-grid textarea::-moz-placeholder {color: #000000;font-size: 16px;opacity: 0.5;font-family: "Arimo", sans-serif;}
.form-grid textarea:-ms-input-placeholder{color: #000000;font-size: 16px;opacity: 0.5;font-family: "Arimo", sans-serif;}
.form-grid textarea:-moz-placeholder {color: #000000;font-size: 16px;opacity: 0.5;font-family: "Arimo", sans-serif;}
.form-grid .form-textarea {width: 100%;}
.submit-btn {display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;}
.submit-btn input[type="submit"] {background-color: #885b38;color: #fff;padding: 16px 53px;font-size: 18px;cursor: pointer;margin-top: 25px;display: inline-block;font-family: "Montserrat", sans-serif;font-weight: 500;border: 0;margin-bottom: 20px;}
.submit-btn input[type="submit"]:hover{background: #000;}




/*Footer Block*/
.footer_block{padding:60px 0 40px;background:url(../images/foot-bg.jpg) no-repeat;background-position: center center;background-size:cover;}
.footer_flex{display: flex;justify-content: space-between;flex-wrap:wrap;}
.footer-box-first{width:298px;}
.footer-box-first span{font-size:24px;line-height:34px;color:#fff;font-weight:600;margin-bottom:34px;display:block;}
.foot-social ul{display:flex;flex-wrap:wrap;}
.foot-social ul li{margin-right:17px;}
.foot-social ul li:last-child{margin-right:0;}
.foot-social ul li a{color:#fff;width:41px;height:41px;border:2px solid #fff;text-align:center;font-size:18px;line-height:40px;display: flex;align-items: center;justify-content: center;}
.footer-box h4{margin-bottom:26px;font-size:18px;line-height:24px;color:#fff;padding-bottom:16px;font-weight:600;font-family: "Montserrat", sans-serif;position:relative;}
.footer-box h4:after{position:absolute;width:40px;height:2px;content:'';left:0;bottom:0;background:#bfbfbf;}
.foot-con-box span{font-size:16px;line-height:22px;color:#bfbfbf;display:block;}
.footer-box a{font-size:16px;line-height:22px;color:#fff;clear:both;}
.footer-box a:hover{color:#885b38}
.foot-con-box{margin-bottom:15px;}
.footer-box-second{width:406px;}
.footer-box-width{width:348px;}
.footer-box-third ul li{margin-bottom:12px;padding-left:20px;background:url(../images/foot-arrow.png) no-repeat;background-position: left 5px;}
.footer-box-third ul li a{font-size:16px;line-height:22px;color:#fff;}
.footer-box-second .foot-con-box:last-child a {pointer-events: none;}


/*Copyright Block*/
.copyright{background:#0a2d4a;padding:18px 0;text-align:center;}
.copyright p{color:#fff;font-size:15px;line-height:22px;}
.copyright a{color:#fff;}
.copyright a:hover{color:#885b38}



/*Inner About Page*/
.inner-page-banner {position: relative;}
.inner-page-banner img {display: block;width: 100%;}
.inner-banner-content {background: rgba(0, 0, 0, 0.0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.inner-banner-content .inner-banner-content-box {text-align: center;padding: 20px 70px;background: rgba(0, 0, 0, 0.6);border-radius: 20px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);}
.inner-banner-content h1 {font-size: 40px;margin-bottom: 0px;color: #ffffff;}
.inner-banner-content p {font-size: 18px;color: #ffffff;margin: 10px 0;}
.inner-about-block {margin: 50px 0;}
.inner-about-outer .block {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.block.reverse {flex-direction: row-reverse;}
.inner-about-outer .block .image-box {border-radius: 12px;width: 48%;overflow: hidden;}
.inner-about-outer .block .image-box img {width: 100%;display: block;}
.inner-about-outer .block .text-box {width: 48%;}
.text-box p {font-size: 18px;line-height: 28px;margin-bottom: 10px;}
.inner-about-outer {display: flex;flex-wrap: wrap;gap: 50px;}
.inner-about-outer .block:nth-child(2n+2){flex-direction: row-reverse;}



/*Inner Contact Page*/
.inner-contact-content {padding: 50px 0;text-align: center;}
.inner-contact-content p {font-size: 20px;line-height: 28px;}



/*Plumbing, Electrical & HVAC Coordination Page*/
.qrq-outer {padding: 50px 0;background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);}
.qrq-card {flex-wrap: wrap;background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(250,250,255,0.9));border-radius: 18px;box-shadow: 0 18px 40px rgba(16,30,45,0.08);display: flex;padding: 44px;align-items: stretch;justify-content: space-between;}
.qrq-image-side {width: 41%;border-radius: 12px;overflow: hidden;}
.qrq-image-side img {width: 100%;height: 100%;object-fit: cover;}
h4.inner-heading {font-size: 30px;font-weight: 700;line-height: inherit;color: #0b2540;margin: 0 0 10px 0;}
.qrq-image-placeholder { width: 320px; height: 320px; border-radius: 12px; background: repeating-linear-gradient(135deg, rgba(200,210,230,0.08) 0 8px, rgba(220,230,250,0.02) 8px 16px); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; border: 1px dashed rgba(20,30,50,0.06); }
.qrq-image-placeholder p { margin:0; font-size:14px; color:#3d5162; opacity:0.85; }
.qrq-content {display: flex;flex-direction: column;width: 57%;}
.qrq-content p {font-size: 18px;line-height: 30px;margin: 0 0 10px 0;}
.qrq-subheading { font-size:20px; font-weight:700; margin-top: 12px; color:#0b3456;}

.service6-outer {background: #f9f9f9;padding: 50px 0px;}
.service6-grid {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;}
.service6-box {background: linear-gradient(135deg, #ffffff, #f3f6ff);border-radius: 14px;box-shadow: 0 6px 15px rgba(0,0,0,0.08);padding: 25px;transition: all 0.3s ease;width: 49%;}
.service6-box:hover {transform: translateY(-6px);box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
h3.inner-small-heading {font-size: 20px;margin-bottom: 15px;color: #0a2d4a;font-weight: 600;}
.service6-box p {font-size: 18px;line-height: 30px;margin-bottom: 15px;}
.service6-box ul {margin: 0 0 15px 18px;padding: 0;}
.service6-box ul li {margin-bottom: 12px;font-size: 18px;list-style: disc;line-height: 30px;}
.service6-box strong {color: #222;}

.ready-outer {padding: 50px 0;}
.ready-smart-outer {padding: 40px;background: linear-gradient(135deg, #fdfdfd, #f3f8ff);border: 2px solid #e0eaff;border-radius: 16px;box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);text-align: center;transition: all 0.3s ease;}
.ready-smart-outer:hover {transform: translateY(-4px);box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.12);}
.ready-smart-outer p {font-size: 18px;color: #333;line-height: 1.8;}
.ready-smart-outer p em {font-weight: 600;color: #0a4cbf;font-style: normal;}
.ready-smart-btn {margin-top: 25px;}
.ready-smart-btn a {display: inline-block;padding: 12px 28px;font-size: 17px;font-weight: 600;color: #fff;background: linear-gradient(90deg, #0072ff, #00c6ff);border-radius: 50px;text-decoration: none;transition: all 0.3s ease;}
.ready-smart-btn a:hover {background: linear-gradient(90deg, #005edc, #00a3d6);box-shadow: 0px 6px 14px rgba(0, 114, 255, 0.4);}
.ready-smart-outer img {width: 50%;margin-top: 30px;border-radius: 16px;border: 2px solid #0a2d4a;}

.service6-box.full img {
	margin: 0 auto;
	display: inherit;
}








.service6-box ol {
	margin: 0 0 15px 18px;
	padding: 0;
}
.service6-box ol li {
	list-style: decimal;
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 30px;
}




/*Media Query*/
@media(max-width:1300px){
  .info-bar,.topbar{width: 96%;}
  
}
@media(max-width:1295px){
  .owl-nav {position: initial;width: auto;justify-content: center;margin-top: 30px !important;}
  .services-section .owl-carousel .owl-nav .owl-prev,.services-section .owl-carousel .owl-nav .owl-next {position: initial;}
  
}
@media(max-width:1199px){
  .container{width: 96%;}
  .info-box .text {display: none;position: absolute;top: 60px;background: white;width: 80%;text-align: center;padding: 10px;left: 0;top: 143px;right: 0;margin: 0 auto;}
  .info-items {padding-top: 0;}
  .info-bar {position: relative;}
  .info-box .icon{pointer-events: inherit;cursor: pointer;}
  .nav-links ul li ul.sub-menu li ul.sub-sub-menu {width: 400px;}
  .map-block .left img {height: 100%;object-fit: cover;}
  .footer-box-first {width: 16%;}
  .wpcf7-form-control-wrap {width: 100%;}
  .footer-box-second {width: 27%;}
  .footer-box-width {width: 25%;}
  .service6-grid{gap: 19px;}
  
}

@media(max-width:1023px){
  .info-bar{width: 100%;}
  .topbar{width: 100%;padding: 12px 30px 17px;}
  .fa-bars{display: block;cursor: pointer;}
	.nav-links ul.menu {padding: 10px 0px;display: none;position: absolute;left: 0;background: #0a2d4a;width: 100%;z-index: 3;text-align: center;top: 55px;border-top: 1px solid #fff;}
  .nav-links {order: 3;}
  .nav-links ul.menu li {padding: 10px 0px;}
  .nav-links ul li a {font-size: 16px;padding-bottom: 0;}
  .nav-links ul li i{cursor: pointer; pointer-events: inherit;}
  .nav-links ul li:hover ul.sub-menu{display: none;}
  .nav-links ul li ul.sub-menu li:hover ul.sub-sub-menu{display: none;}
  .nav-links ul li ul.sub-menu {position: initial;width: 100%;  margin-top: 10px;}
  .nav-links ul li ul.sub-menu li ul.sub-sub-menu {width: 100%;position: initial;  margin-top: 10px;}
  .info-bar-outer {position: inherit;}
  .info-bar {border-radius: 0;margin: 0;padding: 10px 30px 15px;}
  .info-items {gap: 20px;flex-wrap: wrap;justify-content: space-between;}
  .info-box {gap: 15px;}
  .topbar-outer{padding-bottom: 0px;}
  .about-box {width: 90%;padding: 30px;}
  .about-box .about-left::before {top: -5px;left: -10px;}
  .about-box .about-left::after {bottom: 106px;right: 10px;}
  h3 {font-size: 28px;}
  .services-section .services-section-flex .services-section-content p{margin-bottom: 10px;}
  .services-section {padding-bottom: 40px;}
  .two-box-text{font-size: 20px;}
  .environment-block .img-box p {font-size: 20px;}
  .environment-block {margin: 75px 0 200px 0;}
  .testimonial_block p {padding: 0 40px;}
  .service-area-block .service-boxes .service-box{width: 48%;}
  .service-area-block .service-boxes{gap: 25px;}
  .map-block .left {width: 100%;order: 2;}
  .map-block .right {width: 100%;}
  .footer-box-first {width: 48%;}
  .footer-box-second{width: 48%;}
  .footer-box-width{width: 48%;}
  .footer-box.footer-box-third{width: 48%;}
  .footer_flex{gap: 20px;}
  .topbar-outer.home-page .info-bar-outer{position: inherit;}
  .topbar-outer.home-page {padding-bottom: 0;}
  .qrq-image-side {width: 100%;margin-bottom: 30px;}
  .qrq-content {width: 100%;}
  .service6-box{width: 100%;}
}

@media(max-width:767px){
  .banner-text h1{font-size: 35px;}
  .banner-text h2 {font-size: 35px;margin-bottom: 10px;}
  .about-left{width: 100%;}
  .about-right{width: 100%;margin-top: 50px;}
  .about-box {flex-wrap: wrap;position: initial;width: 100%;}
  .about-section{flex-wrap: wrap;margin:50px 0;}
  .two-box-text {font-size: 18px;padding: 10px;width: 100%;}
  .environment-block .img-row {justify-content: center;flex-wrap: wrap;}
  .environment-block .img-box{width: 100%;order: 1;margin-top: 30px;}
  .environment-block .img-row .img-box-extra {position: initial;width: 100%;}
  .environment-block .img-box p{text-align: center;}
  .environment-block .green-bar{display: none;}
  .environment-block .img-box:last-child p{text-align: center;}
  .environment-block {margin: 50px 0;}
  .service-area-block .service-boxes .service-box {width: 47%;}
  .inner-about-outer .block .image-box{width: 100%;}
  .inner-about-outer .block .text-box{width: 100%;margin-top: 20px;}
  .inner-banner-content .inner-banner-content-box {padding: 5px 20px;}
  .inner-banner-content h1 {font-size: 25px;}
  h4.inner-heading{  font-size: 20px;}

}

@media(max-width:639px){
  .phone a span {font-size: 16px;}
  .banner-text h1 {font-size: 30px;}
  h3 {font-size: 20px;margin-bottom: 10px;}
  a.webbtn{font-size: 16px;}
  .services-section .services-section-flex .services-section-content p{font-size: 18px;}
  .services-section .item p{font-size: 20px;}
  .testimonial_block p{font-size: 16px;}
  .service-area-block {background-size: cover;}
  .service-area-block .service-boxes .service-box {width: 100%;}
  .two-box.block {width: 100%;}
  .two-box-container{flex-wrap: wrap;}
  .info-bar .logo a img {height: 80px;}
  .info-box .text{top: 110px;}
  .topbar-outer.home-page .info-items {gap: 20px;}
  .info-box .icon {width: 38px;height: 38px;}
  .ready-smart-outer img {width: 100%;}
  .qrq-card{padding: 10px;}
  
}

@media(max-width:479px){
.info-bar{padding: 10px;}
  .topbar-outer.home-page .info-bar {padding: 10px;}
  .topbar{padding: 12px 10px 17px;flex-wrap: wrap;gap: 10px;}
  .nav-links ul.menu {top: 90px;}
  .banner-text h1 {font-size: 20px;}
  .banner-text h2 {font-size: 20px;}
  a.webbtn{padding: 15px;}
  .testimonial_block p {padding: 0;}
  .map-block .right h2{font-size: 20px;margin-bottom: 10px;padding-right: 0;}
  .map-block .right {padding: 10px;}
  .form-grid input, .form-grid select {width: 100%;}
  .footer-box-first{width: 100%;}
  .footer-box-second{width: 100%;}
  .footer-box.footer-box-third{width: 100%;}
  .footer-box.footer-box-third{width: 100%;}
  .info-items {gap: 5px;}
  .info-box .icon {border: 0;}
  .info-box .text {top: 79px;width: 100%;}
  .qrq-content p,.ready-smart-outer p,.service6-box p,.service6-box ul li{font-size: 14px;line-height: 26px;margin-bottom: 5px;}
  h4.inner-heading,h3.inner-small-heading {font-size: 18px;}
  .ready-smart-outer{padding: 20px 10px;}
  
}

.box-outer {
	width: 23%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.thumb {
	display: flex;
	align-items: center;
	justify-content: center;
}
 .thumb img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 215px !important;
}
  .sale{
    position:absolute; top:12px; right:12px;
    background:var(--sale); color:#fff;
    font-weight:700; font-size:14px;
    padding:10px 12px; border-radius:999px;
  }
  .title{
    margin:14px 0 6px;
    font-weight:700;
  }
  .price{
    color:#111;
    margin:0 0 14px;
  }
  .price .range{color:#6b7280; text-decoration:none;}
  .btn{
    display:inline-block;
    background:var(--accent);
    color:#fff;
    font-weight:700;
    padding:12px 18px;
    border-radius:6px;
    text-decoration:none;
    transition:.15s ease;
  }
  .btn:hover{background:var(--accent-dark)}


  /* Header */

  .shop-head p{
    margin:0 0 24px;
    color:var(--muted);
  }
  .toolbar{
    display:flex;
    justify-content:flex-end;
    margin-bottom:24px;
  }
  .toolbar select{
    appearance:none;
    background:#fff;
    border:1px solid #d1d5db;
    border-radius:4px;
    padding:10px 36px 10px 12px;
    font-size:14px;
    background-image:
      linear-gradient(45deg, transparent 50%, #6b7280 50%),
      linear-gradient(135deg, #6b7280 50%, transparent 50%),
      linear-gradient(to right, #d1d5db, #d1d5db);
    background-position:
      calc(100% - 18px) 55%,
      calc(100% - 12px) 55%,
      calc(100% - 36px) 0.6em;
    background-size:6px 6px, 6px 6px, 1px 1.6em;
    background-repeat:no-repeat;
  }

  /* Grid */
.grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	  gap: 30px;
}
  .shop-outer {
	padding: 50px 0;
}
 .box-outer .box {
	display: flex;
	flex: 1;
	flex-direction: column;
}
 .box-outer .box a.card {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.box-outer .box a.card h4 {
	color: #885b38;
	font-size: 20px;
	margin: 10px 0;
	min-height: 48px;
	font-weight: 500;
	flex-grow : 1;
}
.box-outer .box a.card p {
	margin-bottom: 10px;
	color: #000;
	flex-grow: 1;
}

@media(max-width: 1199px){
	.grid {
	gap: 24px;
}
}
@media(max-width: 1023px){
.box-outer {
	width: 32%;
}
.grid {
	gap: 13px;
}
}

@media(max-width: 767px){
.box-outer {
	width: 100%;
}
.grid {
	gap: 30px;
}
}

.box-outer a.webbtn {
	margin-top: 20px;
}