/* Generated by scripts/build-performance-assets.mjs. Do not edit. */
/* source: fonts.css */
/* Local replacements for the source site's Google Font imports. */
@font-face {
  font-family: "Outfit";
  src: url("/wp-content/themes/solarwyse/assets/fonts/outfit-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/solarwyse/assets/fonts/poppins-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/solarwyse/assets/fonts/poppins-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/wp-content/themes/solarwyse/assets/fonts/poppins-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Quicksand";
  src: url("/wp-content/themes/solarwyse/assets/fonts/quicksand-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

/* source: wp-presets.css */
:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
    135deg,
    rgba(252, 185, 0, 1) 0%,
    rgba(255, 105, 0, 1) 100%
  );
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
    135deg,
    rgba(255, 105, 0, 1) 0%,
    rgb(207, 46, 46) 100%
  );
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
    135deg,
    rgb(238, 238, 238) 0%,
    rgb(169, 184, 195) 100%
  );
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
    135deg,
    rgb(74, 234, 220) 0%,
    rgb(151, 120, 209) 20%,
    rgb(207, 42, 186) 40%,
    rgb(238, 44, 130) 60%,
    rgb(251, 105, 98) 80%,
    rgb(254, 248, 76) 100%
  );
  --wp--preset--gradient--blush-light-purple: linear-gradient(
    135deg,
    rgb(255, 206, 236) 0%,
    rgb(152, 150, 240) 100%
  );
  --wp--preset--gradient--blush-bordeaux: linear-gradient(
    135deg,
    rgb(254, 205, 165) 0%,
    rgb(254, 45, 45) 50%,
    rgb(107, 0, 62) 100%
  );
  --wp--preset--gradient--luminous-dusk: linear-gradient(
    135deg,
    rgb(255, 203, 112) 0%,
    rgb(199, 81, 192) 50%,
    rgb(65, 88, 208) 100%
  );
  --wp--preset--gradient--pale-ocean: linear-gradient(
    135deg,
    rgb(255, 245, 203) 0%,
    rgb(182, 227, 212) 50%,
    rgb(51, 167, 181) 100%
  );
  --wp--preset--gradient--electric-grass: linear-gradient(
    135deg,
    rgb(202, 248, 128) 0%,
    rgb(113, 206, 126) 100%
  );
  --wp--preset--gradient--midnight: linear-gradient(
    135deg,
    rgb(2, 3, 129) 0%,
    rgb(40, 116, 252) 100%
  );
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined:
    6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:where(.is-layout-flex) {
  gap: 0.5em;
}
:where(.is-layout-grid) {
  gap: 0.5em;
}
body .is-layout-flex {
  display: flex;
}
.is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}
.is-layout-flex > :is(*, div) {
  margin: 0;
}
body .is-layout-grid {
  display: grid;
}
.is-layout-grid > :is(*, div) {
  margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}
:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}
.has-black-color {
  color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
  color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
  ) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
  ) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
  ) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red
  ) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
  ) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}
:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}
:root :where(.wp-block-pullquote) {
  font-size: 1.5em;
  line-height: 1.6;
}

/* source: layout-structure.css */
section {
  float: none !important;
  width: 100%;
  display: block;
}
.comparison-table {
  width: 100%;
  margin: 0 0 30px 0;
  border-collapse: collapse;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.comparison-table th,
.comparison-table td.product-name {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 20px;
  width: 15%;
  align-content: baseline;
}
.comparison-table td {
  width: 40%;
  color: #757575;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

.comparison-table th,
.comparison-table td {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: left;
}

.comparison-table th {
  background-color: #f2f2f2;
}

.product-name {
  font-weight: bold;
}

.con-text h3 {
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 20px;
  margin-top: 15px;
}
section.off-grid-section.solution-section {
  display: inline-block;
}
.page-id-956 section.canadians-section {
  background: rgb(0 126 197 / 0%) url("/wp-content/uploads/solarwyse-media/a2c44876815e-canadians-sect-bg.webp");
  background-repeat: no-repeat;
  background-position: 100% 28%;
  background-size: 600px;
}
section.kits-safety-sec.solar-energy {
  background: #e5f2f9;
}
section.beging-section.about-solar-sections.brand-inner {
  background: #fff;
}

.con-text ul {
  list-style: inside;
  margin: 10px 0px 20px;
}
.con-text ul li {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
  color: #757575;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.solar-energy .about-col.head-line.help-section {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  box-sizing: border-box;
}

section.beging-section.about-solar-sections.package-section {
  background: transparent;
}

section.beging-section.about-solar-sections.package-section .solution-details {
  flex-direction: row-reverse;
}
section.beging-section.about-solar-sections.package-section
  .solution-details
  .rgts-text {
  padding-left: 0;
  padding-right: 50px;
}

body {
  /* overflow-x must NOT be set here — it breaks position:sticky on the header */
}

.page-scroll-wrapper {
  overflow-x: clip;
}
.row > * {
  padding: 0;
  margin: 0;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
section.about-section {
  padding: 127px 0 150px 0;
  box-sizing: border-box;
  background: url("/wp-content/uploads/solarwyse-media/6b281c7fb7ea-background.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.about-col {
  text-align: center;
  padding: 0;
  width: 1130px;
  margin: 0 auto;
}
.head-line .offer-heading h2:after {
  content: "";
  width: 1px;
  height: 100px;
  right: 0;
  position: absolute;
  background: #757575;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
}

.head-line h2 {
  color: #1d1d1d;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
  margin-bottom: 60px;
}

.head-line .offer-heading h2 {
  text-align: left;
  margin: 0;
  position: relative;
}

.banner-col .lc-block h1 span {
  z-index: 1;
  position: relative;
}

/* .lc-block.con-left.head-line.off-grid-line h2 span:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url('/wp-content/uploads/solarwyse-media/26faf006e816-text-line.webp');
        left: 0;
        bottom: 0px;
        z-index: -1;
        background-size: cover !important;
        background-repeat: no-repeat;
        background-position: bottom left;
    } */

.banner-col .lc-block h1 span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("/wp-content/uploads/solarwyse-media/26faf006e816-text-line.webp");
  left: 0;
  bottom: 0px;
  z-index: -1;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: bottom left;
}
.con-text p:last-child {
  margin-bottom: 0;
}
.con-text p {
  color: #757575;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}

.head-line h2 span {
  z-index: 1;
  position: relative;
}

.head-line h2 span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background: url("/wp-content/uploads/solarwyse-media/26faf006e816-text-line.webp");
  left: 0;
  bottom: 0px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
}

.btn-more a {
  color: #1d1d1d;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
  padding: 10px 15px;
  align-items: center;
  border-radius: 200px;
  background: #ffd818;
}

.btn-more a:after {
  content: url("/wp-content/uploads/solarwyse-media/ec5dc079519d-header-button-arrow.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

.btn-more {
  margin-top: 10px;
  display: inline-block;
}

.row.offer-row:after {
  content: "";
  background: rgb(0 126 197 / 10%);
  height: calc(100% - 130px);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  z-index: -1;
}
.row.offer-row {
  padding: 60px 100px 0 100px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.hover-text p {
  color: #fff;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 20px;
}

.hover-text a {
  color: #fff;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  border-bottom: solid 1px #fff;
  padding-bottom: 2px;
}

.offering-col.head-line .lc-block {
  display: flex;
  align-items: center;
  padding: 0 55px;
  justify-content: space-between;
}

.offering-col.head-line .lc-block .offer-heading {
  width: 40%;
}

.rgt-con-offer.con-text {
  text-align: right;
}
.rgt-con-offer.con-text p {
  text-align: right;
  margin-bottom: 30px;
}
.offering-col.head-line {
  padding: 0;
  padding-bottom: 50px;
}

.offer-more a {
  color: #fff;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
  padding: 10px 15px;
  align-items: center;
  border-radius: 200px;
  background: #007ec5;
}

.offer-more a:after {
  content: url("/wp-content/uploads/solarwyse-media/ec5dc079519d-header-button-arrow.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

.offer-slider .slide-item {
  background: #fff;
  border-radius: 20px;
  position: relative;
  display: inline-block;
}

.solutions-slider .owl-nav button.owl-prev {
  background: url("/wp-content/uploads/solarwyse-media/dc08192edcfd-left-arrow.webp");
  width: 49px;
  height: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.solutions-slider .owl-nav button.owl-next {
  background: url("/wp-content/uploads/solarwyse-media/250c75d9c1a0-right-arrow.webp");
  width: 49px;
  height: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.solutions-slider .row.owl-loaded.owl-drag .owl-stage-outer {
  overflow: hidden;
}

.slider-col.bs-swiper-card
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage {
  display: flex;
}

.solutions-slider .owl-nav button span {
  opacity: 0;
}

.slider-col.bs-swiper-card .row.owl-loaded.owl-drag {
  position: relative;
}

.solutions-slider .owl-nav {
  width: auto;
  float: left;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  bottom: 15px;
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.offer-slider.bs-swiper-card .owl-nav button.owl-prev {
  background: url("/wp-content/uploads/solarwyse-media/dc08192edcfd-left-arrow.webp");
  width: 49px;
  height: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.offer-slider.bs-swiper-card .owl-nav button.owl-next {
  background: url("/wp-content/uploads/solarwyse-media/250c75d9c1a0-right-arrow.webp");
  width: 49px;
  height: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.offer-slider.bs-swiper-card .owl-nav button span {
  opacity: 0;
}

.offer-slider.bs-swiper-card .owl-nav {
  width: auto;
  float: left;
  position: absolute;
  right: 54px;
  top: 68%;
  transform: translateY(-50%);
  bottom: initial;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.offer-image {
  width: 100%;
  float: left;
  position: relative;
}

.offer-image img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}

.offer-image .hover-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 77%;
  display: none;
  z-index: 9;
}

.box-title {
  width: 100%;
  float: left;
  position: relative;
}

.box-title h3 {
  margin: 0;
  padding: 27px 0px 28px 31px;
  color: #007ec5;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
  width: calc(100% - 96px);
  border-radius: 0 0 0px 20px;
}
.box-title img {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0 0 20px 0;
}

.offer-image .img-solar {
  position: relative;
}
.offer-slider .slide-item:hover .offer-image .img-solar:after {
  width: 100%;
  height: 100%;
  background: #1d1d1d !important;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  float: left;
  opacity: 0.6;
  border-radius: 20px 20px 0 0;
}

.offer-slider .slide-item:hover .offer-image:after {
  content: "";
  width: 1px;
  height: 90%;
  position: absolute;
  bottom: 0;
  left: 30px;
  background: #fff;
  opacity: 0.5;
}

.offer-slider .slide-item:hover .offer-image:before {
  content: "";
  width: 92%;
  height: 1px;
  position: absolute;
  bottom: 30px;
  left: 0px;
  background: #fff;
  opacity: 0.5;
  z-index: 9;
}

.offer-slider .slide-item:hover .offer-image .hover-text {
  display: block;
}

.offer-slider .slide-item:hover:after {
  content: "";
  width: 100%;
  height: 100%;
  border: solid 1px #007ec5;
  position: absolute;
  left: -20px;
  top: -15px;
  z-index: -1;
  border-radius: 20px;
}

section.hm-blog-sections .container,
section.solution-section .container {
  max-width: 1330px !important;
}

section.solution-section {
  padding: 150px 0;
}
.solution-col.head-line h2 {
  margin-bottom: 30px;
}

.solutions-slider {
  width: 100%;
  margin-top: 50px;
}
.solution-details {
  display: flex;
  align-items: center;
}
.lft-image {
  width: 517px;
  float: left;
}
.rgt-text {
  width: calc(100% - 545px);
  float: right;
  margin-left: 25px;
}
.rgt-text h3 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.rgt-text p {
  color: #757575;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 32px;
}

.rgt-text a {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 100% */
  border-bottom: solid 1px #007ec5;
}
.lft-image img {
  border-radius: 20px;
}

.row.row-grid-three {
  display: grid;
  width: 100%;
  float: left;
  grid-template-columns: 36% 30% 28%;
  gap: 35px;
}

.row.row-grid-three .grid-col-1 .lc-block.con-text.head-line h2 {
  text-align: left !important;
  margin-bottom: 30px;
}

.row.row-grid-three .grid-col-1 .lc-block.con-text.head-line p {
  text-align: left;
  font-size: 18px;
}
.row.row-grid-three .grid-col-1 .lc-block.con-text.head-line p span {
  color: #007ec5;
  font-weight: 600;
}
section.off-grid-section {
  padding: 67px 0 70px 0;
  box-sizing: border-box;
  background-image: url("/wp-content/uploads/solarwyse-media/f1b578beb14f-grid-back.webp");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  float: left;
  background-color: rgb(0 126 197 / 10%);
}
.grid-col-2 {
  margin-top: -130px;
}
.grid-col-2 img {
  width: 100%;
  border-radius: 30px;
}

.btn-more.two-btn ul {
  display: flex;
  gap: 40px;
  list-style: none;
  margin: 0;
}
.btn-more.two-btn ul li a {
  background: #007ec5;
  color: #fff;
}

.grid-col-3 .lc-block.con-text.head-line h2 {
  text-align: right;
  margin-bottom: 20px;
}
.row.row-grid-three .grid-col-3 .lc-block.con-text.head-line p {
  text-align: right;
  font-size: 18px;
}
.grid-col-3 .lc-block.con-text.head-line p span {
  color: #007ec5;
  font-weight: 600;
}

.blue a::after {
  content: url("/wp-content/uploads/solarwyse-media/1461d6831420-blur-icon.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}
.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  picture
  img {
  border-radius: 0 0 60px 50px;
}

section.canadians-section
  .row.row-grid-twos
  .grid-col-1.rgt-data
  .lc-block.con-left.head-line
  .can-inner-data
  .lgts-texts
  p
  span {
  color: #007ec5;
  font-weight: 600;
}

@media (max-width: 1650px) {
  .header-menus ul#menu-header-menu li.menu-item {
    margin: 0 13px !important;
  }
  .hover-text p {
    font-size: 16px;

    line-height: 130%;
  }
  .offer-image .hover-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 86%;
    display: none;
    z-index: 9;
  }
  .offer-slider .slide-item:hover .offer-image:after {
    content: "";
    width: 1px;
    height: 90%;
    position: absolute;
    bottom: 0;
    left: 13px;
    background: #fff;
    opacity: 0.5;
  }
  .offer-slider .slide-item:hover .offer-image:before {
    content: "";
    width: 92%;
    height: 1px;
    position: absolute;
    bottom: 13px;
    left: 0px;
    background: #fff;
    opacity: 0.5;
    z-index: 1;
  }
  .box-title img {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0 0 20px 0;
    z-index: 9;
  }
}
@media (max-width: 1280px) {
  .banner-col .lc-block h1 {
    font-size: 42px;
    line-height: 40px;
  }
}

@media (max-width: 1200px) {
  .hover-text p {
    font-size: 14px;
    line-height: 127%;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .offer-slider.bs-swiper-card .row1 {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px;
  }
}
@media (max-width: 720px) {
  .offer-slider.bs-swiper-card .row1 {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 30px;
  }
}

/* source: global-components.css */
/*
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
      font-family: "Poppins", sans-serif;
    */

.container {
  max-width: 1720px !important;
  width: 90% !important;
  padding: 0 !important;
}
* {
  margin: 0;
  padding: 0;
  border: none;
}
a {
  text-decoration: none;
}

.header-menus ul#menu-header-menu li.menu-item a.nav-link {
  font-size: 20px;
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  line-height: 20px;
  padding: 20px 0;
  position: relative;
}
a.navbar-text.text-decoration-none.header-rgt-buttons {
  background: #ffd818;
  padding: 10px 16px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  align-items: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
a.navbar-text.text-decoration-none.header-rgt-buttons:after {
  content: url("/wp-content/uploads/solarwyse-media/ec5dc079519d-header-button-arrow.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}
.header-menus ul#menu-header-menu li.menu-item:hover a.nav-link,
.header-menus ul#menu-header-menu li.menu-item.current-menu-item a.nav-link {
  color: #007ec5;
}
.header-rows {
  display: flex;
  width: 100%;
  padding: 12px 0 20px 0;
}
.header-menus ul#menu-header-menu li.menu-item {
  margin: 0 20px;
}
.header-menus ul#menu-header-menu li.menu-item a.nav-link:before {
  content: "";
  width: 100%;
  height: 3px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 20px;
}
.header-menus ul#menu-header-menu li.menu-item a.nav-link:hover:before,
.header-menus
  ul#menu-header-menu
  li.menu-item.current-menu-item
  a.nav-link:before {
  background: #007ec5;
}
nav.header-sections {
  padding: 0 0 0.75rem 0;
}

.header-menus
  ul#menu-header-menu
  li.menu-item
  a.nav-link.dropdown-toggle::after {
  content: url("/wp-content/uploads/solarwyse-media/1902d9a4d1cb-menu-dwon-arrow.webp");
  border: 0;
  position: relative;
  top: -1px;
  width: 11px;
  height: 5px;
  vertical-align: 0px;
  margin-left: 5px;
}
.header-rows a.navbar-brand {
  padding: 0;
}
.header-menus ul#menu-header-menu li.menu-item ul.dropdown-menu li.menu-item {
  margin: 0;
}

.row {
  display: block;
  margin: 0;
}
.banner-col {
  background: url("/wp-content/uploads/solarwyse-media/36f09074704b-banner-1.webp");
  background-size: cover;
  padding: 60px 0;
  height: 752px;
  background-position: center;
  border-radius: 30px;
}

.banner-col .lc-block h1 {
  margin: 0;
  color: #1d1d1d;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
}

.banner-col .lc-block p {
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 25px 0;
}

.banner-col ul li {
  width: auto;
  float: left;
}

.banner-col ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-flex;
  gap: 27px;
}

.banner-col ul li a:after {
  content: url("/wp-content/uploads/solarwyse-media/ec5dc079519d-header-button-arrow.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}
.banner-col ul li a {
  color: #fff;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
  padding: 10px 15px;
  align-items: center;
  border-radius: 200px;
  background: #007ec5;
}
.row.banner-row {
  position: relative;
}

.social-col {
  position: absolute;
  top: 50%;
  left: -83px;
  width: auto !important;
  padding: 0;
}
.social-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-col {
  position: absolute;
  top: 50%;
  left: -56px;
  width: auto !important;
  padding: 0;
  transform: translateY(-50%);
}
.social-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 42px;
}
.social-col ul li {
  width: auto;
  float: none;
  position: relative;
}
.social-col ul li:after {
  content: "";
  height: 22px;
  width: 2px;
  background: url("/wp-content/uploads/solarwyse-media/55dfbb5bc7e0-line.webp");
  position: absolute;
  background-size: contain;
  top: 200%;
  left: 50%;
  transform: translateY(-50%);
}
.social-col ul li:last-child:after {
  display: none;
}

.footer-row {
  display: flex;
  margin: 0;
}
.footer-row .lft-footer {
  flex: 0 0 auto;
  width: 25%;
  padding-right: 70px;
  padding-top: 55px;
}
.footer-row .rgt-footer {
  flex: 0 0 auto;
  width: 75%;
}
.footer-bgs {
  background: url("/wp-content/uploads/solarwyse-media/df051625b81a-footer-bg.webp") !important;
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  padding: 3px 0 12px 0;
}
.footer-menu ul li.menu-item a.nav-link {
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  padding: 0;
}
.footer-menu ul {
  flex-direction: row;
}
.footer-menu ul li.menu-item {
  margin: 0 20px;
}
.footer-menu {
  margin: 60px 0 50px 0;
  padding-left: 40px;
}
.footer-logo {
  margin-bottom: 30px !important;
}
.lft-footer .lc-block.small.text-dark p {
  color: #757575;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}
.lft-footer .lc-block.text-body .footer-social ul {
  padding: 0;
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
}
.footer-menu ul li.menu-item a.nav-link::after,
.footer-menu ul li.menu-item ul.dropdown-menu {
  display: none !important;
}
.lft-footer .lc-block.text-body .footer-social ul li {
  width: auto;
  float: left;
  margin-right: 25px;
}
.footer-menu ul li.menu-item:hover a.nav-link,
.footer-menu ul li.menu-item.current-menu-item a.nav-link {
  color: #007ec5;
}
.fotter-contact ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.fotter-contact ul li .cont-data {
  display: flex;
  align-items: center;
}
.fotter-contact ul li .cont-data .icon-box {
  width: 58px;
  margin-right: 19px;
}
.fotter-contact ul li .cont-data .data-box {
  flex-direction: column;
  display: flex;
}
.fotter-contact ul li .cont-data .data-box span {
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 12px;
  font-weight: 300;
}
.fotter-contact ul li .cont-data .data-box p,
.fotter-contact ul li .cont-data .data-box a {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
}
.rgt-footer {
  border-left: 1px solid rgb(117 117 117 / 20%);
}
.fotter-contact {
  padding: 50px 0px 50px 50px;
  position: relative;
}
.fotter-contact:before {
  content: "";
  width: calc(100% * 2);
  height: 1px;
  background: #757575;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 20%;
}
.fotter-contact:after {
  content: "";
  width: calc(100% * 2);
  height: 1px;
  background: #757575;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 20%;
}
.copyright-rows {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0 50px 50px;
}
.copyright-rows .copy-text p {
  margin-bottom: 0 !important;
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
}
.copyright-rows .rgt-text-img {
  display: flex;
  align-items: center;
}
.copyright-rows .rgt-text-img p {
  margin-bottom: 0;
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-left: 10px;
}
footer {
  width: 100%;
  float: left;
  display: inline-block;
}
.post-sliders .row.owl-loaded.owl-drag .owl-stage {
  display: flex;
}
.post-sliders
  .row.owl-loaded.owl-drag
  .owl-stage
  .owl-item
  .col-md-6.col-lg-4.mb-3.mb-md-4 {
  width: 100%;
}
.post-sliders .owl-stage-outer {
  overflow: hidden;
}
.offer-slider.bs-swiper-card .row.owl-loaded.owl-drag .owl-stage {
  display: flex;
  margin-top: 20px;
}
.offer-slider.bs-swiper-card .owl-stage-outer {
  overflow: hidden;
}
.offer-slider.bs-swiper-card .owl-stage-outer .owl-item {
  padding-left: 20px;
}

/* Above-fold Bootstrap subset used while the verbatim framework loads. */
.collapse:not(.show) {
  display: none;
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-button {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1.2;
  text-align: left;
}

body.page:not(.home) {
  color: #212529;
  line-height: 1.5;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.justify-content-center {
  justify-content: center !important;
}

@media (min-width: 992px) {
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}

/* source: section-helpers.css */
.about-col.head-line.help-section {
  padding-top: 0px !important;
  padding-bottom: 50px !important;
  box-sizing: border-box;
}
.about-col.head-line.help-section h2 {
  margin-bottom: 10px !important;
}
.contact-rows h4 {
  color: #1d1d1d;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 15px;
}
.contact-rows h5 {
  color: #1d1d1d;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin: 15px 0;
}
.contact-rows p {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 0;
}
.contact-rows p a {
  color: #007ec5;
}
.row.contact-rows {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  padding-bottom: 100px !important;
}
.contact-in .gform_heading {
  display: none;
}

.contact-in .gform_fields .gfield_label {
  color: #000;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.contact-in .gform-body.gform_body .gform_fields {
  gap: 15px !important;
}

.contact-in .gform-theme--foundation .gfield .ginput_password,
.gform-theme--foundation .gfield input {
  border-radius: 0 !important;
  padding: 10px;
}
.contact-in .gform-theme--foundation .gfield input {
  padding: 24px 15px !important;
  box-sizing: border-box;
  border: solid 2px #007ec5;
  color: #757575 !important;
  text-align: left !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 22px !important;
}

.contact-in .gform-theme--foundation .gfield input[type="checkbox"] {
  padding: 14px !important;
}

.contact-in .gform-theme--foundation .gfield textarea {
  height: 70px !important;
  min-height: 70px !important;
  border-radius: 0 !important;
  box-sizing: border-box;
  border: solid 2px #007ec5;
  color: #757575 !important;
  text-align: left !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 22px !important;
}
.contact-in .gfield_checkbox .gchoice label {
  color: #000;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.contact-in
  .gform-theme--foundation
  .gform-grid-row
  span.ginput_right.address_state {
  width: 100% !important;
}
.contact-in .gform_footer.before input.gform_button {
  color: #1d1d1d !important;
  text-align: center !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  display: inline-flex !important;
  padding: 13px 30px !important;
  align-items: center !important;
  border-radius: 200px !important;
  background: #ffd818 !important;
}
section.cont-sec {
  padding: 100px 0 !important;
}
.lc-block.flag {
  text-align: center !important;
}
.lc-block.flag p {
  color: #757575;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  max-width: 1150px;
  margin: 0 auto;
  margin-top: 10px;
}

/* Homepage blog grid */
.hm-blog-sections .posts-sliders-hm .row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
  margin: 0;
}

.hm-blog-sections .posts-sliders-hm .row > div {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}

.hm-blog-sections article.card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  border: none;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.hm-blog-sections article.card img {
  height: 220px;
  object-fit: cover;
}

.hm-blog-sections article.card .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
}

.hm-blog-sections article.card h2 {
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 22px;
  line-height: 1.3;
  margin: 0;
}

.hm-blog-sections article.card h2 a {
  color: #0f172a;
}

.hm-blog-sections article.card p {
  color: #475569;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.hm-blog-sections article.card .card-footer {
  margin-top: auto;
  border-top: none;
  background: transparent;
  padding: 0 24px 24px;
  color: #64748b;
}

.hm-blog-sections article.card footer {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

/* source: theme-custom.css */
:root { --swp-content-width: 1320px; }

/*
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
      font-family: "Poppins", sans-serif;
      */

:where(h1, h2, h3, h4, h5, h6) {
  font-family:
    "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}

* {
  margin: 0;
  padding: 0;
  border: none;
}

a {
  text-decoration: none;
}

a {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* ===========================================
   Global Button Styles
   Standardized button classes for site-wide consistency
   =========================================== */

.btn,
.btn-primary,
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 200px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.btn-primary {
  background-color: #FFD818;
  color: #1D1D1D;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #007EC5;
  color: #FFFFFF;
  transform: scale(1.02);
}

.btn-secondary {
  background-color: #007EC5;
  color: #FFFFFF;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #FFD818;
  color: #1D1D1D;
  transform: scale(1.02);
}

/* Button sizes */
.btn-sm {
  padding: 8px 14px;
  font-size: 14px;
}

.btn-lg {
  padding: 12px 24px;
  font-size: 20px;
}

/* Cognito Forms Button Override - uses actual .cog-* and .el-* classes */
.cog-cognito .cog-button--submit,
.cog-cognito .el-button {
  background-color: #FFD818 !important;
  color: #1D1D1D !important;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 14px 32px !important;
  border-radius: 200px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.cog-cognito .cog-button--submit:hover,
.cog-cognito .el-button:hover {
  background-color: #007EC5 !important;
  color: #FFFFFF !important;
  transform: scale(1.02) !important;
}

/* Gravity Forms Button Override */
.gform_button,
.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"] {
  background-color: #007EC5 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  border-radius: 200px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.gform_button:hover,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover {
  background-color: #FFD818 !important;
  color: #1D1D1D !important;
  transform: scale(1.02) !important;
}

.live-shortcode.m-auto.header-menus.mobi-menu {
  display: none;
}
.mobi-menu ul li.menu-item a.nav-link {
  color: #fff !important;
}

.banner-col .lc-block h1 span:after,
.head-line h2 span:after {
  display: none;
}

footer#lc-footer .footer-bgs {
  background: rgb(0 126 197 / 10%) url("/wp-content/uploads/solarwyse-media/c6e3a0e7c5f5-footer-bg-1-1.webp") !important;
  background-size: cover;
  background-position: top right !important;
  background-repeat: no-repeat !important;
  padding: 3px 0 12px 0;
}
.copyright-rows .copy-text span {
  margin-bottom: 0 !important;
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
}
#i8-copyright {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 1.25rem;
}
.footer-legal-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.75rem;
}
.footer-legal-links a {
  color: #1d1d1d;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}
.footer-legal-links a:hover {
  text-decoration: underline;
  color: #f7941d;
}
section.off-grid-section.solution-section.home-top.new-bg-sec {
  box-sizing: border-box;
  background-image: url("/wp-content/uploads/solarwyse-media/6b84ca6dffb4-background-new-1.webp");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  float: left;
  background-color: rgb(0 126 197 / 10%);
}
section.about-section {
  background: url("/wp-content/uploads/solarwyse-media/9a1950db8ca1-background-1.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section.beging-section.about-bg-secs {
  box-sizing: border-box;
  background: url("/wp-content/uploads/solarwyse-media/9a1950db8ca1-background-1.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

div#customers-testimonials .owl-stage-outer .owl-stage {
  display: flex;
  gap: 15px;
  position: relative;
  left: 9px;
}
div#customers-testimonials .owl-stage-outer .owl-stage .owl-item {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
  margin: 20px 0;
}
.testi-slider-col {
  margin-top: 40px;
}
div#customers-testimonials .owl-stage-outer .owl-stage .owl-item .test-desc {
  color: #757575;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}

div#customers-testimonials .owl-stage-outer .owl-stage .testimonial-name {
  color: #1d1d1d;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
}
.container {width:min(100% - 2rem,var(--swp-content-width))!important;max-width:none!important;margin-inline:auto!important;padding: 0 !important;}

.error-pade-data .container {width:min(100% - 2rem,var(--swp-content-width))!important;max-width:none!important;margin-inline:auto!important;}

.solution-col.head-line
  form
  .cog-form__content
  .cog-page
  .cog-row:first-child
  .cog-col {
  display: none;
}
.offer-slider.bs-swiper-card .row1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.head-line h2 span,
.banner-col .lc-block h1 span {
  display: inline-block;
}

.two-btn p {
  margin: 10px 0;
  font-weight: 400 !important;
  text-transform: capitalize;
}

.about-col {
  max-width: 100%;
}
.banner-col .lc-block.text-center.text-dark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.banner-col:after {
  position: absolute;
  content: "";
  width: 100%;
  background: #000;
  opacity: 0.5;
  height: 100%;
  top: 0;
  border-radius: 30px;
  z-index: -1;
}

.btn-more.two-btn ul li a:hover,
.offer-more a:hover,
.banner-col ul li a:hover {
  background: #ffd818;
  color: #1d1d1d;
}

.tracking-text {
  margin-top: 50px;
}

.about-col.head-line.help-section.tracking-section {
  padding-bottom: 0 !important;
}

a.navbar-text.text-decoration-none.header-rgt-buttons:hover,
.btn-more a:hover {
  background: #007ec5;
  color: #fff;
}

/* Button component overrides - ensure component styles take precedence.
   On block markup .button-component is the wp-block-button wrapper, not the
   action itself; painting it draws a square behind the pill, so scope to the
   anchor form only. */
.btn-more .button-component:not(.wp-block-button) {
  background-color: #FFD818 !important;
  color: #1D1D1D !important;
}
.btn-more .button-component:not(.wp-block-button):hover {
  background-color: #007EC5 !important;
  color: #FFFFFF !important;
}

.faq-text .ea-card h3.ea-header {
  text-align: left;
  margin: 0;
}

.faq-text .ea-card.sp-ea-single {
  background: #e5f2f9 !important;
  border: solid 1px #e5f2f9 !important;
}

.faq-text .ea-card .sp-collapse .ea-body,
.faq-text .ea-card .sp-collapse .ea-body p,
.faq-text .ea-card .sp-collapse .ea-body div {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

section.hm-blog-sections .head-line .offer-heading h2:after {
  display: none;
}

.testimonial-details .test-rgt-text p {
  color: #757575;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  display: inline;
}

.testimonial-details .test-rgt-text a {
  color: #007ec5;

  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 100% */
  text-decoration: underline;
}

.client-name h2 {
  color: #fff;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
  width: 100px;
}

.client-name img {
  width: 100px;
}

.client-name h3:after {
  content: "";
  width: 57px;
  height: 2px;
  background: #fd6e02;
  position: absolute;
  bottom: 0;
  left: 0;
}

.client-name h3 {
  color: #fff;
  font-family: Quicksand;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  padding-bottom: 10px;
  width: 100px;
  position: relative;
  margin-bottom: 20px;
}

.tes-lft-img {
  display: flex;
  align-items: center;
}

.client-image img {
  border-radius: 20px;
}

.client-image {
  width: 200px;
  margin-left: -60px;
}

section.solution-section.client-says .container {width:min(100% - 2rem,var(--swp-content-width))!important;max-width:none!important;margin-inline:auto!important;}

.testimonial-details {
  display: flex;
  align-items: center;
  grid-gap: 30px;
}

.tes-lft-img .client-name {
  width: 240px;
  background: #007ec5 url("/wp-content/uploads/solarwyse-media/02afbbc24e5b-quote.webp");
  padding: 30px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 300px;
  display: flex;
  text-align: left;
  align-self: center;
  gap: 0;
  flex-flow: column;
  justify-content: center;
}

.testimonial-details .tes-lft-img {
  width: 54%;
}

.testimonial-details .test-rgt-text {
  width: 46%;
}

.testimonial-slider .owl-nav button span {
  opacity: 0;
}

.testimonial-slider .owl-nav button.owl-prev {
  background: url("/wp-content/uploads/solarwyse-media/dc08192edcfd-left-arrow.webp");
  width: 49px;
  height: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.testimonial-slider .owl-nav {
  width: auto;
  float: left;
  position: absolute;
  right: 48%;
  transform: translateY(-50%);
  bottom: inherit;
  top: 24px;
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.testimonial-slider .owl-nav button.owl-next {
  background: url("/wp-content/uploads/solarwyse-media/250c75d9c1a0-right-arrow.webp");
  width: 49px;
  height: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.testi-slider-col .row.owl-loaded.owl-drag .owl-stage-outer .owl-stage {
  display: flex;
}

.testi-slider-col .row.owl-loaded.owl-drag .owl-stage-outer {
  overflow: hidden;
  padding-top: 110px;
}

.testi-slider-col .row.owl-loaded.owl-drag {
  position: relative;
}

.header-menus ul#menu-header-menu li.menu-item a.nav-link {
  font-size: 20px;
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  line-height: 20px;
  padding: 20px 0;
  position: relative;
}

a.navbar-text.text-decoration-none.header-rgt-buttons {
  color: #1d1d1d;
  background: #ffd818;
  padding: 10px 16px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  align-items: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

a.navbar-text.text-decoration-none.header-rgt-buttons:after {
  content: url("/wp-content/uploads/solarwyse-media/ec5dc079519d-header-button-arrow.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

.header-menus ul#menu-header-menu li.menu-item:hover a.nav-link,
.header-menus ul#menu-header-menu li.menu-item.current-menu-item a.nav-link {
  color: #007ec5;
}

.header-rows {
  display: flex;
  width: 100%;
  padding: 12px 0 0 0;
}

.header-menus ul#menu-header-menu li.menu-item {
  margin: 0 20px;
}

.site-map-data .rank-math-html-sitemap h2.rank-math-html-sitemap__title {
  text-align: left;
}

.site-map-data
  .rank-math-html-sitemap
  ul.rank-math-html-sitemap__list
  li.rank-math-html-sitemap__item
  ul.rank-math-html-sitemap__list {
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*.header-menus ul#menu-header-menu li.menu-item a.nav-link:before {
    content: "";
    width: 100%;
    height: 3px;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: -30px;
    border-radius: 20px;
    }
    */
.header-menus ul#menu-header-menu li.menu-item a.nav-link:hover:before,
.header-menus
  ul#menu-header-menu
  li.menu-item.current-menu-item
  a.nav-link:before {
  background: #007ec5;
}

nav.header-sections {
  padding: 0 0 0.75rem 0;
  border-bottom: none !important;
  box-shadow: none !important;
}
.safety-csa-boxs.brand-box ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.safety-csa-boxs.brand-box ul li {
  width: 100% !important;
}

.header-menus
  ul#menu-header-menu
  li.menu-item
  a.nav-link.dropdown-toggle::after {
  content: url("/wp-content/uploads/solarwyse-media/1902d9a4d1cb-menu-dwon-arrow.webp");
  border: 0;
  position: relative;
  top: -1px;
  width: 11px;
  height: 5px;
  vertical-align: 0px;
  margin-left: 5px;
}

section.off-grid-section.solution-section.home-top {
  margin-top: 150px !important;
}

.header-rows a.navbar-brand {
  padding: 0;
}

.row {
  display: block;
  margin: 0;
}

.banner-col.in-to.brands-bnr {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/d594e3babbd1-solar-panel-kit-1.webp") center / cover no-repeat;
}

.banner-col.in-to.contact-bnr {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/c2373d2d6f46-happy-family-near-solar-panels-selective-focus-scaled.webp") center / cover no-repeat;
}
.banner-col.in-to.quote-bnr {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/c2373d2d6f46-happy-family-near-solar-panels-selective-focus-scaled.webp") center / cover no-repeat;
}

.banner-col.in-to.news-bnr {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/376db5399f47-solarpanelsand-younboys-scaled.webp") center / cover no-repeat;
}

.banner-col.in-to.solar-institute {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/36d1cde0a27f-Solarfamilyhome.webp") center / cover no-repeat;
}
.banner-col.in-to.service-bnr {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/db9f8ae87cfa-smallroofarray.webp") center / cover no-repeat;
}

.banner-col.in-to.off-grid-bnr {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/cf2bca991c52-countrylane.webp") center / cover no-repeat;
}

.banner-col.in-to.package-image {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/633a471789d5-solar-panel-background-2.webp") center / cover no-repeat;
}

.banner-col.in-to.faq-bnr {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/376db5399f47-solarpanelsand-younboys-scaled.webp") center / cover no-repeat;
}
.banner-col.in-to.about-img {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/19d237ca8b40-family-three-man-woman-child-are-looking-solar-panel-generative-ai-1.webp") bottom / cover no-repeat;
}
.home .banner-col {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/c2373d2d6f46-happy-family-near-solar-panels-selective-focus-scaled.webp") center / cover no-repeat;
}
.banner-col {
  background: #1a3a5c url("/wp-content/uploads/solarwyse-media/724b360cb4d2-banner-1-1.webp") top / cover no-repeat;
  padding: 60px 0;
  height: 752px;
  border-radius: 30px;
  z-index: 1;
  position: relative;
}

.banner-col.in-to {
  height: inherit !important;
  padding: 150px 0 !important;
}

.banner-col.in-to h1 {
  color: #fff !important;
  z-index: 1;
  position: relative;
}

.banner-col.in-to:after {
  position: absolute;
  content: "";
  width: 100%;
  background: #000;
  opacity: 0.5;
  height: 100%;
  top: 0;
  border-radius: 30px;
}

.button-than-ce .lc-block.con-text {
  text-align: center;
}

.button-than-ce .lc-block.con-text h2 {
  margin-bottom: 20px;
}

.banner-col .lc-block h1 {
  margin: 0;
  color: #fff;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
}

.banner-col .lc-block p {
  color: #fff;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 25px 0;
}

.hero-subtitle {
  display: block;
  margin-inline: auto !important;
}

.banner-col ul li {
  width: auto;
  float: left;
}

.banner-col ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-flex;
  gap: 27px;
}

.banner-col ul li a:after {
  content: url("/wp-content/uploads/solarwyse-media/ec5dc079519d-header-button-arrow.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

.banner-col ul li a {
  color: #fff;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
  padding: 10px 15px;
  align-items: center;
  border-radius: 200px;
  background: #007ec5;
}

.row.banner-row {
  position: relative;
}

.social-col {
  position: absolute;
  top: 50%;
  left: -83px;
  width: auto !important;
  padding: 0;
}

.social-col {
  position: absolute;
  top: 50%;
  left: -56px;
  width: auto !important;
  padding: 0;
  transform: translateY(-50%);
}

.social-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 42px;
}

.social-col ul li {
  width: auto;
  float: none;
  position: relative;
}

.social-col ul li:after {
  content: "";
  height: 22px;
  width: 2px;
  background: url("/wp-content/uploads/solarwyse-media/55dfbb5bc7e0-line.webp");
  position: absolute;
  background-size: contain;
  top: 200%;
  left: 50%;
  transform: translateY(-50%);
}

.social-col ul li:last-child:after {
  display: none;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article {
  display: flex;
  flex-direction: column;
  box-shadow: none !important;
  padding: 30px;
  padding-top: 0;
  border-radius: 20px;
  border: 1px solid rgb(117 117 117 / 30%);
  height: 100%;
  box-sizing: border-box;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body {
  order: 1;
  padding-left: 0;
  padding-right: 0;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  a {
  order: 2;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-footer {
  order: 3;
  display: none;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  p {
  display: none;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  header {
  display: flex;
  flex-flow: column-reverse;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  em
  span.text-muted.author {
  display: none;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  em
  time.text-muted {
  background: #007ec5;
  color: #ffffff !important;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  em
  time.text-muted {
  background: #007ec5;
  color: #ffffff !important;
  border-radius: 10px;
  padding: 9px 9px;
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  em {
  margin-top: -30px;
  margin-bottom: 30px;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  h2
  a {
  color: #1d1d1d;
  line-height: inherit;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  h2 {
  font-size: 20px;
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  line-height: 30px;
  font-weight: 600;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  .col-md-6.col-lg-4.mb-3.mb-md-4 {
  margin: 0 !important;
  height: 100%;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item {
  margin-top: 25px;
}

.hm-blog-rows .lc-block .offering-col.head-line .lc-block {
  padding: 0;
}

.testimonial-slider .owl-dots,
.solutions-slider .owl-dots {
  display: none;
}

section.solution-section.client-says {
  float: left;
  width: 100%;
}

section.off-grid-section {
  border-radius: 20px;
}

section.canadians-section .big-container {
  max-width: 1745px !important;
  width: 90% !important;
  margin: 0 auto;
}

section.canadians-section {
  background: rgb(0 126 197 / 10%)
    url("/wp-content/uploads/solarwyse-media/093ba7f0df39-canadians-sect-bg-1.webp");
  padding: 50px 0 35px 0;
  background-repeat: no-repeat;
  background-position: 100% 28%;
  background-size: 600px;
  margin-bottom: 60px;
  margin-top: 60px;
}
.page-id-956 section.canadians-section {
  background: rgb(0 126 197 / 0%) url("/wp-content/uploads/solarwyse-media/093ba7f0df39-canadians-sect-bg-1.webp");
  background-repeat: no-repeat;
  background-position: 100% 28%;
  background-size: 600px;
}
section.canadians-section .row.row-grid-twos .grid-col-2.lfts-imgs {
  width: 360px;
  margin-top: -110px;
}

section.canadians-section
  .row.row-grid-twos
  .grid-col-1.rgt-data
  .lc-block.con-left.head-line
  .can-inner-data
  .lgts-texts
  p {
  text-align: left;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 28px;
}

section.canadians-section
  .row.row-grid-twos
  .grid-col-1.rgt-data
  .lc-block.con-left.head-line
  .can-inner-data
  .lgts-texts
  p:last-child {
  margin-bottom: 0px;
}

section.canadians-section .row.row-grid-twos {
  display: flex;
}

section.canadians-section .row.row-grid-twos .grid-col-1.rgt-data {
  width: calc(100% - 360px);
  padding-left: 25px;
}

section.canadians-section
  .row.row-grid-twos
  .grid-col-1.rgt-data
  .lc-block.con-left.head-line
  h2 {
  text-align: left;
  margin-bottom: 55px;
}

section.canadians-section
  .row.row-grid-twos
  .grid-col-1.rgt-data
  .lc-block.con-left.head-line
  .can-inner-data {
  padding-left: 54px;
}

section.canadians-section
  .row.row-grid-twos
  .grid-col-1.rgt-data
  .lc-block.con-left.head-line
  .can-inner-data
  .lgts-texts {
  width: 100%;
  max-width: 770px;
}

section.canadians-section .row.row-grid-twos.canada-rows {
  padding-left: 12.5%;
  padding-top: 40px;
}

section.canadians-section .row.row-grid-twos.canada-rows .rgt-imgs {
  width: 540px;
}

section.canadians-section
  .row.row-grid-twos.canada-rows
  .lft-cantact.con-text
  p {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
}

section.canadians-section
  .row.row-grid-twos.canada-rows
  .lft-cantact.con-text
  p
  span {
  color: #007ec5;
  font-weight: 600;
}

section.canadians-section .row.row-grid-twos.canada-rows .lft-cantact.con-text {
  width: 66%;
  padding-right: 32px;
}

section.canadians-section .row.row-grid-twos.canada-rows .rgt-imgs {
  width: 34%;
}

section.canadians-section .row.row-grid-twos.canada-rows .rgt-imgs img {
  border-radius: 20px;
  width: 100%;
}

section.canadians-section .row.row-grid-twos.canada-rows .rgt-imgs {
  width: 34%;
  margin-bottom: -95px;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  a
  img {
  margin-bottom: 50px;
  border-radius: 20px 20px 0 0;
  box-shadow: 0px 0px 15.897px 0px rgba(0, 0, 0, 0.15);
  height: 273px;
  object-fit: cover;
  object-position: left;
  width: 100%;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  a:after {
  content: "Read More";
  width: 84%;
  position: absolute;
  bottom: 5px;
  left: 50%;
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
  padding: 15px 65px 15px 20px;
  color: #1d1d1d;
  font-size: 20px;
  line-height: 20px;
  border-radius: 0 0 20px 20px;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  transform: translate(-50%, -50%);
  font-weight: 500;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  h2
  a::before,
.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  .card-body
  h2
  a::after {
  display: none;
}

.posts-sliders-hm
  .row.owl-loaded.owl-drag
  .owl-stage-outer
  .owl-stage
  .owl-item
  article
  a:before {
  content: "";
  position: absolute;
  bottom: 35px;
  right: 30px;
  width: 60px;
  height: 60px;
  background: url("/wp-content/uploads/solarwyse-media/72bf73906e58-post-arrow.webp");
  background-size: cover;
  z-index: 1;
}

.live-shortcode.post-sliders.bs-swiper-card.posts-sliders-hm {
  width: 90%;
  margin: 0 auto;
}

.post-sliders .owl-nav button span {
  display: none;
}

.post-sliders .owl-nav button.owl-prev {
  background: url("/wp-content/uploads/solarwyse-media/dc08192edcfd-left-arrow.webp");
  width: 49px;
  height: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  left: -80px;
  position: relative;
}

.post-sliders .owl-nav button.owl-next {
  background: url("/wp-content/uploads/solarwyse-media/250c75d9c1a0-right-arrow.webp");
  width: 49px;
  height: 49px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  right: -80px;
  position: relative;
}

.post-sliders .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -24px;
  height: 0;
}

.live-shortcode.post-sliders.bs-swiper-card.posts-sliders-hm
  .row.owl-loaded.owl-drag {
  position: relative;
}

.hm-blog-rows .lc-block .offering-col.head-line .lc-block .offer-heading {
  width: 35%;
  padding-right: 30px;
}

.hm-blog-rows .lc-block .offering-col.head-line .lc-block {
  padding: 0;
  display: flex;
}

.hm-blog-rows
  .lc-block
  .offering-col.head-line
  .lc-block
  .rgt-con-offer.con-text {
  width: 65%;
  display: flex;
  justify-content: flex-end;
  border-left: 1px solid rgba(117 117 117 / 30%);
  padding-left: 30px;
}

.hm-blog-rows
  .lc-block
  .offering-col.head-line
  .lc-block
  .rgt-con-offer.con-text
  p {
  margin-bottom: 0;
  max-width: 720px;
  width: 100%;
}

.col-md-12.hm-blog-rows .lc-block .offering-col.head-line {
  padding-bottom: 65px;
}

section.hm-blog-sections {
  padding: 100px 0 !important;
  float: left;
  width: 100%;
}

.testimonial-sliders
  .sp-testimonial-free-wrapper
  .sp-testimonial-free-section
  .swiper-wrapper
  .sp-testimonial-free {
  display: flex;
  flex-direction: column;
}

section.beging-section {
  padding: 100px 0 100px 0;
  box-sizing: border-box;
  background: url("/wp-content/uploads/solarwyse-media/6b281c7fb7ea-background.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

section.beging-section .about-col {
  width: 1280px;
}

.blog-post-boxs > .live-shortcode > .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

.about-col.head-line.help-section .head-line h2 {
  margin-bottom: 10px !important;
}

.linig-about-sec .solution-details .lfts-text {
  width: 60%;
  text-align: left;
}

.linig-about-sec .solution-details .rgts-image {
  width: 40%;
  padding-left: 40px;
}

/*
 * The imported Larry portrait is a landscape original, while the source
 * markup declares a portrait card. Crop it into that card instead of
 * stretching the pixels to the declared width/height ratio.
 */
.linig-about-sec .solution-details .rgts-image picture {
  display: block;
  aspect-ratio: 406 / 453;
  overflow: hidden;
  border-radius: 30px;
}

.linig-about-sec .solution-details .lfts-text h3 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 20px;
}

.linig-about-sec .solution-details .lfts-text p {
  font-size: 18px;
  line-height: 28px;
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 15px;
}

.linig-about-sec .solution-details .rgts-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}

section.solution-sec {
  padding-bottom: 70px;
  margin-bottom: 0;
}

section.about-section.our-improve-sec {
  float: left;
  width: 100%;
  padding: 100px 0;
}

section.about-solar-sections {
  background: rgb(0 126 197 / 10%);
  width: 100%;
  float: left;
  border-radius: 30px;
}

.solar-about-sec .solution-details .left-image {
  width: 30%;
}

.solar-about-sec .solution-details .left-image img {
  width: 100%;
  border-radius: 30px;
}

.solar-about-sec .solution-details .rgts-text {
  width: 70%;
  text-align: left;
  padding-left: 40px;
}

.solar-about-sec .solution-details .rgts-text h2 {
  text-align: left;
  margin-bottom: 15px;
}

.solar-about-sec .solution-details .rgts-text p {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
  color: #757575;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 15px;
}

section.quote-data-texts {
  padding: 100px 0;
}
/* Centered-text CTA sections: center the standalone button too (it's inline-flex,
   so the text-align on its wrapper does the work; the section's copy is already centered). */
section.quote-data-texts .mt-3 {
  text-align: center;
}

/* Injected mid-page conversion CTA (solarwyse_inject_inline_cta). */
.swp-inline-cta {
  padding: clamp(2.25rem, 5vw, 3.5rem) 0;
  background: #eef5fb;
  border-top: 1px solid #dbe7f2;
  border-bottom: 1px solid #dbe7f2;
}
.swp-inline-cta .container {width:min(100% - 2rem,var(--swp-content-width))!important;max-width:none!important;margin-inline:auto!important;}
.swp-inline-cta__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem 2rem;
}
.swp-inline-cta__text {
  flex: 1 1 320px;
}
.swp-inline-cta__text h2 {
  margin: 0 0 0.4rem;
  color: #101b31;
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  line-height: 1.2;
}
.swp-inline-cta__text p {
  margin: 0;
  color: #475569;
}
.swp-inline-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.swp-inline-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1.75rem;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.swp-inline-cta__btn--primary { background: #ffd818; color: #1d1d1d; }
.swp-inline-cta__btn--primary:hover { background: #007ec5; color: #fff; }
.swp-inline-cta__btn--secondary { background: #007ec5; color: #fff; }
.swp-inline-cta__btn--secondary:hover { background: #ffd818; color: #1d1d1d; }
@media (max-width: 640px) {
  .swp-inline-cta__inner { flex-direction: column; align-items: stretch; text-align: center; }
  .swp-inline-cta__actions { justify-content: center; }
}

.blog-post-boxs > .live-shortcode > .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

.blog-post-boxs > .live-shortcode > .row .col-md-6.col-lg-4.mb-3.mb-md-4 {
  width: 100%;
}

.blog-post-section .container {width:min(100% - 2rem,var(--swp-content-width))!important;max-width:none!important;margin-inline:auto!important;}

.blog-post-boxs > .live-shortcode > .row .col-md-6.col-lg-4.mb-3.mb-md-4 {
  width: 100%;
  margin: 0 !important;
  margin-top: 20px !important;
}

.blog-post-boxs > .live-shortcode > .row article .card-footer {
  display: none;
}

.blog-post-boxs > .live-shortcode > .row article {
  display: flex;
  flex-direction: column;
  box-shadow: none !important;
  padding: 30px;
  padding-top: 0;
  border-radius: 20px;
  border: 1px solid rgb(117 117 117 / 30%);
  height: 100%;
  box-sizing: border-box;
  /*margin-top: 20px;*/
}

.blog-post-boxs > .live-shortcode > .row article .card-body {
  order: 1;
  padding-left: 0;
  padding-right: 0;
}

.blog-post-boxs > .live-shortcode > .row article a {
  order: 2;
}

.blog-post-boxs > .live-shortcode > .row article .card-body p {
  display: none;
}

.blog-post-boxs > .live-shortcode > .row article .card-body header {
  display: flex;
  flex-flow: column-reverse;
}

.blog-post-boxs > .live-shortcode > .row article .card-body header h2 {
  font-size: 20px;
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  line-height: 26px;
  font-weight: 600;
}

.blog-post-boxs > .live-shortcode > .row article .card-body header h2 a {
  color: #1d1d1d;
  line-height: inherit;
}

.blog-post-boxs > .live-shortcode > .row article .card-body header em {
  margin-top: -30px;
  margin-bottom: 20px;
}

.blog-post-boxs
  > .live-shortcode
  > .row
  article
  .card-body
  header
  em
  span.text-muted.author {
  display: none;
}

.blog-post-boxs
  > .live-shortcode
  > .row
  article
  .card-body
  header
  em
  time.text-muted {
  background: #007ec5;
  color: #ffffff !important;
  border-radius: 10px;
  padding: 9px 9px;
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.page-id-869 section.about-section.our-improve-sec {
  float: none;
}

section.solar-plan-box-sec {
  padding: 80px 0;
  border-radius: 30px;
  background: rgb(0 126 197 / 10%);
}

section.solar-plan-box-sec .container {width:min(100% - 2rem,var(--swp-content-width))!important;max-width:none!important;margin-inline:auto!important;}

section.solar-plan-box-sec .plans-boxs ul li {
  border: 1px solid rgb(117 117 117 / 40%);
  margin-bottom: 30px;
  padding: 25px;
  border-radius: 20px;
}

section.solar-plan-box-sec .plans-boxs ul li:nth-child(2n) .plans-rows {
  flex-direction: row-reverse;
}

section.solar-plan-box-sec .plans-boxs ul li:last-child {
  margin-bottom: 0;
}

section.solar-plan-box-sec .plans-boxs ul li .plans-rows {
  display: flex;
  gap: 40px;
  align-items: center;
}

section.solar-plan-box-sec .plans-boxs ul li .plans-rows .lft-plan-img {
  flex: 0 0 30%;
  max-width: 30%;
}

section.solar-plan-box-sec .plans-boxs ul li .plans-rows .lft-plan-img img {
  width: 100%;
}

section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data {
  flex: 0 0 calc(70% - 40px);
  max-width: calc(70% - 40px);
}

section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data h3 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 10px;
}

section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data p {
  font-size: 18px;
  line-height: 27px;
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 15px;
}

section.solar-plan-box-sec
  .plans-boxs
  ul
  li
  .plans-rows
  .rgt-plan-data
  .button-lins
  a {
  color: #fff;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
  padding: 7px 10px 7px 20px;
  align-items: center;
  border-radius: 200px;
  background: #007ec5;
}

section.solar-plan-box-sec
  .plans-boxs
  ul
  li
  .plans-rows
  .rgt-plan-data
  .button-lins
  a:after {
  content: url("/wp-content/uploads/solarwyse-media/1461d6831420-blur-icon.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

section.solar-plan-box-sec
  .plans-boxs
  ul
  li
  .plans-rows
  .rgt-plan-data
  .button-lins
  a:hover {
  background: #ffd818;
  color: #1d1d1d;
}

section.ctas-sections {
  padding: 30px 0 60px 0;
}

/* --- CTA band contrast fix -------------------------------------------------
   The Astro export repaints this band a solid yellow gradient via high-specificity
   attribute selectors (.ctas-sections[data-astro-cid-b5tw52ru] and -xyrqsb74),
   which leaves BOTH the white heading and the yellow "Get a Quote" button washed
   out on yellow. Repaint the band in the brand's deep blue so the white copy and
   the yellow button each read with strong contrast. !important is required to beat
   the Astro attribute rules (they are not !important, so this wins regardless of
   which build hash or CSS load order applies). Covers all ~27 pages that use this
   shared component. Larry: to recolor every CTA band site-wide, edit only this rule.
   NOTE: .ctas-sections is written twice on purpose — the Astro rule uses an
   attribute selector, so we need the extra class weight to out-rank it. */
section.ctas-sections.ctas-sections {
  background: linear-gradient(135deg, #0B2239 0%, #0A5C93 100%) !important;
}
section.ctas-sections.ctas-sections h2,
section.ctas-sections.ctas-sections p {
  color: #ffffff !important;
}
/* Base button stays brand yellow (high contrast on the dark band); on hover it
   flips to white so it never blends into the blue gradient. */
section.ctas-sections a.button-component:hover {
  background: #ffffff !important;
  color: #0B2239 !important;
}

section.ctas-sections .cta-rows {
  background: url("/wp-content/uploads/solarwyse-media/f259f8cc9c23-solar-panel-background.webp");
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  position: relative;
}

section.ctas-sections .cta-rows:after {
  content: "";
  position: absolute;
  width: 100%;
  background: #000;
  opacity: 0.6;
  height: 100%;
  top: 0;
  border-radius: 30px;
}

section.ctas-sections .cta-rows .cta-inners {
  padding: 60px;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
}

section.ctas-sections .cta-rows .cta-inners .cts-lft-txt {
  flex: 0 0 70%;
  max-width: 70%;
}

section.ctas-sections .cta-rows .cta-inners .cta-rgt-butt {
  flex: 0 0 30%;
  max-width: 30%;
}

section.ctas-sections .cta-rows .cta-inners .cts-lft-txt h2 {
  color: #fff;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
}

section.ctas-sections .cta-rows .cta-inners .cts-lft-txt p {
  margin-bottom: 0;
  color: #fff;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

section.ctas-sections .cta-rows .cta-inners .cta-rgt-butt .button-lins a {
  color: #fff;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
  padding: 7px 10px 7px 20px;
  align-items: center;
  border-radius: 200px;
  background: #007ec5;
}

section.ctas-sections .cta-rows .cta-inners .cta-rgt-butt .button-lins a:after {
  content: url("/wp-content/uploads/solarwyse-media/1461d6831420-blur-icon.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

section.ctas-sections .cta-rows .cta-inners .cta-rgt-butt .button-lins a:hover {
  background: #ffd818;
  color: #1d1d1d;
}

section.ctas-sections .cta-rows .cta-inners .cta-rgt-butt .button-lins {
  text-align: right;
}

section.kits-safety-sec {
  padding: 70px 0;
}

.csa-data .about-col h3 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 20px;
  margin-top: 15px;
}

.safety-csa-boxs {
  max-width: 1300px;
  margin: 0 auto;
  width: 100%;
}

.safety-csa-boxs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  justify-content: center;
}

.safety-csa-boxs ul li {
  border-radius: 20px;
  box-shadow: 0px 0px 15.897px 0px rgba(0, 0, 0, 0.15);
  width: calc(33.33% - 25px);
  overflow: hidden;
  background: #fff;
}

.safety-csa-boxs ul li .safety-rows .lft-img img {
  width: 100%;
}

.safety-csa-boxs ul li .safety-rows .rgt-data {
  padding: 25px;
}

.safety-csa-boxs ul li .safety-rows .rgt-data h3 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.safety-csa-boxs ul li .safety-rows .rgt-data p {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}

.safety-csa-boxs ul li .safety-rows .rgt-data .button-lins a {
  color: #fff;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  display: inline-flex;
  padding: 6px 8px 6px 18px;
  align-items: center;
  border-radius: 200px;
  background: #007ec5;
}

.safety-csa-boxs ul li .safety-rows .rgt-data .button-lins a:after {
  content: url("/wp-content/uploads/solarwyse-media/1461d6831420-blur-icon.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

.safety-csa-boxs ul li .safety-rows .rgt-data .button-lins a:hover {
  background: #ffd818;
  color: #1d1d1d;
}

.page-id-898 section {
  float: none;
}

.eneg-look-data .solution-details .lfts-text h2 {
  margin-bottom: 15px;
  text-align: left;
  line-height: 54px;
}

.eneg-look-data .solution-details .lfts-text ul {
  padding-bottom: 10px;
  list-style: disc;
  padding-left: 20px;
}

.eneg-look-data .solution-details .lfts-text ul li {
  font-size: 18px;
  line-height: 28px;
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 0px;
}

.select-sol-data h2 {
  margin-bottom: 30px !important;
}

section.solar-grid-section {
  background: rgb(0 126 197 / 10%);
  border-radius: 30px;
  padding: 80px 0;
}

.smll-contai-sec .container {width:min(100% - 2rem,var(--swp-content-width))!important;max-width:none!important;margin-inline:auto!important;}

.solar-grids-boxs .top-grid-head {
  text-align: center;
  margin-bottom: 50px;
}

.solar-grids-boxs .top-grid-head h2 {
  color: #1d1d1d;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
  margin-bottom: 15px;
}

.solar-grids-boxs .top-grid-head p {
  color: #757575;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 20px;
}

.solar-grids-boxs .bott-grid-body {
  display: flex;
}

.solar-grids-boxs .bott-grid-body .lft-imgs {
  flex: 0 0 40%;
  max-width: 40%;
  text-align: center;
}

.solar-grids-boxs .bott-grid-body .rgt-data {
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 40px;
}

.solar-grids-boxs .bott-grid-body .lft-imgs img {
  width: 100%;
  border-radius: 20px;
}

.solar-grids-boxs .bott-grid-body .rgt-data .data-lists h4 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.solar-grids-boxs .bott-grid-body .rgt-data .data-lists ul {
  list-style: disc;
  padding-left: 25px;
  margin-bottom: 10px;
}

.solar-grids-boxs .bott-grid-body .rgt-data .data-lists ul li {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
}

.solar-grids-boxs .bott-grid-body .lft-imgs h4 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 20px;
  margin-top: 20px;
}

.solar-grids-boxs .bott-grid-body .lft-imgs .button-lins a {
  color: #1d1d1d;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  display: inline-flex;
  padding: 6px 8px 6px 18px;
  align-items: center;
  border-radius: 200px;
  background: #ffd818;
}

.solar-grids-boxs .bott-grid-body .lft-imgs .button-lins a:after {
  content: url("/wp-content/uploads/solarwyse-media/1461d6831420-blur-icon.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

.solar-grids-boxs .bott-grid-body .lft-imgs .button-lins a:hover {
  background: #007ec5;
  color: #fff;
}

section.bg-none-sec {
  background: #fff;
  border-radius: 0;
}

.solar-grids-boxs .bott-grid-body .rgt-data .data-lists p {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
}

.solar-grids-boxs .bott-grid-body .rgt-data .data-lists p:last-child {
  margin-bottom: 0;
}

section.border-top-line {
  border-top: 1px solid #1d1d1d;
}

section.cta-top-spacing {
  padding-top: 60px;
}

.remot-slor-datas {
  display: flex;
  align-items: flex-start;
}

.remot-slor-datas .lft-imgs-boxs {
  flex: 0 0 calc(30% - 40px);
  max-width: calc(30% - 40px);
  border: 1px solid rgb(117 117 117 / 40%);
  border-radius: 20px;
  overflow: hidden;
  padding: 20px;
  background: #fff;
  margin-right: 40px;
}

.remot-slor-datas .lft-imgs-boxs img {
  width: 100%;
  border-radius: 20px 20px 0 0;
  margin-bottom: 15px;
}

.remot-slor-datas .lft-imgs-boxs .remot-slor-txt h4 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
  margin-bottom: 10px;
  text-align: center;
}

.remot-slor-datas .lft-imgs-boxs .remot-slor-txt ul {
  padding-left: 20px;
  list-style: disc;
}

.remot-slor-datas .lft-imgs-boxs .remot-slor-txt ul li {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
}

.remot-slor-datas .rgt-data .data-lists h3 {
  color: #1d1d1d;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 10px;
}

.remot-slor-datas .rgt-data .data-lists p {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 15px;
}

.remot-slor-datas .rgt-data {
  flex: 0 0 70%;
  max-width: 70%;
}

.remot-slor-datas .rgt-data .data-lists .button-lins a {
  color: #fff;
  text-align: center;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  display: inline-flex;
  padding: 6px 8px 6px 18px;
  align-items: center;
  border-radius: 200px;
  background: #007ec5;
}

.remot-slor-datas .rgt-data .data-lists .button-lins a:after {
  content: url("/wp-content/uploads/solarwyse-media/1461d6831420-blur-icon.webp");
  margin-left: 12px;
  width: 36px;
  height: 36px;
}

.remot-slor-datas .rgt-data .data-lists .button-lins a:hover {
  background: #ffd818;
  color: #1d1d1d;
}

.con-text blockquote {
  background: rgb(0 126 197 / 10%);
  padding: 30px;
  border-radius: 20px;
}

.con-text blockquote p {
  text-align: left;
}

.batter-sec .row .csa-data .about-col.head-line.help-section {
  padding-bottom: 0 !important;
}

.remot-slor-datas .rgt-data .data-lists h4 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.remot-slor-datas .rgt-data .data-lists ul {
  padding-left: 20px;
  list-style: disc;
  margin-bottom: 10px;
}

.remot-slor-datas .rgt-data .data-lists ul li {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 0px;
}

.batter-sec .row.lead-carb-row {
  max-width: 1300px;
  margin: 0 auto;
  width: 100%;
  margin-top: 40px;
}

.batter-boxs-data {
  display: flex;
  gap: 40px;
}

.batter-boxs-data .batter-box {
  padding: 30px;
  border-radius: 20px;
  background: rgb(0 126 197 / 10%);
}

.batter-boxs-data .batter-box h3 {
  color: #1d1d1d;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 15px;
}

.batter-boxs-data .batter-box p:last-child {
  margin-bottom: 0;
}

.batter-boxs-data .batter-box p {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}

.row.featur-safty-rows {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 40px;
  width: 100%;
}

.featur-safty-boxs {
  display: flex;
  gap: 40px;
}

.featur-safty-boxs .lft-boxs {
  flex: 0 0 60%;
  max-width: 60%;
  background: #fff;
  padding: 30px;
  border-radius: 20px;
}

.featur-safty-boxs .rgt-boxs {
  flex: 0 0 calc(40% - 40px);
  max-width: calc(40% - 40px);
  background: #fff;
  padding: 30px;
  border-radius: 20px;
}

.featur-safty-boxs .lft-boxs h3 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.featur-safty-boxs .rgt-boxs h3 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.featur-safty-boxs .rgt-boxs ul {
  padding-left: 20px;
  list-style: disc;
}

.featur-safty-boxs .rgt-boxs ul li {
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  color: #757575;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 0px;
}

.featur-safty-boxs .lft-boxs ul {
  padding-left: 20px;
  list-style: disc;
}

.featur-safty-boxs .lft-boxs ul li {
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  color: #757575;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 0px;
}

.carbon-batt-boxs .lft-boxs,
.carbon-batt-boxs .rgt-boxs {
  background: rgb(0 126 197 / 10%);
}

.cond-batt-deta .rgts-text h2 {
  font-size: 42px;
  line-height: 52px;
}

.solar-about-sec .solution-details .rgts-text ul {
  padding-left: 20px;
  list-style: disc;
}

.solar-about-sec .solution-details .rgts-text ul li {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
  color: #757575;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.safety-csa-boxs ul li .safety-rows .rgt-data ul {
  display: block;
  padding-left: 20px;
  list-style: disc;
}

.safety-csa-boxs ul li .safety-rows .rgt-data ul li {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  overflow: visible;
}

.safety-csa-boxs ul li .safety-rows .rgt-data ul li {
  width: 100%;
  background: transparent;
  border-radius: 0;
  box-shadow: none !important;
}

.row.full-data-rows
  .about-col.head-line
  .solar-about-sec
  .solution-details
  .rgts-text {
  width: 100%;
  padding-left: 0;
}

.row.full-data-rows {
  margin-top: 30px;
}

.row.benefi-fill-data
  .about-col.head-line
  .solar-about-sec
  .solution-details
  .rgts-text {
  width: 100%;
  padding: 0;
  text-align: center;
  margin-bottom: 30px;
}

.row.benefi-fill-data
  .about-col.head-line
  .solar-about-sec
  .solution-details
  .rgts-text
  p {
  margin-bottom: 0;
  text-align: center;
}

.solar-grids-boxs .bott-grid-body .rgt-data .data-lists h3 {
  color: #007ec5;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.single-post .single-post-data {
  padding: 60px 0;
}

.single-post .single-post-data .card-body .container {width:min(100% - 2rem,var(--swp-content-width))!important;max-width:none!important;margin-inline:auto!important;margin: 0 auto !important;}

.single-post-banner .row.banner-row .banner-col.in-to .lc-block.text-center {
  width: 90%;
  margin: 0 auto;
}

.single-post .single-post-data .card-body .lc-block small.text-muted {
  color: #007ec5 !important;
  font-weight: 600;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
}

.single-post .single-post-data .card-body .lc-block h2 {
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}

.single-post .single-post-data .card-body .lc-block.post-cont-txt {
  color: #757575;
  text-align: left;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 20px;
}

.single-post .single-post-data .card-body .lc-block.post-cont-txt b,
.single-post .single-post-data .card-body .lc-block.post-cont-txt strong {
  font-weight: 600;
}

.single-post .single-post-data .card-body .lc-block h3 {
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}

.single-post .single-post-data .card-body .lc-block h3 strong {
  font-weight: 500 !important;
}

.single-post .single-post-data .card-body .lc-block h4 {
  color: #1d1d1d;
  font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}

.blog-page-data.blog-post-boxs
  > .live-shortcode
  > .row
  article
  img.attachment-thumbnail {
  width: 100%;
}

.single-post .single-post-data .card-body .lc-block.post-cont-txt h2 strong,
.single-post .single-post-data .card-body .lc-block.post-cont-txt h3 strong {
  font-weight: 500;
}
.live-shortcode.m-auto.header-menus.mobi-menu {
  display: none;
}
.single-post .single-post-data .card-body .lc-block ul,
.single-post .single-post-data .card-body .lc-block ol {
  list-style: inherit;
  padding-left: 20px;
}
.single-post .single-post-data .card-body .lc-block ul li,
.single-post .single-post-data .card-body .lc-block ol li {
  margin-bottom: 6px;
}

@media (min-width: 991px) {
  .header-menus
    ul#menu-header-menu
    li.menu-item.dropdown:hover
    > ul.dropdown-menu,
  .header-menus
    ul#menu-header-menu
    li.menu-item.dropdown.is-open
    > ul.dropdown-menu {
    display: block;
  }

  .header-menus
    ul#menu-header-menu
    li.menu-item.dropdown:hover
    > ul.dropdown-menu
    li.menu-item.dropdown
    > ul.dropdown-menu {
    display: none;
  }

  .header-menus
    ul#menu-header-menu
    li.menu-item.dropdown
    > ul.dropdown-menu
    li.menu-item.dropdown:hover
    > ul.dropdown-menu {
    display: block;
    left: 100%;
    top: 0;
  }
}

@media (max-width: 1740px) {
  .box-title h3 {
    margin: 0;
    padding: 27px 0px 20px 20px;
    color: #007ec5;
    font-family: Poppins;
    font-size: 18px;
  }

  .offering-col.head-line .lc-block .offer-heading {
    width: 34%;
  }
}

@media (max-width: 1620px) {
  .solutions-slider .owl-nav {
    bottom: -20px !important;
  }

  .row.offer-row {
    padding: 60px 40px 0 40px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }

  .offer-slider.bs-swiper-card .owl-nav {
    right: 36px;
  }

  .social-col {
    left: -48px;
  }

  .cond-batt-deta .rgts-text h2,
  .solar-grids-boxs .top-grid-head h2,
  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt h2,
  .head-line h2 {
    font-size: 40px;
    line-height: 48px !important;
  }

  .offering-col.head-line .lc-block .offer-heading {
    width: 32%;
  }
}

@media (max-width: 1550px) {
  .offering-col.head-line .lc-block .offer-heading {
    width: 31%;
  }

  .box-title h3 {
    margin: 0;
    padding: 27px 0px 20px 20px;
    color: #007ec5;
    font-family: Poppins;
    font-size: 16px;
  }

  .footer-row .lft-footer {
    flex: 0 0 auto;
    width: 25%;
    padding-right: 40px;
    padding-top: 55px;
  }
}

@media (max-width: 1480px) {
  .social-col {
    left: -45px;
  }

  .banner-col {
    height: 682px;
  }

  section.canadians-section .row.row-grid-twos.canada-rows {
    padding-left: 5.5%;
    padding-top: 40px;
  }

  a.navbar-text.text-decoration-none.header-rgt-buttons {
    font-size: 18px;
    font-weight: 600;
  }

  .con-text p {
    font-size: 18px;
    line-height: 28px;
  }

  .testimonial-details .test-rgt-text p {
    color: #757575;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    display: inline;
  }
}

@media (max-width: 1460px) {
  .row.offer-row {
    padding: 60px 20px 0 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }

  .offer-slider.bs-swiper-card .owl-stage-outer .owl-item {
    padding-left: 10px;
  }

  .offer-slider.bs-swiper-card .owl-nav {
    right: 10px;
  }
}

@media (max-width: 1420px) {
  .header-menus ul#menu-header-menu li.menu-item a.nav-link {
    font-size: 16px;
  }

  .footer-menu ul li.menu-item a.nav-link {
    font-size: 18px;
  }

  .offering-col.head-line .lc-block .offer-heading {
    width: 30%;
  }

  .offering-col.head-line .lc-block {
    padding: 0px 30px;
  }

  .contact-rows h4 {
    font-size: 26px;
  }

  .single-post .single-post-data .card-body .lc-block h2 {
    font-size: 40px;
  }

  .single-post .single-post-data .card-body .lc-block h3 {
    font-size: 34px;
  }

  .single-post .single-post-data .card-body .lc-block h4 {
    font-size: 32px;
  }
}

@media (max-width: 1300px) {
  .header-menus ul#menu-header-menu li.menu-item a.nav-link {
    font-size: 14px;
  }

  a.navbar-text.text-decoration-none.header-rgt-buttons {
    font-size: 16px;
    font-weight: 600;
    padding: 7px 16px;
  }

  .footer-menu ul li.menu-item {
    margin: 0;
  }

  .footer-menu ul {
    flex-direction: row;
    gap: 30px;
  }

  .fotter-contact ul li .cont-data .icon-box {
    width: 50px;
    margin-right: 12px;
  }

  .fotter-contact ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }

  .footer-menu {
    margin: 60px 0 50px 0;
    padding-left: 20px;
  }

  .fotter-contact {
    padding: 50px 0px 50px 20px;
    position: relative;
  }

  .copyright-rows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 50px 20px;
  }

  .copyright-rows .copy-text {
    color: #1d1d1d !important;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
  }

  .copyright-rows .rgt-text-img p {
    font-size: 16px;
    line-height: 18px;
    margin-left: 10px;
  }

  .fotter-contact ul li .cont-data .data-box p,
  .fotter-contact ul li .cont-data .data-box a {
    color: #007ec5;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
  }

  .lft-footer .lc-block.small.text-dark p {
    color: #757575;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
  }
}

@media (max-width: 1280px) {
  .solar-grids-boxs .bott-grid-body .lft-imgs h4 {
    font-size: 26px;
  }

  .faq-text .ea-card .sp-collapse .ea-body,
  .faq-text .ea-card .sp-collapse .ea-body p,
  .faq-text .ea-card .sp-collapse .ea-body div {
    color: #757575;
    text-align: left;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows {
    display: flex;
    gap: 30px;
    align-items: center;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data p {
    font-size: 16px;
    line-height: 24px;
  }

  .featur-safty-boxs .rgt-boxs {
    flex: 0 0 calc(50% - 40px);
    max-width: calc(50% - 40px);
  }

  .featur-safty-boxs .lft-boxs {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .comparison-table td {
    font-size: 18px;

    line-height: 28px;
  }

  .safety-csa-boxs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }

  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt p {
    font-size: 18px;
    line-height: 26px;
  }

  .row.contact-rows {
    column-gap: 0;
  }

  .contact-rows h4 {
    font-size: 24px;
  }

  .contact-rows h5 {
    color: #1d1d1d;
    text-align: left;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    margin: 15px 0;
  }

  .contact-rows p {
    color: #757575;
    text-align: left;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 0;
  }

  .rgt-text {
    width: calc(100% - 425px);
    float: right;
    margin-left: 25px;
  }

  .rgt-text p {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 21px !important;
    margin-bottom: 25px;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data h3,
  .csa-data .about-col h3,
  .rgt-text h3 {
    color: #007ec5;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize;
    margin-bottom: 11px;
  }

  .lft-image {
    width: 437px;
    float: left;
  }

  .rgt-con-offer.con-text p br {
    display: none;
  }

  .cond-batt-deta .rgts-text h2,
  .solar-grids-boxs .top-grid-head h2,
  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt h2 {
    font-size: 36px;
    line-height: 37px;
  }

  .head-line h2 {
    font-size: 36px;
    line-height: 46px !important;
    margin-bottom: 30px;
  }

  .banner-col .lc-block h1 {
    font-size: 42px;
    line-height: 40px;
  }

  .offering-col.head-line .lc-block .offer-heading {
    width: 50%;
  }

  section.canadians-section .row.row-grid-twos.canada-rows {
    padding-left: 0;
    padding-top: 40px;
  }

  section.canadians-section
    .row.row-grid-twos.canada-rows
    .lft-cantact.con-text
    p {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1230px) {
  .testimonial-slider .owl-nav {
    right: 39%;
  }

  section.canadians-section
    .row.row-grid-twos
    .grid-col-1.rgt-data
    .lc-block.con-left.head-line
    h2 {
    text-align: left;
    margin-bottom: 25px;
  }

  section.canadians-section
    .row.row-grid-twos
    .grid-col-1.rgt-data
    .lc-block.con-left.head-line
    .can-inner-data {
    padding-left: 4px;
  }

  .tes-lft-img .client-name {
    padding: 15px;
    height: 240px;
  }

  .client-image {
    width: 150px;
    margin-left: -60px;
  }

  .client-name h2 {
    color: #fff;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    width: 100px;
  }

  .testimonial-details .test-rgt-text p {
    color: #757575;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    display: inline;
  }

  .header-menus ul#menu-header-menu li.menu-item {
    margin: 0 !important;
  }

  .header-menus ul#menu-header-menu {
    gap: 27px;
  }

  .footer-menu ul li.menu-item a.nav-link {
    font-size: 16px;
  }

  .btn-more.two-btn ul {
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
  }

  .btn-more.two-btn ul li a {
    background: #007ec5;
    color: #fff;
    font-size: 16px;
  }

  .blue a::after {
    margin-left: 8px;
  }

  .post-sliders .owl-nav button.owl-prev {
    left: -65px;
    position: relative;
  }

  .post-sliders .owl-nav button.owl-next {
    right: -65px;
  }
}

@media (max-width: 1100px) {
  section.ctas-sections .cta-rows .cta-inners {
    padding: 60px 30px;
  }

  .social-col {
    left: -37px;
  }

  .offering-col.head-line .lc-block .offer-heading {
    width: 70%;
  }

  .header-menus ul#menu-header-menu li.menu-item a.nav-link {
    font-size: 14px;
  }

  a.navbar-text.text-decoration-none.header-rgt-buttons {
    font-size: 14px;
    font-weight: 600;
    padding: 7px 16px;
  }

  .footer-row .lft-footer {
    flex: 0 0 auto;
    width: 25%;
    padding-right: 20px;
    padding-top: 55px;
  }

  .posts-sliders-hm
    .row.owl-loaded.owl-drag
    .owl-stage-outer
    .owl-stage
    .owl-item
    article
    a:after {
    width: 85%;
  }

  .solar-grids-boxs .top-grid-head h2,
  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .head-line h2 {
    font-size: 32px;
    line-height: 40px !important;
    margin-bottom: 30px;
  }
}

@media (max-width: 1050px) {
  .header-menus ul#menu-header-menu {
    gap: 15px;
  }

  .footer-menu ul {
    flex-direction: row;
    gap: 15px;
  }

  .row.row-grid-three .grid-col-1 .lc-block.con-text.head-line p {
    text-align: left;
    font-size: 16px;
    line-height: 23px;
  }

  .grid-col-3 .lc-block.con-text.head-line p span {
    color: #007ec5;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px !important;
  }

  .row.row-grid-three .grid-col-3 .lc-block.con-text.head-line p {
    text-align: right;
    font-size: 16px;
    line-height: 23px;
  }
}

@media (max-width: 1024px) {
  .safety-csa-boxs ul li {
    border-radius: 20px;
    box-shadow: 0px 0px 15.897px 0px rgba(0, 0, 0, 0.15);
    width: calc(50.33% - 21px);
    overflow: hidden;
    background: #fff;
  }

  .offer-more.blue {
    text-align: center !important;
  }

  .head-line .offer-heading h2 {
    text-align: center;
    margin: 0;
    position: relative;
  }

  .blog-post-boxs > .live-shortcode > .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .testimonial-details .tes-lft-img {
    width: 44%;
  }

  .testimonial-details .test-rgt-text {
    width: 60%;
  }

  .hm-blog-rows .lc-block .offering-col.head-line .lc-block .offer-heading {
    width: 100%;
    padding-right: 30px;
  }

  .hm-blog-rows
    .lc-block
    .offering-col.head-line
    .lc-block
    .rgt-con-offer.con-text {
    width: 100%;
    display: block;
    justify-content: flex-end;
    border-left: none;
    padding-left: 0;
  }

  .col-md-12.hm-blog-rows .lc-block .offering-col.head-line {
    padding-bottom: 30px;
  }

  .posts-sliders-hm
    .row.owl-loaded.owl-drag
    .owl-stage-outer
    .owl-stage
    .owl-item
    article {
    padding: 25px;
    padding-top: 0;
  }

  .lft-image {
    width: 300px;
    float: left;
  }

  .con-text p br {
    display: none;
  }

  .rgt-text a {
    font-size: 18px;
  }

  .rgt-text {
    width: calc(100% - 300px);
    float: right;
    margin-left: 25px;
  }

  .solutions-slider .owl-nav {
    bottom: -40px !important;
  }

  .offering-col.head-line .lc-block {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
  }

  .offering-col.head-line .lc-block .offer-heading {
    width: 100%;
  }

  .head-line .offer-heading h2:after {
    display: none;
  }

  .rgt-con-offer.con-text p {
    text-align: center;
  }

  .rgt-con-offer.con-text {
    text-align: center;
  }

  .offering-col.head-line .lc-block {
    padding: 0px 0px;
  }

  .single-post .single-post-data .card-body .lc-block h2 {
    font-size: 38px;
  }

  .single-post .single-post-data .card-body .lc-block.post-cont-txt {
    font-size: 18px;
    line-height: 24px;
  }

  .single-post .single-post-data .card-body .lc-block h3 {
    font-size: 32px;
  }

  .single-post .single-post-data .card-body .lc-block h4 {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .footer-row .lft-footer {
    text-align: center !important;
  }
  .header-menus ul#menu-header-menu li.menu-item ul li a:hover {
    background: transparent;
  }

  .dropdown-item.active,
  .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: transparent;
    color: #007ec5 !important;
    font-weight: 600;
  }

  .dropend .dropdown-toggle::after {
    content: url("/wp-content/uploads/solarwyse-media/1902d9a4d1cb-menu-dwon-arrow.webp");
    border: 0;
    position: relative;
    top: -1px;
    width: 11px;
    height: 5px;
    vertical-align: 0px;
    margin-left: 5px;
  }
  .header-menus
    ul#menu-header-menu
    li.menu-item
    ul.dropdown-menu
    ul.dropdown-menu.sub-menu {
    margin-left: 20px;
  }

  .header-menus ul#menu-header-menu li.menu-item:hover a.nav-link,
  .header-menus ul#menu-header-menu li.menu-item.current-menu-item a.nav-link {
    color: #007ec5;
    font-weight: 600;
  }

  .header-menus ul#menu-header-menu li.menu-item ul.dropdown-menu {
    background: transparent;
    color: #fff;
  }

  .header-menus ul#menu-header-menu li.menu-item ul li a {
    color: #fff;
  }

  .header-menus
    ul#menu-header-menu
    li.menu-item
    ul
    li
    a.dropdown-item.dropdown-toggle {
    background: transparent;
  }

  .header-menus ul#menu-header-menu {
    gap: 20px;
    width: 100%;
  }

  .btn-more a {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: inline-flex;
  }
  .footer-row .lft-footer {
    flex: inherit;
    width: 100%;
    padding-right: 0;
    padding-top: 55px;
    padding-bottom: 30px;
  }

  .footer-row {
    display: flex;
    margin: 0;
    flex-direction: column;
  }

  .footer-row .rgt-footer {
    flex: 0 0 auto;
    width: 100%;
  }

  .footer-row .rgt-footer {
    flex: 0 0 auto;
    width: 100%;
    border-top: 1px solid rgb(117 117 117 / 20%);
    border-left: 0;
  }

  .fotter-contact:before {
    width: 100%;
  }

  .footer-menu {
    margin: 30px 0;
    padding-left: 0px;
  }

  .copyright-rows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 30px 0px;
  }

  .footer-menu ul {
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
  }

  .fotter-contact {
    padding: 30px 0px 30px 0px;
    position: relative;
  }
  .banner-col .lc-block h1 {
    font-size: 36px;
  }
  .header-menus ul#menu-header-menu li.menu-item a.nav-link:hover:before,
  .header-menus
    ul#menu-header-menu
    li.menu-item.current-menu-item
    a.nav-link:before {
    background: #007ec5;
    display: none;
  }

  .banner-col ul li a {
    font-size: 18px;
  }

  a.navbar-text.text-decoration-none.header-rgt-buttons {
    display: none;
  }

  .banner-col {
    height: 522px;
  }

  div#myNavbar1 .live-shortcode.m-auto.header-menus {
    display: flex;
    justify-content: left !important;
    background: #000;
    position: absolute;
    z-index: 99;
    width: 100%;
    padding: 30px;
  }

  .header-menus ul#menu-header-menu li.menu-item a.nav-link {
    padding: 0;
    position: relative;
    color: #fff;
    font-size: 16px;
  }

  .header-rows button.navbar-toggler:focus,
  .header-rows button.navbar-toggler:hover {
    box-shadow: none;
  }

  .header-rows button.navbar-toggler {
    border: none;
    padding: 0;
  }

  .social-col {
    left: -30px;
  }

  .live-shortcode.m-auto.header-menus.mobi-menu {
    display: block;
  }
  .live-shortcode.m-auto.header-menus.desk-mebnu {
    display: none !important;
  }
  .header-menus ul#menu-header-menu-1 {
    gap: 20px;
    width: 100%;
  }
  .header-menus ul#menu-header-menu-1 li.menu-item a.nav-link {
    padding: 0;
    position: relative;
    color: #fff;
    font-size: 16px;
  }
  .header-menus ul#menu-header-menu-1 li.menu-item ul.dropdown-menu {
    background: transparent;
    color: #fff;
  }
  .header-menus
    ul#menu-header-menu-1
    li.menu-item
    ul
    li
    a.dropdown-item.dropdown-toggle {
    background: transparent;
  }
  .header-menus ul#menu-header-menu-1 li.menu-item ul li a {
    color: #fff;
  }
  .header-menus ul#menu-header-menu-1 li.menu-item ul li a:focus {
    background: transparent;
  }
  .header-menus ul#menu-header-menu-1 li.menu-item ul li a:hover {
    background: transparent;
  }
  .header-menus
    ul#menu-header-menu-1
    li.menu-item
    ul.dropdown-menu
    ul.dropdown-menu.sub-menu {
    margin-left: 20px;
  }
  .header-menus
    ul#menu-header-menu-1
    li.menu-item
    a.nav-link.dropdown-toggle::after {
    content: url("/wp-content/uploads/solarwyse-media/1902d9a4d1cb-menu-dwon-arrow.webp");
    border: 0;
    position: relative;
    top: -1px;
    width: 11px;
    height: 5px;
    vertical-align: 0px;
    margin-left: 5px;
  }
  .header-menus ul#menu-header-menu-1 li.menu-item:hover a.nav-link,
  .header-menus
    ul#menu-header-menu-1
    li.menu-item.current-menu-item
    a.nav-link {
    color: #007ec5;
    font-weight: 600;
  }
  .header-menus ul#menu-header-menu-1 li.menu-item:hover a.nav-link,
  .header-menus
    ul#menu-header-menu-1
    li.menu-item.current-menu-item
    a.nav-link {
    color: #007ec5;
  }
}

@media (max-width: 980px) {
  .remot-slor-datas .lft-imgs-boxs .remot-slor-txt h4,
  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data h3,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h4,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h3,
  .batter-boxs-data .batter-box h3,
  .safety-csa-boxs ul li .safety-rows .rgt-data h3 {
    font-size: 22px;
  }
  .lc-block.con-text.head-line {
    text-align: center !important;
  }
  .row.row-grid-three .grid-col-1 .lc-block.con-text.head-line h2 {
    text-align: center !important;
  }
  .row.row-grid-three .grid-col-1 .lc-block.con-text.head-line p {
    text-align: center !important;
  }

  .remot-slor-datas .lft-imgs-boxs {
    flex: 0 0 calc(40% - 40px);
    max-width: calc(40% - 40px);
  }

  .remot-slor-datas .rgt-data {
    flex: 0 0 60%;
    max-width: 60%;
  }

  section.off-grid-section.canadians-section.solution-sec
    .grid-col-2.lfts-imgs {
    margin: 0 !important;
  }

  .lc-block.flag p {
    font-size: 18px;
    line-height: 28px;
  }

  section.about-solar-sections.kits-safety-sec {
    padding: 70px 0;
  }

  .beging-section .solar-about-sec .solution-details .left-image {
    display: flex !important;
  }

  .featur-safty-boxs .rgt-boxs {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .featur-safty-boxs {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }

  .featur-safty-boxs .lft-boxs {
    flex: 0 0 100%;
    max-width: 100%;
  }

  section.beging-section.about-solar-sections.bg-none-sec {
    padding: 80px 0;
  }

  .batter-boxs-data {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }

  .comparison-table th,
  .comparison-table td.product-name {
    font-size: 18px;
  }

  .banner-col .lc-block h1 {
    width: 95%;
    margin: 0 auto;
  }

  section.canadians-section .row.row-grid-twos .grid-col-2.lfts-imgs {
    margin-top: -40px;
  }

  .about-col.head-line.help-section .lc-block.con-text {
    margin-bottom: 30px;
  }

  .about-col.head-line.help-section h2 {
    margin-bottom: 20px !important;
  }

  .about-col.head-line.help-section {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    box-sizing: border-box;
  }

  .beging-section .solar-about-sec .solution-details .left-image,
  .solar-about-sec .solution-details .left-image {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .solar-about-sec .solution-details .left-image img {
    margin-top: 0 !important;
  }

  section.beging-section {
    padding: 80px 0 30px 0;
  }

  section.kits-safety-sec {
    padding: 70px 0 20px 0;
  }

  section.ctas-sections {
    padding: 60px 0 60px 0;
  }

  .linig-about-sec .solution-details {
    display: flex;
    align-items: center;
    flex-direction: column-reverse !important;
    gap: 30px;
  }

  section.ctas-sections .cta-rows .cta-inners .cta-rgt-butt {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 30px;
  }

  section.ctas-sections .cta-rows .cta-inners {
    padding: 60px 30px;
    flex-direction: column;
    justify-content: center;
  }

  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt p,
  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt h2 {
    text-align: center;
  }

  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  section.beging-section.about-solar-sections.package-section
    .solution-details
    .rgts-text {
    padding-left: 0;
    padding-right: 0px !important;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data h3,
  .remot-slor-datas .rgt-data .data-lists h3,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h4,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h3,
  .batter-boxs-data .batter-box h3,
  .linig-about-sec .solution-details .lfts-text h3 {
    font-size: 24px;
  }

  section.about-solar-sections .solution-details {
    display: flex;
    align-items: center;
    flex-direction: column !important;
    gap: 30px;
  }

  .solar-about-sec .solution-details .left-image {
    width: 100%;
  }

  .solar-about-sec .solution-details .rgts-text {
    width: 100%;
    text-align: left;
    padding-left: 0 !important;
  }

  .linig-about-sec .solution-details .lfts-text {
    width: 100%;
    text-align: left;
  }

  .linig-about-sec .solution-details .rgts-image {
    width: 100%;
    padding-left: 0;
  }

  .row.row-grid-three {
    display: grid;
    width: 100%;
    float: left;
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .grid-col-2 {
    margin-top: 0;
  }

  .grid-col-3 .lc-block.con-text.head-line h2 {
    text-align: left;
    margin-bottom: 20px;
  }

  .row.row-grid-three .grid-col-3 .lc-block.con-text.head-line p {
    text-align: left;
  }

  section.solution-section {
    padding: 80px 0;
  }
}

@media (max-width: 850px) {
  section.canadians-section .row.row-grid-twos .grid-col-1.rgt-data {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }

  section.canadians-section
    .row.row-grid-twos.canada-rows
    .lft-cantact.con-text {
    width: 100%;
    padding-right: 0;
  }

  section.canadians-section .row.row-grid-twos.canada-rows .rgt-imgs {
    width: 100%;
    margin-bottom: 30px;
  }

  .row.row-grid-twos.canada-rows {
    display: flex;
    flex-direction: column-reverse;
  }

  section.canadians-section {
    margin-bottom: 0;
  }

  section.canadians-section .row.row-grid-twos .grid-col-2.lfts-imgs {
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  div#customers-testimonials .owl-stage-outer .owl-stage .owl-item .test-desc {
    color: #757575;
    text-align: center;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
  }

  div#customers-testimonials .owl-stage-outer .owl-stage .testimonial-name {
    color: #1d1d1d;
    text-align: center;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
  }
  .row.contact-rows h4 {
    text-align: center !important;
  }
  .row.contact-rows p {
    text-align: center !important;
  }
  .row.contact-rows {
    text-align: center !important;
  }

  .remot-slor-datas .lft-imgs-boxs {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin: 0;
  }

  section.solar-plan-box-sec .plans-boxs ul li:nth-child(2n) .plans-rows {
    flex-direction: column;
  }

  section.solar-grid-section.smll-contai-sec.bg-none-sec
    .solar-grids-boxs
    .bott-grid-body {
    flex-direction: column;
  }

  section.solar-plan-box-sec
    .plans-boxs
    ul
    li
    .plans-rows
    .rgt-plan-data
    .button-lins
    a {
    font-size: 18px;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: column;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .lft-plan-img {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .remot-slor-datas .rgt-data {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .remot-slor-datas {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
  }

  .table-compair {
    overflow-x: auto;
  }

  .comparison-table {
    width: 767px;
  }

  .comparison-table td {
    font-size: 16px;

    line-height: 26px;
  }

  .comparison-table th,
  .comparison-table td.product-name {
    font-size: 16px;

    line-height: 26px;
  }

  .banner-col .lc-block h1 {
    font-size: 30px;
  }

  .solar-grids-boxs .top-grid-head p,
  .solar-grids-boxs .top-grid-head h2 {
    text-align: left;
  }

  .solar-grids-boxs .bott-grid-body .lft-imgs h4 {
    font-size: 22px;
  }

  .solar-grids-boxs .bott-grid-body .rgt-data {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-top: 0px;
  }

  .solar-grids-boxs .top-grid-head {
    text-align: center;
    margin-bottom: 30px;
  }

  .solar-grids-boxs .bott-grid-body .lft-imgs {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }

  .solar-grids-boxs .bott-grid-body {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
  }

  .posts-sliders-hm
    .row.owl-loaded.owl-drag
    .owl-stage-outer
    .owl-stage
    .owl-item
    article
    a:after {
    width: 90%;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data h3,
  .contact-rows h4,
  .remot-slor-datas .rgt-data .data-lists h3,
  .csa-data .about-col h3,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h4,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h3,
  .rgt-text h3 {
    font-size: 22px;
  }

  .row.contact-rows {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    padding-bottom: 70px !important;
  }

  .banner-col.in-to {
    height: inherit !important;
    padding: 130px 0 !important;
  }

  .linig-about-sec .solution-details .lfts-text h3 {
    font-size: 22px;
  }

  .head-line h2 span:after {
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .testimonial-slider .owl-nav {
    width: auto;
    float: left;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    bottom: inherit;
    top: 24px;
    display: flex;
    flex-direction: row;
    gap: 15px;
  }

  .post-sliders .owl-nav button.owl-prev {
    left: -45px;
    position: relative;
  }

  .testi-slider-col .row.owl-loaded.owl-drag .owl-stage-outer {
    overflow: hidden;
    padding-top: 80px;
  }

  .post-sliders .owl-nav button.owl-next {
    right: -45px;
  }

  .cond-batt-deta .rgts-text h2,
  .solar-grids-boxs .top-grid-head h2,
  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt h2,
  .head-line h2 {
    font-size: 30px;
    line-height: 41px !important;
  }

  section.hm-blog-sections {
    padding: 60px 0 !important;
    float: left;
    width: 100%;
  }

  section.about-section {
    padding: 115px 0 80px 0;
  }

  .offer-more a {
    font-size: 18px;
  }

  .cond-batt-deta .rgts-text h2,
  .solar-grids-boxs .top-grid-head h2,
  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .head-line h2 {
    font-size: 30px;
    line-height: 41px !important;
    margin-bottom: 30px;
  }

  .banner-col {
    height: 450px;
  }

  .social-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 42px;
    justify-content: center;
  }

  .row.offer-row {
    padding: 40px 20px 0 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }

  .social-col ul li:after {
    content: "";
    height: 22px;
    width: 2px;
    background: url("/wp-content/uploads/solarwyse-media/55dfbb5bc7e0-line.webp");
    position: absolute;
    background-size: contain;
    top: 60%;
    left: 35px;
    transform: translateY(-50%);
  }

  .offer-slider.bs-swiper-card .owl-stage-outer .owl-item {
    padding-left: 0;
  }

  .offer-slider.bs-swiper-card .owl-nav {
    right: 0px;
    top: -20px;
    flex-direction: row;
  }

  .offer-slider.bs-swiper-card {
    position: relative;
  }

  .social-col {
    left: 50%;
    bottom: -60px;
    top: inherit;
    transform: translateX(-50%);
    width: 100% !important;
    float: none;
    text-align: center;
  }

  .single-post .single-post-data .card-body .lc-block h2 {
    font-size: 32px;
  }

  .single-post .single-post-data .card-body .lc-block.post-cont-txt {
    font-size: 16px;
    line-height: 22px;
  }

  .single-post .single-post-data .card-body .lc-block h3 {
    font-size: 30px;
  }

  .single-post .single-post-data .card-body .lc-block h4 {
    font-size: 26px;
  }
}

@media (max-width: 720px) {
  .footer-menu ul {
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .fotter-contact ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-direction: column;
  }

  .copyright-rows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 30px 0px;
    flex-direction: column-reverse;
    gap: 30px;
  }
}

@media (max-width: 680px) {
  .remot-slor-datas .lft-imgs-boxs .remot-slor-txt h4,
  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data h3,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h4,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h3,
  .featur-safty-boxs .rgt-boxs h3,
  .remot-slor-datas .rgt-data .data-lists h3,
  .featur-safty-boxs .lft-boxs h3,
  .con-text h3 {
    font-size: 20px;
  }

  section.kits-safety-sec.batter-sec {
    padding: 70px 0;
  }

  section.solar-plan-box-sec .plans-boxs ul li .plans-rows .rgt-plan-data h3,
  .contact-rows h4,
  .remot-slor-datas .rgt-data .data-lists h3,
  .csa-data .about-col h3,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h4,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists h3,
  .rgt-text h3 {
    font-size: 20px;
  }

  .faq-text .ea-card .sp-collapse .ea-body,
  .faq-text .ea-card .sp-collapse .ea-body p,
  .faq-text .ea-card .sp-collapse .ea-body div {
    color: #757575;
    text-align: left;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
  }

  section.solar-plan-box-sec
    .plans-boxs
    ul
    li
    .plans-rows
    .rgt-plan-data
    .button-lins
    a {
    font-size: 16px;
  }

  .remot-slor-datas .rgt-data .data-lists p,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists ul li,
  .solar-grids-boxs .bott-grid-body .rgt-data .data-lists p {
    font-size: 16px;
    line-height: 26px;
  }

  .featur-safty-boxs .rgt-boxs,
  .featur-safty-boxs .lft-boxs {
    padding: 30px 20px;
  }

  .lc-block.flag p {
    font-size: 16px;
    line-height: 24px;
  }

  .featur-safty-boxs .rgt-boxs ul li {
    font-size: 16px;
    line-height: 26px;
  }

  .featur-safty-boxs .lft-boxs ul li {
    font-size: 16px;
    line-height: 26px;
  }

  .safety-csa-boxs ul li .safety-rows .rgt-data p {
    color: #757575;
    text-align: left;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 23px;
  }

  .safety-csa-boxs ul li {
    border-radius: 20px;
    box-shadow: 0px 0px 15.897px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    overflow: hidden;
    background: #fff;
  }

  .cond-batt-deta .rgts-text h2,
  .solar-grids-boxs .top-grid-head h2,
  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt h2 {
    font-size: 28px;
    line-height: 34px;
  }

  .head-line h2 {
    font-size: 28px;
    line-height: 37px !important;
    margin-bottom: 25px;
  }

  section.ctas-sections .cta-rows .cta-inners {
    padding: 60px 20px;
    flex-direction: column;
    justify-content: center;
  }

  section.ctas-sections .cta-rows .cta-inners .cta-rgt-butt .button-lins a {
    font-size: 16px;
  }

  .blog-post-boxs > .live-shortcode > .row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }

  section.canadians-section
    .row.row-grid-twos
    .grid-col-1.rgt-data
    .lc-block.con-left.head-line
    .can-inner-data
    .lgts-texts
    p {
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 27px;
  }

  .solar-about-sec .solution-details .rgts-text ul li {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #757575;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
  }

  .linig-about-sec .solution-details .lfts-text p {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .solar-grids-boxs .top-grid-head p,
  .solar-about-sec .solution-details .rgts-text p {
    font-size: 16px;
    line-height: 25px;
  }

  section.ctas-sections .cta-rows .cta-inners .cts-lft-txt p,
  .con-text p {
    font-size: 16px;
    line-height: 24px;
  }

  .head-line h2 br {
    display: none;
  }

  .offering-col.head-line {
    padding: 0;
    padding-bottom: 80px;
  }

  .safety-csa-boxs ul li .safety-rows .rgt-data .button-lins a {
    font-size: 16px;
  }
}

@media (max-width: 650px) {
  footer#lc-footer .footer-bgs {
    background-size: cover;
    background-position: top right -310px !important;
    background-repeat: no-repeat !important;
  }
  .beging-section .solar-about-sec .solution-details .left-image,
  .solar-about-sec .solution-details .left-image {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
    font-size: 18px;
    line-height: 24px;
  }

  .btn-more a:after {
    margin-left: 8px;
  }

  .banner-col.in-to {
    height: inherit !important;
    padding: 110px 0 !important;
  }

  .solution-details {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }

  .rgt-text {
    width: 100%;
    float: right;
    margin-left: 0;
  }

  .lft-image {
    width: 100%;
    float: left;
  }

  .lft-image img {
    width: 100%;
  }

  .post-sliders .owl-nav button.owl-prev {
    left: inherit;
    position: relative;
  }

  .post-sliders .owl-nav button.owl-next {
    right: 0;
  }

  .post-sliders .owl-nav {
    display: flex !important;
    width: auto !important;
    position: absolute;
    top: -20px;
    right: 0;
    left: inherit !important;
    transform: inherit;
    gap: 12px;
  }

  .posts-sliders-hm
    .row.owl-loaded.owl-drag
    .owl-stage-outer
    .owl-stage
    .owl-item
    article
    .card-body
    h2 {
    font-size: 18px;
    color: #1d1d1d;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    line-height: 25px;
    font-weight: 600;
  }

  .posts-sliders-hm
    .row.owl-loaded.owl-drag
    .owl-stage-outer
    .owl-stage
    .owl-item
    article
    a:after {
    font-size: 18px;
  }

  .posts-sliders-hm
    .row.owl-loaded.owl-drag
    .owl-stage-outer
    .owl-stage
    .owl-item
    article
    .card-body
    em
    time.text-muted {
    background: #007ec5;
    color: #ffffff !important;
    border-radius: 10px;
    padding: 9px 9px;
    font-size: 16px;
    line-height: 28px;
    font-style: normal;
    font-family: "Outfit", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  }

  .posts-sliders-hm
    .row.owl-loaded.owl-drag
    .owl-stage-outer
    .owl-stage
    .owl-item
    article
    a:before {
    content: "";
    position: absolute;
    bottom: 35px;
    right: 10px;
  }

  .posts-sliders-hm
    .row.owl-loaded.owl-drag
    .owl-stage-outer
    .owl-stage
    .owl-item
    article {
    padding: 15px;
    padding-top: 0;
  }

  .col-md-12.hm-blog-rows .lc-block .offering-col.head-line {
    padding-bottom: 70px;
  }

  .testimonial-details {
    display: flex;
    align-items: center;
    grid-gap: 30px;
    flex-direction: column;
  }

  .testimonial-details .tes-lft-img {
    width: 100%;
  }

  .testimonial-details .test-rgt-text {
    width: 100%;
  }

  .tes-lft-img .client-name {
    width: calc(100% - 250px);
  }
}

@media (max-width: 640px) {
  .home .banner-col,
  .home .banner-hero .banner-col {
    background-position: center center !important;
  }
}

@media (max-width: 560px) {
  .safety-csa-boxs.brand-box ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 520px) {
  .tes-lft-img .client-name {
    width: 100%;
  }

  .client-image {
    width: 160px;
    margin-left: -60px;
  }

  .testimonial-details .test-rgt-text a {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .banner-col .lc-block h1 {
    font-size: 28px;
  }

  .banner-col .lc-block p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 20px 0;
  }

  .banner-col ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-flex;
    gap: 10px;
  }

  .banner-col ul li a {
    font-size: 16px;
  }

  .banner-col ul li a:after {
    margin-left: 8px;
  }

  .banner-col ul li a {
    padding: 7px 10px;
  }

  .offer-more a {
    padding: 7px 10px;
    font-size: 16px;
  }
}

@media (max-width: 360px) {
  .btn-more a {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: inline-flex;
  }

  .banner-col ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-flex;
    gap: 10px;
    flex-direction: column-reverse;
    width: 100%;
  }

  .banner-col ul li a {
    width: 90%;
    justify-content: center;
  }

  .offer-more a {
    font-size: 17px;
    padding: 6px 10px;
  }

  .btn-more a {
    padding: 6px 10px;
    align-items: center;
    border-radius: 200px;
    background: #ffd818;
  }

  .head-line h2 {
    font-size: 26px;
    line-height: 37px !important;
    margin-bottom: 25px;
  }
}

@media (max-width: 330px) {
  .btn-more a,
  .btn-more.two-btn ul li a {
    font-size: 15px !important;
  }
}

/* Blog Carousel Container */
.blog-carousel-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 40px 0;
  padding: 20px 0; /* Add padding to prevent shadow clipping */
}


/* Blog Meta */
.blog-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-size: 13px;
}

.blog-meta time {
  color: #666;
}

.category-badge {
  background-color: #007EC5;
  color: #FFFFFF;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Blog Excerpt */
.blog-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #666;
  font-size: 14px;
}

/* Read More Button */
.blog-read-more {
  margin-top: auto;
}

.blog-read-more .btn {
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 500;
}

.blog-read-more .btn-secondary {
  background-color: #007EC5;
  color: #FFFFFF;
  border: none;
}

.blog-read-more .btn-secondary:hover {
  background-color: #FFD818;
  color: #1D1D1D;
  transform: scale(1.02);
}

/* Blog carousel/nav/pagination styles live in src/styles/blog-grid.css */

/* Remove comment counts from blog posts */
.hm-blog-sections .card-footer .comments {
  display: none;
}

/* ===========================================
   Responsive Image Safety Net
   Ensure images with width constraints maintain aspect ratio
   =========================================== */
img.w-75,
img.w-50,
.w-75 img,
.w-50 img,
.responsive-img {
  max-width: 100%;
  height: auto !important;
}

/* ===========================================
   FAQ CTA centering
   The imported source uses Bootstrap grid classes (.row.justify-content-center
   > .col-lg-7), but the ported framework renders .row as display:block, so the
   column hangs flush-left and its centered text reads as off-centre. Restore the
   intended flex centering for this section only.
   =========================================== */
.faq-cta .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* ===========================================
   Brands page: real logo tiles
   The source rendered a yellow letter avatar (.brand-card-mark) per brand. We
   now show each carried brand's real logo on a uniform white tile. Scoped with
   higher specificity than the ported content-page rule so it wins regardless of
   stylesheet order.
   =========================================== */
.brands-page .brand-card .brand-card-mark {
  width: 160px;
  height: 64px;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: #fff;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #e6e9f0;
  box-shadow: 0 1px 2px rgba(16, 32, 51, 0.06);
  display: block;
  font-size: 0;
}
.brands-page .brand-card .brand-card-mark--hoymiles { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/hoymiles.webp); }
.brands-page .brand-card .brand-card-mark--kinetic { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/kinetic.webp); }
.brands-page .brand-card .brand-card-mark--kisae { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/kisae.webp); }
.brands-page .brand-card .brand-card-mark--kohler { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/kohler.webp); }
.brands-page .brand-card .brand-card-mark--megarevo { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/megarevo.webp); }
.brands-page .brand-card .brand-card-mark--midnite { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/midnite.webp); }
.brands-page .brand-card .brand-card-mark--northern-electric-power { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/northern-electric-power.webp); }
.brands-page .brand-card .brand-card-mark--roof-tech { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/roof-tech.webp); }
.brands-page .brand-card .brand-card-mark--srne { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/srne.webp); }
.brands-page .brand-card .brand-card-mark--sacred-sun { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/sacred-sun.webp); }
.brands-page .brand-card .brand-card-mark--sol-ark { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/sol-ark.webp); }
.brands-page .brand-card .brand-card-mark--sunmodo { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/sunmodo.webp); }
.brands-page .brand-card .brand-card-mark--switch-energy { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/switch-energy.webp); }
.brands-page .brand-card .brand-card-mark--top-band { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/top-band.webp); }
.brands-page .brand-card .brand-card-mark--victron { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/victron.webp); }
.brands-page .brand-card .brand-card-mark--volthium { background-image: url(/wp-content/themes/solarwyse/assets/brand-logos/volthium.webp); }