@import 'reset.css';
/* CSS Document */
/*body{ width:100%; padding:0; margin:0; background:#fff;  font-family: 'Raleway',sans-serif; }*/
a{ outline:none; text-decoration:none; }
a:focus, a:hover{ outline:none; text-decoration:none; }
ul{ padding:0; margin:0; list-style:none; }
@media screen and (min-width: 1400px) { 
	.container{ max-width:1314px; }
}
/* ___________________ Fontface Start ______________________*/

/* ___________________ Fontface Ends _______________________*/

/* ___________________ Header Starts _______________________*/
.navbar-default{ padding:20px 0 0 0; margin:0; background:none; border:none; display: block; }
.navbar-default .container{ position:relative; }
/*.navbar-default .menu-block{ position:absolute; top:30px; right:0; z-index:999; }*/
.stellarnav{ transition:all 0.3s ease-in-out; }

/*-- Moblie Menu 1 --*/
.stellarnav .menu-toggle span.bars span { width: 35px; height: 2px; background-color: #fff; display: block; margin: 8px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.stellarnav.active .bars span:nth-child(2){ opacity:0; }
.stellarnav.active .bars span:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg); }
.stellarnav.active .bars span:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }


.navbar .menu-block .stellarnav.dark{ background:transparent; }
.navbar .menu-block .stellarnav > ul > li > a{ padding:10px 18px 9px 18px; border-radius:50px; background:#fff; transition:all .3s ease-in-out; line-height:1; }
.navbar .menu-block .stellarnav > ul > li.active > a{ background-image: -moz-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  box-shadow: 0px 9px 11px 0px rgba(5, 116, 66, 0.22); color:#fff; }


.navbar .menu-block .stellarnav > ul > li > a:hover{ background-image: -moz-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  box-shadow: 0px 9px 11px 0px rgba(5, 116, 66, 0.22); color:#fff; }


.home-banner{ margin:-110px 0 0 0; padding:180px 0 82px 0; background:url(../images/home-banner-bg.jpg) no-repeat center; background:url(../images/home-banner-bg-2.jpg) no-repeat center; background-size:cover; min-height:834px; }
.home-banner .lt-text{ margin:0; padding:0; }
.home-banner .lt-text p{ font-family:var(--body-font); font-size:18px; line-height:1.5; font-weight: 400; color:var(--black); margin:0; padding:10px 0 0 0; }





.home-banner .rt-image{ margin:0; padding:0; position:relative; }
.home-banner .rt-image .top-img{ margin:0; padding:0; display:inline-block; position:relative; }
.home-banner .rt-image .top-img img{ border-radius:30px; }
.home-banner .rt-image .bottom-img{ margin:0; padding:0; border:8px solid #cee7d5; border-radius:30px; position:absolute; top:160px; right:0px; }
.home-banner .rt-image .bottom-img img{ border-radius:20px; }
.home-banner .rt-image .top-img span{ padding:10px 15px 8px 15px; background-image: -moz-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  box-shadow: 0px 9px 11px 0px rgba(5, 116, 66, 0.22); color:#fff; border-radius:50px; position:absolute; top:30px; right:-40px; display:inline-block; line-height:1; }

.home-banner .rt-image .bottom-img span{ padding:10px 15px 8px 15px; background-image: -moz-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%);
  box-shadow: 0px 9px 11px 0px rgba(5, 116, 66, 0.22); color:#fff; border-radius:50px; position:absolute; bottom:30px; left:-40px; display:inline-block; line-height:1; }
.rotate-logo-wrapper{ width:150px; height:150px; position: relative; display: flex; align-items: center; justify-content: center; position:absolute; right: 0; top: 0; }
.rotate-logo-wrapper .rotating-ring{ position: absolute; width: 100%; height: 100%; animation: spin 12s linear infinite; }
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.rotate-logo-wrapper .center-icon{ position:absolute; width:auto; height:auto; }






.about-us-home{ margin:0; padding:60px 0; }
.about-us-home .text-block{ margin:0; padding:0; }
.about-us-home .text-block h3{ font-family:var(--body-font); font-size:17px; line-height:1; font-weight:400; color:var(--white); margin:0 0 15px 0; padding:8px 16px; background:var(--green); display:inline-block; border-radius:50px; }
.about-us-home .bottom-icon{ margin:0; padding:40px 0 0 0; }
.about-us-home .bottom-icon .box{ margin:0; padding:0; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.about-us-home .bottom-icon .box .icon{ margin:0; padding:0; width:60px; aspect-ratio:1; border-radius:50%; background-image: -webkit-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%); display:flex; align-items:center; justify-content:center; box-shadow: 0px 9px 11px 0px rgba(5, 116, 66, 0.22); }
.about-us-home .bottom-icon .box .text{ margin:0; padding:0; width:calc(100% - 72px); }
.about-us-home .bottom-icon .box .text h5{ margin:0; padding:0; }




.why-go-solar{ margin:0; padding:80px 0 100px 0; background:#F5E9D9; }
.why-go-solar .lt-image{ margin:0; padding:0; position:relative; }
.why-go-solar .lt-image > img{ width:100%; }
.why-go-solar .lt-image .content{ margin:0; padding:20px; background-image: -webkit-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%); box-shadow: 0px 9px 11px 0px rgba(5, 116, 66, 0.22); max-width:550px; border-radius:200px 200px 0 200px; display:flex; align-items:center; gap:15px; flex-wrap:wrap; position:absolute; right:0; bottom:-70px; }
.why-go-solar .lt-image .content .icon{ margin:0; padding:0; width:110px; aspect-ratio:1; background:#057442; border-radius:50%; display:flex; align-items:center; justify-content:center; border:4px solid #fff; }
.why-go-solar .lt-image .content .text{ margin:0; padding:0; width:calc(100% - 125px); }
.why-go-solar .lt-image .content .text h4{ font-family:var(--body-font); font-size:36px; line-height:1.2; font-weight:400; color:#fff; margin:0; padding:0; }
.why-go-solar .lt-image .content .text h4 span{ display:block; }
.why-go-solar .lt-image .content .text p{ font-family:var(--body-font); font-size:14px; line-height:1.4; font-weight:400; color:var(--white); margin:0; padding:1px 0 0 0; }
.why-go-solar .rt-content{ margin:0; padding:0; }
.why-go-solar .rt-content h3{ font-family:var(--body-font); font-size:17px; line-height:1; font-weight:400; color:var(--white); margin:0 0 15px 0; padding:8px 16px; background:var(--green); display:inline-block; border-radius:50px; }
.why-go-solar .rt-content .chips-container{ display: grid; grid-template-columns: repeat(2,1fr); gap: 15px;}
.why-go-solar .rt-content .chips-container .chips{ display: flex; gap: 15px;}
.why-go-solar .rt-content .chips-container .chips .icon{ height: 48px; width: 48px; background-color: var(--green); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.why-go-solar .rt-content .chips-container .chips .icon i{ color: #fff;}
.why-go-solar .rt-content .chips-container .chips h4{ max-width: calc(100% - 63px); font-size: 20px; line-height: 1.4;}
.why-go-solar .rt-content .chips-container .chips h4 span{ color: var(--green);}
.why-go-solar .rt-content > p{ font-size: 20px; line-height: 1.5; margin-bottom: 30px;}
.why-go-solar .rt-content .line{ width: 90px; height: 1px; background: var(--green); margin-bottom: 30px;}
.why-go-solar .rt-content .feature-card{ background: var(--green-light); margin-top: 30px; padding: 14px; border-radius: 10px; border: 1px solid var(--green);}
.why-go-solar .rt-content .feature-card .left img{ width: 100%;}
.why-go-solar .rt-content .feature-card .right h5{ font-size: 32px; color: var(--green);}
.why-go-solar .rt-content .feature-card .right p{ font-size: 20px; line-height: 1.4;}
.why-go-solar .button-block{ display: flex; justify-content: center; width: 100%; margin-top: 45px;}
.why-go-solar .button-block a{ display: flex; align-items: center; gap: 15px; background-image:-moz-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%); background-image:-webkit-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%); background-image:-ms-linear-gradient( 90deg, rgb(5,116,66) 0%, rgb(9,149,86) 100%); box-shadow:0px 9px 11px 0px rgba(5, 116, 66, 0.22); color: #fff; border-radius: 200px; padding: 30px;}
.why-go-solar .button-block a h6{ font-family: var(--btn-font); font-size: 28px; margin-bottom: 0;}
.why-go-solar .button-block a p{ font-size: 16px; font-weight: 300; margin-bottom: 0; }
.why-go-solar .button-block a .icon{ height: 56px; width: 56px; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 50%;}
.why-go-solar .button-block a .icon i{ color: var(--green); font-size: 20px;}


.why-air-source{ padding-block: 60px 80px;}
.why-air-source hr{ margin: 0; margin-block: 50px;}
.why-air-source .top-block .left-block h3{ font-family:var(--body-font); font-size:17px; line-height:1; font-weight:400; color:var(--green); margin:0 0 15px 0; padding:8px 16px; background:var(--green-light-extra); display:inline-block; border-radius:50px;}
.why-air-source .top-block .left-block p{ margin-bottom: 30px; font-size: 20px; line-height: 1.4;}
.why-air-source .top-block .left-block h4{ font-size: 20px; font-weight: 700; color: var(--green); margin-bottom: 35px;}
.why-air-source .top-block .right-block{ height: 100%; overflow: hidden; border-radius: 30px; position: relative;}
.why-air-source .top-block .right-block .text-circle{ width: 170px; height: 170px; border-radius: 50%; background: var(--green); position: absolute; left: 24px; bottom: 24px; display: flex; justify-content: center; align-items: center;}
.why-air-source .top-block .right-block .text-circle .text{ color: #fff; font-size: 18px; text-transform: uppercase;}
.why-air-source .bottom-block{ background: var(--green-light); border-radius: 30px; padding: 30px 50px;} 
.why-air-source .bottom-block h3{ font-size: 30px; color: var(--green); margin-bottom: 20px;}
.why-air-source .bottom-block ul li + li{margin-top: 15px;}
.why-air-source .bottom-block ul li{ padding-left: 25px; position: relative;}
.why-air-source .bottom-block ul li::before{content: '\f00c'; font-family: "Font Awesome 5 Pro"; position: absolute; left: 0; color: var(--green);}
.why-air-source .bottom-block .img-block{ display: flex; justify-content: center; align-items: center;}
.why-air-source .bottom-block .location{ display: flex; gap: 17px; font-size: 20px ; line-height: 1.45; margin-bottom: 40px;}
.why-air-source .bottom-block .location .icon{ height: 54px; width: 54px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: var(--green); color: #fff; font-size: 20px;}
.why-air-source .bottom-block .location h4{ font-size: 20px; max-width: calc(100% - 71px); font-size: 20px; line-height: 1.45;}


.testimonials-section{ background:var(--green-light);  padding:85px 20px 30px;  position:relative; overflow:hidden; border-top-right-radius: 50px; border-top-left-radius: 50px;}
.testimonials-label{ text-align:center;  font-size:30px; font-weight:700;   color:var(--green-dark); margin-bottom:55px;}
.testimonial-slide{ text-align:center; padding:0 40px; outline:none;}
.testimonial-quote{ font-family:var(--title-font); font-size:60px; line-height:1.1; color:var(--green-dark); max-width:880px; margin:0 auto 50px;}
.testimonial-author{ font-size:20px; color:var(--green-dark); margin-bottom:8px; font-weight:500;}
.testimonial-stars{ font-size:18px; color:#1a3d2b; letter-spacing:2px; margin-bottom:35px;}
.testimonial-btn{ display:inline-block; background:#1a3d2b; color:#e8f5e9; font-family:var(--body-font); font-size:14px; font-weight:500; padding:13px 28px; border-radius:50px; text-decoration:none; border:none; cursor:pointer; transition:background 0.25s ease, transform 0.2s ease;}
.testimonial-btn:hover{ background:#0f2619; transform:translateY(-1px);}
.slick-prev, .slick-next{ width:44px; height:44px; background:transparent; border:none; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:10; display:flex !important; align-items:center; justify-content:center; padding:0; transition:opacity 0.2s;}
.slick-prev{ left:0;}
.slick-next{ right:0;}
.slick-prev::before, .slick-next::before{ display:none;}
.slick-prev svg, .slick-next svg{ width:22px; height:22px; stroke:#1a3d2b; transition:stroke 0.2s;}
.slick-prev:hover svg, .slick-next:hover svg{ stroke:#0f2619;}
.slick-disabled{ opacity:0.3; pointer-events:none;}
.slick-dots{ bottom:-30px;}
.slick-dots li button::before{ color:#1a3d2b; font-size:8px; opacity:0.35;}
.slick-dots li.slick-active button::before{ opacity:1;}
.testimonials-slider .slick-slide{ opacity:0; transition:opacity 0.45s ease; pointer-events:none;}
.testimonials-slider .slick-active{ opacity:1; pointer-events:auto;}
.testimonials-slider .slick-cloned{ opacity:0 !important;}


.contact-section{ background:var(--green-light); padding-block:60px 80px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px;}
.contact-section .title{  text-align:center; margin-bottom:55px; color: var(--green-dark);}
.contact-section .map-wrapper{ border:6px solid var(--green); border-radius:30px; overflow:hidden; height:100%; min-height:360px;}
.contact-section .map-wrapper iframe{ width:100%; height:100%; min-height:360px; display:block; border:none; filter:saturate(0.6) contrast(1.05);}
.contact-section .contact-form .form-control{ background:var(--green-light-medium); border:1px solid var(--green-dark); border-radius:10px; padding:22px;  font-size:14px; color:#1a3d2b; transition:border-color 0.2s ease, box-shadow 0.2s ease; box-shadow:none;}
.contact-section .contact-form .form-control::placeholder{ color:var(--green-dark);}
.contact-section .contact-form .form-control:focus{ background:#c8e6c9; background:#fff; border-color:#2d6a4f; box-shadow:0 0 0 3px rgba(45,106,79,0.12); outline:none;}
.contact-section .contact-form textarea.form-control{ resize:none; height:120px;}
.contact-section .contact-form .form-row-gap{ margin-bottom:16px;}
.contact-section .btn-primary{margin-left:auto; border: none;}
.contact-section .btn-send:hover{ background:#1a3d2b; transform:translateY(-1px);}
.contact-section .contact-form .form-button .wpcf7-spinner{ position:absolute; left:0; }




@media (max-width:767px){ 
.contact-section{ padding:44px 20px 52px;}

.contact-section .map-wrapper{ min-height:280px; margin-bottom:28px;}
.contact-section .map-wrapper iframe{ min-height:280px;}

}


.site-footer{ background:url(../images/footer-bg.jpg) no-repeat center; background-size:cover; font-family:var(--body-font); position:relative; overflow:hidden;}
/*.site-footer::before{ content:''; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500' fill='none'%3E%3C!-- Tower --%3E%3Crect x='194' y='260' width='12' height='220' rx='4' fill='%23e0e0e0'/%3E%3C!-- Hub --%3E%3Ccircle cx='200' cy='258' r='10' fill='%23d0d0d0'/%3E%3C!-- Blade 1 (up-left) --%3E%3Cellipse cx='170' cy='190' rx='10' ry='72' transform='rotate(-30 170 190)' fill='%23e0e0e0'/%3E%3C!-- Blade 2 (up-right) --%3E%3Cellipse cx='232' cy='192' rx='10' ry='72' transform='rotate(30 232 192)' fill='%23e8e8e8'/%3E%3C!-- Blade 3 (down) --%3E%3Cellipse cx='200' cy='330' rx='10' ry='72' fill='%23e4e4e4'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:78% 0%; background-size:420px auto; opacity:0.55; pointer-events:none; z-index:0;}*/
.footer-inner{ position:relative; z-index:1;}
.footer-top{ padding:56px 40px 40px; border-bottom:1px solid #ebebeb;}
.footer-logo-wrap{ display:flex; align-items:center; gap:10px; margin-bottom:16px;}
.footer-logo-icon{ margin:0; padding:0; }
.footer-logo-text{ line-height:1.1;}
.footer-logo-text .brand-name{ font-family:var(--body-font); font-size:22px; color:#e07b00;}
.footer-logo-text .brand-sub{ font-size:11px; color:#555; letter-spacing:0.03em;}
.footer-company-info{ font-size:13px; color:#333; line-height:1.65;}
.footer-company-info strong{ font-weight:600;}
.footer-company-number{ font-size:13px; color:#333; margin-top:8px;}
.footer-company-number strong{ font-weight:600;}
.footer-col-title{ font-family:var(--body-font); font-size:22px; font-weight:700; color:#111; margin-bottom:20px;}
.footer-nav-list{ list-style:none; padding:0; margin:0;}
.footer-nav-list li{ margin-bottom:12px;}
.footer-nav-list a{ font-family:var(--body-font); font-size:16px; color:#444; text-decoration:none; transition:color 0.2s;}
.footer-nav-list a:hover{ color:#1a3d2b;}
.footer-contact-list{ list-style:none; padding:0; margin:0;}
.footer-contact-list li{ font-family:var(--body-font); font-size:16px; color:#444; margin-bottom:12px; line-height:1.55;}
.footer-contact-list a{ font-family:var(--body-font); font-size:16px; color:#444; text-decoration:none; transition:color 0.2s;}
.footer-contact-list a:hover{ color:#1a3d2b;}
.newsletter-input{ width:100%; border:none; border-bottom:1.5px solid #aaa; background:transparent; padding:8px 4px; font-family:var(--body-font); font-size:14px; color:#333; outline:none; margin-bottom:20px; transition:border-color 0.2s;}
.newsletter-input::placeholder{ color:#888;}
.newsletter-input:focus{ border-color:#1a3d2b;}
.btn-subscribe{ background:#1a1a1a; color:#fff; font-family:var(--body-font); font-size:14px; font-weight:500; padding:13px 32px; border:none; border-radius:50px; cursor:pointer; transition:background 0.25s ease, transform 0.2s ease;}
.btn-subscribe:hover{ background:#1a3d2b; transform:translateY(-1px);}
.footer-bottom{ padding:28px 40px 36px;}
.footer-copyright{ font-size:13px; color:#555; margin-bottom:18px;}
.footer-disclaimer{ list-style:none; padding:0; margin:0;}
.footer-disclaimer li{ font-size:13px; color:#666; line-height:1.6; margin-bottom:4px;}
.footer-disclaimer li::before{ content:'· '; color:#999;}
.scroll-top-btn{ position:fixed; bottom:28px; right:28px; width:44px; height:44px; background:#1a1a1a; border:none; border-radius:50px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.25s, transform 0.2s; z-index:999;}
.scroll-top-btn:hover{ background:#1a3d2b; transform:translateY(-2px);}
.scroll-top-btn svg{ width:18px; height:18px; stroke:#fff;}


@media (max-width:767px){ .footer-top, .footer-bottom{ padding-left:20px; padding-right:20px;}
.footer-col{ margin-bottom:32px;}
}



.home-banner .bottom-text{ margin:0; padding:15px 0 0px 0; }
.home-banner .bottom-text h3{ font-family:var(--title-font); font-size:22px; color:var(--green); margin-bottom:12px; line-height:1; margin:0; padding:0 0 14px 0; text-align:center; }

.home-banner .bottom-text .package-box{ margin:0; padding:12px 5px; background:#F9F2E8; border-radius:20px; display:flex; justify-content:space-between; box-shadow:0px 7px 8px 0px rgba(0, 0, 0, 0.1); }
.home-banner .bottom-text .package-box .packs{ margin:0; padding:5px 45px; text-align:center; }
.home-banner .bottom-text .package-box .packs h5{ font-family:var(--body-font); font-size:14px; line-height:1; background:var(--green); color:var(--white); margin:0 0 10px 0; padding:9px 15px 7px 15px; text-transform:uppercase; border-radius:40px; }
.home-banner .bottom-text .package-box .packs h6{ font-family:var(--body-font); font-size:25px; line-height:1;; color:var(--green); margin:0; padding:0; }
.home-banner .bottom-text .package-box .packs + .packs{ border-left:1px solid rgba(0, 0, 0, .2); }



/* ____________________________solar page css ____________________________*/
.sub-title{ font-family:var(--body-font); font-size:17px; line-height:1; font-weight:400; color:var(--white); margin:0 0 15px 0; padding:8px 16px; background:var(--green); display:inline-block; border-radius:50px; background:#CCE6CD; color:var(--green); }


.sub-title.gold{ background:var(--gold);}
.sub-title img{ height: 33px; width: 33px;}

.sec-label{ display:inline-flex; align-items:center; gap:7px; background:var(--green); color:var(--white); font-family:var(--btn-font); font-size:.85rem; letter-spacing:1.5px; text-transform:uppercase; padding:5px 16px; border-radius:4px;}
.sec-label.gold{ background:var(--gold); color:var(--white);}
.sec-label.lite{ background:var(--lite-green); color:var(--green-dark);}

.hero-wrap{ background:var(--green-light); padding:64px 0 0; position:relative; overflow:hidden;}
.hero-wrap::before{ content:''; position:absolute; inset:0; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:.05; pointer-events:none;}
.hero-page-badge{ display:inline-block; background:var(--green); color:var(--white); font-family:var(--btn-font); font-size:.9rem; letter-spacing:2px; text-transform:uppercase; padding:5px 18px; border-radius:4px;}
.hero-heading{ font-family:var(--title-font); font-size:clamp(2rem, 4vw, 3.1rem); color:var(--green-dark); line-height:1.2; font-weight:900;}
.hero-text{ font-size:clamp(1rem, 1.8vw, 1.1rem); color:var(--green-dark); line-height:1.85; font-weight:700;}
.hero-text strong{ color:var(--green);}
.hero-img-wrap{ position:relative;}
.hero-img-wrap img{ width:100%; border-radius:12px 12px 0 0; object-fit:cover; height:360px; display:block;}
.hero-float-dark{ position:absolute; bottom:20px; left:20px; background:var(--green-dark); color:var(--white); font-family:var(--body-font); font-weight:600; font-size:.8rem; padding:10px 18px; border-radius:6px; box-shadow:0 4px 18px rgba(0,0,0,.3);}
.hero-float-gold{ position:absolute; top:20px; right:20px; background:var(--gold); color:var(--white); font-family:var(--btn-font); font-size:.95rem; letter-spacing:1px; padding:8px 18px; border-radius:6px; box-shadow:0 4px 18px rgba(0,0,0,.25);}

.btn-green-solid{ background:var(--green); color:var(--white); font-family:var(--btn-font); font-size:1rem; letter-spacing:1.5px; padding:12px 30px; border-radius:4px; text-decoration:none; display:inline-block; transition:background .2s, transform .15s;}
.btn-green-solid:hover{ background:var(--green-dark); transform:translateY(-2px); color:var(--white);}
.btn-outline-green{ border:2px solid var(--green); color:var(--green); font-family:var(--btn-font); font-size:1rem; letter-spacing:1.5px; padding:10px 28px; border-radius:4px; background:transparent; text-decoration:none; display:inline-block; transition:all .2s;}
.btn-outline-green:hover{ background:var(--green); color:var(--white);}
.btn-gold{ background:var(--gold); display:inline-block; transition:background .2s, transform .15s;}
.btn-gold:hover{ background:#a06c05; transform:translateY(-2px); color:var(--white);}
.btn-dark{ background:var(--green-dark); color:var(--white); font-family:var(--btn-font); font-size:1rem; letter-spacing:1.5px; padding:12px 30px; border-radius:4px; text-decoration:none; display:inline-block; transition:background .2s, transform .15s;}
.btn-dark:hover{ background:var(--green); color:var(--white); transform:translateY(-2px);}

.sec-white{ background:var(--white); padding:80px 0;}
.sec-cream{ background:var(--green-light); padding:80px 0;}
.sec-dark{ background:var(--green); padding:80px 0;}
.sec-lite{ background:var(--lite-green); padding:80px 0;}

.pricing-section{  padding:80px 0;}
.section-title{ font-family:var(--title-font); font-size:clamp(1.6rem, 2.8vw, 2.3rem); color:var(--green-dark); font-weight:900; line-height:1.25;}
.section-title.on-dark{ color:var(--white);}
.content-para{ font-family:var(--body-font); font-size:1rem; line-height:1.85; color:var(--text-body);}
.content-para.on-dark{ color:var(--text-on-dark);}
.content-img{ border-radius:12px; overflow:hidden; position:relative;}
.content-img img{ width:100%; height:380px; object-fit:cover; display:block;}
.content-img .img-tag{ position:absolute; bottom:18px; right:18px; background:var(--green); color:var(--white); font-family:var(--body-font); font-weight:600; font-size:.76rem; padding:8px 15px; border-radius:6px;}
.content-img .img-tag-dark{ position:absolute; bottom:18px; left:18px; background:var(--green-dark); color:var(--white); font-family:var(--body-font); font-weight:600; font-size:.76rem; padding:8px 15px; border-radius:6px; box-shadow:0 4px 14px rgba(0,0,0,.28);}
.img-strip img{ width:100%; height:220px; object-fit:cover; border-radius:10px; display:block;}
.scaffold-box{ background:var(--green-light); border-radius:12px; overflow:hidden;}
.content-box{ background:var(--green-light); border-radius:12px; overflow:hidden;}
.scaffold-box .image{ width:100%; height:340px; object-fit:cover; display:block;}
.scaffold-content, .content-box-body{ padding:44px;}
.feature-card{ border-radius:12px; padding:32px 28px; height:100%;}
.feature-card.light{ background:var(--green-light); border-top:4px solid var(--lite-green);}
.feature-card.dark{ background:var(--green-dark); border-top:4px solid var(--green);}
.feature-card.lite{ background:var(--green-light-medium); border-top:4px solid var(--green);}
.feature-card h4{ font-family:var(--title-font); font-weight:900; font-size:1.1rem;}
.feature-card.light h4{ color:var(--green-dark);}
.feature-card.dark h4{ color:var(--white);}
.feature-card .kw-tag{ font-family:var(--title-font); font-size:1.5rem; font-weight:900; color:var(--green); line-height:1;}
.feature-card.dark .kw-tag{ color:var(--gold-light);}
.feature-card p{ font-size:.9rem; margin-top:10px;}
.feature-card.light p{ color:var(--text-body);}
.feature-card.dark p{ color:rgba(255,255,255,.8);}
.feature-card ul{ list-style:none; padding:0; margin:14px 0 0;}
.feature-card ul li{ display:flex; align-items:center; gap:10px; padding:7px 0; font-size:.875rem; border-bottom:1px solid rgba(0,0,0,.07);}
.feature-card.dark ul li{ border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.85);}
.feature-card ul li:last-child{ border-bottom:none;}
.feature-card ul li i{ color:var(--green); font-size:.95rem;}
.feature-card.dark ul li i{ color:var(--gold-light);}
.icon-card{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:30px 22px; height:100%; text-align:center; transition:background .2s;}
.icon-card:hover{ background:rgba(255,255,255,.13);}
.icon-card .ic-ring{ width:58px; height:58px; border-radius:50%; background:var(--green); display:flex; align-items:center; justify-content:center; font-size:1.35rem; color:var(--white); margin:0 auto 14px;}
.icon-card h5{ font-family:var(--title-font); color:var(--white); font-weight:800; font-size:.95rem;}
.icon-card p{ color:rgba(255,255,255,.7); font-size:.875rem; margin:0;}
.panel-card{ background:var(--white); border-radius:12px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,.07); height:100%; transition:transform .2s, box-shadow .2s;}
.panel-card:hover{ transform:translateY(-5px); box-shadow:0 16px 40px rgba(0,0,0,.13);}
.panel-card img{ width:100%; height:200px; object-fit:cover; display:block;}
.panel-card .body{ padding:24px;}
.panel-card h5{ font-family:var(--title-font); color:var(--green-dark); font-weight:800; font-size:.95rem;}
.panel-card p{ font-size:.875rem; color:var(--text-body); margin:0;}
.badge-tag{ display:inline-block; font-family:var(--btn-font); font-size:.78rem; letter-spacing:1px; padding:4px 12px; border-radius:4px; color:var(--white);}

.incl-all{ background:var(--green-light); background:#F1FDF3; border-radius:12px; padding:36px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.incl-all h4{ font-family:var(--title-font); font-weight:900; color:var(--green); font-size:2rem;}
.incl-all ul{ list-style:none; padding:0; margin:0;}
.incl-all ul li{ display:flex; align-items:center; gap:10px; padding:8px 0; font-size:.875rem;  border-bottom:1px solid rgba(0, 0, 0, 0.1); font-family:var(--body-font);}
.incl-all ul li:last-child{ border-bottom:none;}
.incl-all ul li i{ color:var(--gold-light); font-size:.9rem; flex-shrink:0;}
.cta-section{ background:var(--green); padding:68px 0;}
.cta-section h2, .cta-section p{ font-family:var(--title-font);}
.cta-section{ color:rgba(255,255,255,.9); font-family:var(--title-font); font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:900; margin:0;}
.criteria-card{ background:var(--white); border-radius:12px; padding:28px 24px; height:100%; border-top:4px solid var(--green); box-shadow:0 4px 18px rgba(0,0,0,.07); transition:transform .2s, box-shadow .2s;}
.criteria-card:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,0,0,.12);}
.criteria-icon{ width:50px; height:50px; background:var(--green); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.25rem; color:var(--white);}
.criteria-card p{ font-size:.92rem; color:var(--text-body); margin:14px 0 0; line-height:1.65; font-weight:600; font-family:var(--body-font);}
.grant-amount-line{ display:inline-flex; align-items:center; gap:14px; background:var(--green); border-radius:10px; padding:16px 24px;}
.grant-amount-line .g-icon{ width:50px; height:50px; flex-shrink:0; background:var(--white); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:1.35rem; color:var(--green);}
.grant-amount-line .g-text .g-sub{ font-family:var(--btn-font); font-size:.78rem; letter-spacing:1px; text-transform:uppercase; color:rgba(255, 255, 255, 0.856);}
.grant-amount-line .g-text .g-figure{ font-family:var(--title-font); font-size:1.9rem; font-weight:900; color:var(--gold-light); line-height:1.1;}
.grant-amount-line .g-text .g-scheme{ font-size:.76rem; color:rgba(255, 255, 255, 0.753); margin-top:1px; font-family:var(--body-font);}

.pricing-section.heat-pumps{ background: var(--white);}
.pkg-icon{ display: none;}
.row-reverse{ flex-direction: row-reverse;}
.installation-sec p:empty{ padding-bottom: 20px;}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 768px) {
  .hero-img-wrap img,
  .content-img img          { height: 220px; }
  .content-box img          { height: 200px; }
  .sec-white, .sec-cream,
  .sec-dark, .sec-lite,
  .pricing-section          { padding: 52px 0; }
  .scaffold-content,
  .content-box-body         { padding: 24px; }
  .grant-amount-line        { flex-direction: column; align-items: flex-start; gap: 10px; }
}


.pkg-card-dark.featured{ border:2px solid var(--green) !important;}
.pkg-card-dark{ border-radius:18px; background:var(--green-light); border:1.5px solid var(--pkg-dark-border); height:100%; display:flex; flex-direction:column; overflow:hidden; transition:transform .25s, box-shadow .25s;}
/*.pkg-card-dark:hover{ transform:translateY(-6px); }*/
.pkg-card-dark.featured{ border-color:var(--pkg-featured-ring); box-shadow:0 0 0 1px var(--pkg-featured-ring), 0 16px 48px rgba(45,181,68,.18); scale:1;}
.pkg-card-dark{ scale:0.9;}
.pkg-img{ width:auto; height:clamp(150px, 13.021vw, 250px); object-fit:contain; padding:16px 16px 0; display:block;}
.pkg-body{ padding:22px 26px 0;}
.pkg-name-dark{ font-family:var(--title-font, sans-serif); font-size:1.35rem; font-weight:900; margin:0 0 18px; text-align:center;}
.pkg-price-dark{ font-family:var(--title-font); font-size:3rem; font-weight:900; color:var(--green); line-height:1; margin-bottom:4px; text-align:center;}
.pkg-price-dark .sym{ font-size:1.6rem; vertical-align:super;}
.pkg-divider{ border:none; border-top:1px solid var(--pkg-dark-line); margin:0 0 18px;}
.pkg-features-dark{ list-style:none; padding:0; margin:0; flex:1;}
.pkg-features-dark li{ display:flex; align-items:flex-start; gap:10px; padding:9px 0; font-family:var(--body-font, sans-serif); font-size:.88rem; border-bottom:1px solid var(--pkg-dark-line);}
.pkg-features-dark li:last-child{ border-bottom:none;}
.pkg-features-dark li .chk{ width:20px; height:20px; border-radius:50%; background:var(--green, #2db544); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;}
.pkg-features-dark li .chk svg{ width:11px; height:11px; stroke:#fff; fill:none; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round;}
.pkg-footer-dark{ padding:20px 26px 26px; margin-top:auto;}
.pkg-footer-dark .btn-primary{ width:100%; text-align:center;}
.popular-tag-dark{ background:var(--green); color:#fff; font-size:.72rem; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; padding:6px 18px; border-radius:0 0 10px 10px; display:inline-block; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:10; white-space:nowrap;}
.pkg-card-dark.featured{ margin-top:14px; height:calc(100% - 28px)}

.inner-banner{ padding-block: clamp(45px, 5.208vw, 100px); position: relative; z-index: 1;}
.inner-banner::after{ content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.6; }
.inner-banner h1{font-size: clamp(50px, 5.208vw, 100px); text-align: center; color: var(--white); position: relative; z-index: 99; font-family: var(--title-font);}






.home-banner.inner{ min-height:auto; }
.home-banner.inner .rt-image img{ border-radius:20px; }


.installation-sec .box{ background:#fff; padding:22px 18px; border-radius:20px; text-align:center; margin-bottom:30px; background:#F1FDF3; border:1px solid #B4BEB7; min-height:274px; box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.installation-sec .box p{ margin-bottom:0; }




.incl-all .boxs{ margin:0 0 25px 0; padding:25px; text-align:center; background:#fff; border-radius:12px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.incl-all .boxs .icon{ margin:0; padding:0 0 8px 0; }
.incl-all .boxs .icon i{ font-size:50px; color:#057442; }

/*.incl-all .col-lg-4.col-md-6 + .col-lg-4.col-md-6 .boxs{ border-left:1px solid gray; }*/






































/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}



@media screen and (max-width: 1399px){
.navbar .logo-block{ margin:0; padding:0; max-width:220px; }
.navbar .logo-block img{ width:100%; height:auto; }
.navbar .menu-block .stellarnav > ul > li > a{ padding:10px 15px 9px 15px; }

.title{ font-size:40px; }
.home-banner .bottom-text .package-box .packs{ padding:5px 35px; }

}

@media screen and (max-width: 1199px){
.navbar .logo-block{ max-width:180px; }
.navbar .menu-block .stellarnav > ul > li > a{ font-size:15px; padding:8px 13px 7px 13px; }
.btn-primary{ font-size:17px; }
.stellarnav > ul > li{ padding: 10px 3px; }
.title{ font-size:40px; }
.about-us-home .bottom-icon .box .text h5{ font-size:16px; }
.why-go-solar .rt-content > p{ font-size:17px; }
.why-go-solar .rt-content .chips-container .chips h4{ font-size:17px; }
.why-go-solar .lt-image .content .text h4{ font-size:24px; }
.why-go-solar .rt-content .feature-card .right h5{ font-size:24px; }
.why-go-solar .rt-content .feature-card .right p{ font-size:16px; }
.why-air-source .top-block .left-block p{ font-size:16px; }
.why-air-source .bottom-block .location h4{ font-size:16px; }
.why-air-source .bottom-block h3{ font-size:24px; }
.testimonial-quote{ font-size:40px; }
.home-banner{ margin:-85px 0 0 0; }
.home-banner .bottom-text .package-box .packs{ padding: 5px 22px; }
.home-banner .bottom-text .package-box .packs h5{ font-size:14px; }
.home-banner{ min-height:780px; }


}

@media screen and (max-width: 991px){
.navbar-default{ padding:10px 0 0 0; }
.home-banner{ margin:-84px 0 0 0; }
.navbar .logo-block{ order:1; }
.navbar .menu-block{ order:3; }
.navbar .button-block{ order:2; }
.navbar .menu-block .stellarnav > ul{ position:absolute; right:0; z-index:99; width:50%; }
.navbar .menu-block .stellarnav .menu-toggle{ padding:0; }
.title{ font-size:30px; }
.testimonial-quote{ font-size:30px; }
.home-banner .bottom-text .package-box .packs{ padding:5px 9px; }
.home-banner .bottom-text .package-box .packs h6{ font-size:20px; }



}



/*NEW GRID SYSTEM*/
@media screen and (max-width:768px){
.home-banner{ margin:-75px 0 0 0; min-height:992px; padding:130px 0 82px 0; }
.home-banner .rt-image{ padding-top:15px; }
.about-us-home .text-block{ padding-bottom:20px; }
.about-us-home .bottom-icon .box{ padding-bottom:20px; }
.about-us-home{ padding:40px 0 25px 0; }
.why-go-solar{ padding:50px 0 50px 0; }
.why-go-solar .lt-image .content{ position:initial; border-radius:0px 0px 0 50px; }
.why-go-solar .lt-image{ padding-bottom:30px; }
.why-go-solar .rt-content .feature-card .left img{ width:auto; }
.why-go-solar .button-block a h6{ font-size:24px; }
.why-air-source .left-block{ padding-bottom:30px; }
.testimonials-section{ padding-top:45px; }
.testimonials-label{ margin-bottom:25px; }
.testimonial-quote{ font-size:22px; }
.testimonial-author{ font-size:17px; }
.contact-section .title{ font-size:27px; }
.why-air-source .top-block .right-block .text-circle { width:100px; height:100px; }
.why-air-source .top-block .right-block .text-circle .text{ font-size:13px; line-height:1.3; }
.home-banner .bottom-text .package-box{ margin-bottom:15px; }
.home-banner .bottom-text .package-box .packs{ padding:5px 32px; }
  .pkg-cards-row { flex-direction: column !important; }
  .pkg-col       { width: 100% !important; }




}

@media screen and (max-width:575px){
.title{ font-size:26px; }
.home-banner .lt-text p{ padding-top:12px; font-size:15px; }
.why-go-solar .rt-content > p{ font-size:16px; }
.why-go-solar .rt-content .chips-container .chips h4{ font-size:15px; }
.why-air-source .top-block .left-block p{ margin-bottom:12px; }
}

@media screen and (max-width:500px){

}

@media screen and (max-width:480px){
.home-banner .bottom-text .package-box .packs{ padding:5px 12px; }
.home-banner .bottom-text .package-box .packs h5{ font-size:12px; }

}

@media screen and (max-width:400px){
.home-banner .bottom-text .package-box .packs{ padding:5px 7px; }


}

@media screen and (max-width:350px){

}