* {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
}

ul {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

:after,
:before,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
button,
input,
.btn {
  transition: all 0.8s;
}

.center-slick .slick-track {
  align-items: center;
  display: flex;
}

p:empty {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: inherit !important;
}

body {
  background-color: #f3f3f3 !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

.container {
  max-width: 1592px;
  padding: 0 16px;
}

.black-text {
  color: #000;
}

.white-text{ color: #fff;}

.font-weight-bold {
  font-weight: 700;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-top-80 {
  padding-top: 80px;
}


.padding-bottom-48 {
  padding-bottom: 48px;
}

.padding-top-48 {
  padding-top: 48px;
}

.padding-top-24 {
  padding-top: 24px;
}
.padding-bottom-24 {
  padding-bottom: 24px;
}

body.modal-open {
  overflow: hidden;
}

.gray-bg {
  background-color: #f3f3f3;
}

.gray-bg-dark {
  background-color: #F5FAF8;
}

.white-bg {
  background-color: #fff;
}

.gray-bg-dark-rgba{background: rgba(6, 37, 56, 0.10);}

.common-bg-border {
  background-color: #fff;
  border: 1px solid #acacac;
}

.padding-24 {
  padding: 24px;
}

.gap-row-24{ row-gap: 24px;}

.border-radius-8 {
  border-radius: 8px;
}

.flex-space-24 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
}

.flex-space-20 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
}

.flex-space--row-24 .row {
  grid-row-gap: 24px;
}

.flex-space-column {
  column-gap: 24px;
}

.flex-row-gap{
  row-gap: 48px;
}


.common-form-style {
  border: 1px solid #acacac;
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
}

.bg-property {
  background-size: cover;
  background-repeat: no-repeat;
}

.container-zindex .container {
  z-index: 1;
  position: relative;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.common-popup-header .close {
  border: none;
  background-color: transparent;
  padding: 0;
}

.common-popup-header .modal-header {
  padding: 24px 24px 0;
  border: none;
}

.common-popup-content .modal-content {
  padding: 0;
  border-color: #acacac;
  border-radius: 8px;
  max-height: 100%;
}

.common-popup-header .modal-header .modal-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #4e6472;
  margin: 0;
}

.common-popup-content .modal-content .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 24px 24px;
  height: 100%;
}

.modal {
  z-index: 999999;
}

.modal-backdrop.show {
  z-index: 99999;
}

.padding-slick {
  padding: 0 12px;
}

body.hamburger-body {
  overflow: hidden;
}

.modal .modal-dialog {
  padding: 16px 16px;
  margin: 0 auto;
  height: 100%;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-top-24 {
  margin-top: 24px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.common-btn.dark-orange {
  background-color: #f47320;
  border-color: #f47320;
}

.common-btn.dark-orange:hover {
  background-color: #622e0d;
  border-color: #622e0d;
}

.common-btn.no-border {
  background-color: transparent;
  border-color: transparent;
  color: #f47320;
}

.common-btn.no-border:hover {
  background-color: #fef1e9;
  color: #622e0d;
  border-color: transparent;
}

/** header start **/

.site-header {
  position: sticky;
  top: 0;
  z-index: 99999;
  transition: all 0.8s;
}

.site-header.is-sticky {
  top: -53px;
}

.top-header {
  background-color: #015030;
  padding: 12px 0;
}

.top-header .container {
  display: flex;
  max-width: 1688px;
}

.main-header .container {
  display: flex;
  max-width: 1688px;
}

.left-header-text h5 {
  color: #fff;
  margin: 0;
  letter-spacing: 0.46px;
  line-height: 26px;
  font-size: 20px;
}

.left-header-text h5 a {
  text-decoration: none;
  color: #fff;
}

.social-media {
  margin-left: auto;
}

.top-header-menu li a {
  display: flex;
  padding: 4px 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.social-media {
  display: flex;
}

.social-icon {
  display: flex;
}

.top-header-menu {
  display: flex;
}

.social-icon li {
  display: inline-block;
  padding: 0 6px;
}

.social-icon li:last-child {
  padding-right: 0px;
}

.top-header-menu li {
  display: inline-block;
  padding: 0 8px;
}

.main-header {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #dfdfdf;
  background-color: #fff;
}

.main-header .navbar {
  padding: 16px 0;
  width: 100%;
}

.main-header .navbar .nav-item .nav-link {
  padding: 9px 10px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.4px;
  font-size: 14px;
  border-bottom: 2px solid #fff;
}

.main-header .navbar-brand {
  padding: 0;
  margin-right: 24px;
  min-width: 192px;
}

.main-header .navbar .nav-item.current-menu-item .nav-link {
  border-color: #f47320;
  color: #015030;
}

.main-header .navbar .nav-item .nav-link:hover {
  color: #f47320;
}

.toggler-image {
  display: flex;
}

.scroll-menu {
  display: flex;
  flex-grow: 1;
}

.schedule-free {
  display: flex;
  align-items: center;
  column-gap: 24px;
  margin-left: auto;
}

.schedule-free.schedule-free-desk {
  display: none;
}

.schedule-free .free-consultation {
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.46px;
  padding: 8px 11px;
  text-decoration: none;
  color: #f47320;
  border-radius: 4px;
}

.schedule-free .free-consultation:hover {
  background-color: #fef1e9;
  color: #622e0d;
}

.schedule-free .free-quote {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.4px;
  text-decoration: none;
  border-radius: 4px;
  background: #f47320;
  color: #fff;
}

.schedule-free .free-quote:hover {
  background-color: #622e0d;
}

.social-icon-responsive {
  display: flex;
  column-gap: 12px;
  justify-content: center;
}

.social-icon-responsive li {
  display: inline-flex;
}

.icon-contact-responsive {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  grid-row-gap: 20px;
  margin-top: 36px;
}

.icon-contact-responsive p {
  font-size: 14px;
  font-weight: 500;
  line-height: 157%;
  letter-spacing: 0.1px;
  color: #242424;
  margin: 0;
}

.icon-contact-responsive p a {
  text-decoration: none;
  color: #242424;
}

.icon-contact-responsive p span {
  display: block;
}

/** header end **/

/** main start **/

/** home banner start **/

.product-relative {
  position: relative;
}

.home-banner {
  min-height: 748px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: bottom;
}

.home-banner .container {
  position: relative;
  z-index: 1;
  max-width: 1538px;
}

.home-banner-overlay {
  background-color: #242424;
  opacity: 0.25;
  position: absolute;
  height: 100%;
  width: 100%;
}

.home-banner-text h6 {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 24px 0 0;
  color: #fff;
}

.home-banner-text h6 span {
  display: block;
}

.banner-input {
  max-width: 800px;
  margin-top: 27px;
}

.banner-input input {
  height: 56px;
  border-radius: 4px;
}

.banner-input input:focus {
  box-shadow: none;
  outline: none;
}

.banner-input input:focus {
  box-shadow: none;
  outline: none;
}

.monthly-electric-bill h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0 0 4px;
  color: #fff;
}

.monthly-electric-bill {
  margin-top: 20px;
  margin-bottom: 20px;
}

.home-banner .input-range {
  margin-bottom: 20px;
}

.input-range input[type="number"] {
  width: 40px;
  padding: 4px 5px;
  border: 1px solid #bbb;
  border-radius: 3px;
}

/* input[type="range"]:focus,
input[type="number"]:focus {
  box-shadow: 0 0 3px 1px #4b81dd;
  outline: none;
} */

.input-range input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  width: 200px;
  height: 6px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-image: linear-gradient(#f47320, #f47320);
  background-size: 70% 100%;
  background-repeat: no-repeat;
  flex: 1;
}

.input-range [dir="rtl"] input[type="range"] {
  background: #f47320;
  background-image: linear-gradient(#fff, #fff);
  background-size: 30% 100%;
  background-repeat: no-repeat;
}

/* Input Thumb */
.input-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #f47320;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

.input-range input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #f47320;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

.input-range input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #f47320;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

.input-range input[type="range"]::-webkit-slider-thumb:hover {
  background: #f47320;
}

.input-range input[type="range"]::-moz-range-thumb:hover {
  background: #f47320;
}

.input-range input[type="range"]::-ms-thumb:hover {
  background: #f47320;
}

/* Input Track */
.input-range input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.input-range input[type="range"]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.input-range input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

/* Hover, active & focus Thumb: Webkit */

.input-range input[type="range"]::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 10px rgba(244, 115, 32, 0.1);
}

.input-range input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(244, 115, 32, 0.2);
}

.input-range input[type="range"]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(244, 115, 32, 0.2);
}

/* Hover, active & focus Thumb: Firfox */

.input-range input[type="range"]::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px rgba(244, 115, 32, 0.1);
}

.input-range input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(244, 115, 32, 0.2);
}

.input-range input[type="range"]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(244, 115, 32, 0.2);
}

.input-range {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 579px;
  column-gap: 21px;
}

.input-range .rangevalue {
  height: 56px;
  width: 86px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0px 12px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #6a6a6a;
  border: 1px solid #acacac;
}

.residential-banner.commercial-banner .input-range .rangevalue {
  width: 133px;
}

.input-range .rangevalue:focus-visible {
  outline: none;
}

.common-btn {
  display: inline-flex;
  min-height: 56px;
  padding: 8px 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  background: #f6992e;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.46px;
  border: none;
  width: auto;
  border: 4px solid #f6992e;
  cursor: pointer;
}

.post-desc .common-btn {
  color: #fff;
}

.common-btn:hover {
  background-color: #ea8017;
  border-color: #ea8017;
}

/** home banner end **/

.solar-energy-benefits {
  background-color: #015030;
  padding: 16px 0;
}

.energy-benefits-outer {
  display: flex;
  align-items: center;
  column-gap: 20px;
  min-height: 123px;
  justify-content: center;
}

.benefits-text {
  padding: 10px;
}

.energy-benefits-outer .count {
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #f6992e;
  margin: 0;
  width: max-content;
}

.energy-benefits-outer .count img {
  display: none;
}

.energy-benefits-outer .count-p {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  color: #fff;
  min-width: max-content;
}

/** about us **/

.about-sec {
  padding: 48px 0 0;
}

.about-sec .container {
  max-width: 1592px;
}

.common-outline-btn {
  border-radius: 4px;
  border: 2px solid #f47320;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.46px;
  color: #f47320;
  text-decoration: none;
  padding: 8px 22px;
  height: 56px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.common-outline-btn:hover {
  background-color: #fef1e9;
  color: #622e0d;
  border-color: #622e0d;
}

.common-btn.common-outline-btn-green {
  background-color: transparent;
  border-color: #015030;
  color: #015030;
}

.common-btn.common-outline-btn-green:hover {
  background-color: #002013;
  color: #fff;
  border-color: #002013;
}

.common-heading {
  position: relative;
}

.large-title {
  font-size: 130px;
  font-weight: 500;
  letter-spacing: 0.46px;
  -webkit-text-stroke: 1px #8b8b8b;
  -webkit-text-fill-color: transparent;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: -32px;
  margin: 0;
  font-family: "Poppins", sans-serif !important;
}

.common-heading-data {
  position: relative;
  padding: 66px 0;
  margin-bottom: -45px;
}

.common-heading h6 {
  border-left: 4px solid #015030;
  padding: 3px 0 3px 9px;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #015030;
  margin: 0;
}

.common-heading h3 {
  font-size: 40px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #f47320;
  margin: 0;
  position: relative;
}

.common-heading h3 span {
  display: block;
}

.col-content {
  margin-top: 32px;
}

.col-content p br {
  display: none;
}

.col-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  color: #000;
  margin-bottom: 24px;
}

.col-content p:last-child,
.col-content p:nth-last-of-type(1) {
  margin-bottom: 0;
}

.about-sec .common-outline-btn {
  margin-top: 33px;
}

.panels-installed-number {
  display: inline-flex;
  padding: 43px 15px 42px 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #015030;
  color: #fff;
  position: absolute;
  bottom: -70px;
  max-width: 169px;
  width: 100%;
  height: 169px;
  text-align: center;
}

.panels-installed-outer img {
  padding-left: 84px;
}

.panels-installed-number span {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
}

.panels-installed-number h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  position: relative;
}

.panels-installed-number p {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  position: relative;
}

.panels-installed-outer {
  position: relative;
}

.percentage-calculator-one,
.percentage-calculator-two {
  width: 50%;
  position: relative;
}

.first-percentage {
  background-color: #f6992e;
  text-align: center;
  color: #fff;
  min-height: 374px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
}

.gallery-content .first-percentage{ padding: 24px;}

.systems-exceed-start-right .first-percentage {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.ev-data {
  min-height: 330px;
  background-position: center;
  background-size: cover;
}

.systems-exceed-start-right .percentage-calculator-one .ev-data {
  border-bottom-left-radius: 24px;
}

.percentage-calculator-two .ev-data {
  min-height: 330px;
}

.systems-exceed-start-right .percentage-calculator-two .ev-data{
  border-top-right-radius: 24px;
}


.first-percentage h2 {
    font-size: 96px;
    letter-spacing: 0.46px;
    margin: 0;
    font-weight: 800;
    line-height: 80px;
}

.first-percentage h6 {
  font-size: 32px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

.first-percentage h6 span {
  display: block;
}

.first-percentage.second-percentage {
  background-color: #015030;
  min-height: 374px;
}
.systems-exceed-start-right .first-percentage.second-percentage{
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  }

.percentage-calculator-one img,
.percentage-calculator-two img {
  width: 100%;
}

/** product **/

.home-product-sec {
  padding-top: 107px;
  padding-bottom: 48px;
  overflow: hidden;
}

.home-product-sec .container {
  max-width: 1592px;
}

.home-product-sec .col-content {
  max-width: 680px;
}

.home-product-sec .what-we-use {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
}

.what-we-use {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
}

.what-we-use li span,
.common-round-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #acacac;
  border-radius: 50%;
  background-color: #fff;
}

.what-we-use li {
  display: flex;
  align-items: baseline;
}

.what-we-use li:last-child {
  margin-bottom: 0;
}

.what-we-content {
  width: calc(100% - 44px);
  padding-left: 18px;
}

.what-we-content p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin: 0;
}

.what-we-content p br {
  display: none;
}

.what-we-content h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.46px;
  color: #015030;
  margin-bottom: 21px;
}

.what-we-content h5 b {
  font-weight: 700;
  color: #f47320;
}

.home-product-sec .col-content .common-outline-btn {
  margin-top: 24px;
}

.systems-exceed {
  display: flex;
}

.percentage-calculator-two {
  padding-top: 45px;
}

.home-product-sec .col:last-child {
  position: relative;
}

.product-bg {
  position: absolute;
  width: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  top: 0px;
  right: -90px;
  background-size: 971px;
  bottom: -58px;
}

/** **/

.companies-logo {
  background-color: #015030;
  padding: 40px 0;
  margin-top: 48px;
  position: relative;
}

.companies-logo .slick-slide img {
  display: inline;
}

.footer-logo-slick .slick-slide img,
.finance-partners-companies .slick-slide img,
.promotional-preferred-companies .slick-slide img {
  display: inline;
}

/**  **/

.plan-type {
  display: flex;
}

.plan-type-box {
  position: relative;
  max-height: 754px;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  flex: 1;
}

.plan-type-box img {
  width: 100%;
}

.plan-type-box:hover img {
  filter: inherit;
}

.plan-type-box-text {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

.plan-type-box-text h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 116.7%;
  margin: 0 0 -58px;
  color: #fff;
  transition: all 0.5s;
}

.plan-type-box-text .common-btn {
  opacity: 0;
  pointer-events: none;
  background-color: #f47320;
  border-color: #f47320;
}

.plan-type-box-text .common-btn:hover {
  background-color: #622e0d;
  border-color: #622e0d;
}

.plan-type-box:hover .plan-type-box-text h2 {
  margin-bottom: 16px;
}

.plan-type-box:hover .plan-type-box-text .common-btn {
  opacity: 1;
  display: flex;
  pointer-events: all;
  border-color: #f6992e;
}

/** **/

.satisfied-customers {
  padding-top: 36px;
}

.satisfied-customers .common-heading {
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
}

.home-blog .common-heading {
  margin-bottom: 32px;
}

.satisfied-customers-flex-card {
  display: flex;
  margin-top: 32px;
  position: relative;
}

.satisfied-customers-card-item {
  justify-content: space-between;
  transition: opacity 0.125s 0s ease, width 0.375s 0s ease,
    transform 0.375s 0s ease;
  width: calc(1 / 4 * 100%);
  height: 378px;
  overflow: hidden;
  position: relative;
}

.satisfied-customers-card-item img {
  transform: scale(1);
  transition: all 0.25s 0 ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  z-index: 0;
  width: 100%;
  height: 100%;
}

.satisfied-customers-card-item:hover img {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.375s 0.375s,
    transform 0.75s 0.25s cubic-bezier(0.06, 0.5, 0.62, 1);
}

.satisfied-customers-card-item:hover {
  width: calc(3 / 4 * 100%);
}

.satisfied-customers-card-item:hover img {
  filter: grayscale(100%);
}

.click-information {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}

.project-popup #image {
  -webkit-animation-name: flow;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1.3s;
  /* Safari 4.0 - 8.0 */
  animation-name: flow;
  animation-duration: 1.5s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes flow {
  from {
    opacity: 0.3;
  }

  to {
    opacity: 1;
  }
}

/* Standard syntax */
@keyframes flow {
  from {
    opacity: 0.3;
  }

  to {
    opacity: 1;
  }
}

.project-popup #photo-display {
  display: inline-block;
}

.project-popup #commentary {
  color: #aaa;
}

.project-popup #left {
  float: left;
}

.project-popup #right {
  float: right;
}

.project-popup #right,
.project-popup #left {
  position: relative;
  bottom: -45px;
  cursor: pointer;
}

.project-popup #photo-container-holder {
  width: 100%;
  overflow: hidden;
}

.project-popup .photo-holder:first-child {
  margin-left: 0;
}

.project-popup .photo-holder:last-child {
  margin-right: 0;
  width: 92px;
}

.project-popup #photo-container {
  display: inline-block;
  height: auto;
  padding: 12px 0 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: left;
  width: 100%;
}

.project-popup .photo-holder {
  background-color: #888;
  display: inline-block;
  width: 58px;
  height: 50px;
  margin: 0 4px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.project-popup .photo-item {
  cursor: pointer;
  height: 50px !important;
}

.slider-main-image img {
  width: 100%;
}

.photo-holder-outer {
  display: flex;
  column-gap: 8px;
  justify-content: center;
}

.project-popup .modal-header h5 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #4e6472;
}

.project-popup .modal-body {
  padding: 24px 0 0;
}

.project-popup.common-popup-content .modal-content .modal-body {
  padding-top: 0;
}

.project-popup .close {
  background-color: transparent;
  border: none;
}

.project-popup .modal-dialog {
  max-width: 915px;
  border-radius: 6px;
  box-shadow: none;
}

.project-details-value li {
  display: block;
}

.project-details-value li span {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: 12px;
}

.project-details {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  width: 100%;
  margin-top: 24px;
}

.slider-main-image {
  height: 321px;
  position: relative;
  overflow: hidden;
  background-color: #f3f3f3;
}

.select-slider {
  background-color: #acacac;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  overflow: hidden;
}

.select-slider img {
  opacity: 0;
}

.slider-main-image iframe {
  height: 100%;
  width: 100%;
}

.project-details-header h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  margin: 0;
  color: #f47320;
}

.project-details-header h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: 0.17px;
  margin: 0;
  color: #6a6a6a;
}

.project-details-value li h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #000;
  margin:0;
}

.project-details-value li p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.46px;
  margin-top: 8px;
  color: #000;
}

.project-details-value {
  display: flex;
  border-radius: 6px;
  grid-gap: 24px;
  margin-top: 24px;
}

.project-details-value li {
  display: block;
  text-align: center;
  flex: 1;
}

.project-customer-review h5 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  margin: 0;
  color: #f47320;
}

.project-customer-review p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin: 0;
  color: #000;
}

.click-information .common-btn {
  background-color: #015030;
}

.satisfied-customers-card-item:hover .click-information {
  opacity: 1;
  pointer-events: inherit;
}

.more-btn {
  height: 95px;
  width: 95px;
  border: 2px solid #cdcdcd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.more-btn span {
  background-color: #015030;
  height: 65px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 500;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  color: #fff;
}

.satisfied-customers .more-btn {
  right: 68px;
  top: -184px;
  z-index: 1;
  position: absolute;
}

/** home blog **/

.home-blog-box {
  border: none;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
}

.home-blog .row {
  margin: 0 -36px;
}

.home-blog .row > * {
  padding: 0 18px;
}

.home-blog .container {
  max-width: 1592px;
}

.blog-date-read {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  flex-direction: column;
  row-gap: 15px;
}

.home-blog-text {
  padding: 24px;
  text-align: left;
}

.home-blog-text h2, .home-blog-text h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: 123.5%;
  margin: 0px;
  color: #000;
}

.home-blog-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin: 8px 0 0;
  color: #000000;
}

.home-blog-box a {
  text-decoration: none;
}

.home-blog-box a:focus {
  box-shadow: none;
  outline: none;
}

.blog-date-read h6 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #015030;
  border-left: 4px solid #015030;
  padding-left: 8px;
}

.blog-date-read span {
  font-size: 16px;
  font-weight: 700;
  line-height: 160%;
  color: rgba(26, 27, 33, 0.60);
}

.home-blog-image {
  position: relative;
  height: 260px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.home-blog-image img {
  width: 100%;
  height: auto;
}

.innovation-text {
  position: absolute;
}

.innovation-text {
  position: absolute;
  padding: 12px;
  background-color: #f6992e;
  color: #fff;
  left: 32px;
  font-size: 24px;
  font-weight: 600;
  line-height: 133.4%;
  z-index: 1;
}

.blog-read-more {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  /* background-color: rgba(36, 36, 36, 0.67); */
  opacity: 0;
  pointer-events: none;
}

.home-blog-box:hover .blog-read-more {
  opacity: 0;
	color: #ffffff;
  pointer-events: inherit;
}

.recent-updates {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/** spotlight **/

.spotlight .common-heading-data {
  margin-bottom: 0;
  padding: 44px 0;
}

.spotlight {
  padding: 0 0 64px;
  position: relative;
  margin-top: 49px;
}

.spotlight .common-heading {
  margin-bottom: 31px;
  padding-left: 80px;
}

.spotlight-before {
  position: absolute;
  top: auto;
  bottom: -24px;
  opacity: 0.5;
}

.spotlight-after {
  position: absolute;
  top: 40px;
  right: 0;
  opacity: 0.5;
}

.spotlight .slick-track {
  display: flex;
}

.spotlight .slick-track .slick-slide {
  height: auto;
}

.spotlight .slick-track .slick-slide > div {
  height: 100%;
}

.spotlight .slick-track .slick-slide > div > div {
  height: 100%;
}

.spotlight .slick-track .slick-slide > div > div .spotlight-outer {
  height: 100%;
}

.spotlight-outer {
  display: flex;
}

.spotlight-text {
  background-color: #002013;
  width: 50%;
  padding: 36px 46px 36px 64px;
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  margin-top: 91px;
  position: relative;
}

.spotlight-text::after {
  content: "";
  position: absolute;
  right: -31px;
  width: 32px;
  height: 100%;
  top: 0;
  background-color: #002013;
}

.spotlight-video {
  width: 50%;
  margin-right: -32px;
  position: relative;
  z-index: 1;
}

.spotlight-slider-img {
  height: 485px;
  background-size: cover;
  background-position: center;
}

.spotlight-slider-img img {
  height: 100%;
  width: 100%;
}

.spotlight-video a {
  position: relative;
  width: 100%;
}

.spotlight-video iframe {
  height: 480px;
  width: 100%;
}

.spotlight-text h6 {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #f47320;
  border-left: 4px solid #f47320;
  padding-left: 12px;
  margin: 0;
}

.spotlight-text h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #fff;
}

.spotlight-text p {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #fff;
  flex: 1;
}

.spotlight-text h5 {
  color: #f47320;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 19px 0 19px;
  text-transform: capitalize;
  cursor: pointer;
}

.spotlight .slick-prev {
  left: auto;
  right: 108px;
  bottom: 6px;
  top: auto;
  z-index: 1;
}

.spotlight .slick-next {
  right: 48px;
  bottom: 6px;
  top: auto;
  z-index: 1;
}

.spotlight .slick-prev::before {
  content: "";
  background-image: url(../assets/images/battery-only/arrow-left.svg);
  height: 100%;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: -1px;
  background-position: center;
  opacity: 1;
  background-size: 28px;
}

.spotlight .slick-next::before {
  content: "";
  background-image: url(../assets/images/battery-only/arrow-right.svg);
  height: 100%;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: -1px;
  background-position: center;
  opacity: 1;
  background-size: 28px;
}

.spotlight .slick-arrow {
  width: 42px;
  height: 42px;
  background-color: #f47320;
}

.spotlight-video-popup .modal-dialog {
  max-width: 915px;
  width: 100%;
  margin: 0 auto;
}

.spotlight-video-popup iframe {
  height: 478px;
  width: 100%;
}

.spotlight-video-popup.common-popup-content .modal-content .modal-body {
  padding: 20px 24px 24px;
}

.play-button {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.54);
  opacity: 0;
}

.spotlight-video .open-modal {
  position: relative;
  width: 100%;
}

.play-button-hover {
  position: relative;
}

.play-button-hover:hover .play-button {
  opacity: 1;
}

.play-button-hover .play-button img {
  height: auto;
  width: auto;
}

/**** carrer page start ****/

.career-banner {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
  min-height: 617px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.career-banner h1 {
  font-size: 96px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #014026;
}

.career-banner h1 span {
  display: block;
}

.employee-benefits {
  background-color: #015030;
  min-height: 171px;
  display: flex;
  align-items: center;
}

.employee-benefits-text {
  padding: 10px;
}

.employee-benefits-data {
  display: flex;
  align-items: center;
  column-gap: 20px;
  justify-content: center;
}

.employee-benefits-icon {
  max-width: 75px;
}

.employee-benefits-text h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #fff;
  margin: 0;
}

.employee-benefits-text h4 span {
  display: block;
}

.common-heading.common-heading-center .large-title {
  left: auto;
  right: auto;
  margin: auto;
  width: 100%;
  text-align: center;
}

.common-heading-center.common-heading-data {
  position: relative;
  padding: 66px 0;
  margin-bottom: -56px;
}

.common-heading.common-heading-center {
  text-align: center;
}

.common-heading.common-heading-center h6 {
  border: none;
  padding: 0;
}

.common-heading.common-heading-middle h3 {
  margin-bottom: 10px;
}

.why-us {
  padding: 48px 0 48px;
  background-color: #f3f3f3;
}

.why-us .common-heading {
  margin-bottom: 61px;
}

.commitment-success {
  border: 1px solid #acacac;
  border-radius: 8px;
  padding: 24px;
  background-color: #fff;
  height: 100%;
}

.commitment-success p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
}

.commitment-success h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 133.4%;
  margin: 0 0 10px;
  color: #015030;
}

.why-us-content .row {
  grid-row-gap: 24px;
  column-gap: 24px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.why-us-content {
  margin: 0 auto;
  max-width: 1520px;
}

.career-sec .dataTables_wrapper .dataTables_filter {
  width: 100%;
}


.career-sec .dataTables_wrapper .dataTables_filter input,
.career-sec .dataTables_wrapper .dataTables_filter input:focus-visible,
.career-sec .dataTables_wrapper .dataTables_filter input:focus {
  border-color: #acacac;
  outline: none;
}

.career-sec .dataTables_wrapper .dataTables_filter input {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  padding: 0px 12px;
  height: 40px;
  border-radius: 4px;
  background-image: url(../assets/images/blog/search-icon.svg);
  background-color: transparent;
  width: 100%;
  background-position: 12px;
  padding-left: 42px;
  background-repeat: no-repeat;
  background-color: #F3F3F3;
}

.career-sec
  .dataTables_wrapper
  .dataTables_filter
  input::-ms-input-placeholder {
  color: #8b8b8b;
}

.career-sec .dataTables_wrapper .dataTables_filter input::placeholder {
  color: #8b8b8b;
}

.career-sec .dataTables_empty {
  vertical-align: middle;
}

.career-sec
  .dataTables_wrapper
  .dataTables_filter
  input
  .career-sec
  .dataTables_wrapper
  .dataTables_filter {
  width: 100%;
}

.career-sec .dataTables_wrapper .dataTables_filter label {
  width: 100%;
}

.career-sec .top {
  display: flex;
  margin-bottom: 24px;
  width: 100%;
}

.career-sec .dataTables_wrapper .dataTables_filter input[type="search"] {
  -webkit-appearance: inherit;
  outline-offset: inherit;
}

.career-sec .dataTable thead tr {
  background-color: #015030;
}

.career-sec .dataTable thead tr th {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: #fff;
  padding: 24px;
  width: auto !important;
  text-align: center;
}

.career-sec .dataTable thead tr th:first-child {
  text-align: left;
}

.career-sec .dataTables_wrapper table {
  background-color: rgba(1, 79, 48, 0.10);
}

.career-sec .dataTable thead tr th:before,
.career-sec .dataTable thead tr th:after {
  display: none !important;
}

.category-sorting {
  position: relative;
  display: inline-block;
  min-width: max-content;
}

.sorting .category-sorting:after {
  background-image: url(../assets/images/career/up-down.svg);
  content: "";
  position: absolute;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
}

.sorting.sorting_asc .category-sorting:after {
  background-image: url(../assets/images/career/up-down.svg);
  content: "";
  position: absolute;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
}

.sorting.sorting_desc .category-sorting:after {
  background-image: url(../assets/images/career/up-down.svg);
  content: "";
  position: absolute;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
}

.career-sec .dataTable tbody tr td:first-child {
  text-align: left;
  font-weight: 700;
  color: #000;
}


.career-sec .dataTable tbody tr td {
  box-shadow: none !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 24px;
  text-align: center;
  color: #000;
}

.career-sec td,.career-sec th{ border-color: rgba(1, 80, 48, 0.5) !important; border-width: 0.5px !important;}

.career-sec .bottom {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 26px;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    margin-left: auto;
    margin-top: 24px;
}

.career-sec .dataTables_wrapper .dataTables_info {
  padding-top: 0;
}

.career-sec .dataTables_wrapper .dataTables_wrapper .dataTables_paginate {
  padding-top: 0;
}

.career-sec .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none !important;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-repeat: no-repeat;
}


.career-sec  .dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
    padding-top: 0;
    gap: 24px;
}

.career-sec .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.career-sec .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: transparent;
  box-shadow: none;
}

.career-sec
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button:focus-visible {
  outline: none;
}

.career-sec
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.previous
  .carrer-prev-icon,
.career-sec
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.next
  .carrer-next-icon {
  display: flex;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  opacity: 0.7;
}

.career-sec .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.4;
}

.career-sec
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.previous
  .carrer-prev-icon:hover,
.career-sec
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.next
  .carrer-next-icon:hover {
  background-color: #eeeeee;
}

.career-sec
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.previous
  .carrer-prev-icon {
  background-image: url(../assets/images/left-rounded-icon.svg);
}

.career-sec
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.next
  .carrer-next-icon {
  background-image: url(../assets/images/right-rounded-icon.svg);
}

.career-sec .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #242424 !important;
}


.career-sec .dataTables_wrapper .dataTables_length label {
  display: flex;
  align-items: center;
  column-gap: 4px;
  color: #6a6a6a;
}

.career-sec .dataTables_wrapper .dataTables_length label select {
  order: 3;
  border: none;
  padding: 0;
  color: #242424;
}

.career-sec .dataTables_wrapper .dataTables_length label select:focus-visible {
  outline: none;
}

.career-sec .dataTables_wrapper .dataTables_paginate > span {
  display: none;
}

.job-description h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.46px;
    margin: 24px 0px 5px;
    color: #000;
    line-height: normal;
}

.button-remove-flex-grow .button-group-link .common-btn {
    flex-grow: inherit;
}

.job-description h3 b, .job-description h3 strong{ font-weight: 600;}

.job-description p {
  margin-bottom: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  color: #000;
}

.job-description .job-details {
  display: flex;
  column-gap: 24px;
  padding-left: 0;
}

.job-description .job-details li {
  display: inline-flex;
  color: #6a6a6a;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
}

.job-description ul {
  padding-left: 18px;
}

.job-description ul li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.job-description .awsm-job-entry-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  color: #000;
}

.career-social-outer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.back-to-career {
  color: #f47320;
  font-size: 16px;
  font-weight: 400;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  min-width: max-content;
  display: flex;
  text-decoration: none;
  column-gap: 12px;
}

.career-social-icon {
  display: flex;
  align-items: center;
  column-gap: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 123.5%;
  letter-spacing: 0.25px;
}

.career-social-outer .nav-links {
  display: flex;
  column-gap: 12px;
}

.career-social-outer .navigation .screen-reader-text {
  display: none;
}

.career-social-icon .heateor_sss_sharing_container {
  display: flex;
}

.career-social-icon .heateor_sss_sharing_ul {
  margin: 0 !important;
  display: flex;
  column-gap: 12px;
}

.career-social-icon
  div.heateor_sss_horizontal_sharing
  div.heateor_sss_sharing_ul
  a {
  margin: 0 !important;
  filter: grayscale(1);
}

.career-social-icon
  div.heateor_sss_horizontal_sharing
  div.heateor_sss_sharing_ul
  a
  .heateor_sss_svg {
  width: 25px !important;
  height: 25px !important;
  background: transparent !important;
  overflow: inherit !important;
}

.career-social-icon .heateor_sss_login_container img,
.career-social-icon .heateor_sss_sharing_container img {
  cursor: pointer;
  margin: 0;
  border: none;
  filter: brightness(0.5);
  width: 24px;
}

.career-social-icon .heateor_sss_button_x img {
  width: 20px;
}

.career-block-banner {
    text-align: center;
    display: flex;
    padding: 48px;
    border-radius: 12px;
    overflow: hidden;
}

.career-single-page .multiple-category {
    margin-bottom: 24px;
}

.common-btn.new-common-btn-p.common-btn-gray, .common-btn.new-common-btn-p.common-btn-gray:hover {
    background: #c7c7c9;
    border-color: #c7c7c9;
    color: rgba(26, 27, 33, 0.80);
}


.career-block-banner .inner-banner-overlay {
    opacity: 0.8;
    background: linear-gradient(129deg, #535E78 11.88%, var(--Brand-Dark-Slate-1000, #062538) 88.08%);
}


.career-block-banner img{ position: relative; z-index: 1;}

.career-single-page .container {
    display: grid;
    grid-template-columns: 426px 1fr;
    gap: 48px;
}


.career-single-page .multiple-category li{ padding: 8px 24px; font-size: 16px;}

.career-social-icon .nav-previous,
.career-social-icon .nav-next {
  display: flex;
  height: 36px;
  width: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.career-social-icon .nav-previous a,
.career-social-icon .nav-next a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-cv {
  background-color: #fff;
  border: 1px solid #acacac;
  padding: 24px;
  border-radius: 8px;
}

.upload-cv h4 {
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin-bottom: 24px;
  color: #015030;
}

.upload-cv .form-group p {
  margin-bottom: 0;
}

.upload-cv .row {
  gap: 24px 0;
}

.common-form p {
  margin: 0;
  width: 100%;
}

.common-form .form-group {
  position: relative;
}

.common-form .form-group label {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0.15px;
  position: absolute;
  left: 12px;
  z-index: 1;
  top: -6px;
  background-color: #fff;
  padding: 0 4px;
  color: #121319;
}

.common-form .form-group input,
.common-form select {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  height: 56px;
  color: #242424;
  border-radius: 8px;
  padding: 12px 12px;
  border: 2px solid rgba(26, 27, 33, 0.20);
  width: 100%;
}

.common-form select {
  background-image: url(../assets/images/select-drop.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px);
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  padding-right: 40px;
  background-color: #fff;
  font-weight: 600;
}


.common-form select:focus {
  box-shadow: none;
}

.common-form .walcf7-datepicker {
  background-image: url(../assets/images/contact/calendar-range.svg);
  background-repeat: no-repeat;
  background-position: 98%;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
}

.common-form select:focus-visible {
  outline: none;
}

.common-form .form-group input:focus,
.common-form .form-group input:focus-visible,
.common-form .form-group select:focus,.common-form .form-group textarea:focus, .select-options-list.selected-value #selectedOption:focus {
  box-shadow: none;
  outline: none;
  border-color: rgba(26, 27, 33, 0.20);
  border-width: 4px;
}

.common-form .form-group textarea {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #242424;
  border: 2px solid rgba(26, 27, 33, 0.20);
  height: 200px;
  padding: 16px 12px;
  resize: none;
  width: 100%;
}

.common-form .form-group textarea:focus,
.common-form .form-group textarea:focus-visible {
  box-shadow: none;
  outline: none;
}

.common-form .form-group .wpcf7-form-control-wrap {
  display: block;
  border: none;
}

.common-form .wpcf7-form {
  overflow: inherit;
  display: flex !important;
  flex-direction: column;
}

.common-form .form-group br {
  display: none;
}

.submit-area .see-work,
.submit-area button {
  padding: 8px 22px;
  background-color: #015030;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.46px;
  color: #fff;
  border: none;
  min-height: 56px;
}

.submit-area {
  text-align: center;
}


.submit-area {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.custom-spinner-design {
  position: absolute !important;
  left: 0;
  right: 0;
  margin: 17px auto !important;
  top: 50%;
  transform: translateY(-50%);
  width: min-content !important;
  height: min-content !important;
  background: #fff !important;
  opacity: 1 !important;
  border-radius: 30px !important;
  border: 1px solid #ccc !important;
  z-index: 9;
  padding: 32px !important;
}

.custom-spinner-design:before {
  content: none;
}

.custom-spinner-design:after {
  content: "Processing";
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: fit-content;
  background-color: none !important;
}

@keyframes spinnerLogo {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.custom-spinner-design img {
  max-width: 100px;
  animation: spinnerLogo 3s linear infinite;
}

.upload-cv-file .codedropz-upload-inner {
  color: #292A33;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  gap: 4px;
}

.upload-cv-file .codedropz-upload-inner h3 {
  margin: 0;
  color: #292A33;
  font-size: 14px;
  font-weight: 400;
  display: block;
  line-height: normal;
}

.upload-cv-file .dnd-upload-counter {
  display: none;
}

.upload-cv-file {
  position: relative;
}

/* .upload-cv-file.residential-upload .codedropz-upload-container:before {
  content: "Upload any other relevant documents such as utility bills, photos of the property or main electric service etc.";
  width: 100%;
  text-align: center;
  display: block;
  color: #292A33;
} */

.upload-cv-file .codedropz-upload-handler {
  border: none;
  border-radius: 6px;
  text-align: center;
  min-height: 150px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 41px 0 0;
  margin-bottom: 0;
  background-image: url(../assets/images/career/no-image.svg);
  background-repeat: no-repeat;
  background-position: center 15px;
  background-color: #fff;
}

.upload-cv-file .codedropz-upload-handler:before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23474747FF' stroke-width='1.5' stroke-dasharray='13%2c 15' stroke-dashoffset='8' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 6px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.upload-cv-file .codedropz-upload-container {
  padding: 0;
  position: relative;
  z-index: 1;
}

.upload-cv-file p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: 0.17px;
  margin-bottom: 0;
}

.doc-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: 0.17px;
  color: #292A33;
  margin: 0;
}

.dnd-icon-remove.deleting {
  background-color: #fff;
  text-transform: capitalize;
  display: flex;
  padding: 0px 5px;
  display: flex;
  border-radius: 6px;
  transition: inherit;
}

.upload-cv-file .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
  color: #1974A8;
}

.wpcf7-select option {
  padding: 4px 8px;
}

.upload-cv-file .dnd-upload-status {
  padding: 0;
  margin-top: 13px;
}

.upload-cv-file .dnd-progress-bar {
  display: none;
}

.upload-cv-file .dnd-upload-status .dnd-upload-details .name em,
.upload-cv-file .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
  display: none;
}

.upload-cv-file .dnd-upload-status .dnd-upload-details .has-error {
  min-width: max-content;
  font-size: 14px;
}

.upload-cv-file .dnd-upload-status .dnd-upload-image {
  width: 16px;
  height: 21px;
  border: none;
  display: flex;
}

.upload-cv-file .dnd-upload-status .dnd-upload-details .name span {
  margin: 0;
  color: #242424;
  font-size: 16px;
  font-weight: 400;
}

.upload-cv-file .dnd-upload-status .dnd-upload-details {
  position: relative;
  width: calc(100% - 16px);
}

.upload-cv-file .dnd-upload-status .dnd-upload-details .name {
  padding-right: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.upload-cv-file .dnd-upload-status .dnd-upload-details .remove-file {
  top: 7px;
  opacity: 1;
}

.page-template-Careers-Template .site-footer,
.single-careers .site-footer {
  margin-top: 0;
}

.page-template-Careers-Template .footer-menu-outer,
.page-template-Careers-Template .single-careers {
  margin-top: 36px;
}

.wpcf7-response-output {
  display: none !important;
}

.common-form .wpcf7-not-valid-tip {
  font-size: 12px;
  font-weight: 400;
}

.wpcf7-response-output {
  display: none !important;
}

.thanku-popup {
  background-color: rgba(0, 0, 0, 0.4);
}

.thanku-popup .modal-dialog {
  max-width: 915px;
  height: 100%;
  margin: 0 auto;
  padding: 30px 0;
  display: flex;
  align-items: center;
}

.thanku-popup .modal-header {
  padding: 0;
  border: none;
}

.thanku-popup .modal-content {
  padding: 24px;
  border-color: #acacac;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
}

.thanku-popup .modal-body {
  padding: 0;
}

.thanku-popup .modal-body p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
}

.thanku-popup .modal-header h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  color: #f47320;
}

.thanku-popup .modal-header .close {
  border: none;
  background-color: transparent;
  padding: 0;
  position: absolute;
  right: 24px;
  top: 24px;
}

.thanku-title {
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
}

.thanku-title h6 {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  margin: 0;
  color: #4e6472;
}

.custom-tooltip {
  position: absolute;
  max-width: 300px;
  background-color: rgba(97, 97, 97, 0.9);
  color: #fff;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  border-radius: 4px;
  top: -50px;
  right: -50px;
  text-align: left;
}

/**** carrer page end ****/

/**** home inner form start ****/

.page-template-home-inner-contact-form-page footer.site-footer {
  margin: 0;
}

.inner-small-banner {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 232px;
  padding: 20px 0;
}

.inner-small-banner h1 {
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin-bottom: 0;
  color: #fff;
}

.banner-title-right-padding h1 {
  padding-right: 64px;
}

.inner-small-banner h1 span {
  color: #f6992e;
  display: block;
}

.inner-small-banner .container {
  position: relative;
  z-index: 1;
}

.inner-banner-overlay {
  background-color: #242424;
  width: 100%;
  height: 100%;
  opacity: 0.45;
  position: absolute;
  left: 0;
  top: 0;
}

.banner-text-right {
  text-align: right;
}

.banner-center-data {
  display: flex;
  align-items: center;
}

.outer-home-contact-form {
  display: flex;
  column-gap: 31px;
}

.home-contact-form {
  width: 100%;
  max-width: 920px;
}

.common-form-style .row {
  gap: 24px 0;
}

.home-contact-form-text h4 {
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin: 0;
  color: #f47320;
}

.home-contact-form-text ul {
  padding-left: 24px;
  margin-bottom: 34px;
}

.home-contact-form-text ul li {
  display: flex;
  min-height: 73px;
}

.home-contact-form-text ul li p {
  margin: 0;
  font-size: 29px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #015030;
}

.home-contact-form-text ul li p span {
  font-weight: 700;
  color: #f47320;
}

.home-contact-form-text ul li {
  display: flex;
  min-height: 73px;
  align-items: center;
  column-gap: 20px;
}

.installer-icon {
  min-width: 40px;
}

.got-questions {
  display: flex;
  flex-direction: column;
  grid-row-gap: 25px;
}

.got-questions h3 {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin: 0;
  color: #f47320;
}

.got-questions h5 {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin: 0;
  color: #015030;
}

.got-questions h5 a {
  color: #015030;
  text-decoration: none;
}

.hours-operation {
  display: flex;
  column-gap: 174px;
}

.operation-data h6 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin: 0 0 11px;
  color: #f47320;
  min-width: max-content;
}

.operation-data p {
  margin: 0;
  color: #6a6a6a;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
}

.operation-data p span {
  display: flex;
}

.operation-data p b {
  font-weight: 500;
}

.separate-line {
  background: #6a6a6a;
  display: inline-flex;
  height: 17px;
  margin: 0 4px 0 9px;
  position: relative;
  top: 3px;
  width: 1px;
}

.operation-data p .space-text {
  font-weight: 400;
  padding: 0 8px;
}

.search-box-bill {
  display: flex;
  column-gap: 24px;
}

.search-box-bill h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  margin-bottom: 0;
  color: #6a6a6a;
}

.search-box-bill h5 br {
  display: none;
}

.avbill {
  display: flex;
  align-items: center;
  border: 1px solid #acacac;
  border-radius: 4px;
  min-height: 56px;
  max-width: 86px;
  margin: auto;
  padding: 0 12px;
}

.page-template-commercial-form .avbill {
  max-width: 133px;
}

.avbill input {
  border: none;
  padding: 0;
  border-radius: 4px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #6a6a6a;
}

.avbill input:focus {
  box-shadow: none;
  color: #6a6a6a;
  outline: none;
}

.search-box-bill .electric-bill {
  width: 50%;
  text-align: center;
  position: relative;
  border-radius: 4px;
  border: 1px solid #acacac;
  padding: 10px;
}

.billdollar {
  font-size: 24px;
  color: #6a6a6a;
}

.resultbill {
  margin-top: 12px;
}

.resultbill span {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #015030;
}

.home-contact-form h6 {
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
  color: #f47320;
}

.home-contact-form form {
  grid-row-gap: 24px;
  display: flex;
  flex-direction: column;
}

.validate_bill_message p {
  font-size: 16px;
  margin-top: 9px;
  color: #000;
}

.thanku-form-data p {
  font-size: 20px;
  color: #000;
  padding-right: 10px;
}

.home-contact-message-outer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 6px;
  grid-row-gap: 32px;
  margin-top: 24px;
  margin-bottom: 32px;
  column-gap: 10px;
}

.home-contact-message-text:nth-child(odd):last-child {
  grid-column: auto / span 2;
}

.home-contact-message-text:nth-child(odd):last-child ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.home-contact-message-text.repeat-list ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.home-contact-message-text ul li {
  display: block;
  margin-top: 24px;
}

.home-contact-message-text ul li a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  color: #2196f3;
  text-decoration: none;
  display: inline-flex;
}

.home-contact-message h5 {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  color: #015030;
  margin: 0 0 24px;
}

.home-contact-message .home-contact-message-text h5 {
  font-weight: 500;
  margin: 0;
}

/**** home inner form end ****/

/**** residential start ****/

.residential-banner {
  min-height: 726px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 26px;
  padding-bottom: 86px;
  display: flex;
}

.residential-banner .container {
  display: flex;
  flex-direction: column;
  max-width: 1530px;
}

.solar-energy-benefits .container {
  max-width: 1680px;
}

.residential-banner h1 {
  font-size: 96px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #fff;
  flex-grow: 1;
  text-align: right;
}

.residential-banner h1 span {
  display: block;
  color: #f47320;
}

.banner-monthly-bill {
  background-color: #015030;
  width: 100%;
  max-width: 700px;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  margin-left: auto;
  margin-top: 24px;
}

.banner-monthly-bill .common-btn {
  width: 100%;
}

.banner-monthly-bill h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.15px;
  margin: 0;
  text-align: center;
}

.banner-monthly-bill .input-range {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  column-gap: 21px;
}

.residential-data {
  max-width: 882px;
  margin-left: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 1;
}

.banner-monthly-bill .monthly-electric-bill h5 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 143%;
  letter-spacing: 0.17px;
  margin-bottom: 0;
}

.banner-monthly-bill .banner-input {
  margin-top: 0;
  max-width: 100%;
}

.banner-monthly-bill .monthly-electric-bill {
  margin-top: 0px;
  margin-bottom: 0px;
}

.compare-data .what-we-use li {
  align-items: center;
}

.compare-data .what-we-use {
  flex: 1;
}

.compare-data {
  height: 100%;
}

.compare-data .what-we-use li:last-child {
  margin-bottom: 0;
}

.common-heading.common-heading-middle {
  max-width: 960px;
  margin: 0 auto 45px;
  padding-left: 0;
}

.common-heading p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
}

.compare-sec {
  padding-top: 48px;
  padding-bottom: 48px;
}

.compare-sec .container {
  padding: 0 24px;
}

.compare-data h4 {
  font-size: 34px;
  font-weight: 500;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  margin: 0;
  color: #f47320;
}

.common-btn.dark-green-btn {
  background-color: #015030;
  border-color: #015030;
}

.common-btn.dark-green-btn:hover {
  background-color: #002013;
  border-color: #002013;
}

.home-product-sec.residential-product-sec {
  padding-top: 48px;
  overflow: hidden;
  padding-bottom: 48px;
}

.compare-sec.commercial-compare-sec {
  padding-top: 78px;
}

.companies-logo.commercial-companies-logo {
  margin-top: 0;
}


.our-finance-partners {
  background-color: #015030;
  text-align: center;
  padding: 24px 0;
}

.about-sec.residential-about-sec {
  padding-bottom: 48px;
  padding-top: 0;
}

.our-finance-partners h4 {
  margin: 0 0 16px;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  color: #fff;
}

.partners-companies-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.process-sec {
  padding: 65px 0 48px;
}

.process-box-outer {
  display: flex;
}

.process-box {
  position: relative;
  width: calc(1 / 6 * 100%);
  justify-content: space-between;
  transition: opacity 0.125s 0s ease, width 0.375s 0s ease,
    transform 0.375s 0s ease;
  width: calc(1 / 6 * 100%);
  min-height: 512px;
  overflow: hidden;
  position: relative;
}

.process-box:hover img {
  filter: grayscale(0%);
}

.process-box:hover {
  width: calc(2 / 6 * 100%);
}

.process-box img {
  /* filter: grayscale(100%);
    transform: scale(1); */
  transition: all 0.25s 0 ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  z-index: 0;
  width: 100%;
  height: 100%;
}

.process-box-text {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  flex-direction: column;
  text-align: center;
  padding: 16px 0;
  grid-row-gap: 24px;
}

.process-box-text h4 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 116.7%;
  margin: 0;
  color: #fff;
}

.process-box-text h4 span {
  display: block;
}

.process-box-text p {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 116.7%;
  color: #fff;
  opacity: 0;
  width: 355px;
  max-height: 0;
  transition: max-height 0.5s;
}

.process-box:hover .process-box-text p {
  opacity: 1;
  max-height: 46px;
}

/**** residential end ****/

/**** Commercial start ****/

.page-template-commercial .site-footer,
.page-template-residential .site-footer,
.new-solar-web .site-footer,
.page-template-Battery-System-Installations .site-footer {
  margin-top: 102px;
}

.process-sec.commercial-process-sec {
  padding: 95px 0 64px;
}

.residential-banner.commercial-banner .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.residential-banner.commercial-banner {
  padding-top: 53px;
  display: flex;
  padding-bottom: 56px;
}

.residential-banner.commercial-banner h1 {
  font-size: 72px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  text-align: left;
  color: #242424;
}

.premium-product-sec {
  position: relative;
}

.premium-product-sec::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 39px;
  bottom: 39px;
  background-color: #015030;
}

.premium-product-sec .container {
  z-index: 1;
  position: relative;
  max-width: 1640px;
}

.premium-product-outer {
  display: flex;
  column-gap: 38px;
}

.premium-product-img {
  max-width: 576px;
  width: 576px;
  background-size: cover;
}

.premium-product-img img {
  width: 100%;
}

.premium-product-content {
  width: calc(100% - 576px);
  padding: 89px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.premium-product-content h3 {
  font-size: 62px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0 0 14px;
  color: #fff;
}

.premium-product-content h3 span {
  display: block;
  color: #f6992e;
  font-size: 64px;
}

.premium-product-content p {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0 0 31px;
  color: #fff;
  padding-right: 30px;
}

.solar-energy-benefits.commercial-energy-benefits .energy-benefits-outer span {
  width: 75px;
}

.solar-energy-benefits.commercial-energy-benefits .benefits-col:last-child {
  padding-left: 50px;
}

.page-template-commercial-form .site-footer {
  margin: 0;
}

.page-template-commercial-form .home-contact-main {
  padding: 42px 0 107px;
}

.home-contact-main .container {
  max-width: 1680px;
}

/**** Commercial end ****/

/**** contact start ****/

.helping-title h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  color: #015030;
}

.form-space-24 form,
.form-space-24 {
  grid-row-gap: 24px;
  display: flex;
  flex-direction: column;
}

.form-space-row-24 .row {
  grid-row-gap: 24px;
}

.rating br {
  display: none;
}

.contact-map {
  border: 1px solid #acacac;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  margin-bottom: 16px;
}

.address-top h3 {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin: 0 0 5px;
  color: #f47320;
}

.address-top h1 {
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  color: #015030;
}

.address-top h1 a {
  text-decoration: none;
  color: #015030;
}

.address-top p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin: 0;
  color: #242424;
}

.address-top {
  margin-bottom: 46px;
}

.contact-address .hours-operation {
  margin-bottom: 48px;
}

.contact-address .operation-data h6 {
  font-size: 20px;
}

/*Source From Codepen https://codepen.io/jamesbarnett/pen/najzYK*/

/*Style Star Rating Widget*/
.user-rating-div {
  display: flex;
}

.user-rating-label {
  margin: 0;
  padding: 0;
}

.user-rating-div input {
  display: none;
}

.user-rating-div label:before,
.user-rating-div .user-rating-star-half:before {
  cursor: pointer;
  /*position: relative;*/
  margin-right: 12px;
  font-size: 30px;
  display: inline-block;
  content: "\2605";
  /*Full star*/
  clip-path: inset(0 0 0 50%);
  font-weight: bold;
}

.user-rating-div .user-rating-star-half:before {
  margin-right: -5rem !important;
  clip-path: inset(0 49% 0 0);
}

.user-rating-div label {
  color: #c4c4c4;
  float: right;
  line-height: 24px;
}

/*Highlight Stars on Hover*/
.user-rating-div input:checked~label,
/* show gold star when clicked */
.user-rating-div:not(:checked) label:hover,
/* hover current star */
.user-rating-div:not(:checked) label:hover~label {
  /* hover previous stars in list */
  color: #ffb400;
}

.user-rating-div input:checked+label:hover,
/* hover current star when changing rating */
.user-rating-div input:checked~label:hover,
.user-rating-div label:hover~input:checked~label,
/* lighten current selection */
.user-rating-div input:checked~label:hover~label {
  color: #ffb400;
}

.user-rating-div p {
  width: auto;
}

.page-template-contact-us .site-footer {
  margin-top: 0;
}

.select-options-list #selectedOption,
.select-options-list.selected-value .select-an-option {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.15px;
  height: 56px;
  color: #242424;
  border: 2px solid rgba(26, 27, 33, 0.40);
  border-radius: 8px;
  padding: 16px 12px;
  display: flex;
  cursor: pointer;
  background-image: url(../assets/images/select-drop.svg);
  background-repeat: no-repeat;
  background-position: 98%;
  background-color: #fff;
}

.select-options-list.selected-value #selectedOption,
.select-options-list.selected-value .select-an-option {
  background-image: url(../assets/images/select-drop.svg);
}


.select-options-list.selected-value #selectedOption:focus,.select-options-list.selected-value .select-an-option:focus {
 border-width: 4px;
}

.selected-value .custom-select #selectedOption,
.select-options-list.selected-value .select-an-option {
  border-color: rgba(26, 27, 33, 0.20);
}

.selected-value .form-group label,
.common-form .selected-value .form-group label {
  color: #121319;
}

/* Styles for the custom select */

.select-options {
  display: none;
  position: absolute;
  background-color: #fff;
  z-index: 9;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

.select-options li {
  padding: 6px 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
}

.select-options li:hover {
  background-color: #f5f8f7;
}

/* Show dropdown when clicked */
.show {
  display: block;
}

.contact-sec .center-data p {
    max-width: 1300px;
    margin: 0 auto;
}

.contact-sec .center-data{ display: flex; flex-direction: column; row-gap: 16px;}


/**** contact end ****/

/*** about start ***/

.about-banner {
  min-height: 559px;
  background-size: cover;
  background-repeat: no-repeat;
}

.companies-logo.about-companies-logo {
  margin-top: 0;
  padding: 20px 0;
}

.common-about-content-img-one {
  padding-top: 52px;
  padding-bottom: 40px;
}

.process-sec.about-process {
  padding: 0;
}

.common-content-img .container {
  max-width: 1592px;
}

.common-content-flex {
  display: flex;
  align-items: center;
}

.common-content-data-img {
  width: 100%;
  max-width: 701px;
}

.common-content-flex .common-content-data-content {
  width: calc(100% - 701px);
}

.common-about-content-img-two
  .common-content-flex
  .common-content-data-content {
  padding-left: 28px;
  padding-right: 135px;
}

.common-content-flex .col-content p {
  letter-spacing: normal;
}

.common-content-flex .col-content p:last-child {
  margin: 0;
}

.common-about-content-img-one
  .common-content-flex
  .common-content-data-content {
  padding-left: 100px;
}

/*** about end ***/

/*** Product page start ***/

.home-product-sec.product-panel {
  padding-bottom: 87px;
  padding-top: 85px;
}

.product-banner {
  min-height: 739px;
  background-position: center;
  padding-top: 12px;
}

.product-banner h1 {
  font-size: 140px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #242424;
}

.product-banner h4 {
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #242424;
}

.product-banner h3 {
  font-size: 72px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #f47320;
}

.home-product-sec.product-panel .col-content {
  max-width: 720px;
}

.home-product-sec.product-panel .container {
  max-width: 1560px;
}

.system-img {
  text-align: center;
}

.system-img img {
  max-width: 300px;
  max-height: 300px;
}

.high-performance .compare-data h4 {
  text-align: center;
}

.high-performance {
  padding-top: 73px;
  padding-bottom: 64px;
}

.high-performance .container {
  max-width: 1680px;
}

.high-performance .common-heading.common-heading-middle {
  margin: 0 auto 79px;
}

.premium-product-spacen .premium-product-sec {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.premium-product-spacen {
  position: relative;
}

.premium-product-spacen::before {
  content: "";
  background-color: #f3f3f3;
  position: absolute;
  bottom: 0;
  top: 50%;
  width: 100%;
}

.home-product-sec.product-batteries-sec {
  padding-top: 48px;
  padding-bottom: 48px;
}

.home-product-sec.product-batteries-sec .col-content {
  max-width: 770px;
}

.batteries-img {
  padding-top: 60px;
}

.home-product-sec.product-monitoring {
  padding-bottom: 81px;
}

.product-monitoring .large-title {
  font-size: 116px;
}

.product-monitoring .common-heading-data {
  padding: 57px 0;
  margin-bottom: -28px;
}

.home-product-sec.product-monitoring .col-content {
  max-width: 770px;
}

.page-template-products .site-footer {
  margin-top: 102px;
}

.home-product-sec.product-adders {
  padding-bottom: 125px;
}

.product-adders .first-percentage h6 {
  font-size: 48px;
}

/*** Product page end ***/

/*** service page start ***/

.service-banner h1 {
  margin-bottom: 0;
  font-size: 96px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #fff;
}

.service-banner h1 span {
  display: block;
}

.service-banner {
  min-height: 777px;
  display: flex;
  align-items: center;
}

.service-banner .inner-banner-overlay {
  opacity: 0.35;
}

.here-to-assist {
  padding-top: 49px;
  padding-bottom: 105px;
}

.page-template-services .site-footer {
  margin-top: 103px;
}

.service-option h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.4%;
  margin: 0;
  color: #f47320;
}

.service-option {
  height: 100%;
}

.service-option p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin: 0;
  flex: 1;
}

.here-to-assist .row {
  grid-row-gap: 39px;
}

.here-to-assist .common-col {
  padding: 0 31px;
}

.service-request {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 62px;
  grid-row-gap: 39px;
}

.here-to-assist .container {
  max-width: 1570px;
}

.service-popup .modal-dialog {
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  max-width: 915px;
  margin: 0 auto;
  padding: 50px 16px;
}

body .pac-container {
  z-index: 999999;
}

/*** service page end ***/

/*** dealer page start ***/

.dealer-banner .common-btn {
  background: #f47320;
  border-color: #f47320;
  margin-top: 40px;
}

.dealer-banner .common-btn:hover {
  background: #622e0d;
  border-color: #622e0d;
}

.redlines-text {
  margin: 0;
  justify-content: flex-end;
  column-gap: 36px;
  align-items: center;
  background-color: rgba(1, 80, 48, 0.75);
  display: inline-flex;
  padding: 32px 44px 32px 30px;
}

.redlines-text h4 {
  color: #fff;
  margin: 0;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
}

.redlines-text h3 {
  color: #fff;
  font-size: 128px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
}

.redlines-text h4 span {
  display: block;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  text-align: right;
  color: #f6992e;
}

.redlines-text h3 sup {
  font-size: 64px;
  top: -47px;
}

.redlines-text h3 .sup-one {
  margin-right: 15px;
}

.join-company {
  background-color: rgba(36, 36, 36, 0.5);
  padding: 11px 30px 36px 21px;
  max-width: 930px;
  width: 100%;
  text-align: right;
  margin-top: 33px;
}

.join-company h4 {
  font-size: 64px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #fff;
}

.join-company h3 {
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #f6992e;
  margin: 0;
}

.join-company p {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 28px 0 27px auto;
  color: #fff;
  width: 100%;
  max-width: 869px;
}

.dealer-banner .container {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: flex-end;
}

.dealer-banner {
  padding: 59px 0 45px;
}

.dealer-banner .container {
  padding: 0;
}


.home-product-sec.software-sec .col-content {
  max-width: 740px;
}

.dealer-home-product .first-percentage img {
  width: auto;
}

.dealer-home-product .first-percentage {
  grid-row-gap: 42px;
  padding: 0 20px;
}

.dealer-home-product .first-percentage.second-percentage {
  grid-row-gap: 0;
}

.deals-text {
  display: flex;
  column-gap: 43px;
  margin-bottom: 35px;
}

.deals-text h4 {
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #fff;
  margin: 0;
  text-align: center;
}

.deals-text h4 span {
  display: block;
  color: #f6992e;
}

.dealer-premium-product .premium-product-outer {
  column-gap: 36px;
}

.dealer-premium-product .premium-product-sec .container {
  padding-right: 0;
  max-width: 1680px;
}

.dealer-premium-product .premium-product-sec .premium-product-content p {
  padding-right: 0;
}

.dealer-premium-product .premium-product-sec::before {
  top: 60px;
  bottom: 60px;
}

.home-product-sec.dealer-home-product {
  padding-top: 64px;
  padding-bottom: 48px;
}

.dealer-home-product .row {
  column-gap: 38px;
}

.home-product-sec.dealer-home-product .col-content {
  max-width: 100%;
}

.process-sec.dealer-process-sec {
  padding: 38px 0 0px;
}

.software-img-space img {
  margin-bottom: 54px;
}

.software-img-space img:last-child {
  margin-bottom: 0;
}

.software-img.slick-dotted.slick-slider {
  margin: 0;
}

.software-img .slick-dots {
  bottom: -54px;
}

.software-img .slick-dots li {
  margin: 0 4px;
}

.slick-dots li button:before {
  display: none;
}

.slick-dots li button {
  border-radius: 50%;
  background: #cdcdcd;
  transition: all 0.3s;
}

.slick-dots .slick-active button {
  background-color: #f47320;
}

.product-batteries-sec .software-img .slick-dots,
.product-monitoring .software-img .slick-dots {
  display: none !important;
}

/*** dealer page end ***/

/*** terms and conditions start ***/

.sub-text {
  counter-reset: ol-counter;
  display: flex;
  flex-direction: column;
  grid-row-gap: 48px;
}

.terms-condition strong {
    font-weight: 600;
}

.sub-text li {
  counter-increment: ol-counter;
  display: block;
}

.sub-text li h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
  color: #000;
}

.sub-text li p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin-bottom: 32px;
}

.sub-text li p a,
.terms-condition a {
  color: #f47320;
}

.sub-text li p:last-child {
  margin-bottom: 0;
}

.sub-text li h4::before {
  content: counter(ol-counter) ". ";
}

.terms-condition .title-sec {
  line-height: normal;
}

.terms-condition p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  color: #242424;
  margin-bottom: 32px;
}

.new-solar-web .terms-condition .container {
  max-width: 100%;
  padding: 0 80px;
}

/*** terms and conditions end ***/

/* consultation start */

.consultation-title {
  font-size: 40px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #f47320;
  margin-bottom: 35px;
}

.consultation-title span {
  color: #015030;
  font-weight: 700;
}

.consultation-outer {
  border: 1px solid #acacac;
  width: 100%;
  padding: 20px;
  display: flex;
  border-radius: 8px;
  background-color: #fff;
  padding: 24px;
}

.consultation-outer .meeting-details {
  width: 100%;
  max-width: 466px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.book-meeting-date {
  width: calc(100% - 370px);
  padding-left: 48px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.book-meeting-date::before {
  content: "";
  width: 1px;
  position: absolute;
  background-color: #acacac;
  left: 24px;
  top: 0;
  bottom: 0;
}

.time-details {
  padding-left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
}

.time-details li {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  column-gap: 12px;
}

.time-details li .detail-min-img {
  width: 21px;
  display: flex;
  align-items: center;
}

.time-details li .detail-min {
  width: calc(100% - 21px);
  float: left;
  color: #242424;
}

.common-title-consultation {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #015030;
  margin: 0;
}

.second-section-book-calender-form br {
  display: none;
}

.book-meeting-date .sec-col-meeting-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 6px;
  grid-gap: 24px;
}

.schedule-consultation {
  padding-top: 48px;
  padding-bottom: 88px;
}

.page-template-Book-Calendar-Template .site-footer {
  margin-top: 0;
}

.week {
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.weeks-wrapper.header {
  display: flex;
  margin-bottom: 12px;
}

.weeks-wrapper {
  display: flex;
  flex-direction: column;
  grid-row-gap: 2px;
}

.book-meeting-date .week .day.header {
  color: #015030;
}

.week .day.header {
  text-transform: uppercase;
  font-size: 16px;
  color: #ccc;
  font-weight: 500;
  width: 36px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.day {
  display: inline-block;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
}

.week .day[disabled="disabled"] span {
  color: #aaa;
  cursor: not-allowed;
}

.book-meeting-date .day span {
  font-size: 14px;
}

.day span {
  display: flex;
  width: 36px;
  height: 36px;
  line-height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}

.book-meeting-date .buttons-container,
.book-meeting-date .monthyear,
.book-meeting-date .monthyearMeet {
  color: #181819;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}

.book-meeting-date .buttons-container .prev-button {
  margin-right: 24px;
}

.buttons-container .prev-button {
  order: 2;
  position: relative;
  color: #fff;
}

.buttons-container .prev-button:before {
  background-image: url(../assets/images/booking/arrow-left.svg);
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  left: 0;
  background-position: center;
  top: 0;
}

.buttons-container .label-container {
  display: inline-block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  text-transform: capitalize;
  font-weight: 500;
  order: 1;
  padding: 0 8px 0 0;
}

.month-container .year-label {
  position: relative;
  margin-left: 6px;
}

.month-container .month-label,
.month-container .year-label {
  cursor: pointer;
}

.month-container .year-label:after {
  background-image: url(../assets/images/booking/expand-arrow-down.svg);
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 15px;
  top: 0;
}

.buttons-container .next-button {
  order: 3;
  position: relative;
  color: #fff;
}

.buttons-container .next-button:before {
  background-image: url(../assets/images/booking/arrow-right.svg);
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  left: 0;
  background-position: center;
  top: 0;
}

.prev-button,
.next-button {
  background: 0 0;
  border: none;
  padding: 0;
  position: relative;
  width: 32px;
  height: 32px;
}

.buttons-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  font-size: 14px;
}

.week .day.selected span {
  background: #015030;
  color: #fff;
}

.special-buttons {
  text-align: center;
  border-top: 1px solid #eee;
  padding-top: 10px;
}

.section-book-calender-form .special-buttons {
  display: none;
}

.available-slots .slot-time input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.available-slots .slot-time {
  position: relative;
}

.book-meeting-date .available-slots ul li .slot-time label {
  border-color: #015030;
  color: #015030;
  background: #fff;
}

.available-slots ul li .slot-time label {
  background: 0 0;
  padding: 8px 16px;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 4px;
  color: #2d846a;
  text-align: center;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.book-meeting-date .available-slots ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
}

.available-slots ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.slot-time input[type="radio"]:checked + label {
  background-color: #2d846a;
  color: #fff;
  border-color: #2d846a;
}

.book-meeting-date .slot-time input[type="radio"]:checked + label {
  border-color: #015030;
  color: #fff;
  background: #015030;
}

.book-meeting-date .slot-time input.disabled[type="radio"] + label {
  background: #eee;
  color: #8b8b8b;
  border-color: #eee;
  pointer-events: none;
}

.book-meeting-date .slot-time input.disabled {
  pointer-events: none;
  z-index: -1;
}

.available-slots ul li:nth-child(3n-2) {
  padding-left: 0;
}

.available-slots ul li {
  list-style: none;
  width: 33.33%;
  margin: 6px 0;
  padding: 0 5px;
}

.book-meeting-date .available-slots ul li {
  margin: 0;
  padding: 0;
  width: auto;
}

.radio-booking-calander {
  display: flex;
  padding: 27px 0;
  align-items: baseline;
  column-gap: 24px;
}

.booking-radio {
  position: relative;
}

.booking-radio input:checked,
.booking-radio input:not(:checked) {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.booking-radio label {
  margin: 0;
  padding-left: 26px;
  font-size: 16px;
  font-weight: 500;
}

.or-option {
  font-weight: 500;
  color: #242424;
  font-size: 16px;
}

.booking-radio:last-child {
  margin-right: 0;
}

.booking-radio label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  border: 1.5px solid #015030;
  border-radius: 100%;
  background-color: #fff;
}

.booking-radio label img {
  display: none;
}

.booking-radio input:checked + label:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 9px;
  width: 12px;
  height: 12px;
  border: 1px solid #015030;
  border-radius: 100%;
  background-color: #015030;
}

.message-sec.common-form .form-group textarea {
  width: 100%;
  height: 104px;
  display: flex;
}

.message-sec {
  margin-top: 32px;
  flex: 1;
}

.book-meeting-date .call-sec {
  display: block;
}

.call-sec {
  text-align: center;
}

.call-sec h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin: 0;
  color: #f47320;
}

.call-sec h5 a {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  color: #015030;
  text-decoration: none;
}

.months-wrapper .month.one-third {
  width: auto;
  border-radius: 4px;
  color: #015030;
  border: 1px solid #015030;
  transition: none;
}

.months-wrapper .month.one-third:hover {
  background-color: #015030;
  color: #fff;
}

.months-wrapper .month {
  display: inline-block;
  float: left;
  width: 25%;
  text-align: center;
  cursor: pointer;
}

.months-wrapper {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.months-wrapper .month span {
  display: inline-block;
  padding: 10px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

.year-dropdown {
  border: none;
  padding: 0;
  color: #242424;
  background-image: url(../assets/images/booking/expand-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: 98%;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}

.year-dropdown:focus-visible {
  outline: none;
}

.appointment-pop {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 16px;
}

.thanku-popup.appointment-pop .modal-dialog {
  max-width: 446px;
}

.appointment-pop .time-details {
  grid-row-gap: 16px;
}

.appointment-pop .time-details li .detail-min {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.15px;
}

.thanku-popup.appointment-pop .modal-content {
  padding: 20px;
}

.call-number-action {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #acacac;
  text-align: center;
}

.call-number-action h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.15px;
  color: #f47320;
}

.call-number-action h4 span {
  display: block;
  padding-top: 4px;
}

.call-number-action h4 span a {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #015030;
  text-decoration: none;
}

.appointment-pop .time-details li .detail-min-img img {
  min-width: 24px;
}

.appointment-pop .time-details li .detail-min-img {
  width: 24px;
}

.appointment-pop .time-details li {
  column-gap: 10px;
  align-items: flex-start;
}

.meeting-sec {
  display: flex;
  justify-content: space-between;
  margin-top: 122px;
}

.meet-with-client {
  position: relative;
  display: inline-block;
  max-width: 465px;
  width: 100%;
  text-align: right;
  margin-right: -24px;
  margin-bottom: -24px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}

.director-img {
  position: relative;
  z-index: 1;
}

.director-name {
  position: absolute;
  padding-left: 69px;
  padding-top: 0;
  bottom: 0;
  z-index: 1;
  min-height: 95px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.director-name h6 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #fff;
  margin: 0;
}

.director-name p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin: 0;
  color: #fff;
}

.bg-stroke {
  position: absolute;
  bottom: 0;
  left: 0;
}

.meeting-sec .call-sec h5 a {
  display: block;
  margin-top: 16px;
}

.meeting-sec .call-sec {
  display: flex;
  align-items: flex-end;
  text-align: left;
}

.page-template-Neal-Calendar-Template .site-footer {
  margin: 0;
}

.schedule-consultation-meeting .radio-booking-calander {
  padding: 0;
}

.schedule-consultation-meeting .booking-calander {
  margin-bottom: 24px;
}

/* consultation end */

/*** 404 ***/


.error-page h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  color: #015030;
  margin-bottom: 8px;
  margin-top: 8px;
}

.error-page p {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  color: #6a6a6a;
  margin-bottom: 48px;
}

.error-page {
  text-align: center;
  padding-top: 44px;
  padding-bottom: 44px;
  display: flex;
  align-items: center;
}

.flex-1 {
  flex-grow: 1;
}

.error404 .site-footer {
  margin-top: 0;
}

.error404 .energy-utility {
  display: none;
}

/*** resources start ***/


.updates-tabbing {
  max-width: 190px;
  width: 100%;
}

.updates-tabbing .nav-tabs {
  width: 100%;
  border: none;
}

.updates-tabbing .nav-tabs .nav-item {
  width: 100%;
}

.updates-tabbing .nav-tabs .nav-item .nav-link {
  padding: 9px 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.4px;
  border-radius: 0;
  color: #6a6a6a;
  border: none;
}

.updates-tabbing .nav-tabs .nav-item .nav-link.active {
  background-color: transparent;
  color: #015030;
  border-right: 2px solid #f47320;
}

.common-form.search-data .form-group label {
  background-color: transparent;
}

.common-form.search-data .form-group label span {
  position: relative;
}

.search-data .form-group label:before {
  content: "";
  background-color: #fff;
  position: absolute;
  bottom: 0;
  height: 6px;
  width: 100%;
  left: 0;
}

.post_search_category .btn_blog {
  padding: 9px 16px;
  border-bottom: 2px solid transparent;
  background-color: transparent;
  border-radius: 0;
  border-width: 0 0 2px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: #6a6a6a;
}

.post_search_category .btn_blog.active {
  border-bottom-color: #f47320;
  color: #015030;
}

.cvf_pag_loading {
  position: relative;
}

.cvf-universal-pagination ul {
  display: flex;
  align-items: center;
  column-gap: 6px;
  justify-content: center;
}

.cvf-universal-pagination ul li {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: 0.17px;
  color: #242424;
}

.cvf-universal-pagination ul li:hover {
  background-color: #e8e5e5cc;
}

.cvf-universal-pagination ul .selected,
.cvf-universal-pagination ul .selected:hover {
  background-color: #f47320;
  color: #fff;
}

.cvf-universal-pagination ul .inactive {
  opacity: 0.5;
  pointer-events: none;
}

.data-loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.single-blog-title-outer h3 {
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  margin: 0;
  color: #f47320;
}

.single-blog-title-outer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  column-gap: 20px;
}

.single-blog-title-outer .nav-links {
  display: flex;
  column-gap: 12px;
}

.nav-links .nav-previous,
.nav-links .nav-next {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}


.nav-links .nav-previous a,
.nav-links .nav-next a {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
}

.post-meta {
  display: flex;
  column-gap: 24px;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  padding: 24px 0;
  color: #015030;
}

.post-meta .social-icons {
  display: flex;
  align-items: center;
  margin-left: auto;
  column-gap: 12px;
}

.social-icons a {
  margin: 0 !important;
}

.single-blog-section .heateor_sss_sharing_ul, .social-icons .heateor_sss_sharing_ul {
  margin: 0 !important;
  display: flex;
  column-gap: 12px;
  align-items: center;
}

.single-blog-meta .social-icons .heateor_sss_sharing_ul a span {
    background: transparent !important;
    width: 22px !important;
    height: 22px !important;
    overflow: inherit !important;
    background-color: #015030 !important;
    display: flex !important;
    justify-content: center;
    padding: 3px !important;
    align-items: center;
}

.single-blog-meta .social-icons .heateor_sss_sharing_ul a span img {
  min-width: 16px;
  filter: brightness(100);
  margin: 0;
  width: 16px;
  height: 16px;
}

.single-blog-meta .social-icons .heateor_sss_sharing_ul a .heateor_sss_s_x img {
   width: 16px;
   height: 13px;
}

.single-blog-section .heateor_sss_sharing_ul a span {
    background: transparent !important;
    width: 22px !important;
    height: 22px !important;
    overflow: inherit !important;
    background-color: #000 !important;
    display: flex !important;
    justify-content: center;
    padding: 3px !important;
    align-items: center;
}



.single-blog-section .heateor_sss_sharing_ul a span img, .single-blog-meta .social-icons .heateor_sss_sharing_ul a span img {
    margin: 0;
    max-width: 16px;
}

.post-desc p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.25px;
  margin: 0 0 24px;
  color: #242424;
}

.post-desc ol,
.post-desc ul {
  padding-left: 30px;
}

.post-desc h1,
.post-desc h2,
.post-desc h3,
.post-desc h4,
.post-desc h4,
.post-desc h6 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  color: #015030;
  margin: 24px 0;
}

.post-desc h1 strong,
.post-desc h2 strong,
.post-desc h3 strong,
.post-desc h4 strong,
.post-desc h5 strong,
.post-desc h5 strong {
  font-weight: 600;
}

.post-desc a {
  color: #f47320;
}

.post-meta span {
  display: flex;
  column-gap: 8px;
  align-items: center;
}

.post-meta .post-views {
  display: flex;
  column-gap: 8px;
}

.single-blog-section .heateor_sss_sharing_title {
  font-size: 24px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  color: #000;
  margin-bottom: 20px;
}

.single-blog-img img {
  height: auto;
  width: 100%;
}

.single-blog-img {
  height: 824px;
  overflow: hidden;
  background-position: center;
  border-radius: 24px;
  background-color: #000;
  border: 1px solid #dfdfdf;
}

.single-blog-img iframe {
  height: 100%;
  width: 100%;
}

.sub-blog {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}

.sub-blog h4 {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #f47320;
  margin: 0;
}

.category-nav-tabs h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #f47320;
  margin: 24px 0 14px;
}

.project-system {
  display: grid;
  margin-top: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}

.project-system li {
  display: block;
  text-align: center;
}

.project-system li h5 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #000;
}

.project-system li span {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-system li p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 4px 0 0;
  color: rgba(25, 26, 32, 0.90);
}

.cvf-pagination-nav {
  margin-top: 24px;
}


.topps-talk .home-blog-text h2 {
  font-size: 24px;
}

.topps-talk .home-blog-box {
  border-radius: 0;
  border: none;
}

.resources-sec .cvf_pag_loading .row {
  margin: 0 -17px;
  grid-row-gap: 48px;
}

.resources-sec .cvf_pag_loading .row > * {
  padding: 0 17px;
}

.no-results-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: 24px;
  min-height: 630px;
}

.no-results-found h3 {
  font-size: 34px;
  font-weight: 400;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  margin: 0;
  color: #8b8b8b;
}

.resources-sec .cvf_pag_loading {
  padding: 0;
}

.resources-content .blog-read-more {
  display: none;
}

.resources-review iframe {
  height: 255px;
  width: 100%;
  display: flex;
}

.home-blog-box > div {
  height: 255px;
  cursor: pointer;
}

.home-blog-box > div img {
  height: 100%;
  width: 100%;
}

.resources-sec .home-blog-image {
  height: 260px;
}

.resources-spotlight-img {
  height: 412px;
  overflow: hidden;
}

.resources-spotlight-img img {
  height: auto;
  width: 100%;
}

.spotlight-video-popup h2 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  margin: 20px 0px 4px;
  color: #f47320;
}

.spotlight-video-popup p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  color: #000;
  margin-bottom: 0;
}

.resources {
  display: flex;
}

.resources-sec.resources-review .home-blog-box {
  border-radius: 6px;
  border: 1px solid #ddd;
}

.single-blog-categories {
  display: flex;
  column-gap: 24px;
}

.sub-categories {
  margin-top: 86px;
}

.sub-categories .blog-read-more {
  display: none;
}

/*** resources end ***/

/*** faq ***/

.faq-accordion .card.active {
  margin-bottom: 16px;
}

.faq-accordion .card.active:last-child {
  margin-bottom: 0px;
}

.faq-accordion .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 24px;
  border: 0;
  padding: 48px;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.faq-accordion .card-header {
  background-color: transparent;
  border-radius: 0;
  padding: 2px 0;
  border: 0;
}

.faq-accordion .card-header .btn-link {
  position: relative;
  display: flex;
  color: #015030;
  text-decoration: none;
  padding: 0 54px 0 0;
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
}

/* .faq-accordion .card-header .btn-link span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
} */

.inner-faq-content {
  display: flex;
  gap: 24px;
}

.faq-accordion .card-header .btn-link[aria-expanded="true"] span {
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
  vertical-align: inherit;
}

.faq-accordion .card-header .mb-0 > a:before {
  content: "";
  background: url(../assets/images/adding-solar-panels/down-icon.svg);
  background-position: center;
  position: absolute;
  right: 8px;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
}

.faq-accordion .card-body {
  padding: 12px 0 0;
}

.faq-video-play {
    position: relative;
    min-width: 430px;
    height: 240px;
}

.blog-video-outer {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.youtube-icon {
  position: absolute;
  max-width: 52px;
  z-index: 1;
  cursor: pointer;
}

.thumbnail-image {
  height: 100%;
  width: 100%;
}

.post_video {
  height: 100%;
  width: 100%;
  position: relative;
  border: 4px solid #F89839;
  border-radius: 24px;
}

.faq-desc {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.15px;
    flex-grow: 1;
    width: calc(100% - 430px);
}

.faq-accordion .card-header .mb-0 > a[aria-expanded="true"]:before {
  background-image: url(../assets/images/adding-solar-panels/down-icon.svg);
  transform: rotate(180deg);
}

.faq-video iframe {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 99;
  border-radius: 24px;
}

/** welcome form start **/
.welcome-form .welcome-form-outer {
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid #acacac;
  background-color: #fff;
  border-radius: 8px;
  padding: 24px 24px 0;
  border-width: 1px 1px 0px 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.welcome-form .container {
  max-width: 951px;
}

.progressbar-step {
  text-align: center;
}

.progressbar-step li {
  display: inline-block;
}

.welcome-form .progressbar-step {
  margin-bottom: 36px;
  overflow: hidden;
  color: #455a64;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  counter-reset: my-awesome-counter;
  column-gap: 8px;
}

.welcome-form .progressbar-step li {
  list-style-type: none;
  font-size: 13px;
  float: left;
  position: relative;
  font-weight: 400;
  counter-increment: my-awesome-counter;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  column-gap: 8px;
}

.welcome-form .progressbar-step li:before {
  width: 24px;
  height: 24px;
  line-height: 45px;
  display: flex;
  font-size: 12px;
  background: #8b8b8b;
  border-radius: 50%;
  margin: auto;
  padding: 0;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 400;
  position: absolute;
}

.welcome-form .progressbar-step .step0:before {
  content: counter(my-awesome-counter);
}

.welcome-form .progressbar-step li.active:before,
.progressbar-step li.active:after {
  background: #015030;
}

.welcome-form .progressbar-step li.active:before {
  content: "";
  color: #fff;
  border-color: #015030;
  background-image: url(../assets/images/check-filled.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.welcome-form .progressbar-step li:last-child:after {
  display: none;
}

.welcome-form .progressbar-step li:after {
  content: "";
  width: 38px;
  height: 1px;
  background: #acacac;
}

.welcome-form .progressbar-step li p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: 0.17px;
  margin: 0;
  padding-left: 30px;
  color: #242424;
}

.welcome-form-outer .row {
  grid-row-gap: 24px;
}

.form-sub-title h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin-bottom: 16px;
  display: block;
  color: #242424;
}

.form-radio .wpcf7-form-control {
  display: flex;
  column-gap: 12px;
  padding-left: 12px;
}

.form-radio .wpcf7-form-control .wpcf7-list-item {
  display: inline-block;
  position: relative;
  line-height: normal;
  margin: 0;
}

.form-radio .wpcf7-form-control .wpcf7-list-item input {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.form-radio .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label {
  padding-left: 25px;
  color: #242424;
  font-weight: 400;
  font-size: 16px;
}

.form-radio .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label:before {
  height: 18px;
  width: 18px;
  margin: 0;
  padding: 0;
  opacity: 1;
  appearance: none;
  border: 1px solid #36454f;
  background: #ffffff;
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
  content: "";
  left: 0;
  top: -1px;
}

.form-radio .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label:before {
  border-color: #015030;
  border-width: 2px;
  top: -1px;
  height: 20px;
  width: 20px;
}

.form-radio
  .wpcf7-form-control
  .wpcf7-list-item
  input:checked
  + .wpcf7-list-item-label:after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  background-color: #36454f;
  border-radius: 50%;
  left: 3.7px;
  top: 2.5px;
}

.form-radio
  .wpcf7-form-control
  .wpcf7-list-item
  input:checked
  + .wpcf7-list-item-label:after {
  background-color: #015030;
  top: 4px;
  width: 10px;
  height: 10px;
  left: 5.1px;
}

.form-checkbox .wpcf7-list-item {
  position: relative;
  margin: 0;
}

.form-checkbox .wpcf7-list-item label {
  position: static;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.form-checkbox .wpcf7-list-item input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}

.checkbox-space .wpcf7-form-control {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
}

.form-checkbox .wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  cursor: pointer;
  color: #242424;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.form-checkbox .wpcf7-list-item .wpcf7-list-item-label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #6a6a6a;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  height: 20px;
  width: 20px;
  border-radius: 4px;
  left: 0;
  margin-right: 12px;
  top: -1px;
  transition: inherit;
}

.proposal-request-design
  .form-checkbox
  .wpcf7-list-item
  .wpcf7-list-item-label:before {
  border: 2px solid #f47320;
}

.proposal-request-design .form-checkbox .wpcf7-list-item label {
  min-width: max-content;
}

.form-checkbox .wpcf7-list-item input:checked + .wpcf7-list-item-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 7px;
  width: 7px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: inherit;
}

.form-checkbox .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
  border-color: #015030;
  background-color: #015030;
}

.welcome-form .contact-section .common-form .cf7mls-btns {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  min-height: auto;
  background-color: #fff;
  padding: 24px 0;
  border: 1px solid #acacac;
  border-width: 0px 1px 1px 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.welcome-form .cf7mls-btns .cf7mls_next.action-button,
.welcome-form .cf7mls-btns .cf7mls_back.action-button {
  margin: 0;
  padding: 13px 15px;
  min-height: auto;
}

.welcome-form .cf7mls-btns .cf7mls_next.action-button {
  height: 56px;
  padding: 8px 22px;
  border-radius: 4px;
  background-color: #f47320;
  font-weight: 700;
  font-size: 15px;
}

.welcome-form .cf7mls-btns .cf7mls_back.action-button {
  color: #015030;
  background-color: transparent;
  border-radius: 4px;
  font-weight: 600;
  height: 56px;
  padding: 8px 22px;
  font-size: 15px;
  left: 0;
  margin: 0;
}

.welcome-form .cf7mls_back.action-button {
  color: #015030;
  background-color: transparent;
  border-radius: 4px;
  font-weight: 600;
  height: 56px;
  padding: 8px 22px;
  font-size: 15px;
  margin: 0;
  margin-top: -80px;
  position: relative;
  left: 36%;
}

.welcome-form .cf7mls .wpcf7-form-control.wpcf7-submit {
  height: 56px;
  padding: 8px 22px;
  border-radius: 4px;
  background-color: #f47320;
  font-size: 15px;
  border: none;
  color: #fff;
  font-weight: 700;
  margin: 0;
  float: none;
  position: relative;
  left: 30px;
}

.welcome-form .welcome-form-outer.last-tab {
  border-bottom: 1px solid #acacac;
  padding-bottom: 24px;
}

.form-sub-title p {
  font-size: 16px;
  color: #242424;
  font-weight: 400;
  margin-bottom: 16px;
}

.welcome-form-outer .form-group.form-checkbox {
  margin-top: 16px;
}

.under-text {
  padding-left: 12px;
}

.welcome-form .common-form p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  color: #242424;
}

.last-step-submit {
  display: flex;
  align-items: center;
  justify-content: center;
}

.last-step-submit p {
  width: auto;
}

.last-step-submit .wpcf7-spinner {
  position: absolute;
}

/** welcome form end **/

/*** design issues start ***/

.add-text .common-heading {
  display: none;
}

.project-popup .swiper {
  width: 100%;
  overflow: visible;
}

.project-popup .swiper .swiper-slide {
  height: 478px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.project-popup .swiper .swiper-slide iframe {
  height: 478px;
  width: 100%;
}

.project-popup .swiper .swiper-slide img {
  width: 100%;
}

.project-popup .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.project-popup .swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -40px;
}

.swiper-pagination-bullet {
  height: 16px;
  width: 16px;
  background-color: #acacac;
  opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f47320;
}

.swiper-button-next,
.swiper-button-prev {
  border: 1px solid #acacac;
  background: #cdcdcd;
  border-radius: 4px;
  width: 36px;
  height: 36px;
}

.swiper-button-next:after {
  background: url(../assets/images/career/right-rounded-icon.svg);
  content: "";
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.swiper-button-prev:after {
  background: url(../assets/images/career/left-rounded-icon.svg);
  content: "";
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.swiper-data {
  overflow: hidden;
  padding-bottom: 40px;
}

.software-img .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.owl-carousel.owl-theme .owl-dots .owl-dot span {
  background: #acacac;
  height: 16px;
  width: 16px;
  margin: 0;
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: #f47320 ;
}

.owl-carousel.owl-theme .owl-dots{ display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;}

/*** design issues end ***/


.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 16px;
}

.product-batteries-sec .owl-dots,
.product-monitoring .owl-dots {
  display: none;
}

.common-form.search-data .form-group .post_search_submit {
  background-image: url(../assets/images/blog/search.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 0;
  height: 26px;
  color: transparent;
  width: 26px;
  background-position: center;
  border: none;
  position: absolute;
  top: 14px;
  right: 14px;
}

.page-template-Welcome-Form .site-footer {
  margin-top: 0;
}

.welcome-form {
  padding: 36px 0;
  flex-grow: 1;
}

/*** partnerships start ***/

.partnerships-banner {
  padding: 20px 0;
  min-height: 724px;
  display: flex;
  align-items: center;
}

.partnerships-data {
  background-color: rgba(36, 36, 36, 0.5);
  max-width: 930px;
  padding: 30px 30px 36px 20px;
}

.partnerships-data h3 {
  font-size: 48px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #fff;
  margin: 0;
}

.partnerships-data h1 {
  color: #f6992e;
  font-size: 64px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
}

.partnerships-data p {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #fff;
  margin: 28px 0;
}

.become-customer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  padding: 11px 16px 36px;
}

.become-customer-data h4 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #fff;
  margin-bottom: 11px;
}

.partnerships-banner .container {
  max-width: 1680px;
}

.become-customer-data {
  text-align: center;
}

.become-customer-data h4 span {
  display: block;
}

.start-your-partnership {
  padding-top: 21px;
  padding-bottom: 60px;
}

.start-partnership {
  text-align: center;
  margin-top: 49px;
}

.better-serve {
  padding-left: 74px;
  padding-top: 42px;
}

.home-product-sec.partnerships-product .col-content {
  max-width: 720px;
}

.home-product-sec.partnerships-product {
  padding-top: 48px;
  padding-bottom: 43px;
}

.work-process-img {
  height: 365px;
}

.work-process {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

.work-process-one {
  position: relative;
}

.work-process-one .work-process-img:last-child {
  height: 331px;
}

.work-process-two .work-process-img:first-child {
  height: 328px;
}

.work-process-two .work-process-img:last-child {
  height: 354px;
}

.work-process-two {
  padding-top: 37px;
  position: relative;
}

.partnerships-premium-product .premium-product-content h4 {
  color: #f47320;
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
}

.partnerships-premium-product .premium-product-content h5 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
}

.partnerships-premium-product .premium-product-content p {
  padding-right: 0;
}

.process-sec.partnership-process {
  padding-top: 0;
  padding-bottom: 0;
}

.process-sec.partnership-process .common-heading.common-heading-middle {
  max-width: 1300px;
}

.process-sec.partnership-process .common-heading.common-heading-middle p {
  max-width: 910px;
  margin: 0 auto;
}

.page-template-Partnerships-Form .site-footer {
  margin-top: 0;
}

/*** partnerships end ***/

/*** awards start ***/

.award-outer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 36px;
  grid-row-gap: 48px;
}

.award-box img {
  width: 100%;
}

/*** awards end ***/

.about-sec.home-about .row {
  column-gap: 38px;
  flex-wrap: nowrap;
}

.about-sec.home-about .first-percentage {
  min-height: 353px;
}

.about-sec.home-about .percentage-calculator-two {
  padding-top: 20px;
}

.about-sec.home-about .ev-data {
  min-height: 372px;
}

.about-sec.home-about .percentage-calculator-two .ev-data {
  min-height: 393px;
}

.about-sec.home-about .first-percentage.second-percentage {
  min-height: 334px;
}

.about-sec.home-about {
  padding-top: 32px;
}

.home-award {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 38px;
  position: relative;
}

.home-award-box img {
  width: 100%;
  height: auto;
}

.award-winning {
  padding: 32px 0 32px;
}

.home-product-sec.award-space {
  padding-top: 0;
}

.award-wining .container {
  max-width: 1680px;
}

.companies-logo.home-companies-logo {
  margin-top: 0;
}

.home-award .more-btn {
  right: 58px;
  top: -120px;
  z-index: 1;
  position: absolute;
}

.about-process .common-heading.common-heading-middle {
  margin: 0 auto 32px;
  max-width: 100%;
}

.warranty-solar {
    display: flex;
    column-gap: 60px;
    margin-top: 48px;
    justify-content: center;
}

.warranty-solar .common-heading-data {
  padding: 65px 0;
  margin-bottom: -66px;
}

.warranty-sec {
  padding: 48px 0;
  background-color: rgba(1, 79, 48, 0.10);
}

.warranty-sec p {
    font-weight: 600;
    font-size: 24px;
}

.vertical-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 40px;
}

.slider-rotate {
  width: 100%;
  transform: rotate(180deg);
}

.slider-rotate-width {
  max-width: 750px;
}

.content-rotate {
  transform: rotate(180deg);
}

.slider-content {
  width: auto;
}

.slider-rotate .slick-list {
  padding: 0 !important;
}

.slider-content p {
  color: #fff;
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
}

.slider-content p span {
  color: #f6992e;
  font-weight: 700;
}

.companies-logo-slick-mobile .content-rotate,
.finance-partners-companies-mobile .content-rotate {
  display: flex;
  align-items: center;
  justify-content: center;
}

.companies-logo-slick-mobile.slick-vertical .slick-slide,
.finance-partners-companies-mobile.slick-vertical .slick-slide,
.footer-logo-slick-mobile.slick-vertical .slick-slide,
.commercial-companies-logo-slick-mobile.slick-vertical .slick-slide,
.service-logo-slick-mobile.slick-vertical .slick-slide {
  height: 80px;
}

.companies-logo-slick-mobile .content-rotate,
.finance-partners-companies-mobile .content-rotate,
.footer-logo-slick-mobile .content-rotate,
.commercial-companies-logo-slick-mobile .content-rotate,
.service-logo-slick-mobile .content-rotate {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.finance-partners-companies-mobile .partners-companies-logo img {
  max-width: 250px;
}

.companies-logo-mobile {
  display: none;
}

.financing-logo-mobile {
  display: none;
}

/** main end **/

/** footer start **/

.site-footer {
  margin-top: 150px;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #002013;
  z-index: 1;
}

.energy-utility {
  margin-top: -102px;
}

.site-footer .container {
  position: relative;
}

.energy-utility .container {
  max-width: 1530px;
}

.escalating-utility-rates {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.utility-rates-form {
  position: relative;
  padding: 24px;
}

.utility-rates-form h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #fff;
  margin: 0;
}

.utility-rates-form h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.15px;
  margin: 0;
  color: #fff;
}

.utility-form {
  display: grid;
  grid-template-columns: 658px 327px 1fr;
  column-gap: 20px;
  margin-top: 11px;
}

.utility-form .btn {
  background-color: #015030;
  padding: 8px 22px;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.46px;
  border-radius: 4px;
  color: #fff;
  max-width: max-content;
  border-color: #015030;
  min-height: 56px;
}

.utility-form .btn:hover {
  background-color: #002013;
  border-color: #002013;
}

.dollar-amount {
  position: relative;
}

.utility-form .btn:active {
  background-color: #015030;
  border-color: #015030;
  color: #fff;
}

.utility-form .btn:focus {
  background-color: #015030;
}

.utility-form .form-control {
  height: 56px;
  font-size: 16px;
  font-weight: 400;
  border-color: #acacac;
  border-radius: 4px;
  padding: 16px 12px;
}

.utility-form #cityTransferType,
.banner-input #cityreferral,
.utility-form #stateTransferType,
.banner-input #statereferral,
.utility-form #codeTransferType,
.banner-input #postalreferral {
  display: none;
}

.utility-form .form-control:focus {
  box-shadow: none;
}

.menu-box h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  color: #f6992e;
  margin: 20px 0 0;
}

.menu-box h4:first-child {
  margin-top: 0;
}

.footer-menu li {
  display: block;
  margin-top: 20px;
}

.footer-menu li a {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}

.footer-menu li a:hover {
  color: #f6992e;
}

.footer-menu-outer .container {
  display: flex;
  column-gap: 32px;
  max-width: 1592px;
}

.footer-copyright .container {
  max-width: 1592px;
}

.footer-brand-logo .container {
  max-width: 1592px;
}

.menu-box {
  width: 20%;
}

.footer-menu-outer {
  margin-top: 56px;
  position: relative;
  z-index: 1;
}

.footer-contact {
  margin-top: -13px;
}

.footer-contact li {
  display: block;
  margin-bottom: 20px;
}

.footer-contact li:last-child {
  margin-bottom: 0;
}

.footer-contact li a {
  display: flex;
  align-items: center;
  color: #f6992e;
  text-decoration: none;
  column-gap: 16px;
}

.footer-contact li h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  width: calc(100% - 23px);
}

.footer-contact li a span {
  width: 23px;
}

.footer-contact li p {
  margin: 0;
  color: #fff;
}

.footer-contact .nabcep-img {
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
}

.footer-menu {
  margin-bottom: 20px;
}

.footer-menu:last-child {
  margin-bottom: 0;
}

.footer-brand-logo ul li {
  display: inline-block;
}

.footer-brand-logo {
  border-top: 1px solid #347359;
  border-bottom: 1px solid #347359;
  padding: 20px 0;
  margin-top: 74px;
  position: relative;
  z-index: 1;
}

.footer-brand-logo ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.copyright-left {
  display: flex;
  column-gap: 24px;
}

.copyright-left .widget {
  display: flex;
  align-items: center;
  column-gap: 24px;
}

.footer-social-icon li {
  display: inline-block;
}

.copyright-left p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.footer-social-icon {
  display: flex;
  column-gap: 12px;
}

.footer-privacy {
  display: flex;
  column-gap: 24px;
  justify-content: flex-end;
}

.footer-privacy li {
  display: inline-block;
}

.footer-privacy li a {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-decoration: none;
}

.footer-privacy {
  display: flex;
  column-gap: 24px;
  justify-content: flex-end;
}

.footer-copyright {
  padding: 20px 0;
  position: relative;
  z-index: 1;
}

#back-to-top {
  display: inline-block;
  background-color: #f47320;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 50px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

#back-to-top.show {
  opacity: 1;
  visibility: visible;
}

/** footer end **/

/** manufacturer-warranties start **/

.manufacture-list h2 {
  font-size: 34px;
  font-weight: 400;
  color: #242424;
  margin-bottom: 24px;
  line-height: 123.5%;
  /* 41.99px */
  letter-spacing: 0.25px;
}

.manufacturer-phone h2 {
  font-size: 24px;
  font-weight: 500;
  color: #242424;
  margin-bottom: 12px;
}

.manufacture-outer:last-child {
  margin-bottom: 24px;
}

.manufacture-list table {
  border-radius: 4px;
  background: #fff;
}

.manufacture-list tr {
  height: 56px;
  vertical-align: middle;
}

.manufacture-list .table-responsive {
  background: #fff;
}

.manufacture-list td {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  line-height: 143%;
  /* 20.02px */
  letter-spacing: 0.17px;
}

.manufacture-list thead th,.manufacture-list tbody td { padding: 24px;}

.manufacture-list table th {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 143%;
  /* 20.02px */
  letter-spacing: 0.17px;
  background-color: #015030;
}

.manufacture-list .action {
  width: 180px;
}

.manufacture-list tbody,
td,
tfoot,
tr {
  border-color: #015030;
  border-style: solid;
  border-width: 0;
}

.manufacture-list {
  margin-bottom: 48px;
}

.manufacture-outer {
  margin-bottom: 12px;
}

.manufacture-data li {
  display: flex;
  column-gap: 12px;
}

.manufacture-data li span {
  min-width: 159px;
  font-size: 16px;
  color: #6a6a6a;
  font-weight: 400;
}

.manufacture-data li p {
  margin: 0;
}

.manufacture-data li p {
  margin: 0;
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  word-break: break-all;
}

.manufacture-data {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
}

.manufacture-outer h5 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 12px;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  margin-top: 24px;
}

.premium-product-spacen .premium-section-button {
  display: flex;
  gap: 12px;
}

.premium-section-button .common-btn {
  background-color: #f47320;
  border-color: #f47320;
}

.premium-section-button .common-btn:hover {
  border-color: #622e0d;
  background-color: #622e0d;
}

/** manufacturer-warranties end **/

/*** Cookies Policy ***/

.cookie-policy li {
  color: #242424;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.15px;
}

.sub-text-cookie h4 {
  color: #015030;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.4%;
  /* 32.016px */
}

.sub-text-cookie p {
  margin-bottom: 0px;
}

/*** Cookies Policy ***/

/*** sticy Cookies ***/
.cli-bar-btn_container {
  display: flex;
  padding: 4px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #015030;
}

.cli-bar-btn_container a {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  letter-spacing: 0.46px;
  margin: 0px !important;
  padding: 5px;
}

.cli-bar-message {
  color: #242424;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: 0.17px;
}

.cli-bar-message a {
  color: #2196f3;
  text-decoration-line: underline;
}

.popup-title {
  display: none;
}

.cli-bar-container .cookie_action_close_header_reject {
  display: none;
}

#bewebchat {
  position: relative;
  bottom: 70px !important;
}

.common-form .form-group .evcf7-verify-btn input {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: auto !important;
  width: auto !important;
  font-size: 14px;
  color: #f47320;
}

.common-form .form-group .evcf7_email_sent {
  font-size: 14px;
  margin-top: 4px;
}

.common-form .form-group .evcf7-verify-btn {
  margin: 0;
}

/*** sticy Cookies ***/

/***  ***/

.match-and-beat {
  min-height: 895px;
  display: flex;
  align-items: center;
}

.match-beat-form {
  width: 100%;
  max-width: 696px;
}

#thankYouMessage.match-beat-form {
  max-width: 920px;
}

.match-and-beat .inner-banner-overlay {
  opacity: 0.73;
}

.match-beat-quote {
  display: flex;
  align-items: center;
  padding: 177px 0 51px;
  gap: 30px;
  justify-content: space-between;
  width: 100%;
}

.page-template-Match-and-Beat .site-header,
.page-template-Best-Solar-Company .site-header {
  display: none;
}

.match-beat-header {
  display: none;
  position: absolute;
  z-index: 9;
  width: 100%;
  background: rgba(36, 36, 36, 0.51);
  padding: 16px 0;
  min-height: 85px;
  top: 0;
}

.page-template-Match-and-Beat .match-beat-header,
.page-template-Best-Solar-Company .match-beat-header {
  display: flex;
}

.contact-social {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.contact-social p {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.46px;
  margin: 0;
}

.contact-social p a {
  color: #f47320;
  text-decoration: none;
}

.match-beat-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.match-beat-form h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 116.7%;
  margin: 0;
  color: #f47320;
}

.match-beat-form .monthly-electric-bill h5 {
  color: #6a6a6a;
}

.match-beat-form .monthly-electric-bill {
  margin-top: 0;
  margin-bottom: 0;
}

.match-beat-form .input-range p {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  column-gap: 24px;
}

.match-beat-form .input-range {
  max-width: 100%;
}

.match-beat-form .input-range br {
  display: none;
}

.match-beat-form .input-range input[type="range"] {
  margin-right: 0;
}

.match-beat-form h6 {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 116.7%;
  color: #6a6a6a;
  margin: 0;
}

.match-beat-form h6 a {
  color: #f47320;
  text-decoration: none;
}

.match-beat-text h1 {
  font-size: 88px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  min-width: max-content;
}

.match-beat-text h1 strong {
  font-weight: 600;
  display: block;
}

.match-beat-text h1 span {
  color: #f47320;
  display: block;
  font-size: 80px;
}

.companies-logo ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
}

.companies-logo ul li {
  display: block;
  text-align: center;
}

.companies-logo.companies-logo-match {
  padding: 24px 0;
  margin-top: 0;
}

.happy-customers {
  max-width: 891px;
  width: 50%;
  margin-top: -40px;
}

.happy-customers-inner {
  width: 100%;
  padding: 36px 48px 36px 64px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  background-color: #015030;
  position: relative;
}

.happy-customers h3 {
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #ff8f00;
  margin: 0;
}

.happy-customers p {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.4%;
  margin: 0;
  color: #ffffff;
  width: 100%;
  max-width: 696px;
}

.why-us-outer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 28px;
}

.why-us-slide {
  padding-right: 30px;
  position: relative;
  padding-bottom: 99px;
}

.why-us-text {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}

.before-grid {
  position: absolute;
  top: 0;
  right: 0;
}

.before-grid-light {
  background-color: #ffd4b9;
  height: 91px;
  width: 91px;
}

.before-grid-dark {
  background-color: #f79930;
  height: 114px;
  width: 114px;
  position: absolute;
  top: 19px;
  right: 13px;
}

.why-us-slide .better-product {
  width: 100%;
  max-width: 100%;
  padding-left: 70px;
  padding-top: 70px;
  padding-right: 65px;
}

.why-us-slide .better-product img {
  position: relative;
}

.after-grid {
  width: 91px;
  height: 91px;
  background: rgba(1, 80, 48, 0.21);
  position: absolute;
  bottom: -30px;
  left: -34px;
  z-index: -1;
}

.our-guarantee li {
  display: flex;
  column-gap: 20px;
  align-items: center;
  margin-bottom: 30px;
}

.icon-outer {
  min-width: 40px;
  text-align: center;
}

.out-guarantee-content {
  font-size: 31px;
  font-weight: 400;
  letter-spacing: 0.46px;
  line-height: normal;
  color: #015030;
}

.why-us-new {
  padding-top: 14px;
}

.warranty-sec.warranty-match-beat {
  padding-bottom: 0;
}

.out-guarantee-content span {
  color: #f47320;
  font-weight: 700;
}

.spotlight.match-spotlight {
  margin-top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding-top: 111px;
  padding-bottom: 360px;
}

.match-spotlight-before {
  position: absolute;
}

.page-template-Match-and-Beat .site-footer {
  margin-top: 0px;
}

.companies-logo.companies-logo-match ul {
  display: flex;
  justify-content: space-between;
}

.best-solar-company {
  background-color: #015030;
  padding: 20px 0;
}

.solar-company-logo {
  display: flex;
  column-gap: 24px;
  align-items: center;
  width: 100%;
}

.best-solar-company h2 {
  color: #ffffff;
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  min-width: fit-content;
}

.best-solar-company .container {
  display: flex;
  align-items: center;
  column-gap: 24px;
  justify-content: center;
}

.solar-company-logo li {
  display: block;
  flex: 1;
  text-align: center;
}

.match-beat-header.match-sticky {
  background: rgba(36, 36, 36, 0.8);
}

.why-us-slide .panels-installed-number {
  left: 35px;
}

/* ========== Refferal Page =========== */

.residential-business {
    background: linear-gradient(129deg, #029E5F 11.88%, var(--Brand-Green-1000, #015030) 58.41%);
    padding: 48px;
    border-radius: 24px;
    flex-grow: 1;
    text-align: center;
}

.match-and-beat.referral-banner {
  min-height: 804px;
  display: flex;
}

.referral-banner .container {
  display: flex;
}

.referral-banner .match-beat-text h1 span {
  font-size: 64px;
}

.referral-banner .match-beat-text h1 {
  font-size: 64px;
}

.referral-banner .match-beat-text p {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
  margin: 0;
  width: 100%;
  max-width: 704px;
}

.referral-banner h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  font-weight: 500;
  color: #f47320;
}

.referral-banner h4 {
  color: #015030;
  font-size: 20px;

  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.15px;
}

.referral-content {
  display: grid;
  gap: 20px;
  width: 100%;
  grid-template-columns: 50% 50%;
  color: #fff;
}

.referral-content h4 {
  font-size: 64px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}

.refferal-sec .col-content h6 {
  color: #6a6a6a;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.15px;
  text-align: center;
}

.refferal-sec .col-content .amount-sec {
  grid-column-gap: 112px;
}

.refferal-sec .col-content h5,
.refferal-sec .col-content h5 a {
  font-size: 16px;
  font-weight: 600;
  line-height: 116.7%;
  /* 18.672px */
}

.refferal-sec .col-content h5 {
  color: #6a6a6a;
  margin-top: 51px;
  margin-bottom: 43px;
}

.refferal-sec .col-content h5 a {
  color: #f47320;
  text-decoration: none;
}

.refferal-process-sec .common-heading p {
  margin-top: 40px;
}

.wallet-form {
  display: flex;
  justify-content: center;
  padding: 72px 0 72px;
}

.process-boxes {
  display: flex;
  padding: 48px;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  border-radius: 24px;
  background: #fff;
  text-align: center;
  height: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.process-boxes h2 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin: 24px 0 0;
}

.process-boxes p {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0;
}

.wallet-form-head h4 {
  color: #015030;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  /* 32px */
  letter-spacing: 0.15px;
  margin: 0;
  text-align: left;
}

.referral-banner .utility-form {
  display: flex;
  justify-content: center;
}

.wallet-form button:hover {
  background-color: #002013;
  border-color: #002013;
  color: white;
}

.refferal-sec .referral-content {
  padding-top: 29px;
}

.referral-pro-img {
  display: flex;
}

.page-template-Referral .footer-menu-outer {
  margin-top: 0;
  background: #002013;
  padding-top: 64px;
}

.page-template-Referral .energy-utility {
  display: none;
}

.reffera-page-thankyou p {
  font-size: 20px;
  font-weight: 400;
}

.refferal-sec .ref-sec-img {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 630px;
  justify-content: center;
}

.referral-banner .custom-select {
  position: relative;
}

.refferal-sec .refferal-content-outer {
  display: flex;
  column-gap: 80px;
}

.referral-banner .match-beat-quote {
  padding: 52px 0;
  column-gap: 100px;
}

.referral-banner .match-and-beat {
  min-height: 804px;
}


.terms-link h6 {
  font-size: 16px;
  color: #6a6a6a;
  margin: 0;
  font-weight: 600;
  line-height: 116.7%;
}

.terms-link h6 a {
  color: #f47320;
  text-decoration: none;
}

.referral-content > p {
  width: 100%;
  max-width: 752px;
  margin: 0;
}

.ref-program .common-heading-data {
  padding: 102px 0;
  margin-bottom: -84px;
}

.ref-program .common-heading-data .large-title {
  font-size: 190px;
}

.refferal-sec .container > .common-heading {
  display: none;
}

.refferal-sec .container > .col-content {
  display: none;
}

.referral-content p {
  text-align: center;
  font-size: 16px;
  line-height: 150%;
  color: #fff;
  letter-spacing: 0.15px;
  margin: 0;
}

.refferal-sec .ref-program .terms-link {
  display: block;
}

.refferal-process-sec .row {
  row-gap: 24px;
}

.page-template-Referral .site-footer {
  margin: 0;
}

.referral-banner .match-beat-text {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.process-boxes-round {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #015030;
}

.process-boxes-round img {
    max-width: 36px;
    filter: brightness(100);
}


.match-beat-text h1 sup {
  font-size: 40px;
  top: -26px;
}

.wallet-form .helping-title {
  text-align: center;
}

.wallet-form .wpcf7-submit {
  width: 100%;
}

/* ========== Refferal Page =========== */

.fieldset-cf7mls-wrapper {
  padding-top: 6px;
}

.upload-cv .evcf7-verify-btn,
.upload-cv .evcf7_email_sent {
  display: none;
}

.upload-cv .fieldset-cf7mls .cf7mls_next {
  float: none;
}

.upload-cv .wpcf7-form .fieldset-cf7mls .cf7mls-btns {
  min-height: auto;
}

.upload-cv .cf7mls_back.action-button {
  color: #015030;
  background-color: transparent;
  border-radius: 4px;
  font-weight: 600;
  height: 56px;
  padding: 8px 22px;
  font-size: 15px;
  margin: 0;
  margin-top: -56px;
  position: relative;
  left: 30%;
}

.upload-cv form.cf7mls input.wpcf7-form-control.wpcf7-submit {
  float: none;
  position: relative;
}

.upload-cv form.cf7mls input.wpcf7-form-control.wpcf7-submit:hover {
  opacity: 1;
}

#new-form-container .submit-area {
  align-items: flex-start;
  width: 50%;
  margin-left: auto;
}

#new-form-container .submit-area p {
  width: auto;
}

/*** best solar quote start ***/

.verify-email-text {
  color: #6a6a6a;
  font-size: 12px;
  font-weight: 400;
  line-height: 166%;
  letter-spacing: 0.4px;
  padding: 2px 16px 0;
  margin-top: 3px !important;
}

.close-button-green {
  right: 10px;
  top: 6px;
}

.common-btn-dark {
  background-color: #f47320;
  border-color: #f47320;
}

.common-btn-dark:hover {
  background-color: #622e0d;
}

.page-template-Best-Solar-Company
  .form-checkbox
  .wpcf7-list-item
  .wpcf7-list-item-label:before {
  position: absolute;
  top: 0px;
}

.page-template-Best-Solar-Company
  .form-checkbox
  .wpcf7-list-item
  .wpcf7-list-item-label {
  padding-left: 28px;
}

.page-template-Best-Solar-Company div#message-container h4 {
  font-size: 36px;
}

.thankyou-form-signup p {
  display: flex;
}

.thankyou-form-signup input {
  background-color: #f47320;
  border-color: #f47320;
}

.page-template-Best-Solar-Company div#thankYouMessage2 {
  max-width: 920px;
}

.page-template-Best-Solar-Company div#message-container {
  max-width: 884px;
}

.average-monthly-electric-bill input {
  padding-left: 44px !important;
  position: relative;
}

.average-monthly-electric-bill img {
  top: 19.8px;
  position: absolute;
  left: 21px;
}

.page-template-Best-Solar-Company div#message-container h5 {
  color: #015030;
  font-size: 24px;
  font-weight: 600;
}

.page-template-Best-Solar-Company .thankyou-form-signup input {
  position: relative;
}

.page-template-Best-Solar-Company .thankyou-form-signup span {
  position: absolute;
  bottom: 16px;
}

/*** best solar quote end ***/

/*** Get quote form start***/
.page-template-home-inner-contact-form-page .home-contact-form {
  height: fit-content;
}

.page-template-home-inner-contact-form-page div#message-container h4 {
  color: #015030;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin-bottom: 24px;
}

.page-template-home-inner-contact-form-page .close-button-green {
  top: 0px;
}

.page-template-home-inner-contact-form-page
  .form-checkbox
  .wpcf7-list-item
  .wpcf7-list-item-label {
  padding-left: 30px;
}

.page-template-home-inner-contact-form-page
  .form-checkbox
  .wpcf7-list-item
  .wpcf7-list-item-label:before {
  position: absolute;
}

/*** Get quote form end***/

/*** form disabled field style ***/
.disabled-field {
  opacity: 1;
  border-color: #8b8b8b !important;
  pointer-events: none;
  color: #8b8b8b !important;
  background: none !important;
}

/*** form disabled field style ***/

/*** form error message style ***/
.wpcf7-not-valid-tip {
  padding-left: 14px;
  padding-top: 4px;
  color: #d32f2f !important;
}

/*** form error message style ***/

.page-template-Best-Solar-Company .site-footer {
  margin-top: 0;
}

/*** Upload resume validation style ***/
.career-validation-required-field .wpcf7-not-valid-tip {
  text-align: center;
}

/*** best solar topps new design form***/
.page-template-Best-Solar-Company .thankyou-form-signup input#signupButton {
  margin: 40px 0px 0px 0px;
}

.page-template-Best-Solar-Company .thankyou-form-signup {
  margin-top: 37px;
  width: 50%;
  margin-left: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.page-template-Best-Solar-Company .thankyou-form-signup input#signupButton {
  align-items: center;
  margin-left: -335px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}

.page-template-home-inner-contact-form-page .evcf7_email_sent {
  display: none;
}

.evcf7-verify-email {
  display: none;
}

.evcf7-verify-btn input[type="button"] {
  display: none;
}

.next-form,
.next-form p {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.next-form {
  margin-top: 24px;
}

.common-form-check .under-text {
  margin-top: 10px;
}

.common-thanku,
.common-thanku p {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}

.common-thanku {
  margin-top: 60px;
}

.common-thanku .wpcf7-spinner {
  position: absolute;
}

.commercial-banner .monthly-electric-bill {
  display: flex;
  justify-content: space-between;
}

.commercial-banner .banner-monthly-bill .monthly-electric-bill h5 {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.4%;
  /* 32.016px */
  display: flex;
  align-items: center;
}

.commercial-banner .banner-monthly-bill .input-range {
  width: auto;
}

.commercial-banner .input-range .rangevalue {
  padding: 16px 12px;
}

.review-logo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 30px;
  column-gap: 30px;
  margin-top: 30px;
}

.review-logo li {
  display: block;
}

.review-logo li img {
  max-width: 160px;
}

.review-logo .energysage-logo img {
  max-width: 200px;
}

/* Commercial Form 03-10-2024 */

.commercial-uploads-para {
  color: #6a6a6a;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin-bottom: 10px !important;
}

.commercial-uploads-para span {
  font-weight: 600;
}

/* Commercial Form 03-10-2024 */

/* Commercial Form 07-10-2024 */

.red-asterisk {
  color: red;
}

/* Commercial Form 07-10-2024 */

/* Commercial Form 09-10-2024 */

.dropdown-content .wpcf7-form-control-wrap {
  display: flex;
}

.dropdown-content .wpcf7-form-control {
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.custom-dropdown p {
  margin: 0;
}

.custom-dropdown .wpcf7-list-item input {
  width: 22px;
  height: 22px;
}

.custom-dropdown .wpcf7-list-item-label {
  color: #242424;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
}

.custom-dropdown .wpcf7-list-item {
  display: flex;
  column-gap: 8px;
  padding: 6px 16px;
  margin: 0;
}

.custom-dropdown .dropbtn:focus {
  box-shadow: none;
  outline: none;
  border-color: rgba(26, 27, 33, 0.20);
  color: #292A33;
  background-color: #fff;
  border-width: 4px;
}

.custom-dropdown .dropbtn {
  width: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.15px;
  height: 56px;
  color: #292A33;
  border-radius: 8px;
  padding: 14px 12px;
  border: 2px solid rgba(26, 27, 33, 0.20);
  background-color: #fff;
  text-align: justify;
  position: relative;
}

.custom-dropdown {
  position: relative;
  width: 100%;
}

.dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 10;
  width: 100%;
  padding: 8px 0;
  border-radius: 4px;
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.dropdown-icon-black {
  position: absolute;
  right: 15px;
  top: 26px;
  width: 13px;
}

.checkList-span {
  margin-left: 10px;
  cursor: pointer;
  color: grey;
  background: #bdbdbd;
  color: #fff;
  border-radius: 100%;
  padding: 0px;
  height: 15px;
  display: inline-flex;
  width: 15px;
  align-items: center;
  text-align: center;
  font-size: 19px;
  justify-content: space-around;
}

.custom-dropdown .wpcf7-checkbox input[type="checkbox"]:checked {
  accent-color: #015030;
}

/* Commercial Form 09-10-2024 */

/* Commercial banner 14-10-2024 */

.commercial-banner p {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 36px */
  letter-spacing: 0.15px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.page-template-commercial .banner-monthly-bill {
  background-color: transparent;
  margin-left: 0;
  padding: 0;
  grid-row-gap: 64px;
  margin-top: 64px;
}

.page-template-commercial .commercial-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  background-size: cover;
  background-position: center;
}

.page-template-commercial .commercial-banner .common-btn {
  width: 276px;
  margin-left: 0;
  display: block;
}

.commercial-banner-content {
  max-width: 967px;
  width: 100%;
}

.side-banner-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: min(100%, 68%);
  line-height: 1.4;
  padding: 0.2em 1em;
  background: rgba(0, 0, 0, 0.64);
  color: white;
  clip-path: polygon(0% 0%, 95% 0%, 89% 100%, 0% 100%);
}

.commercial-banner-content {
  z-index: 1;
}

/* Commercial banner 14-10-2024 */

/* Residential banner 15-10-2024 */

.page-template-residential .banner-monthly-bill {
  background-color: transparent;
  margin-left: auto;
  padding: 0;
  margin-top: 0;
}

.page-template-residential .residential-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 400px;
  background-size: cover;
  background-position: top;
}

.right-banner-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(100%, 65%);
  line-height: 1.4;
  padding: 0.2em 1em;
  background: rgba(0, 0, 0, 0.64);
  color: white;
  clip-path: polygon(100% 0%, 8% 0%, 13% 100%, 100% 100%);
}

.residential-data p {
  float: right;
  color: #fff;
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin-left: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

.residential-data .common-btn {
  width: 276px;
  margin-left: auto;
  display: block;
  margin-top: 64px;
}

/* Residential banner 15-10-2024 */

/* Home banner 04-11-2024 */

.home-banner .common-btn {
  margin-top: 64px;
}

.page-template-home-inner-contact-form-page .billdollar,
.page-template-commercial-form .billdollar {
  position: absolute;
  top: 17px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  left: 15px;
  z-index: 1;
}

.page-template-home-inner-contact-form-page #monthlyElectricityBill,
.page-template-commercial-form #monthlyElectricityBill {
  width: 100%;
  padding-left: 29px;
  box-sizing: border-box;
}

/* Home banner 04-11-2024 */

/* calander desing 06-11-2024 */

.ui-datepicker {
  width: auto !important;
}

.ui-datepicker-title span {
  font-size: 14px;
}

.ui-datepicker-calendar th span {
  font-size: 14px;
}

.ui-calender-icon {
  position: absolute;
  z-index: 11;
  right: 10px;
  top: 12px;
}

.ui-state-default {
  border: none !important;
  background: #fff !important;
}

.ui-state-active {
  background: #015030 !important;
  color: #fff !important;
}

.ui-datepicker th {
  text-align: center;
  font-weight: bold;
  border: 0;
  color: #8b8b8b;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 166%;
  letter-spacing: 0.4px;
  width: 36px;
  height: 36px;
}

.ui-datepicker {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.12),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.ui-datepicker .ui-datepicker-header {
  background: #fff;
  border: none;
  font-weight: bold;
  color: #242424;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.15px;
}

table.ui-datepicker-calendar td a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

table.ui-datepicker-calendar thead span {
  color: #8b8b8b;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 166%;
  letter-spacing: 0.4px;
}

.ui-datepicker-title span {
  color: #242424;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.15px;
}

/* calander desing 06-11-2024 */

.page-template-Book-Calendar-Template #monthlyElectricityBill {
  width: 100%;
  padding-left: 29px;
  box-sizing: border-box;
}

.page-template-Book-Calendar-Template .billdollar {
  position: absolute;
  top: 17px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  left: 15px;
  z-index: 11;
}

.exciting-update .large-title {
  font-size: 92px;
  left: 0;
}

.exciting-update {
  padding: 64px 0 64px;
}

.exciting-update .common-outline-btn {
  margin-top: 24px;
}

.exciting-update .slick-arrow {
  height: 42px;
  width: 42px;
  z-index: 1;
  top: auto;
  bottom: 20px;
  bottom: 0;
}

.exciting-update .slick-prev {
  left: -250px;
  right: 0;
  margin: 0 auto;
}

.exciting-update .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.exciting-update .slick-next {
  right: -250px;
  margin: 0 auto;
  left: 0;
}

.exciting-update .slick-prev::before {
  content: "";
  background-image: url(../assets/images/battery-only/arrow-left.svg);
  height: 100%;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: -1px;
  background-position: center;
  opacity: 1;
  background-size: 28px;
}

.exciting-update .slick-next::before {
  content: "";
  background-image: url(../assets/images/battery-only/arrow-right.svg);
  height: 100%;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  left: 0;
  top: -1px;
  background-position: center;
  opacity: 1;
  background-size: 28px;
}

.exciting-update .col-content {
  max-width: 786px;
  margin-top: 24px;
}

.exciting-update .common-heading h3 {
  max-width: 740px;
  margin-top: 24px;
}

.exciting-update .slick-arrow.slick-disabled {
  opacity: 0.5;
}

.exciting-update .slick-dots {
  bottom: -38px;
}

/* Landing Page */

.landing-page-banner {
  min-height: 616px;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.landing-page-banner h5 {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0.46px;
  color: #fff;
  line-height: normal;
  margin: 0;
}

.landing-page-banner h1 {
  color: #f6992e;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 64px;
  font-weight: 600;
  letter-spacing: 0.46px;
  line-height: normal;
  margin: 0;
}

.landing-page-banner .common-btn {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.46px;
  padding: 8px 22px;
  border-radius: 4px;
  margin-top: 20px;
  max-width: 421px;
  width: 100%;
}

.battery-sec.home-about .row {
  column-gap: 38px;
  flex-wrap: nowrap;
}

.battery-sec .col-content h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  margin-top: 8px;
  margin-bottom: 0;
  max-width: 750px;
}

.battery-sec .col-content h3 span {
  color: #f47320;
}

.battery-sec {
  padding: 60px 0;
}

.battery-sec .common-btn {
  margin-top: 17px;
}

.battery-sec .percentage-calculator-two .ev-data {
  min-height: 302px;
}

.battery-sec .first-percentage {
  min-height: 330px;
}

.battery-sec .ev-data {
  min-height: 288px;
  background-position: center;
  background-size: cover;
}

.battery-sec .percentage-calculator-two {
  padding-top: 27px;
}

.standalone-battery-box {
  border-radius: 12px;
  border: 1px solid #eee;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 24px;
  border-bottom: 10px solid #f6992e;
  height: 100%;
}

.standalone-battery-box h4 {
  font-size: 29px;
  font-style: normal;
  font-weight: 500;
  line-height: 123.5%;
  letter-spacing: 0.25px;
  color: #015030;
  margin: 12px 0;
}

.standalone-battery-box P {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 123.5%;
  /* 24.7px */
  letter-spacing: 0.25px;
  color: #242424;
  margin-bottom: 0;
}

.standalone-battery-title {
  text-align: center;
  margin-bottom: 48px;
}

.standalone-battery-title h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #015030;
  width: 100%;
  max-width: 862px;
  margin: 0 auto 20px;
}

.standalone-battery-title p {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 32px */
  letter-spacing: 0.15px;
  color: #242424;
  margin: 0;
}

.backup-systems {
  margin-top: 64px;
}

.standalone-battery .row {
  justify-content: center;
  row-gap: 24px;
}

.common-btn.large-size-btn {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  /* 130% */
  letter-spacing: 0.46px;
}

.landing-page-footer {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.landing-page-footer h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #015030;
  margin-bottom: 0;
}

.landing-page-footer h2 span {
  display: block;
}

.landing-page-footer h2 span a {
  color: #015030;
  text-decoration: none;
}

.landing-page-footer h5 {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #6a6a6a;
  margin: 0;
}

.landing-page-footer .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
}

.landing-page-footer .common-btn {
  max-width: 760px;
  width: 100%;
}

/*** powerwall ***/

.powerwall-banner {
  min-height: 946px;
  display: flex;
  align-items: flex-end;
  padding: 112px 0;
  background-position: bottom;
}

.powerwall-banner h1 {
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #fff;
  margin: 0;
}

.powerwall-banner h1 span {
  display: block;
  margin: 0;
  color: #f47320;
}


.key-features .what-we-use {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 22px;
  column-gap: 20px;
}

.comparing-specs .common-heading.common-heading-middle {
  max-width: 100%;
  margin: 0 auto 44px;
  padding-left: 0;
}

.comparing-specs .table thead th {
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.15px;
  color: #015030;
}

.comparing-specs .table tbody .first-row {
  font-weight: 600;
  font-size: 24px;
}

.comparing-specs .table thead th,
.comparing-specs .table tbody td {
  padding: 24px;
}

.comparing-specs .table tbody {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  /* 32px */
  letter-spacing: 0.15px;
  color: #474747;
}

.comparing-specs {
  padding: 64px 0 64px;
}

.comparing-specs .common-heading-data {
  position: relative;
  padding: 66px 0;
  margin-bottom: 0px;
}

.battery-cover {
  background-color: #015030;
  padding: 64px 0;
}

.battery-cover .container {
  display: grid;
  grid-template-columns: 735px 1fr;
  align-items: center;
  column-gap: 44px;
}

.battery-cover-content h2 {
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #fff;
  margin: 0;
}

.battery-cover-content h2 span {
  color: #f47320;
}

.battery-cover-content .col-content p {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.46px;
}

.battery-cover-content .btn-space {
  margin-top: 51px;
  column-gap: 30px;
  display: flex;
}

.key-features .common-heading-data {
  margin-bottom: 0px;
}

.battery-cover-content .common-outline-btn {
  background-color: #fff;
  color: #f6992e;
  border-color: #f6992e;
}

.comparing-specs .table {
  table-layout: fixed;
  margin: 0;
  border-radius: 24px 24px 0px 24px;
  overflow: hidden;
  
}

.page-template-tesla-powerwall-3 .site-footer {
  margin-top: 103px;
}

.home-product-sec.dealer-home-product.powerwall-product {
  padding-bottom: 64px;
  padding-top: 64px;
}

.comparing-specs .table > :not(caption) > * > * {
  color: #474747;
}

.comparing-download {
  color: #2196f3;
}

.comparing-specs .table p {
  margin: 0px;
  word-break: break-word;
  font-size: 24px;
  line-height: normal;
}

.powerwall-product .common-heading-data {
  margin-bottom: -10px;
}

/*** promotional ***/

.match-and-beat.promotional-banner .inner-banner-overlay,
.homeowners-sec .inner-banner-overlay {
  opacity: 0.4;
  background-color: #000;
}

.promotional-banner h4 {
  margin: 0 0 33px;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  color: #fff;
}

.promotional-banner h4 span {
  display: block;
}

.promotional-banner h6 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.46px;
  margin: 0;
  color: #fff;
}

.promotional-banner .match-beat-text h1 {
  margin-bottom: 26px;
  font-weight: 700;
}

.promotional-banner.match-and-beat {
  min-height: 981px;
}

.promotional-banner .match-beat-quote {
  padding: 51px 0 51px;
}

.limited-offer-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 71px;
}

.limited-offer-box .compare-data {
  align-items: center;
}

.limited-offer {
  padding: 40px 0;
}

.limited-offer-box .compare-data h4 {
  font-weight: 700;
}

.limited-offer-box .compare-data h4 span {
  color: #015030;
  font-weight: 500;
}

.limited-offer-box .col-content {
  max-width: 463px;
}

.limited-offer-box .col-content p {
  margin-bottom: 0;
}

.limited-offer-box .compare-data:last-child .col-content {
  max-width: 420px;
}

.limited-offer .common-heading.common-heading-middle {
  margin-bottom: 37px;
}

.common-heading-no-overlap .common-heading.common-heading-middle {
  max-width: 100%;
}

.limited-offer .common-heading p {
  margin: 0 0 24px;
}

.limited-offer .common-heading p:last-child {
  margin-bottom: 0;
}

.common-heading-no-overlap .common-heading-data {
  padding: 75px 0;
}

.limited-offer .container {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
}

.take-advantage {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  align-items: center;
}

.take-advantage p {
  font-size: 12px;
  max-width: 1395px;
  margin: 0 auto;
}

.common-btn.common-btn-orange-dark {
  background-color: #f47320;
  border-color: #f47320;
}

.common-btn.common-btn-orange-dark:hover {
  background-color: #622e0d;
  border-color: #622e0d;
}

.homeowners-sec .large-title {
  -webkit-text-stroke: 2px #fff;
}

.homeowners-sec {
  padding: 60px 0 120px;
}

.homeowners-sec .table {
  border: 1px solid #acacac;
  border-radius: 8px;
  overflow: hidden;
  table-layout: fixed;
  background-color: transparent;
  margin: 0;
  position: relative;
}

.table-overley {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.homeowners-sec .table-responsive {
  max-width: 1048px;
  margin: 0 auto;
}

.common-table-width {
  width: 216px;
  min-width: 216px;
}

.common-table-Installers {
  width: 268px;
  min-width: 268px;
}

.homeowners-sec .table th {
  vertical-align: middle;
}

.homeowners-sec .table thead th,
.homeowners-sec .table tbody td {
  padding: 12px;
  background-color: transparent;
  box-shadow: none;
  border-color: #d9d9d9;
}

.homeowners-sec .table thead th {
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #474747;
}

.homeowners-sec .table tbody td {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.15px;
  color: #015030;
}

.industry-leader .warranty-solar {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.savings-to-gain {
  margin-top: 60px;
}

.industry-leader {
  padding: 43px 0 60px;
}

.savings-to-gain p {
  font-size: 16px;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.15px;
  font-weight: 400;
  margin-bottom: 20px;
}

.savings-to-gain p:last-child {
  margin-bottom: 0px;
}

.savings-to-gain h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
  max-width: 600px;
  margin: 0 auto;
}

.savings-to-gain .common-btn {
  margin-top: 60px;
}

.profile-content figure img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.profile-content figcaption {
  color: #293246;
  font-size: 24px;
  font-weight: 500;
  line-height: 133.4%;
}

.profile-content figcaption span {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
}

.profile-content p {
  color: #4a4a4a;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
}

.profile-content {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.user-rating-div .star-icon {
  width: 26px;
}

.user-rating-div {
  display: flex;
  column-gap: 4px;
  align-items: center;
}

.our-reviews-slides .slick-track {
  display: flex;
}

.our-reviews-slides .slick-slide {
  margin: 0 12px;
  height: auto;
}

.our-reviews-slides .slick-slide > div {
  height: 100%;
}

.our-reviews-slides .slick-slide > div > div {
  height: 100%;
}

.our-reviews {
  padding: 64px 0 50px;
}

.our-reviews-slides .slick-dots {
  bottom: -40px;
}

.our-reviews-slides .slick-dots li button {
  width: 15px;
  height: 15px;
}

.our-reviews .container {
  padding: 0;
}

.our-reviews-slides .slick-dots li {
  width: auto;
  height: auto;
}

body.page-template-Promotional-Template,
body.page-template-commercial,
body.page-template-residential,
body.page-template-about-us,
.new-solar-web,
body.page-template-Battery-System-Installations,
body.page-template-home-inner-contact-form-page {
	background-color: #f3f3f3 !important;
}

.page-template-Promotional-Template-Page .site-footer {
  margin-top: 102px;
}

.finance-partners-companies-mobile .partners-companies-logo img {
  max-width: 190px;
}

.page-template-Promotional-Template .site-footer {
  margin-top: 103px;
}

.talk-details .social-icons {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 123.5%;
  letter-spacing: 0.25px;
}

.post-desc p:last-child {
  margin: 0;
}

.talk-details .single-blog-title-outer {
  margin-bottom: 10px;
  align-items: baseline;
}

.talk-details h3 .nav-links {
  display: inline-flex;
}

.talk-details .spotlight {
  padding: 0;
  position: relative;
  margin-top: 0;
}

.project-popup .swiper .swiper-slide iframe {
  height: 478px;
  width: 100%;
}

.details-back {
  display: inline-flex;
  gap: 24px;
  align-items: baseline;
}

.common-heading .common-admin-form p,
.common-admin-form p {
  font-size: inherit;
}

.talk-details .details-back .nav-links .nav-previous a img {
  max-width: 16px;
}

.our-reviews .ti-widget.ti-goog .ti-review-item > .ti-inner {
  background-color: transparent !important;
  border: 0.5px solid rgba(0, 0, 0, 0.2) !important;
  padding: 20px !important;
}

.our-reviews .ti-widget.ti-goog .ti-widget-container .ti-name {
  color: #293246;
  font-size: 24px;
  font-weight: 500;
  line-height: 133.4%;
}

.our-reviews .ti-widget.ti-goog .ti-widget-container .ti-date {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  margin: 0;
  display: none;
}

.our-reviews .ti-widget.ti-goog .ti-review-header {
  display: flex;
  align-items: center;
}

.our-reviews .ti-widget.ti-goog .ti-review-item .ti-stars {
  height: inherit;
  line-height: inherit;
  margin: 16px 0 !important;
  display: flex;
  column-gap: 4px;
}

.our-reviews .ti-widget.ti-goog .ti-star {
  width: 25px !important;
  height: 25px !important;
  margin-right: 0px !important;
}

.our-reviews .ti-widget.ti-goog .ti-platform-icon {
  position: relative;
  order: 3;
}

.profile-content figure {
  align-items: center;
}

.read-more {
  color: #4a4a4a;
  font-size: 14px;
  text-decoration: none;
}

.common-popup-content.service-popup-pdf .modal-content {
  height: 100%;
}

.common-popup-content.service-popup-pdf .modal-content .modal-body embed {
}

.common-popup-content.service-popup-pdf .modal-content .modal-body .pdf {
  width: 100%;
  height: 100%;
}

.common-popup-content.service-popup-pdf .modal-content {
  height: 100%;
  grid-row-gap: 0;
}

.common-popup-content.service-popup-pdf .modal-content .modal-body {
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 6px 24px 0px;
}

.service-popup-pdf .modal-footer {
  position: sticky;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.common-btn.common-btn-no-bg {
  background-color: transparent;
  color: #f47320;
  border-color: transparent;
}

.service-popup .form-checkbox,
.service-popup .form-checkbox p {
  color: #242424;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.service-popup .form-checkbox a {
  color: #2196f3;
  text-decoration: none;
}

.page-template-about-us .site-footer {
  margin-top: 102px;
}

.page-template-residential .our-reviews {
  padding: 64px 0 34px;
}

.page-template-residential .home-blog {
  padding-top: 48px;
}

.project-swiper .swiper .swiper-slide {
  height: 778px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.project-swiper .swiper {
  width: 100%;
  overflow: visible;
}

.project-swiper .swiper .swiper-slide iframe {
  height: 100%;
}

.our-reviews .wprevpro_t1_outer_div {
  display: flex;
  padding: 0;
}

.our-reviews .wprevpro_t1_outer_div .wprevpro_t1_DIV_1 {
  position: relative;
}

.our-reviews .wprevpro_t1_A_8 {
  position: absolute;
  top: 15px;
  left: 10px;
}

.our-reviews .wprevpro_t1_SPAN_5 {
  position: absolute;
  top: 24px;
  left: 94px;
  color: #293246;
  font-size: 24px;
  font-weight: 500;
  line-height: 133.4%;
  padding-top: 0;
}

.our-reviews .wprevpro_t1_DIV_2 {
  box-shadow: none;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  padding: 80px 20px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.our-reviews .wprevpro_t1_DIV_2:after {
  display: none;
}

.our-reviews .wprevpro_star_imgs_T1 {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}

.our-reviews .wprevpro_t1_DIV_2 img {
  display: none;
}

.our-reviews .wprevpro_star_imgs span.svgicons {
  width: 26px;
  height: 26px;
  background: #f47320;
}

.our-reviews .wprevpro_t1_DIV_2:before {
  display: none;
}

.our-reviews .wprevpro_t1_P_3 {
  color: #4a4a4a;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.15px;
  font-style: normal;
}

.our-reviews .wprevpro_t1_DIV_1 {
  padding: 0 12px !important;
}

.our-reviews .wprs_unslider-nav ol li {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #cdcdcd;
  border: none;
}

.our-reviews .wprs_unslider-nav ol .wprs_unslider-active {
  background-color: #f47320;
}

.our-reviews .starloc1 {
  display: flex;
  column-gap: 4px;
}

.exciting-update .slick-track {
  align-items: center;
  display: flex;
  padding-bottom: 48px;
}

.new-solar-web .exciting-update .slick-dots {
  bottom: 35px;
}

.exciting-update .slick-list {
  padding-bottom: 50px;
}

.exciting-update .row {
  display: flex;
  align-items: center;
}

.exciting-outer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: center;
}

.update-img img {
  max-width: 570px;
  max-height: 570px;
}

.exciting-update .common-heading {
  margin-bottom: 30px;
}

.exciting-content {
  padding-right: 30px;
}

.review-customer {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
  padding: 20px;
  height: 100%;
}

.review-customer p:last-child {
  margin: 0;
}

.review-avatar img {
  height: 40px;
  width: 40px;
}

.review-avatar h5 {
  color: #293246;
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}

.review-avatar {
  display: flex;
  column-gap: 15px;
}

.review-star {
  display: flex;
  column-gap: 7px;
  margin: 14px 0 16px;
}

.review-star img {
  min-width: 20px;
}

.backend-content h1,
.backend-content {
  line-height: 68px;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.proposal-request-design {
  padding: 30px 0;
  background-color: #1e1e1e;
  min-height: 100vh;
}

.proposal-request-design .common-form .form-group textarea {
  height: 76px;
}

.proposal-request-design .container {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.proposal-request-design h1 {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin: 10px 0 0;
  color: #f47320;
  text-align: center;
}

.proposal-request-design .helping-title h3 {
  color: #f47320;
  font-size: 24px;
}

.proposal-request-design .common-form-style .row {
  gap: 15px 0;
}

.proposal-request-design .upload-cv-file .codedropz-upload-handler {
  min-height: 101px;
}

.page-template-proposal-design-request .site-header,
.page-template-proposal-design-request .site-footer {
  display: none;
}

body.page-template-proposal-design-request.logged-in,
body.page-template-proposal-design-request {
  padding-top: 0px !important;
}

.logo-suite {
  min-width: 440px;
}

.equipment-preference-action li {
  display: flex;
  column-gap: 20px;
  align-items: center;
}

.equipment-preference-action .form-group input {
  border-color: #6a6a6a;
  border-width: 1.4px;
}

.equipment-lable h6 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.equipment-lable span,
.equipment-lable p {
  font-size: 12px;
}

.equipment-lable {
  min-width: 225px;
}

.equipment-preference-action {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.proposal-request-design .form-space-24 form,
.proposal-request-design .form-space-24 {
  row-gap: 15px;
}

.proposal-request-design .submit-area {
  gap: 15px;
}

.equipment-check .wpcf7-form-control {
  display: flex;
  column-gap: 20px;
}

.equipment-check
  .form-checkbox
  .wpcf7-list-item
  input:checked
  + .wpcf7-list-item-label:before {
  color: #f47320;
}

.equipment-check .form-checkbox .wpcf7-list-item .wpcf7-list-item-label:before {
  position: absolute;
  top: 0;
}

.equipment-check {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex: 1;
}

.equipment-input {
  display: flex;
  column-gap: 20px;
}

.equipment-check .form-checkbox .wpcf7-list-item .wpcf7-list-item-label {
  padding-left: 33px;
}

.equipment-check.form-checkbox
  .wpcf7-list-item
  input:checked
  + .wpcf7-list-item-label:before {
  border-color: #f47320;
  background-color: #f47320;
}

/***** *****/

.new-top-header-list {
  display: flex;
  column-gap: 12px;
  align-items: center;
  margin: 0;
}

.new-top-header-list li {
  display: block;
  font-size: 12px;
}

.new-top-header-list li img {
  opacity: 1;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.new-top-header-list li:hover img {
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.new-top-header p {
  margin: 0;
}

.new-top-header p a {
  color: #fff;
  text-decoration: none;
}

.new-header {
  position: fixed;
  top: 0;
  z-index: 11;
  transition: all 0.8s;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  max-width: 1920px;
}

.is-sticky .new-main-header .nav-item .nav-link {
  padding: 10px 20px;
}

.new-main-header {
  transition: all 0.8s;
  padding: 20px 0 8px;
}

.new-top-header {
  margin-top: 24px;
  transition: all 0.8s;
}

.is-sticky .new-top-header {
  margin-top: -29px;
}



.new-header.is-sticky .new-top-header-list li a {
  color: #000;
}

.new-header.is-sticky .new-top-header-list li img {
  opacity: 1;
}

.social-media-hover {
  display: none;
  opacity: 1;
}

.new-header.is-sticky .social-media-hover {
  display: block;
}

.new-header.is-sticky .social-media-default {
  display: none;
}

.hover-border {
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.hover-border span {
  position: relative;
  display: inline-block;
}

.new-header.is-sticky .new-top-header p a {
  color: #000;
}

.new-header.is-sticky {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
}

.is-sticky .new-top-header p {
  color: #000;
}

.new-header.is-sticky .new-main-header .nav-item .nav-link {
  color: #000;
}

.green-logo {
  display: none;
}

.new-header.is-sticky .white-logo {
  display: none;
}

.new-header.is-sticky .green-logo {
  display: block;
}

.new-main-header .navbar-collapse {
  flex-grow: inherit;
}

.new-main-header .navbar-expand-lg .navbar-collapse {
  flex-basis: inherit;
}

/* Dropdown Styles */
.new-main-header .dropdown-drop {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.95);
  min-width: 375px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  z-index: 1;
  opacity: 0;
  transform: translateY(-15px) scale(0.95);
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform-origin: top;
  border-radius: 8px;
}

.new-main-header .dropdown-drop.active,
.new-main-header .nav-item:hover .dropdown-drop {
  display: block;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.new-main-header .dropdown-item {
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.4px;
  white-space: inherit;
}

.new-main-header .dropdown-drop li {
  display: block;
}

.new-main-header .dropdown-drop li:first-child .dropdown-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.new-main-header .dropdown-drop li:last-child .dropdown-item {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.new-main-header .dropdown-drop.active .dropdown-item,
.new-main-header .nav-item:hover .dropdown-drop .dropdown-item {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered animation for dropdown items */
.new-main-header .dropdown-item:nth-child(1) {
  transition-delay: 0.1s;
}

.new-main-header .dropdown-item:nth-child(2) {
  transition-delay: 0.15s;
}

.new-main-header .dropdown-item:nth-child(3) {
  transition-delay: 0.2s;
}

.new-main-header .dropdown-item:hover {
  background-color: #f6992e;
  transform: translateX(5px);
  transition: background-color 0.3s ease, transform 0.2s ease;
  color: #fff;
}

.installation-banner .banner-title {
  font-weight: 600;
  font-size: 90px;
  margin: 0;
  color: #fff;
}

.installation-banner .banner-title span {
  color: #E67505;
}

.installation-banner {
  min-height: 880px;
  display: flex;
  align-items: inherit;
  padding-bottom: 0px;
  position: relative;
}

.home-banner-content {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 80px;
}

.hero-bg-img {
    width: 100%;
    object-fit: cover;
}
.new-main-header .navbar-nav {
  column-gap: 14px;
}

.new-main-header .navbar {
  padding: 0;
  justify-content: space-between;
}

.new-top-header p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.new-top-header-list li a,
.new-top-header-list li a:hover {
  color: #fff;
}

.new-header-btn .common-btn {
  min-height: auto;
  font-weight: 600;
  font-size: 16px;
  border-radius: 39px;
  padding: 8px 16px;
}

.new-main-header .nav-item .nav-link {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  padding: 20px;
  position: relative;
  transition: all 0.8s;
}

.new-main-header .nav-item .nav-link span {
  position: relative;
  display: inline-block;
}

.hover-border::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #f89839;
  transition: width 0.2s;
}

.hover-border:hover:after {
  width: 100%;
}

.new-header-btn {
  display: flex;
  gap: 20px;
}

.battery-cover.installation-battery {
  background-color: #f3f3f3;
}

.installation-battery .battery-cover-content .col-content p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.installation-battery .battery-cover-content h2 {
  color: #015030;
  letter-spacing: 0.45px;
  font-size: 45px;
  max-width: 820px;
}

.battery-cover.installation-battery .container {
  column-gap: 48px;
  grid-template-columns: 688px 1fr;
}

.installation-battery .battery-cover-content h2 span {
  color: #f6992e;
}

.energy-system .container {
  display: grid;
  grid-template-columns: 400px 1fr;
  column-gap: 48px;
  align-items: center;
}

.energy-system .nav-link {
  border-radius: 10px;
  background-color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  color: #015030;
  min-height: 104px;
  text-align: left;
  display: flex;
  align-items: center;
  column-gap: 16px;
  padding: 0 24px;
}

.energy-system .nav-link.active {
  background: var(
    --brand-gradient,
    linear-gradient(129deg, #04633d 11.88%, #002617 88.08%)
  );
  color: #fff;
}

.energy-system .nav-link.active img {
  filter: brightness(1000);
}

.energy-system .nav-pills {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 100%;
}

.energy-system .nav-link span {
  width: 30px;
}

.energy-system h2 {
  font-size: 32px;
  margin: 0 0 8px;
  color: #015030;
  font-weight: 700;
}

.energy-system p {
  color: #000;
  font-weight: 400;
  max-width: 1208px;
}

.energy-system p:last-child {
  margin-bottom: 0;
}

.existing-solar {
  padding: 80px 0 50px;
}

.existing-solar .title-sec {
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.45px;
  color: #333;
}

.existing-solar .title-sec b {
  color: #ffa003;
  font-weight: 700;
}

.existing-solar .title-sec strong {
  color: #015030;
  font-weight: 700;
}

.existing-solar .title-sec span {
  display: block;
}

.existing-solar p {
  margin: 0;
  line-height: 26px;
  text-align: left;
  font-size: 16px;
  width: 100%;
}

.existing-solar .container {
  display: flex;
  flex-direction: column;
  row-gap: 34px;
  align-items: center;
  max-width: 1400px;
}

.installation-process-sec .process-box .process-box-text h3 {
  opacity: 1;
  max-height: inherit;
  width: 100%;
  line-height: 49px;
  letter-spacing: 0.32px;
  max-width: 340px;
  font-size: 32px;
  color: #fff;
  transition: max-height 0.5s;
  font-weight: 700;
  margin: 0;
}

.installation-process-sec .process-box {
  width: calc(1 / 5 * 100%);
  min-height: 800px;
}

.installation-process-sec .process-box-text {
  padding: 0 20px;
}

.save-more .inner-banner-overlay {
  background: linear-gradient(
      0deg,
      rgba(6, 37, 56, 0.85) 0%,
      rgba(6, 37, 56, 0.95) 100%
    ),
    url(<path-to-image>) lightgray 50% / cover no-repeat;
  opacity: 0.95;
}

.container-fluid {
  padding: 0 16px;
}

.request-quote {
  max-width: 1096px;
  display: flex;
  gap: 48px;
  margin: 47px auto 0;
}

.request-quote-box-img {
  border-radius: 24px;
  overflow: hidden;
  min-height: 280px;
  width: 100%;
  position: relative;
}


.request-quote-box-img::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 128px;
    font-weight: 700;
    z-index: 9;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.request-quote-box:hover .bg-zoom {
  transform: scale(1.2);
}

.request-quote-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  align-items: center;
}

.save-more {
  background-position: bottom;
  padding: 120px 0px;
}

.save-more h2 {
  font-size: 64px;
  font-weight: 700;
  line-height: 130%;
  color: #f89839;
}

.save-more p {
  font-size: 32px;
  font-weight: 400;
  line-height: 49px;
  letter-spacing: 0.32px;
  color: #fff;
  margin: 0;
}

.new-solar-web .save-more .container {
  max-width: 1362px;
}

.title-sec {
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.45px;
}

.green-color {
  color: #015030;
}

.green-span span {
  color: #015030;
}

.orange-color {
  color: #f6992e;
}

.orange-span span {
  color: #f6992e;
}

.battery-system-box-img {
  border-radius: 24px;
  overflow: hidden;
  min-height: 400px;
  margin-bottom: 24px;
  background-position: center;
  position: relative;
}

.battery-system-box-img::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 65px;
    font-weight: 700;
    z-index: 9;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


.battery-system .title-sec {
  margin-bottom: 40px;
}

.battery-system .battery-system-box-outer {
  display: grid;
  gap: 80px;
  flex-wrap: nowrap;
  grid-template-columns: 1fr 1fr 1fr;
}

.battery-system-box-outer h3 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.28px;
  color: #1b1b1b;
  max-width: 400px;
  margin: 0 auto 12px;
}

.new-solar-web .battery-system .container {
  max-width: 1476px;
}

.battery-system-box-outer p:last-child {
  margin: 0;
}

.battery-system-learn-more {
  margin-top: 40px;
}

.battery-system-learn-more .common-btn {
  padding: 24px 28px;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  width: 100%;
}

.federal-data {
  background-color: #015030;
  display: grid;
  grid-template-columns: 500px 1fr;
}

.federal-tax {
  padding: 80px 48px;
  text-align: right;
  display: flex;
  align-items: center;
}

.federal-tax h2 {
  font-size: 64px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  max-width: 270px;
  margin-left: auto;
}

.installing-standalone {
  padding: 48px 80px 48px;
  position: relative;
  color: #fff;
}

.installing-overley {
  background: rgba(1, 80, 48, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.installing-standalone h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.45px;
  margin-bottom: 0px;
}

.installing-standalone h3 span {
  display: block;
}

.installation-cost {
  display: flex;
  column-gap: 36px;
  margin-top: 24px;
}

.installation-cost-summary span {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
}

.installation-cost-summary p {
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.45px;
  margin: 0;
}

.installation-cost-summary.cost-summary-divide {
  font-size: 65px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  align-items: flex-end;
  line-height: normal;
  padding: 0;
}

body.new-solar-web,
body.page-template-Battery-System-Installations,
body.page-template-Battery-System-Installations,
body.new-solar-web,
body.logged-in.new-solar-web,
body.logged-in.page-template-Battery-System-Installations {
  padding-top: 0 !important;
}

.our-reviews-slides .slick-arrow {
  display: none !important;
}

.new-header.is-sticky .new-main-header .navbar-toggler img {
  filter: invert(1);
}

.new-main-header .navbar .navbar-toggler:focus {
  box-shadow: none;
}

.installation-banner .new-header-btn {
  display: none;
}

.note-text {
  font-size: 24px;
  line-height: normal;
  font-weight: 600;
  margin-top: 24px;
}

.take-control .title-sec {
  max-width: 1060px;
  margin: 0 auto;
  line-height: 130%;
  letter-spacing: normal;
}

.battery-solution {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  border-radius: 24px;
  padding: 48px 24px 0px;
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}

.battery-solution h3 {
  margin-top: 20px;
  flex-grow: 1;
  font-size: 24px;
  line-height: normal;
  font-weight: 400;
  margin-bottom: 30px;
  max-width: 420px;
}

.battery-solution h3 span {
    font-size: 32px;
    font-weight: 700;
}

.take-control .common-btn {
  width: 100%;
  margin-top: 24px;
  min-width: 334px;
}

.take-control .container {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}

.take-control.embla-slider-outer .container{ row-gap: 0px;}

.new-solar-web .take-control .container {
  max-width: 1760px;
}

.flex-wrap-no-wrap .row {
  flex-wrap: nowrap;
}


.battery-cover.installation-battery .col-content {
  margin-top: 20px;
}

/** .is-sticky .new-main-header .dropdown-drop{ background-color: #000;} **/

.is-sticky .new-main-header .dropdown-item {
  color: #fff;
}

.is-sticky .new-main-header .dropdown-item:hover {
  color: #fff;
}


.new-solar-web .slick-prev {
  background-image: url(../assets/images/battery-only/arrow-left.svg);
  left: -250px;
  right: 0;
  margin: 0 auto;
}

.new-solar-web .slick-next {
  background-image: url(../assets/images/battery-only/arrow-right.svg);
  right: -250px;
  margin: 0 auto;
  left: 0;
}

.new-solar-web .slick-next::before, .new-solar-web .slick-prev::before{ display: none;}

.new-solar-web .slick-arrow {
  height: 42px;
  width: 42px;
  z-index: 1;
  top: auto;
  bottom: 20px;
  bottom: 0;
  transform: inherit;
}

.battery-backup-work .slick-list {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
}


.battery-backup-work p {
  text-align: left;
  margin-bottom: 16px;
}

.battery-backup-work .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.battery-backup-work .common-btn {
  margin-top: 22px;
}

.battery-backup-work .title-sec {
  margin-bottom: 28px;
  font-size: 48px;
}

.new-solar-web .slick-dots {
  bottom: -45px;
  display: flex;
  justify-content: center;
  column-gap: 12px;
}

.new-solar-web .slick-dots li {
  margin: 0;
  width: auto;
  height: auto;
}

.new-solar-web .slick-dots li button {
  width: 15px;
  height: 15px;
}

.battery-backup-work .slick-arrow::before {
  display: none;
}

.new-solar-web .slick-dots .slick-active button {
  width: 25px;
  border-radius: 24px;
  background: #f89839;
}

.battery-backup-work {
  padding: 80px 0;
}

/**** nav ****/
.menu-list {
  display: flex;
  column-gap: 12px;
  margin: 0;
  padding: 0;
}

.menu-list li {
  display: block;
}

.navbar-item {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  align-items: center;
}

.nav-link-menu {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-decoration: none;
  padding: 10px;
}

.hamburger-new {
  width: 30px;
  height: 28px;
  /* 3 lines * 4px height + 2 * 8px gap = 28px total */
  position: relative;
  transition: 0.4s ease-in-out;
  cursor: pointer;
  z-index: 9;
  display: none;
}

.hamburger-new span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.4s ease-in-out;
  transform-origin: left center;
}

.hamburger-new span:nth-child(1) {
  top: 0px;
}

.hamburger-new span:nth-child(2) {
  top: 12px;
  /* 4px height + 8px gap */
}

.hamburger-new span:nth-child(3) {
  top: 24px;
}

.hamburger-new.open span:nth-child(1) {
  transform: rotate(45deg);
  top: -3px;
  left: 5px;
}

.hamburger-new.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.hamburger-new.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 19px;
  left: 5px;
}

.sidebar-nav {
  display: none;
}

.navbar-item .hamburger {
  display: none;
}

.installation-process {
  display: flex;
}

.installation-process-box {
  width: calc(1 / 5 * 100%);
  min-height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1;
  overflow: hidden;
}

.installation-process-box:hover .bg-zoom {
  transform: scale(1.2);
}

.bg-zoom {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.5s;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.installation-process-box::before {
  content: "";
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.installation-process-text {
  padding: 0 22px;
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 387px;
  z-index: 2;
}

.installation-process-text h3 {
  color: #f5f5f5;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 49px;
  letter-spacing: 0.32px;
  margin: 0;
}

.new-solar-web {
  max-width: 1920px;
  margin: 0 auto;
}

.new-solar-web .common-btn,
.new-solar-web .common-btn {
  background-color: #E67505;
  font-weight: 600;
  font-size: 16px;
  transition: 0.2s ease-out;
  color: #ffffff;
}

.new-solar-web .common-btn:hover {
	background-color: #C96400;
  border-color: rgba(26, 27, 33, 0.10);
  color: #ffffff;
}

.new-solar-web .common-btn.dark-green-btn {
  	background-color: #015030;
  	color: #fff;
	border-width:4px;
  	border-color: rgba(243, 243, 243, 0.2);
}

.new-solar-web .common-btn.dark-green-btn:hover {
	background-color: #103325;
	/*border-color: rgba(243, 243, 243, 0.4);*/
  	border-color: rgba(243, 243, 243, 0.2);
}

.container.container-1852 {
  max-width: 100%;
  padding: 0 80px;
}

.container-16 {
  max-width: 1400px;
}

.new-solar-web .footer-menu-outer .container,
.new-solar-web .footer-menu-outer .container {
  max-width: 1852px;
  padding: 0 16px;
}

.new-solar-web .energy-utility .container,
.new-solar-web .energy-utility .container {
  max-width: 1760px;
  padding: 0 16px;
}

.new-solar-web #bewebchat,
.new-solar-web #bewebchat {
  bottom: 30px !important;
  right: auto !important;
}

div#birdeyeChat {
  position: fixed;
  max-width: 1920px;
  margin: 0 auto;
  z-index: 9;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  padding-right: 80px;
}

.battery-backup .slick-track {
  display: flex;
  align-items: center;
  padding-bottom: 48px;
}

.adding-solar {
  padding: 52px 0;
}

.adding-solar .parent-outer {
  display: grid;
  grid-template-columns: 880px 1fr;
  align-items: center;
}

.common-p p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  color: #252525;
}

.common-margin-last p:last-child{ margin: 0;}

.adding-solar-content {
  padding: 0px 80px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 39px;
}

.adding-solar-content-details h3 {
  font-weight: 700;
  color: #252525;
  font-size: 16px;
}

.adding-solar-content .title-sec {
  max-width: 740px;
  width: 100%;
  margin: 0;
  letter-spacing: normal;
}

.bg-zoom-outer {
  position: relative;
  overflow: hidden;
}

.solar-gallery {
  display: flex;
}

.solar-gallery-box {
  min-height: 500px;
  flex-grow: 1;
}

.stable-clean-energy{ background: #fff !important;}

.stable-clean-energy .container {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
  z-index: 1;
  position: relative;
}
.stable-clean-energy .title-sec {
    text-align: center;
}

.stable-clean-energy .max-14 {
    max-width: 1450px;
}

.why-add {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}


.expert-for-solar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
}

.expert-for-solar h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: normal;
  margin-bottom: 8px;
  color: #015030;
}

.text-color {
  color: #000000;
}

.expert-for-solar .common-p p {
  color: #1b1b1b;
  line-height: 160%;
}

.color-layer {
  position: absolute;
  top: 0;
  width: 100%;
}

.existing-solar.adding-existing-solar .title-sec span {
  display: inline;
}

.existing-solar.adding-existing-solar .title-sec {
  color: #015030;
  max-width: 1080px;
}

.what-new {
  padding: 24px 0;
}

.what-new .accordion-button::after,
.what-new .accordion-button:not(.collapsed)::after {
  background: url(../assets/images/adding-solar-panels/down-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
}

.what-new .accordion-button {
  padding: 0;
  font-size: 32px;
  color: #015030;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  box-shadow: none;
  border-radius: 0px;
  background-color: transparent;
  border: none;
  align-items: flex-start;
}

.what-new .accordion-item .accordion-body {
  padding: 12px 0px 0;
  max-width: 1400px;
  margin: 0 auto;
}

.what-new .accordion-item {
  box-shadow: none;
  border-radius: 0px;
  background-color: #f5f5f5;
  border-width: 0px 0px 0.5px 0px;
  border-bottom: 0.5px solid #b6b6b6;
  padding: 48px;
  counter-increment: acc-counter;
}

.what-new .accordion-collapse.show {
  background-color: #f5f5f5;
}

.what-new .accordion-button:not(.collapsed) {
  border: none;
  padding-bottom: 0;
}

.what-new .accordion-title {
  width: 100%;
  padding: 0 10px;
}

.what-new .accordion-button::before {
  content: counter(acc-counter, decimal-leading-zero) " ";
}

.what-new .accordion-button:focus {
  box-shadow: none;
}

.what-new .accordion {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  counter-reset: acc-counter;
}

.what-new .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0px;
}

.new-solar-web .energy-system .container {
  max-width: 1560px;
}

.bg-zoom-outer:hover .bg-zoom {
  transform: scale(1.2);
}

.removal-adding-solar .adding-solar-customer {
  min-height: 826px;
  width: 100%;
  height: 100%;
  clip-path: ellipse(61% 95% at 39% 54%);
  background-position: center;
}

.removal-adding-solar .adding-solar-content {
  padding: 80px 80px 80px 80px;
}

.adding-solar.removal-adding-solar {
  padding: 0;
}

.removal-adding-solar p {
  line-height: 160%;
}

.what-new .accordion-item .accordion-body h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 17px;
}

.why-add p:last-child {
  margin: 0;
}

.save-more.arizona-save-more .container {
  max-width: 1780px;
}

.arizona-save-more p {
  max-width: 1330px;
  margin: 0 auto;
}

.new-solar-web .review-customer p {
  font-size: 16px;
  text-align: left;
  font-weight: 400;
  line-height: 160%;
  flex-grow: 1;
}

p {
  font-size: 16px;
}

.new-solar-web .slick-arrow.slick-disabled {
  opacity: 0.5 !important;
  cursor: no-drop;
}

.removal-clean-energy .expert-for-solar {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.removal-clean-energy .expert-for-solar h3 {
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 0px;
}

.remove-expert {
  min-height: 224px;
  border-radius: 24px;
}

.switch-col {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.common-btn.new-common-btn-p {
  padding: 24px 48px;
  width: auto;
  font-size: 24px;
}

.common-btn.new-common-btn-p.common-btn-outline {
    background-color: transparent;
    color: #E67505;
    border-color: rgba(247, 153, 57, 0.80);
}

.common-btn .hover-effects {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #ea8017;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.common-btn.dark-green-btn .hover-effects {
  background-color: #023621;
}

.btn-zindex {
  position: relative;
}

.common-btn:hover .hover-effects {
  width: 225%;
  height: 562.5px;
  z-index: 1;
}

.removal-adding-solar .adding-solar-content {
  gap: 24px;
}

.removal-clean-energy .why-add {
  margin-bottom: 48px;
}

.new-solar-web .container {
  max-width: 100%;
  padding: 0 80px;
}

.new-solar-web .battery-system.enphase-iq-battery-system .container {
  max-width: 1795px;
  position: relative;
  z-index: 1;
}

.battery-system.enphase-iq-battery-system .title-sec {
  margin-bottom: 24px;
}

.enphase-iq-battery-system .battery-system-box-outer {
  margin-top: 70px;
}

.enphase-iq-battery-system .battery-system-box-outer h3 {
  max-width: 100%;
  color: #fff;
  margin: 0;
  font-weight: 700;
  font-size: 32px;
}

.enphase-iq-battery-system .color-layer {
  left: 0;
  opacity: 0.6;
}

.enphase-iq-battery-system .color-layer.color-layer2 {
  bottom: 0;
  top: auto;
  opacity: 1;
}

.enphase-iq-battery-system .battery-system-box-outer p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  max-width: 413px;
  margin-left: auto;
  margin-right: auto;
}

.enphase-iq-battery-system {
  overflow: hidden;
}

.adding-solar.enphase-iq-adding-solar {
  padding: 0;
  position: relative;
}

.adding-solar.enphase-iq-adding-solar::after,
.enphase-quality::after {
  content: "";
  height: 10px;
  width: 100%;
  background: linear-gradient(129deg, #04633d 11.88%, #002617 88.08%);
  position: absolute;
  bottom: 0;
}

.enphase-iq-adding-solar .adding-solar-content {
  padding: 80px;
  counter-reset: solar-counter;
}

.adding-solar-customer {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.adding-solar.enphase-iq-adding-solar .parent-outer {
  align-items: inherit;
  grid-template-columns: 1052px 1fr;
}

.enphase-iq-adding-solar .adding-solar-content-details {
  counter-increment: solar-counter;
}

.enphase-iq-adding-solar .adding-solar-content-details h3::before,
.battery-backup-trounleshooting
  .slick-slide
  > div
  > div
  .adding-solar-content-details
  h3::before {
  content: counter(solar-counter) ". ";
}

.enphase-details {
  display: grid;
  grid-template-columns: 640px 1fr;
  align-items: center;
  gap: 20px;
}

.enphase-quality .nav {
  justify-content: center;
}

.enphase-quality .center-content {
  max-width: 1410px;
  margin: 0 auto 24px;
  text-align: center;
}

.enphase-quality .container {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}

.enphase-quality .title-sec {
  margin: 0;
  font-size: 48px;
  text-transform: uppercase !important;
  line-height: normal;
}

.enphase-quality h3 {
  font-weight: 700;
  font-size: 32px;
  margin: 0;
  line-height: normal;
}

.battery-info {
  background-color: rgba(1, 80, 48, 0.1);
  padding: 16px;
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 24px;
}

.battery-info:first-child {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.battery-info:last-child {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.enphase-quality .nav .nav-link {
  padding: 12px 48px;
  border-radius: 0;
  background-color: transparent;
  color: #015030;
  font-weight: 600;
  font-size: 24px;
  border: 2px solid #015030;
}

.battery-info::before {
  content: "-";
}

.enphase-details-data p {
  margin-bottom: 16px;
}

.max-14 {
  max-width: 1400px;
  margin: 0 auto;
}

.page-template-Adding-Solar-Panel-Arizona .padding-slick {
  padding: 0;
}

.page-template-Adding-Solar-Panel-Arizona .center-slick .slick-track {
  max-width: 1400px !important;
}

.battery-backup-work h3 {
  font-size: 32px;
  font-weight: 700;
  text-align: left;
  margin: 0;
}

.background-position-center {
  background-position: center;
}

.enphase-quality {
  border-top: 12px solid #015030;
  border-bottom: 12px solid #015030;
  background-color: #fff;
}

.enphase-quality .nav .nav-link span {
  display: flex;
  gap: 4px;
}

.enphase-quality .nav .nav-link.active span {
  opacity: 1;
}

.enphase-quality .nav .nav-link.active {
  background-color: #015030;
  color: #fff;
}

.enphase-quality .nav .nav-link.active img {
  filter: brightness(1000);
}

.enphase-quality .tab-pane:focus-visible {
  outline: none;
}

.energy-capacity-label {
  background-color: rgba(1, 79, 48, 0.40);
  padding: 16px;
  min-width: 462px;
  max-width: 462px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

.energy-outer {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.energy-capacity {
  display: flex;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}

.energy-capacity-data {
  padding: 16px;
  background-color: rgba(1, 80, 48, 0.1);
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.energy-capacity:first-child .energy-capacity-label {
  border-top-left-radius: 12px;
}

.energy-capacity:first-child .energy-capacity-data {
  border-top-right-radius: 12px;
}

.energy-capacity:last-child .energy-capacity-data {
  border-bottom-right-radius: 12px;
}

.energy-capacity:last-child .energy-capacity-label {
  border-bottom-left-radius: 12px;
}

.enphase-iq-adding-solar .adding-solar-customer .bottom-layer {
  position: absolute;
  bottom: 0;
}

.adding-solar-energy-system .adding-solar-content {
  padding: 0;
  row-gap: 33px;
}

.adding-solar-energy-system .adding-solar-content .title-sec {
  max-width: 840px;
  font-size: 48px;
}

.adding-solar-energy-system .adding-solar-content-details h3 {
  font-size: 32px;
  line-height: normal;
}

.adding-solar-energy-system .adding-solar-content-details p {
  line-height: 160%;
}

.adding-solar.adding-solar-energy-system .parent-outer {
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

.adding-solar-energy-system .adding-solar-customer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  flex-grow: 1;
}

.indicators-troubleshoot {
  min-height: 500px;
}

.indicators-troubleshoot:nth-child(1) {
  width: 60%;
}

.indicators-troubleshoot:nth-child(2) {
  width: calc(40% - 4px);
  margin-left: auto;
}

.indicators-troubleshoot:nth-child(3) {
  width: 40%;
}

.indicators-troubleshoot:nth-child(4) {
  width: calc(60% - 4px);
  margin-left: auto;
}

.new-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  top: 0;
}

.new-common-overlay .container {
  position: relative;
  z-index: 1;
}

.adding-solar.adding-solar-energy-system {
  padding: 80px 0;
}

.existing-solar.enphase-iq-existing .container {
  gap: 0;
}

.existing-solar.enphase-iq-existing p {
  margin-bottom: 34px;
}

.existing-solar.enphase-iq-existing p:last-child {
  margin-bottom: 0;
}

.existing-solar.enphase-iq-existing .title-sec {
  color: #015030;
  margin-bottom: 12px;
}

.existing-solar.enphase-iq-existing {
  padding-bottom: 80px;
}

.customer-img {
  display: none;
}

.enphase-details-img {
  text-align: center;
}

.removal-adding-solar .adding-solar-content .title-sec {
  max-width: 710px;
}

.adding-solar-content-details {
  text-align: left;
}

.battery-backup-trounleshooting .slick-slide > div {
  counter-reset: solar-counter;
}

.battery-backup-trounleshooting .adding-solar-content-details {
  counter-increment: solar-counter;
}

.battery-backup-work.battery-backup-trounleshooting h3 {
  font-size: 16px;
  margin: 0;
}

.new-solar-web .slider-content p {
  font-size: 28px;
  font-weight: 600;
}

.advantages-climate {
  min-height: 1000px;
  display: flex;
  align-items: center;
}

.advantages-climate .common-p p {
  line-height: 160%;
}

.advantages-climate-data {
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.9);
  padding: 60px;
  max-width: 1200px;
  margin-left: auto;
  width: 100%;
}

.advantages-climate-data .title-sec {
  line-height: normal;
  margin-bottom: 12px;
}

.equipment-warehouse {
  box-shadow: 0 4px 4px 0 rgba(140, 140, 140, 0.25);
  border-radius: 24px;
  overflow: hidden;
  background-color: #fff;
  margin-top: 60px;
  position: relative;
  z-index: 1;
}

.advantages-climate-data .common-btn {
  margin-top: 24px;
}

.equipment-warehouse-outer .bg-zoom-outer {
  min-height: 328px;
  flex-grow: 1;
}

.equipment-warehouse-outer {
  display: flex;
}

.solar-panel-note {
  padding: 48px;
}

.solar-panel-note h3 {
  color: #293246;
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 4px;
}

.common-p.common-p-160 p {
  line-height: 160%;
}

.our-warehouse .title-sec span {
  display: block;
}

.our-warehouse .triangle-layer {
  position: absolute;
  bottom: 0;
  right: 0;
}

.advantages-climate .new-overlay {
  background-color: rgba(0, 0, 0, 0.3);
}

.enphase-iq-battery-system .color-layer.color-layer2.color-layer3 {
  display: none;
}

.what-new .container-fluid {
  padding: 0 24px;
}

.new-solar-web .energy-benefits-outer span {
  display: block;
  max-width: 90px;
}

.new-solar-web .solar-energy-benefits .row {
  margin: 0;
}

.common-banner-add {
  display: flex;
  justify-content: space-between;
  background-color: #065032;
  min-height: 128px;
  padding-right: 46px;
  gap: 20px;
}

.common-banner-add h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 49px;
  letter-spacing: 0.32px;
  color: #fff;
  margin: 0;
}

.common-banner-img {
  max-width: 293px;
  width: 100%;
  background-size: cover;
  clip-path: polygon(0 0, 100% 0, 148px 100%, 0% 100%);
  position: relative;
  background-position: center;
}

.common-banner-add .common-btn {
  padding: 16px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}

.partner-with-us {
  background-color: #015030;
  padding: 48px 0;
}

.solar-panel-note .text-center {
  margin-top: 24px;
}

.our-warehouse .battery-system-box-outer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
  position: relative;
  z-index: 9;
}

.our-warehouse .battery-system-box-outer h3 {
  max-width: 100%;
  margin: 0;
  line-height: normal;
}

.our-warehouse .battery-system-col {
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgba(140, 140, 140, 0.25);
  border-radius: 24px;
  overflow: hidden;
  padding-bottom: 0;
}

.our-warehouse .column-content {
  padding: 48px;
}

.our-warehouse .bg-zoom-outer {
  min-height: 280px;
}

.our-warehouse .center-content {
  margin-bottom: 48px;
}

.our-warehouse .common-btn {
  margin-top: 24px;
}

.our-warehouse .triangle-layer.triangle-layer2 {
  left: 0;
  right: auto;
  z-index: 1;
  opacity: 0.9;
}

.our-warehouse .column-content p {
  padding: 0;
}

.our-warehouse .column-content {
  padding: 24px;
}

.control-replacement-arizona .solution-usage-outer {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.control-replacement-arizona .battery-solution {
  padding-bottom: 48px;
}

.control-replacement-arizona .battery-solution h3 {
  margin-top: 0px;
  font-size: 46px;
  font-weight: 700;
  margin-bottom: 6px;
}

.control-replacement-arizona .battery-solution p {
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  max-width: 380px;
}

.adding-solar-replacement-arizona ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.black-line {
  height: 6px;
  width: 52px;
  background-color: #252525;
}

.adding-solar-replacement-arizona ul li span {
  font-weight: 700;
  color: #000;
}

.adding-solar-replacement-arizona b {
  font-weight: 700;
}

.adding-solar-replacement-arizona ul {
  padding-left: 28px;
}

.take-control.control-replacement-arizona .common-btn {
  max-width: inherit;
  width: auto;
}

.removal-adding-solar.adding-solar-replacement-arizona
  .adding-solar-content
  .title-sec {
  max-width: 850px;
}

.replacement-service-banner .new-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.new-solar-web .read-more {
  text-decoration: underline;
  color: #000;
  font-weight: 600;
}

/** footer new start **/
.new-solar-web .site-footer {
  display: none;
}

.new-site-footer {
  background: linear-gradient(180deg, #04633d -34.62%, #002617 106.99%);
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}

.new-site-footer .container {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.footer-links {
  display: flex;
}

.footer-link h3 {
  font-size: 12px;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 8px;
  color: #f89839;
  min-width: max-content;
}

.footer-link ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.footer-link ul li {
  display: block;
  line-height: normal;
}

.footer-link ul li a {
  font-size: 12px;
  font-style: normal;
  font-weight: 200;
  line-height: 160%;
  color: #fff;
  text-decoration: none;
}

.footer-link ul li a:hover,
.footer-bottom-links a:hover {
  text-decoration: underline;
  color: #fff;
}

.new-solar-web .footer-link ul li a:hover,
.new-solar-web .footer-bottom-links a:hover,
.new-solar-web .footer-link ul li a {
  color: #fff !important;
}

.social-icons li {
  display: block;
}

.social-icons {
  display: flex;
  column-gap: 12px;
}

.contact-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 12px;
}

.contact-buttons a {
    min-width: max-content;
    display: flex;
    flex-direction: row;
    padding: 10px 10px;
    width: auto;
    border-radius: 12px;
    min-height: auto;
}

.new-solar-web .contact-buttons a,
.new-solar-web .contact-buttons a:hover {
  color: #fff;
}

.new-site-footer address {
  font-size: 12px;
  font-style: normal;
  font-weight: 200;
  line-height: 160%;
  color: #fff;
  text-align: right;
}

.certifications {
  display: flex;
  column-gap: 16px;
}

.footer-left {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: flex-end;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  padding: 24px;
}

.footer-bottom p {
  margin: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 200;
  line-height: 160%;
  color: #fff;
}

.footer-bottom-links {
  display: flex;
  column-gap: 24px;
}

.footer-bottom-links a {
  font-size: 12px;
  font-style: normal;
  font-weight: 200;
  line-height: 160%;
  color: #fff;
  text-decoration: none;
}

.new-solar-web .footer-bottom-links a {
  color: #fff;
}

.footer-link {
  padding-top: 16px;
}

/*** footer new end ***/

.new-solar-web .review-customer {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0 6px 0 rgba(0, 0, 0, 0.07);
  border: none;
  border-radius: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}

.new-solar-web .slick-slide img {
  display: inline;
}

.new-solar-web .our-reviews-slides .slick-slide {
  margin: 20px 12px;
  height: auto;
}

.new-solar-web .our-reviews .title-sec {
  color: #015030;
  margin: 0 0 28px;
  padding: 0 80px;
  line-height: normal;
}

.new-solar-web .review-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.new-solar-web .review-star {
  justify-content: center;
  margin: 0 0 8px;
}

.new-solar-web .review-avatar img {
  height: 100px;
  width: 100px;
}

.new-solar-web .review-avatar h3 {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 8px auto 4px;
}

.new-solar-web .our-reviews-slides .slick-arrow {
  display: block !important;
}

.new-solar-web .our-reviews-slides .slick-prev {
  background-image: url(../assets/images/battery-only/arrow-left.svg);
  left: -200px;
  right: 0;
  margin: 0 auto;
}

.new-solar-web .our-reviews-slides .slick-next {
  background-image: url(../assets/images/battery-only/arrow-right.svg);
  right: -200px;
  margin: 0 auto;
  left: 0;
}

.new-solar-web .our-reviews-slides .slick-arrow {
  height: 42px;
  width: 42px;
  z-index: 1;
  top: auto;
  bottom: 20px;
  background-size: 42px;
}

.new-solar-web .our-reviews-slides .slick-dots {
  bottom: 53px;
}

.new-solar-web .our-reviews-slides.slick-dotted.slick-slider {
  margin-bottom: 0;
  padding: 0 0 120px;
}

.new-solar-web .our-reviews-slides .slick-prev:before,
.new-solar-web .our-reviews-slides .slick-next:before {
  display: none;
}

.new-solar-web .review-avatar div {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 400;
  color: #1b1b1b;
}

.new-solar-web .review-avatar div span {
  font-weight: 600;
}

.new-solar-web .review-star img {
  min-width: 25px;
}

.take-control.control-replacement-arizona .title-sec {
  font-size: 48px;
  line-height: normal;
}

.take-control.control-replacement-arizona .title-sec span {
  display: block;
}

.control-replacement-arizona .center-content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.social-icons li img {
  opacity: 0.8;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.social-icons li:hover img {
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.control-replacement-arizona .battery-solution div {
  flex-grow: 1;
}

.footer-mobile,
.container.footer-container-top {
  display: none;
}

.great-product-img {
  min-height: 681px;
  position: relative;
}

.great-product {
  display: grid;
  grid-template-columns: 680px 1fr;
  gap: 80px;
}

.product-content .title-sec {
  max-width: 650px;
}

.product-content {
  padding: 80px 120px 80px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.great-product-bg {
  height: 100%;
  width: 100%;
  clip-path: ellipse(61% 95% at 39% 54%);
  background-position: center;
  max-width: 630px;
  position: relative;
}

.great-product-bg::before {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
}

.solar-batteries {
  background: linear-gradient(129deg, #04633d 11.88%, #002617 88.08%);
  padding: 48px;
  border-radius: 24px;
  color: #fff;
  margin-top: 24px;
  row-gap: 12px;
  flex-direction: column;
  display: flex;
  padding: 48px;
}

.solar-batteries h3 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
}

.common-p .solar-batteries p {
  color: #fff;
}

.great-product-img img {
  position: absolute;
  top: 30px;
  right: -180px;
  bottom: 0;
  margin: auto;
}

.tesla-inverters-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 301px;
  gap: 16px;
}

.tesla-inverters-gallery-bg {
  min-height: 236px;
  border-radius: 24px;
}

.tesla-inverters-gallery .gallery-col:nth-child(1) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tesla-inverters-gallery
  .gallery-col:nth-child(1)
  .tesla-inverters-gallery-bg:last-child {
  grid-column: 1 / 3;
}

.tesla-inverters-gallery .gallery-col:nth-child(2) .tesla-inverters-gallery-bg {
  height: 100%;
}

.tesla-inverters-gallery .gallery-col:nth-child(3) {
  gap: 16px;
  display: flex;
  flex-direction: column;
}

.tesla-inverters .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}


.tesla-inverters .center-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 48px;
}

.tesla-inverters .center-content .title-sec {
  margin-bottom: 20px;
}

.project-customer-review h1,
.project-customer-review h2,
.project-customer-review h3,
.project-customer-review h4,
.project-customer-review h5,
.project-customer-review h6 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.25px;
  color: #015030;
}

.project-customer-review a {
  color: #f89839;
}

.multiple-category {
  gap: 8px 10px;
  display: flex;
  flex-wrap: wrap;
}

.multiple-category li {
  background-color: #04633D;
  padding: 4px 8px;
  border-radius: 80px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  display: inline-flex;
  column-gap: 4px; 
  align-items: center;
}

.multiple-category li a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.multiple-category li a:hover{color: #fff;}

.new-solar-web a,
.new-solar-web a:hover {
  color: #f47320;
}


body.new-solar-web .common-btn {
  overflow: hidden;
  position: relative;
}

.panel-battery {
  max-height: 440px;
}

.partner-slick {
  text-align: center;
  background-color: rgba(26, 27, 33, 0.4);
  padding: 48px 24px;
  margin: 0 24px;
  border-radius: 24px;
  flex-grow: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 375px;
	transition: 0.5s ease-out;
}

.partner-slick:hover {
  background-color: rgba(26, 27, 33, 0.3);
	border-color: 4px solid rgba(26, 27, 33, 1);
}

.new-partner-logo .slick-track {
  display: flex;
}

.new-partner-logo .slick-track .slick-slide {
  height: auto;
  display: flex;
  flex-grow: 1;
}

.new-partner-logo .slick-track .slick-slide > div,
.new-partner-logo .slick-track .slick-slide > div > div {
  display: flex !important;
  width: 100%;
  justify-content: center;
}

.partner-with-us .title-sec {
  color: #fff;
  margin-bottom: 16px;
  font-size: 40px;
  line-height: normal;
}

.partner-with-us p {
  font-size: 24px;
  color: #fff;
  max-width: 1300px;
  margin: 0 auto;
  font-weight: 600;
  line-height: normal;
}

.partner-with-us .center-content {
  margin-bottom: 40px;
  padding: 0 80px;
}


.new-solar-web .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: inherit;
  -moz-user-select: inherit;
  -ms-user-select: inherit;
  user-select: inherit;
  -webkit-touch-callout: inherit;
  -khtml-user-select: inherit;
  -ms-touch-action: inherit;
  touch-action: inherit;
}

.adding-solar-content-item {
  padding-left: 25px;
}

.adding-solar-content-item li {
  line-height: 29px;
  font-size: 16px;
  font-weight: 400;
}

.adding-solar-content-item li strong,
.adding-solar-content-item li b {
  font-weight: 700;
}

.adding-solar.evaluation-adding-solar {
  padding: 80px 0;
}

.future-expert::before {
  background-color: #f89839;
  content: "";
  width: 100%;
  min-height: 364px;
  position: absolute;
  top: 0;
}

.future-expert {
  padding-top: 32px;
}

.future-expert .color-layer {
  display: none;
}

.adding-solar-main-service .adding-solar-content {
  row-gap: 24px;
}

.adding-solar-main-service .adding-solar-content .title-sec {
  max-width: 100%;
}

.new-solar-web .take-control.main-service-take-control .container {
  max-width: 1800px;
}

.new-solar-web .our-reviews .swiper-button-next,
.new-solar-web .our-reviews .swiper-button-prev {
  height: 42px;
  width: 42px;
  z-index: 1;
  top: auto;
  bottom: 20px;
  background-size: 42px;
  bottom: 0;
  border-radius: 0;
  border: none;
  z-index: 12;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: #f89839;
  background-position: center;
  background-size: 26px;
}

.new-solar-web .our-reviews .swiper-button-next:hover,
.new-solar-web .our-reviews .swiper-button-prev:hover {
  background-color: #ea8017;
  transition: all 0.8s;
}

.new-solar-web .our-reviews .swiper-button-next svg,
.new-solar-web .our-reviews .swiper-button-prev svg {
 display: none;
}

.new-solar-web .our-reviews .swiper-button-next:focus-visible,
.new-solar-web .our-reviews .swiper-button-prev:focus-visible {
  outline: none;
}

.new-solar-web .swiper-button-next::after,
.new-solar-web .swiper-button-prev::after {
  display: none;
}

.new-solar-web .swiper-button-prev {
  background-image: url(../assets/images/battery-only/arrow-left.svg);
  left: -65px;
  right: 0;
  margin: 0 auto;
}

.new-solar-web .swiper-button-next {
  background-image: url(../assets/images/battery-only/arrow-right.svg);
  right: -65px;
  margin: 0 auto;
  left: 0;
}

.new-solar-web .swiper-pagination {
  bottom: 14px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
}

.new-solar-web .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 !important;
}

.new-solar-web .swiper-pagination-bullet {
  background-color: #cdcdcd;
}

.new-solar-web .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 24px;
  background: #f89839;
}

.new-solar-web .swiper-wrapper {
  display: flex;
  padding-bottom: 100px;
}

.new-solar-web .swiper-slide {
  height: auto;
}

.battery-backup-work .slick-track .slick-slide > div {
  padding: 0 80px;
}

.existing-battery-system .battery-system-col {
  position: relative;
}

.enphase-iq-battery-system.existing-battery-system
  .battery-system-box-outer
  h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 130%;
  position: relative;
  z-index: 1;
}

.existing-battery-system .battery-system-box-img {
  margin-bottom: 0;
  min-height: 457px;
}

.headings-backdrop-filter {
  position: absolute;
  bottom: 0;
  padding: 34px 10px 34px 10px;
  width: 100%;
  border-radius: 0 0 12px 12px;
  background-blend-mode: multiply;
  backdrop-filter: blur(25px);
}

.new-solar-web
  .battery-system.enphase-iq-battery-system.existing-battery-system
  .container {
  max-width: 1758px;
  position: relative;
  z-index: 1;
}

.new-solar-web .partner-with-us .container {
  padding: 0;
}

.inverter-replacement {
  display: flex;
  overflow: hidden;
}

.inverter-replacement-img {
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: flex-end;
}

.inverter-replacement-img::before {
  background-color: #fb923c;
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 622px;
  width: 622px;
  right: -76px;
  bottom: -72px;
  top: auto;
}

.inverter-replacement-img img {
  position: relative;
  max-width: 690px;
  right: -110px;
  bottom: -90px;
}

.inverter-replacement-content {
  width: 100%;
  max-width: 1106px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding: 80px 0 80px 80px;
  align-items: flex-start;
}

.inverter-replacement .common-p p {
  color: #000;
}

.inverter-replacement-content .title-sec {
  margin: 0;
  line-height: normal;
}

.inverter-replacement-content .common-btn {
  margin-top: 48px;
}

.inverter-replacement-content .adding-solar-content-item li {
  line-height: 160%;
}

.installation-battery.monitoring-upgrade .battery-cover-content h2 {
  letter-spacing: normal;
  line-height: normal;
}

.new-solar-web .our-reviews .container {
  padding: 0;
}

.new-solar-web .our-reviews .swiper {
  padding: 0 30px;
}

.solar-battery-banner .new-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}

.removal-clean-energy.solar-battery-replacement-stable .why-add {
  margin-bottom: 24px;
}

.solar-battery-replacement-stable .why-trust {
  color: #015030;
  margin-bottom: 36px;
}

.intro-highlight ul {
  width: 100%;
  padding-left: 25px;
}

.intro-highlight ul li {
  font-size: 16px;
  line-height: 160%;
  color: #fff;
  display: block;
}

.battery-backup-work .slider-new {
  margin-bottom: 30px;
}


/* .battery-backup-work .slick-track .slick-slide {
    margin: 0 24px;
} */

.new-solar-web .slick-next,
.new-solar-web .slick-prev {
  border: 2px solid transparent;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: #f89839;
  background-position: center;
  background-size: 28px;
}

.new-solar-web .slick-next:hover,
.new-solar-web .slick-prev:hover {
  border-color: transparent;
  background-color: #ea8017;
}

.paradise-valley {
  display: flex;
  background: linear-gradient(129deg, #04633d 11.88%, #002617 88.08%);
}

.paradise-valley-img {
  min-height: 883px;
  width: 100%;
  max-width: 800px;
  display: flex;
  align-items: center;
}

.paradise-valley-img .new-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.paradise-valley-content {
  padding: 60px 0;
  width: calc(100% - 800px);
}

.paradise-valley-content .title-sec {
  font-size: 45px;
  color: #fff;
  margin-bottom: 12px;
}

.paradise-valley-content .common-p p {
  color: #fff;
}

.paradise-valley-slider .common-btn {
  margin-top: 40px;
}

.paradise-valley-content .slick-dotted.slick-slider {
  margin-bottom: 0;
  height: 100%;
}

.new-solar-web .paradise-valley-content .slick-dots {
  bottom: 0;
  margin-bottom: 50px;
}

.new-solar-web .paradise-valley-content .slick-slider {
  display: flex;
  align-items: center;
}

.paradise-valley-content .slick-dots li button {
  background-color: rgba(255, 255, 255, 0.2);
}

.paradise-valley-content .slick-dots .slick-active button {
  background-color: #f89839;
}

.paradise-valley-title {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.paradise-valley-title h2 {
  font-size: 125px;
  font-weight: 900;
  color: #fff;
  margin: 0;
  line-height: 102px;
}

.paradise-valley-title h2:nth-child(2) {
  text-align: right;
}

.paradise-valley-content .slick-track .slick-slide > div {
  padding: 0 60px;
}


.new-header-footer .container {
  max-width: 1592px;
}

.new-solar-web.old-solar-web .save-more .container {
  max-width: 1780px;
}

.new-solar-web.old-solar-web .our-reviews .container {
  padding: 0px;
  max-width: 100%;
}

.new-solar-web.old-solar-web .installation-banner .container {
  padding: 0 80px;
  max-width: 100%;
}

.new-solar-web.old-solar-web {
  max-width: 100%;
  background-color: #f3f3f3 !important;
}

.new-solar-web.old-solar-web,
.new-header-footer {
  max-width: 1920px;
  margin: 0 auto;
}

.new-header-footer .new-header {
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.36) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    #015030;
}

.new-header-footer .new-header.is-sticky {
  background: #fff;
  position: fixed;
  margin: 0 auto;
}

.new-header-footer .new-header {
  position: sticky;
}

.new-solar-web .premium-product-content .common-btn {
  margin-left: 0;
}

.new-solar-web.old-solar-web .energy-benefits-outer .count {
  font-size: 32px;
}

.new-solar-web.old-solar-web .slider-content p {
  font-size: 28px;
}

.new-solar-web .benefits-text {
  width: auto;
}

.new-solar-web.old-solar-web .partner-with-us .container {
  max-width: 100%;
  padding: 0;
}

.page-id-193 .slider-rotate-width,
.page-id-193 .slider-rotate-width,
.page-id-473 .slider-rotate-width,
.page-id-2509 .slider-rotate-width,
.page-id-1002 .slider-rotate-width,
.page-id-999 .slider-rotate-width,
.page-id-850 .slider-rotate-width,
.page-id-3368 .slider-rotate-width {
  max-width: 560px;
}

.post-desc iframe {
  width: 100%;
}

.post-desc {
  word-break: break-word;
}

.solartopps-btn br {
  display: none;
}

.new-solar-web.old-solar-web .home-contact-main .container,
.new-header-footer .home-contact-main .container {
  max-width: 1680px;
}

.our-reviews .title-sec {
  color: #015030;
}

.new-main-header .dropdown-drop .dropdown-drop {
  position: static !important;
  padding-left: 0;
  box-shadow: none;
  background-color: transparent;
}

.quote-form .request-quote {
  margin: 60px auto 0;
  max-width: 1196px;
}

.home-contact-main .home-contact-form {
  max-width: 982px;
  margin: 0 auto;
}

.home-contact-main .common-form-style {
  border: 4px solid #015030;
  border-radius: 24px;
  background-color: #fff;
  padding: 48px;
}

.commercial-project {
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.commercial-project h3 {
  font-weight: 600;
  line-height: normal;
  font-size: 24px;
  color: #000;
  margin: 0;
}

.commercial-project p {
  font-weight: 400;
  line-height: normal;
  font-size: 12px;
}

.billdollar p {
  margin-top: 7px;
}



.home-contact-main .common-form .form-group label::before {
  position: absolute;
  content: "";
  height: 7px;
  width: 100%;
  background-color: #fff;
  left: 0;
}


.after-label {
  position: relative;
}

.success-content .container {
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  align-items: center;
}

.referral-options {
  display: flex;
  gap: 80px;
  justify-content: center;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.referral-box {
  display: grid;
  grid-template-columns: 200px 1fr;
  background: linear-gradient(129deg, #04633d 11.88%, #002617 88.08%);
  border-radius: 12px;
  overflow: hidden;
}

.referral-option {
  flex-grow: 1;
}

.price-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.referral-option {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.success-content p:last-child {
  margin: 0;
}

.success-page-content .container {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.referral-title p, .success-content p {
  margin-left: auto;
  margin-right: auto;
  max-width: 1340px;
  margin-bottom: 16px;
}

.referral-terms {
  font-weight: 400;
  line-height: normal;
  font-size: 12px;
  margin: 0;
}

.new-main-header .dropdown-drop .dropdown-drop li .dropdown-item {
  padding-left: 32px;
}

.new-main-header .dropdown-drop.submenu-level-0{ overflow: hidden;}

.home-contact-form .wpcf7 .wpcf7-submit:disabled {
  opacity: 0.2;
  pointer-events: none;
}

.common-form .form-group .input-filled {
  border-color: rgba(26, 27, 33, 0.20) !important;
  border-width: 4px;
}

.common-form .form-group .input-empty {
  border-color: #c80d0d !important;
  border-width: 4px;
}

.submit-area .common-btn.dark-orange {
  width: 100%;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.submit-area .common-btndisabled-submit {
  background-color: #fbc38c !important;
}

.submit-area .common-btn.dark-orange {
  background-color: #f89839 !important;
}

.somethingWntWrong {
  min-height: 500px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.somethingWntWrong img {
  max-width: 100px;
}
.somethingWntWrong h1 {
  color: #015030;
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
}

.somethingWntWrong p {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}

.battery-backup-work ol li {
    text-align: left;
    font-size: 16px;
}

.battery-backup-work ol {
    padding: 0 0 0 20px;
}

.price-overlay h3 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
}

.price-overlay h3 sup {
    font-size: 24px;
}

.price-overlay p {
    font-weight: 400;
    margin: 0;
    font-size: 12px;
}

.new-solar-web .link-request, .new-solar-web .link-request:hover {
    color: #00F;
    font-weight: 400;
    line-height: 160%;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    column-gap: 2px;
}


.our-warehouse .center-content h3 {
    color: #293246;
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 20px;
}


.old-solar-web .take-control .common-btn {
    width: auto;
    margin-top: 24px;
    min-width: 334px;
}

.chose-enphase{
  background: linear-gradient(66deg, #035C38 39.82%, #02472B 85.05%);
  display: flex;
  position: relative;
  overflow: hidden;
}

.chose-enphase-content {
    padding: 80px 80px;
    flex: 1;
}

.chose-enphase::after{
    content: "";
    position: absolute;
    top: 0;
    left: -280px;
    width: 84%;
    height: 100%;
    background: linear-gradient(101deg, #04633D 0.46%, #002617 71.56%, #012A1A 100%);
    transform: skewX(47deg);
    opacity: 0.5;
}

.chose-enphase-content .position-relative {
    z-index: 9;
    max-width: 1000px;
}

.chose-enphase-content p {
    margin: 0;
}

.chose-enphase-content .title-sec {
    color: #fff;
    max-width: 830px;
}

.chose-enphase-logo {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 460px;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0 80px 0 0;
}

.chose-enphase-content p {
    margin: 0;
    color: #ffff;
}

.safety-benefit-icon p{ font-size: 24px; color: #000; font-weight: 600; line-height: normal; margin: 0;}

.safety-benefit-icon{ display: flex; flex-direction: column; gap: 16px; flex-grow: 1; align-items: center;}

.safety-benefit {
    display: flex;
    gap: 80px;
    margin: 48px 0 0;
}

.intro-highlight .title-sec{ color: #fff; margin: 0;}
.intro-highlight p{ color: #fff;}
.intro-highlight img {
    max-width: 162px;
}
.intro-highlight-border {
    border: 1px solid #fff;
    padding: 24px 48px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    text-align: center;
}
.intro-highlight-border p:last-child, .intro-highlight-border > p{ margin-bottom: 0;}

.green-bg{ background-color: #015030;}
.white-text{ color: #fff;}
.site-evaluation-image {
    width: 405px;
    min-width: 405px;
    border-radius: 24px;
    overflow: hidden;
    min-height: 400px;
    text-align: center;
}

.free-site-evaluation{ padding: 48px 0;}

.free-site-evaluation .container {
    display: flex;
    gap: 80px;
    align-items: center;
}

.free-site-evaluation .title-sec {
    font-size: 63px;
    line-height: normal;
}

.site-evaluation-content p {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    color: #fff;
}

.site-evaluation-content p:last-child{ margin: 0;}

.free-site-evaluation .common-btn {
    margin-top: 48px;
}

.common-tick-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    background-color: #015030;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.common-solution-list {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.common-solution-list li {
    display: flex;
    column-gap: 48px;
    align-items: center;
}

.solution-list-content h3 {
    font-weight: 600;
    line-height: normal;
    font-size: 24px;
    margin: 0 0 2px;
}

.solution-list-content p {
  font-weight: 400;
  line-height: 160%;
  font-size: 16px;
  margin: 0;
}

.commercial-solar .common-solution-list {
    padding-left: 48px;
}

.common-col-outer {
    gap: 80px;
    display: flex;
}

.gallery-content {
    min-width: 670px;
    max-width: 670px;
    width: 100%;
}

.battery-only-systems {
    display: grid;
    justify-content: center;
    gap: 48px;
    max-width: 1080px;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.battery-only-systems-icon {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.10);
    border-radius: 24px;
    background-color: #fff;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 16px;
}

.battery-only-systems-icon h3{
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  color: #000;
  margin: 0;
}

.meet-your-need .container {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
}

.meet-your-need .title-sec{ margin: 0;}


.gallery-content .first-percentage h2 {
    font-size: 76px;
}

.gallery-content .first-percentage h6 {
    font-size: 28px;
}


.priority-sec-img {
    width: 100%;
    max-width: 660px;
    min-height: 595px;
	border-radius: 24px;
}


.priority-sec .container {
    display: grid;
    gap: 80px;
    grid-template-columns: 660px 1fr;
}

.priority-sec-content h3 {
    font-weight: 700;
    font-size: 28px;
}

.priority-sec-content .title-sec {
    line-height: normal;
    letter-spacing: normal;
}

.is-sticky .new-main-header {
  padding: 0 ;
}

.is-sticky .new-main-header #menu-main-menu > li > .nav-link{
  padding: 24px 20px 24px !important;
}

.priority-sec-content p b {
    font-size: 24px;
}


.menu-item-12146, .menu-item-12153, .menu-item-12160, .menu-item-12164, .menu-item-12205 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);  
}

.award-area {
    display: flex;
    gap: 24px;
    margin-top: 40px;
    justify-content: center
}

.award-area .award-img {
    background-color:#fff;
	  border: 4px solid #000;
	  padding:12px;
    overflow: hidden;
    flex-grow: 1;
    max-width: 330px;
}

.award-img img {
    width: 100%;
}

.leader-sec .title-sec {
    font-size: 40px;
    margin-bottom: 16px;
    line-height: normal;
}

.leader-sec p{ max-width: 1328px; margin: 0 auto; font-weight: 400; line-height: normal; font-size: 24px;}


.adding-solar-free-site .site-evaluation-content p {
    font-size: 16px;
    color: #000;
    line-height: 29px;
}

.adding-solar-free-site .site-evaluation-content p b {
    color: #015030;
}

.adding-solar-free-site .site-evaluation-content p b, .home-topps-difference p b {
    font-size: 24px;
    font-weight: 600;
}




.adding-solar-free-site .site-evaluation-image {
    min-width: 524px;
}

.free-site-evaluation.adding-solar-free-site .title-sec {
    font-size: 48px;
    
}

.free-site-evaluation.adding-solar-free-site.about-site-evaluation .title-sec {
    max-width: 920px;
}

.button-group-link {
    display: flex;
    gap: 16px;
    margin-top: 24px;
}

.button-group-link p{ display: flex;gap: 24px; justify-content: center;}

.button-group-link .common-btn {
    flex-grow: 1;
}


.free-site-evaluation.adding-solar-free-site {
    padding-top: 80px;
    padding-bottom: 80px;
}

.title-sec-sub{ font-size: 28px; font-weight: 700; line-height: normal;}

.home-topps-difference .title-sec-sub {
    max-width: 740px;
}

.exciting-company-installs{ box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.25); border-radius: 24px; display: grid; grid-template-columns: 696px 1fr; background-color: #fff; overflow: hidden; height: 100%;}


.exciting-company-content {
    padding: 80px 80px 80px 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.exciting-company-img {
    clip-path: polygon(100% 0%, 82% 100%, 0% 100%, 0% 0);
}

.new-solar-web .slick-dots {
    bottom: 12px;
}

.exciting-company-slide .slick-track{ padding-bottom: 70px; display: flex;}
.exciting-company-slide .slick-slide{ margin: 0 20px; height: auto; display: flex; flex-grow: 1;}

.exciting-company-slide .slick-slide > div, .exciting-company-slide .slick-slide > div > div {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.new-solar-web .exciting-company .container {
    padding: 0 60px;
    display: flex;
    flex-direction: column;
}

.exciting-company-slide.slick-slider {
    margin: 0;
}


.directly-customers-outer {
    border-radius: 24px;
    background-color: rgba(1, 79, 48, 0.10);
    padding: 48px;
    display: grid;
    grid-template-columns: 698px 1fr;
    gap: 48px;
    align-items: center;
}

.exciting-company .title-sec {
    margin: 0;
}

.directly-customers-outer .title-sec-sub span {
    font-family: "Oleo Script", system-ui !important;
    font-weight: 700;
    font-size: 48px;
}

.directly-customers-video {
    position: relative;
}

.directly-customers-video {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

.directly-customers-video .play-icon {
    position: absolute;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
    top: 0;
    cursor: pointer;
}

.directly-customers-video::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.60);
    position: absolute;
    width: 100%;
    height: 100%;
}


.modal-open{ padding-right: 0 !important;}


.video-modal .modal-dialog {
    max-width: 750px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-modal .modal-content {
    padding: 0;
    border-radius: 24px;
    background-color: #121319;
}

.video-modal .close-pop {
    border: none;
    padding: 0;
    background-color: transparent;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
    filter: brightness(100);
}


.video-modal .modal-body {
    padding: 120px 48px 48px 48px;
    max-height: calc(100vh - 40px);
    overflow: auto;
}

.pop-content .title-sec {
    font-size: 40px;
    line-height: normal;
    text-align: center;
}

.pop-content .title-sec span{
    font-family: "Oleo Script", system-ui !important;
    font-weight: 700;
    font-size: 64px;
}
.pop-content {
    padding-top: 48px;
    text-align: center;
}

.video-modal .common-p p{ color: #fff; line-height: 150%; text-align: left;}

.video-modal .common-btn{ margin-top: 12px;}


.modal-open .modal-backdrop{ background-color: rgba(0, 0, 0, 0.8); --bs-backdrop-opacity: 0.8;}


.take-control .product-slider .slick-track {
    padding-bottom: 90px; 
    display: flex;
}

.take-control .product-slider .slick-slide {
    margin: 0 40px;
    display: flex;
    flex-direction: column;
    height:auto;
}


.take-control .product-slider .slick-slide div {
    flex-grow: 1;
    display: flex !important;
    flex-direction: column;
}

.take-control .product-slider .slick-slide div .solution-usage{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}


.exciting-company-content .title-sec-sub, .directly-customers-content .title-sec-sub {
    font-size: 40px;
}


.embla-slider-outer .embla__prev,.embla-slider-outer .embla__next {
    position: absolute;
    height: 42px;
    width: 42px;
    z-index: 1;
    top: auto;
    bottom: 20px;
    bottom: 0;
    transform: inherit;
}

.embla-slider-outer .embla__prev {
    background-image: url(../assets/images/battery-only/arrow-left.svg);
    left: -250px;
    right: 0;
    margin: 0 auto;
}

.embla-slider-outer .embla__next {
    background-image: url(../assets/images/battery-only/arrow-right.svg);
    right: -250px;
    margin: 0 auto;
    left: 0;
}

.embla-slider-outer .embla__prev, .embla-slider-outer .embla__next {
    border: 2px solid #f6992e;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-color: #E67505;
    background-position: center;
    background-size: 28px;
}

.embla__prev, .embla__next:hover {
    border: 2px solid #f6992e;
    background-color: #C96400;
}

.embla-slider-outer .embla__container {
    display: flex;
    padding-bottom: 60px;
    padding-top: 48px;
}

.embla-slider-outer .embla__dots .embla__dot, .embla-slider-outer .embla__dots .embla__dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #cdcdcd;
    transition: all 0.3s;
    border: none;
}

.embla-slider-outer .embla__dots .embla__dot.is-selected {
    width: 25px;
    border-radius: 24px;
    background: #E67505;
}

.embla-slider-outer .embla__dots {
    display: flex;
    column-gap: 12px;
    justify-content: center;
    bottom: 11px;
    position: relative;
}

.embla-slider-outer .embla__slide {
    padding: 0 20px;
}

.award-winning-sec .award-area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 48px;
}

.award-winning-sec p {
    max-width: 910px;
    margin: 0 auto;
}

.award-winning-sec .container {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
}

.new-solar-web .award-winning-sec .container{ max-width: 1510px;}
.new-solar-web .slick-common-padding .container{ padding: 0 80px;}
.slick-common-padding .slick-dotted.slick-slider{ margin: 0;}
.slick-common-padding .slick-track{ padding-bottom: 70px;}
.slick-common-padding .slick-slide{ margin: 0 20px;}



.product-slider .embla__slide {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
}

.solution-usage {
    flex-grow: 1;
}

.award-winning-sec .award-silde-mobile .award-area {
    display: flex;
}

.priority-sec.about-priority .container {
    grid-template-columns: 1fr 660px;
    align-items: center;
}


.priority-sec-content strong, .priority-sec-content p strong,.priority-sec-content b , .common-col-outer-right p strong, .common-col-outer-right strong, .common-col-outer-right b{
    font-size: 24px;
    font-weight: 600;
}

.review-data {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 48px;
}

.review-sec .container {
    max-width: 1350px;
}

.review-img {
    border-radius: 24px;
    overflow: hidden;
    display: flex;
}

.terms-condition .common-form-style {
    border: none;
    border-radius: 24px;
    padding: 80px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}


.review-sec.embla-slider-outer .embla__container {
  padding-top: 0;
}

.time-media {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.time-media p {
    margin: 0;
    display: flex;
    column-gap: 8px;
    font-weight: 700;
}

.resources-sec .container {
    display: flex;
    column-gap: 24px;
    max-width: 1688px;
}


/* .sub-categories .embla__slide {
    flex: 0 0 33.3%;
} */


.solution-usage-outer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

.button-space-lefts {
    padding-left: 175px;
}

.related-review-slider .embla__viewport {
    display: flex;
    flex-direction: column;
}



.single-blog-section .embla-slider-outer .embla__container .embla__slide {
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-direction: column;
}

.single-blog-section .embla-slider-outer .embla__container {
    flex-grow: 1;
}

.single-blog-section .embla-slider-outer .embla__container .embla__slide .row{ margin: 0 -24px;}

.single-blog-section .embla-slider-outer .embla__container .embla__slide .row>*{ padding: 0 24px;}



.single-blog-section .slick-track {
    display: flex;
    flex-grow: 1;
}

.single-blog-section .slick-track .slick-slide {
    display: flex;
    flex-grow: 1;
    height: auto;
}

.single-blog-section .slick-track .slick-slide > div, .single-blog-section .slick-track .slick-slide > div > div,.single-blog-section .slick-track .slick-slide > div > div .home-blog-box, .single-blog-section .slick-track .slick-slide > div > div .home-blog-box a {
    display: flex !important;
    flex-grow: 1;
    flex-direction: column;
    height: auto;
}


.sub-categories .title-sec {
    margin-bottom: 0;
    color: #E67505;
    font-size: 40px;
}

.single-blog-section .spotlight {
    margin: 0;
}


.free-site-evaluation .button-group-link .common-btn,.submit-area .button-group-link .common-btn{ flex-grow: inherit;}

.free-site-evaluation .button-group-link .common-btn {
    padding: 24px 38px;
}

.common-image-text .common-col-outer {
    display: grid;
    grid-template-columns: 1fr 650px;
}

.common-solution-wrapper {
    display: flex;
    gap: 48px;
}


.common-solution-wrapper .common-solution-list{ box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); border-radius:24px; background: rgba(1, 80, 48, 0.10); padding: 48px;}

.new-solar-web .key-features .container {
    max-width: 1740px;
}

.key-features .center-data p{ max-width: 1400px; margin: 0 auto;}

.comparing-specs .table thead tr th, .comparing-specs .table tbody tr td:first-child { background-color: #015030; color: #fff; border-color: #015030;}

.comparing-specs .table-bordered>:not(caption)>*>* {
    border-width: 1px;
}

.comparing-specs .table tbody td{ font-weight: 400; color: #000; border-color: #015030;}

.comparing-specs .comparing-download {
    color: #000;
    text-decoration: none;
}

.comparing-specs .table thead tr th:first-child{ border-top-left-radius: 24px;}
.comparing-specs .table thead tr th:first-child:last-child{ border-top-right-radius: 24px;}

.comparing-specs .center-data {
    max-width: 820px;
    margin: 0 auto;
}


.comparing-specs .table tbody tr:last-child td:last-child{ border-bottom-right-radius: 0;}
.comparing-specs .table tbody tr:last-child td:first-child{ border-bottom-left-radius: 24px;}
.comparing-specs .table tbody tr:last-child td{ border-bottom: 0;}

.table-border {
    border-radius: 24px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	border-bottom: 0;
}

.powerwall-site-evaluation .title-sec {
    max-width: 1100px;
}


.common-tab .nav-tab {
  padding: 9px 16px;
  background-color: #fff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #E67505;
  border: 2px solid rgba(247, 153, 57, 0.80);
  line-height: 150%;
}

.common-tab .nav-tab.active{ border-color: #F89839; background-color: #E67505; border-width: 4px; color: #ffff;}

.common-tab .nav-tab:focus-visible{ outline: none;}

.common-tab {
    display: flex;
    gap: 24px;
	flex-wrap: wrap;
}


.search-data.selectMobile .form-control{ padding: 12px;}


.search-data .form-group{ position: relative;}
.search-data .form-control, .career-sec .dataTables_wrapper .dataTables_filter input{border: 2px solid rgba(6, 122, 87, 0.80); font-weight: 400; line-height: 160%; font-size: 16px; height: 58px; border-radius: 12px; color: #191A20; padding: 12px 12px 12px 50px;}
.search-data .form-control:focus{ box-shadow: none;}
.search-data .btn {
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    top: 16px;
    left: 12px;
    outline: none;
    box-shadow: none;
}
.search-data .btn:active{ outline: none; border: none;}

.manufacture-list table th .max-content {
    max-width: max-content;
    min-width: max-content;
}

.common-container-1360 .container, .new-header-footer .common-container-1360 .container{ max-width: 1520px;}

.new-header-footer .single-blog .container{ max-width: 1642px;}

.resources-project .cvf_pag_loading .row {
    margin: 0 -14px;
    grid-row-gap: 48px;
}

.resources-project .cvf_pag_loading .row > * {
    padding: 0 14px;
}


.project-details .single-post .embla-slider-outer .embla__container{ padding-top: 0;}
.project-details .single-post .embla-slider-outer .embla__slide{ padding: 0;}

.remove-max-title .title-sec{ max-width: 100% !important;}

.enphase-details .common-btn {
    margin-top: 5px;
    display: none;
}

.project-details .embla__slide iframe{
      background-color: #000;
}

.project-details .time-media {
    margin-top: -63px;
    display: flex;
}


.project-details .project-embla .embla__container{ padding-top: 0;}

.project-details .project-embla .embla__slide {
    padding: 0;
    border-radius: 24px;
    overflow: hidden;
}

.details-content-space {
    margin-top: -57px;
}

.refferal-process-sec .center-data {
    max-width: 1080px;
    margin: 0 auto;
}
.referral-program-sec .terms-link p{ margin: 0;} 
.new-solar-web .terms-link a{ color: #000;}

.referral-program-sec .priority-sec-content .title-sec-sub {
    font-size: 40px;
}

.referral-program-sec .priority-sec-content .title-sec {
 max-width: 480px;
}

.dark-gray{ background: linear-gradient(0deg, rgba(41, 50, 70, 0.20) 0%, rgba(41, 50, 70, 0.20) 100%), #FFF;}

.exciting-company.dark-gray.embla-slider-outer .embla__dots .embla__dot{ background: rgba(0, 0, 0, 0.20);}
.exciting-company.dark-gray.embla-slider-outer .embla__dots .embla__dot.is-selected{ background: #E67505;}

.refer-note{ color: #015030; font-size: 12px; font-weight: 400; margin-top: 48px;}

.power-your-home .title-sec {
    max-width: 1460px;
    margin: 0 auto;
}

.power-your-home .center-data{ max-width: 1572px; margin: 0 auto;}

.power-your-home .button-group-link .common-btn {
    flex-grow: inherit;
}

.home-contact-main.new-referral-form .common-form-style {
    margin-top: 48px;
}

.common-search-filter {
    display: grid;
    gap: 24px;
    grid-template-columns: 436px 1fr;
}

.single-blog  article .multiple-category li {
    min-height: 42px;
} 

.single-blog  article .title-sec{ font-size: 40px; line-height: normal;}

.blog-title-sec {
    display: flex;
    align-items: baseline;
    gap: 24px;
    justify-content: space-between;
}

.nav-links {
    display: flex;
    gap: 24px;
}

.software-img-mobile {
    display: none;
}

.software-sec .row .w-full{ width: 100%;}

.software-sec .row {
    display: grid;
    grid-template-columns: 1fr 614px;
}

.software-sec .title-sec {
    max-width: 800px;
}


.sub-categories.embla-slider-outer .embla__container{ margin: 0 -14px;}

.outline-btn{ padding: 8px 16px; border: 2px solid rgba(247, 153, 57, 0.80); font-size: 16px; font-weight: 700; line-height: 160%; color: #E67505; text-decoration: none; border-radius: 40px; background-color: #fff;}

.indicates-required {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: #000;
}


.career-thanku .button-group-link {
    flex-direction: initial;
    justify-content: center;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: inherit;
}

.career-thanku .button-group-link .common-btn {
    flex-grow: inherit;
}

.new-solar-web .new-header-btn .common-btn.dark-green-btn {
  	border-color: rgba(243, 243, 243, 0.2);
}

.new-solar-web .new-header-btn .common-btn.dark-green-btn:hover {
  border-color: rgba(1, 79, 48, 0.6);
}

.job-description {
    font-size: 16px;
}

.career-sec .common-btn {
    min-width: max-content;
}

.get-quote .green-color {
    margin-bottom: 16px;
}


.heateor_sss_facebook .heateor_sss_svg img {
    content: url(../assets/images/battery-only/facebook.svg);
}


.custom-fb-share {
    background-color: #015030;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-fb-share img {
    max-width: 23px;
    position: relative;
    top: -1px;
}

.dropdown-selected {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    height: 56px;
    color: #242424;
    border-radius: 8px;
    padding: 12px 12px;
    border: 2px solid rgba(26, 27, 33, 0.20);
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-image: url(../assets/images/select-drop.svg);
    background-repeat: no-repeat;
    background-position: 98%;
    background-color: #fff;
}

.dropdown-list {
  display: none;
  position: absolute;
  background-color: #fff;
  z-index: 9;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 14px 0;
}

.dropdown-list.open {
    display: block;
    max-height: 300px;
    overflow: auto;
}



.dropdown-group {
    font-weight: 600;
    padding: 10px 14px 0px;
    border-top: 1px solid rgba(26, 27, 33, 0.30);
    margin-top: 7px;
}

.dropdown-option {
    padding: 8px 14px;
    cursor: pointer;
}
.dropdown-option p{transition: inherit;}


.dropdown-group:first-child {
    border-top: none;
    padding-top: 0;
}

.dropdown-option:hover{ background-color: #1967d2; color: #fff;}
.dropdown-option.is-selected:hover{background-color: #1967d2;}


.dropdown-option:last-child{ padding-bottom: 0;}

.dropdown-option.is-selected{background-color:rgba(26, 27, 33, 0.10);}

.dropdown-selected:focus {
    border-width: 4px;
}

.free-site-evaluation .button-group-link {
    flex-wrap: wrap;
}

.resources-project .home-blog-box, .resources-project .home-blog-box a, .resources-project .home-blog-box .home-blog-text{ display: flex; flex-direction: column; flex-grow: 1;}

.resources-project .home-blog-text h2{ flex-grow: 1;}

.year-warranties {
    background-color: #E67505;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 24px;
}

.year-warranties p {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    padding: 15px 0;
}

.year-warranties p span{font-size: 32px; font-weight: 700; padding-right: 25px;}

.year-warranties:before {
    content: "";
    height: 140px;
    width: 140px;
    position: absolute;
    background-color: rgba(26, 27, 33, 0.10);
    border-radius: 100%;
    left: -60px;
}

.add-close {
    display: flex;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: rgba(26, 27, 33, 0.10);
    position: absolute;
    left: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-close img {
    filter: brightness(1000);
    max-width: 28px;
}

.ad-banner {
    background-color: #062538;
    padding: 0 80px;
    display: flex;
    column-gap: 80px;
}

.ad-banner-img {
    background-size: cover;
    clip-path: polygon(100% 0%, 82% 210%, 0% 100%, 10% 0);
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 750px;
    width: 100%;
}

.ad-banner-tex h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.ad-banner-tex p{ font-size: 24px; margin: 0; line-height: normal; color: #fff;}


.ad-banner-tex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
}