/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

@font-face {
  font-family: 'Avant Garde';
  src: url('https://solarbatterygroup.com.au/wp-content/themes/enfold-child/ITCAvantGardeStd-Demi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avant Garde Medium';
  src: url('https://solarbatterygroup.com.au/wp-content/themes/enfold-child/ITCAvantGardeStd-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.container-custom {
  max-width: 1660px !important;
  width: 100%;
}
.open-pulse {
  display: block;
  width: clamp(0.875rem, -0.8125rem + 1.875vw, 1.4375rem);
  height: clamp(0.875rem, -0.8125rem + 1.875vw, 1.4375rem);

  border-radius: 50%;
  background: #50e42b;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(80, 228, 43, 0.4);
  animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(80, 228, 43, 0.4);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(80, 228, 43, 0.4);
    box-shadow: 0 0 0 0 rgba(80, 228, 43, 0.4);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/* Top Banner (namespaced under #top-banner-container) */
#top-banner-container {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 5;
  top: 0;
}
#top-banner-container .top-banner {
  background: #f7e30a;
  padding: 14px 0;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

#top-banner-container .banner-content {
  animation: scroll 25s linear infinite;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 50px;

  color: #000;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
}

#top-banner-container .banner-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

#top-banner-container .banner-item::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDE5IDM0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMC4xMzIzMjQgMTguODg1TDEzLjQyOTggMC4wMzU0MDA0TDEwLjk2MjMgMTUuMTE1MUgxOC4xNTk0TDQuOTMwMzkgMzMuOTY0N0w3Ljc0MDY5IDE4Ljg4NUgwLjEzMjMyNFoiIGZpbGw9IiMwMDczQjkiLz4KPC9zdmc+");
}

@keyframes scroll {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Mobile banner fix */
@media (max-width: 768px) {
  #top-banner-container .top-banner {
    padding: 6px 0;
  }

  #top-banner-container .banner-content {
    font-size: 12px;
    animation: scroll-mobile 20s linear infinite;
  }

  @keyframes scroll-mobile {
    0% {
      transform: translateX(100vw);
    }
    100% {
      transform: translateX(-100%);
    }
  }
}

/* Main Header (namespaced under #header-container) */
#header-container {
  position: fixed;
  top: clamp(3.25rem, 3.0073rem + 1.0356vw, 4.25rem);
  width: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background: hsl(203deg 100% 36% / 30%);
  backdrop-filter: blur(6px);
}
#header-container .header {
  position: relative;
}

#header-container .header-container {
  max-width: 1660px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 15px;
}

#header-container .logo2 {
  display: flex;
  align-items: center;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

#header-container .logo2 img {
  width: clamp(4.375rem, 3.6468rem + 3.1068vw, 7.375rem);
  margin-right: 10px;
}

/* Navigation */
#header-container .nav-menu {
  display: flex;
  list-style: none;
  align-items: center;
}

#header-container .nav-item {
  position: relative;
  margin: 0 clamp(1.25rem, 0.5357rem + 1.1161vw, 1.875rem);
}

#header-container .nav-link {
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.32px;
  transition: color 0.3s;
  display: block;
}

#header-container .nav-link:hover {
  color: #ffd700;
}

/* Dropdown */
#header-container .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  min-width: 200px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s;
  z-index: 1000;
}

#header-container .nav-item:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#header-container .dropdown-item {
  display: block;
  padding: 12px 20px;
  color: #333;
  text-decoration: none;
  transition: background 0.3s;
}

#header-container .dropdown-item:hover {
  background: #f5f5f5;
  color: #2e86ab;
}

/* Header actions */
#header-container .header-actions {
  display: flex;
  align-items: center;
  gap: clamp(0.625rem, -0.0576rem + 2.9126vw, 3.4375rem);
}

#header-container .quote-btn {
  background: #f7e30a;
  color: #333;
  padding: 12px 32px;
  border: none;
  color: #141414;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
  cursor: pointer;
  transition: transform 0.3s;
}

#header-container .quote-btn:hover {
  transform: translateY(-2px);
}

#header-container .phone-contact {
  display: flex;
  color: #fff;

  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
  align-items: center;
}

#header-container .phone-icon {
  background: #f7e30a;
  color: #333;
  /* padding: 8px; */
  border-radius: 50%;
  margin-right: 10px;
  /* font-size: 14px; */
  animation: pulse2 2s infinite;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes pulse2 {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(255, 215, 0, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
  }
}

/* Mobile menu */
#header-container .mobile-menu-btn {
  display: none;
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
  padding: 5px;
}

#header-container .mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 300px;
  height: 100vh;
  background: linear-gradient(135deg, #2e86ab, #1565c0);
  transition: right 0.3s;
  z-index: 2000;
  padding: 20px;
  overflow-y: auto;
}

#header-container .mobile-menu.active {
  right: 0;
}

#header-container .mobile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

#header-container .close-btn {
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
}

#header-container .mobile-nav-item {
  margin-bottom: 15px;
}

#header-container .mobile-nav-link {
  color: white;
  text-decoration: none;
  font-size: 18px;
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#header-container .mobile-dropdown {
  display: none;
  padding-left: 20px;
  margin-top: 10px;
}

#header-container .mobile-dropdown.active {
  display: block;
}

#header-container .mobile-dropdown-item {
  color: #ffd700;
  text-decoration: none;
  display: block;
  padding: 8px 0;
  font-size: 16px;
}

#header-container .dropdown-toggle {
  cursor: pointer;
  position: relative;
}

#header-container .dropdown-toggle::after {
  content: "+";
  position: absolute;
  right: 0;
  transition: transform 0.3s;
}

#header-container .dropdown-toggle.active::after {
  transform: rotate(45deg);
}

#header-container .mobile-actions {
  margin-top: 30px;
  padding-top: 20px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

#header-container .mobile-quote-btn {
  width: 100%;
  margin-bottom: 15px;
}

#header-container .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1500;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

#header-container .overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Responsive */
@media (max-width: 1024px) {
  #header-container .nav-menu,
  #header-container .header-actions .quote-btn {
    display: none;
  }

  #header-container .mobile-menu-btn {
    display: block;
  }
}

@media (max-width: 480px) {
  #header-container .mobile-menu {
    width: 100%;
    right: -100%;
  }
}

.section-newHeader {
  padding-block: clamp(8.5rem, 6.6189rem + 8.0259vw, 16.25rem)
    clamp(2.8125rem, 1.5231rem + 5.5016vw, 8.125rem);
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
}
.section-newHeader .header-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-newHeader .header-background img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom center;
}
.section-newHeader .header-background img:last-child {
  display: none;
}
.section-newHeader .newHeader-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-newHeader .newHeader-content .awards {
  position: absolute;
  right: 50px;
  top: calc(100% + clamp(0rem, -1.4256rem + 2.2297vw, 1.25rem));
  width: clamp(19.4375rem, 16.7676rem + 11.3916vw, 30.4375rem);
}

.section-newHeader .newHeader-content .text-cont {
  display: flex;
  flex-direction: column;
  gap: 37px;
}
.section-newHeader .newHeader-content .text-cont h1 {
  max-width: 500px;
  width: 100%;

  color: #fff;

  font-family: Poppins;
  font-size: clamp(2.625rem, 2.2313rem + 1.6796vw, 4.246875rem);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(2.2911875rem, 1.7737rem + 2.2078vw, 4.4230625rem);
  /* 104.149% */
  letter-spacing: -1.359px;
  margin: 0;
}
.section-newHeader .newHeader-content .text-cont h1 span {
  color: #f7e30a;
}
.section-newHeader .btn {
  color: #fff;
  font-family: Poppins;
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.4px;
  padding: 15px 30px;
  text-align: center;
}

.section-newHeader .btn:hover {
  opacity: 0.8;
}
.section-newHeader .btn-group {
  display: flex;
  gap: 15px;
}
.section-newHeader .btn-group.btn-two {
  display: none;
}
.section-newHeader .btn-group .btn:first-child {
  background: #78be20;
  color: #fff;
}
.section-newHeader .btn-group .btn:last-child {
  background: #fff;
  color: #0073b9;
}
.section-newHeader .newHeader-content .promo-banner {
  background: #0073b9;
  color: #fff;
  border-radius: 20px;
  position: relative;
}
.section-newHeader .newHeader-content .promo-banner .floating-thunder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 75%;
}
.section-newHeader .newHeader-content .promo-banner .floating-thunder svg {
  width: clamp(8.25rem, 7.0667rem + 5.0485vw, 13.125rem);
}
.section-newHeader .newHeader-content .promo-banner .top {
  display: flex;
  gap: 17px;
  padding: clamp(0.9375rem, 0.8617rem + 0.3236vw, 1.25rem) 35px
    clamp(0.9375rem, 0.8617rem + 0.3236vw, 1.25rem)
    clamp(3.6875rem, 2.838rem + 3.6246vw, 7.1875rem);

  align-items: center;
  justify-content: flex-start;
}

.section-newHeader .newHeader-content .promo-banner .top p {
  color: #fff;
  font-family: Poppins;
  font-size: clamp(0.875rem, 0.784rem + 0.3883vw, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  /* 105% */
  letter-spacing: -0.4px;
  margin: 0;
  padding: 0;
}
.section-newHeader .newHeader-content .promo-banner .mid {
  padding: clamp(0.9375rem, 0.8617rem + 0.3236vw, 1.25rem) 35px
    clamp(0.9375rem, 0.8617rem + 0.3236vw, 1.25rem)
    clamp(3.6875rem, 2.838rem + 3.6246vw, 7.1875rem);

  background-color: #005589;
}
.section-newHeader .newHeader-content .promo-banner .mid span {
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: clamp(0.8750625rem, 0.5964rem + 1.189vw, 2.0231875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 43.874px;
  /* 135.535% */
  margin: 0;
  letter-spacing: -0.647px;
}
.section-newHeader .newHeader-content .promo-banner .mid h2 {
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: clamp(3.7936875rem, 3.2549rem + 2.2987vw, 6.013375rem);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(5.14175rem, 4.4115rem + 3.1156vw, 8.15025rem);
  /* 135.535% */
  letter-spacing: -1.924px;
  margin: 0;
}
.section-newHeader .newHeader-content .promo-banner .bottom {
  padding: clamp(0.9375rem, 0.8617rem + 0.3236vw, 1.25rem) 35px
    clamp(0.9375rem, 0.8617rem + 0.3236vw, 1.25rem)
    clamp(3.6875rem, 2.838rem + 3.6246vw, 7.1875rem);
}
.section-newHeader .newHeader-content .promo-banner .bottom p {
  color: #fff;
  text-align: center;
  font-family: Poppins;
  font-size: clamp(1rem, 0.8731rem + 0.5415vw, 1.522875rem);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(1.302125rem, 1.1172rem + 0.789vw, 2.064rem);

  /* 135.535% */
  letter-spacing: -0.487px;
  margin: 0;
}
.section-battery-program {
  background: #ffe101;
  min-height: 917px;
}
.section-battery-program .section-experience {
  background: #0073b9;
  border-radius: 0px 0px clamp(2.5rem, 1.8932rem + 2.589vw, 5rem)
    clamp(2.5rem, 1.8932rem + 2.589vw, 5rem);
}
.section-battery-program .section-experience .experience-custom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: clamp(1.25rem, 0.1881rem + 4.5307vw, 5.625rem);
  grid-row-gap: 20px;
  padding-block: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);
}
.section-battery-program
  .section-experience
  .experience-custom
  .experience-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
}

.section-battery-program
  .section-experience
  .experience-custom
  .experience-item
  h2 {
  text-align: center;
  font-family: Poppins;
  font-size: clamp(1rem, 0.6359rem + 1.5534vw, 2.5rem);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.8px;
  margin: 0;
}
.section-battery-program
  .section-experience
  .experience-custom
  .experience-item
  p {
  text-align: center;
  font-family: Poppins;
  font-size: clamp(0.875rem, 0.7536rem + 0.5178vw, 1.375rem);
  font-style: normal;
  font-weight: 500;
  line-height: clamp(0.9375rem, 0.7403rem + 0.8414vw, 1.75rem); /* 127.273% */
  margin: 0;
  letter-spacing: -0.44px;
}
.section-battery-program
  .section-experience
  .experience-custom
  .experience-item
  .bg {
  margin-top: -65px;
  width: 100%;
}

.section-battery-program
  .section-experience
  .experience-custom
  .experience-item
  .bg
  img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section-battery-program .battery-program-custom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-block: clamp(2.5rem, 1.8932rem + 2.589vw, 5rem);
  gap: clamp(0.9375rem, 0.801rem + 0.5825vw, 1.5rem);
}
.section-battery-program .battery-program-custom .left {
  max-width: 689.32px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 35px;
}
.section-battery-program .battery-program-custom .left h3 {
  color: #083941;
  font-family: Poppins;
  font-size: clamp(1.5979375rem, 1.139rem + 1.9583vw, 3.4889375rem);
  font-style: normal;
  font-weight: 700;
  line-height: 58.139px; /* 104.149% */
  letter-spacing: -1.116px;
  margin: 0;
}

.section-battery-program .battery-program-custom .left img {
  max-width: clamp(17rem, 14.057rem + 12.5566vw, 29.125rem);
  width: 100%;
}
.section-battery-program .battery-program-custom .right {
  max-width: 650px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}

.section-battery-program .battery-program-custom .right p,
.section-battery-program .battery-program-custom .right a {
  color: #083941;
  font-family: Poppins;
  font-size: clamp(0.875rem, 0.784rem + 0.3883vw, 1.25rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.4px;
  margin: 0;
}
.section-battery-program .battery-program-custom .right img {
  max-width: 100%;
}

/* ============ Section Wrapper ============ */
.section-services {
  padding-block: clamp(1.875rem, 1.0407rem + 3.5599vw, 5.3125rem)
    clamp(1.875rem, 0.8131rem + 4.5307vw, 6.25rem);
  background-color: #ffffff;
}

.section-services .container-custom {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ============ Heading ============ */
.section-services .section-heading {
  text-align: center;
}

.section-services .section-heading h2.heading-title {
  color: #0073b9;
  text-align: center;
  font-family: Poppins;
  font-size: clamp(2.625rem, 2.2313rem + 1.6796vw, 4.246875rem);
  font-style: normal;
  font-weight: 700;
  line-height: 70.769px; /* 104.149% */
  letter-spacing: -1.359px;
  margin: 0;
}

.section-services .section-heading .dot {
  color: #f7e30a;
}

.section-services .section-heading p.heading-subtitle {
  color: #083941;
  text-align: center;
  font-family: Poppins;
  font-size: clamp(1rem, 0.909rem + 0.3883vw, 1.375rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.44px;
  margin: 0;
  margin-top: 10px;
}

/* ============ Swiper Wrapper ============ */
.section-services .services-swiper {
  padding-bottom: 40px;
  padding-top: 50px;
}

.section-services .swiper-wrapper {
  display: flex;
  align-items: stretch; /* 🔥 Make all slides equal height */
}

/* ============ Slide / Card ============ */
.section-services .swiper-slide {
  background: #005589;
  color: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  height: auto;
}

/* ============ Image Hover Zoom Only ============ */
.section-services .swiper-slide img {
  width: 100%;
  height: 215px;
  object-fit: cover;
  margin-bottom: 15px;
  transition: transform 0.3s ease;
}

.section-services .swiper-slide:hover img {
  transform: scale(1.05);
}

/* ============ Badge ============ */
.section-services .badge {
  position: absolute;
  top: -7%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100px;
  background: #f7e30a;
  color: #083941;
  text-align: center;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.44px;
  width: 80%;
  padding-block: 10px;
  z-index: 2;
}

/* ============ Card Content ============ */
.section-services .swiper-slide h3 {
  color: #fff;
  font-family: Poppins;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 196.581% */
  letter-spacing: -0.72px;
  margin: 0;
}

.section-services .swiper-slide p {
  color: #fff;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 140% */
  letter-spacing: -0.4px;
  margin-block: 15px 30px;
}

/* ============ Learn More Button ============ */
.section-services .learn-more {
  display: inline-block;
  width: 100%;
  background: #fff;
  color: #0073b9;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.4px;
  padding-block: 15px;
  margin-top: auto;
}

/* ============ Swiper Pagination Dots ============ */
.section-services .swiper-pagination {
  margin-top: 20px;
  text-align: center;
}

.section-services .swiper-pagination .swiper-pagination-bullet {
  background-color: #005589;
  opacity: 1;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  transition: opacity 0.3s ease;
}

.section-services .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #f7e30a;
  opacity: 1;
}

@media (max-width: 1200px) {
  .btn-group {
    flex-direction: column;
  }
  .section-battery-program
    .section-experience
    .experience-custom
    .experience-item
    .bg {
    margin-top: -35px;
  }
}

@media (max-width: 1023px) {
  .section-newHeader .newHeader-content .awards {
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    top: unset;
    right: unset;
  }
  .section-newHeader .newHeader-content {
    flex-direction: column;
  }
  .section-newHeader .newHeader-content .text-cont h1 {
    text-align: center;
  }
  .btn-one {
    display: none !important;
  }
  .btn-two {
    display: flex !important;
    margin-top: 40px;
  }
  .section-newHeader {
    min-height: 800px;
  }
  .section-newHeader .newHeader-content .promo-banner {
    margin-top: 110px;
  }
  .section-newHeader .newHeader-content .promo-banner {
    box-shadow: 0px 0px 60px rgba(255, 255, 255, 0.65);
  }

  .section-battery-program .battery-program-custom {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .section-battery-program .battery-program-custom .left img {
    margin: 0 auto;
  }

  .section-battery-program .battery-program-custom .left {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .section-battery-program .section-experience .experience-custom {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .section-newHeader .header-background img {
    object-position: center;
  }
  .section-newHeader .header-background img:first-child {
    display: none;
  }
  .section-newHeader .header-background img:last-child {
    display: inline-block;
  }
  .section-newHeader .newHeader-content .promo-banner {
    margin-top: 165px;
  }

  .btn-group {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 500px) {
  .section-newHeader .header-background img {
    object-position: center bottom;
  }
  .section-newHeader .header-background img:first-child {
    display: none;
  }
  .section-newHeader .header-background img:last-child {
    display: inline-block;
  }
}
.cta_buttons_shortcode{
	display:flex;
	gap:1rem;
	padding: 1rem 0;
	align-items: center;
}
.cta_buttons_shortcode .phone-contact{
	display:flex;
	align-items: center;
}
.cta_buttons_shortcode .cta_buttons_flex{
	line-height: 1;
	font-weight: 700
}
.cta_buttons_shortcode .quote_shortcode {
    background: #0073B9 !important;
    border-radius: 10rem;
    padding: .5rem 1rem;
	display: flex;
    align-items: center;
    color: #fff !important;
}
.cta_buttons_shortcode .call_phone{
	font-size: 16px;
	color: #0073b9;
}
.cta_buttons_shortcode .call_us_now{
	font-size: 12px;
	color:#0073b9;
}
.cta_buttons_shortcode_square{
	display:flex;
	gap:1rem;
	padding: 1rem 0;
	align-items: center;
	justify-content: center;
}
.cta_buttons_shortcode_square .phone-contact{
	display:flex;
	align-items: center;
}
.cta_buttons_shortcode_square .call_phone{
	font-size: 16px;
	border: 1px solid #083941;
	color: #083941;
	padding: .5rem 
}
.cta_buttons_shortcode_square .cta_buttons_flex{
	line-height: 1;
}
.cta_buttons_shortcode_square .quote_shortcode {
    background: #0073B9 !important;
    padding: .5rem 1rem;
	display: flex;
    align-items: center;
    color: #fff !important;
}
.cta_buttons_shortcode_square .call_us_now{
	font-size: 12px;
}
.cta_buttons_shortcode.blue .cta_buttons_shortcode_square {
	border: 1px solid #fff;
}
.cta_buttons_shortcode.blue .quote_shortcode {
    background: #fff !important;
    color: var(--main_colour) !important;
    font-weight: 600;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    text-decoration: underline !important;
}
.cta_buttons_shortcode.blue .call_phone,.cta_buttons_shortcode.blue .call_us_now{
	color: #fff;
}
.cta_buttons_shortcode.yellow{
   padding:0; 
}
.cta_buttons_shortcode.yellow .call_us_now,.cta_buttons_shortcode.yellow .call_phone{
    color: var(--black_tone)!important;
}
.cta_buttons_shortcode.yellow .cta_buttons_shortcode_square {
	border: 1px solid #fff;
}
.cta_buttons_shortcode.yellow .quote_shortcode {
    background: #fff !important;
    color: var(--black_tone) !important;
    font-weight: 600;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    text-decoration: underline !important;
}
@media(orientation:portrait){
    .cta_buttons_shortcode.blue,.cta_buttons_shortcode.yellow{
        flex-direction: column;
        align-items: flex-start;
    }
}
.menu-customfooter-container a {
    color: #fff !important;
}
/* Fixed width container */
.post_container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
/* Responsive fixed width container for small screens */
@media (min-width: 576px) {
  .post_container {
      max-width: 540px;
  }
}
/* Responsive fixed width container for medium screens */
@media (min-width: 768px) {
  .post_container {
      max-width: 720px;
  }
}
/* Responsive fixed width container for large screens */
@media (min-width: 992px) {
  .post_container {
      max-width: 900px;
  }
}
/* Responsive fixed width container for extra large screens */
@media (min-width: 1100px) {
  .post_container {
      max-width: 1100px;
  }
}
/* Responsive fixed width container for extra large screens */
@media (min-width: 1500px) {
  .post_container {
      max-width: 1400px;
  }
}
/* Responsive fixed width container for extra large screens */
@media (min-width: 1600px) {
  .post_container {
      max-width: 1500px;
  }
}
/* Responsive fixed width container for extra large screens */
@media (min-width: 1800px) {
  .post_container {
      max-width: 1660px;
  }
}