body {
          font-family: "Poppins", sans-serif;
      }

      /* ===== TOPBAR ===== */
      .solar-topbar {
          background: linear-gradient(90deg, #14532d, #22c55e);
          color: #fff;
          font-size: 14px;
      }

      .solar-topbar a {
          color: #fff;
          text-decoration: none;
          transition: 0.3s;
      }

      .solar-topbar a:hover {
          color: #dc2626;
      }

      .solar-topbar i {
          color: #facc15;
          margin-right: 6px;
      }

      /* ===== Social Icons ===== */
      .social-icons a {
          width: 34px;
          height: 34px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.18);
          margin-left: 10px;
          transition: all 0.35s ease;
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
      }

      .social-icons a i {
          margin: 0;
          font-size: 15px;
          color: #fff;
      }

      .social-icons a:hover {
          background: #dc2626;
          transform: translateY(-3px) scale(1.08);
          box-shadow: 0 8px 18px rgba(220, 38, 38, 0.45);
      }

      /* Hide social icons on mobile */
      @media (max-width: 767px) {
          .social-icons {
              display: none;
          }
      }

      /* topbar end */


      /* navbar start */

      /* ================= NAVBAR ================= */
      .navbar {
          background: #ffffff;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          height: 80px;
          position: sticky;
          top: 0;
          z-index: 9999;
      }

      .navbar-nav .nav-link {
          color: #0e2a47 !important;
          font-weight: 600;
          font-size: 17px;
          margin-right: 20px;
          transition: 0.3s;
      }

      /* 🔴 NAV LINK HOVER = RED */
      .navbar-nav .nav-link:hover {
          color: #dc2626 !important;
          transform: translateY(-2px);
      }

      /* LOGO */
      .logo-img {
          height: 62px;
      }

      /* DROPDOWN */
      .custom-dropdown {
          border-radius: 12px;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
          padding: 10px 0;
      }

      .dropdown-item {
          font-weight: 500;
          padding: 10px 20px;
          transition: 0.3s;
      }

      /* 🔴 DROPDOWN HOVER = RED */
      .dropdown-item:hover {
          background: linear-gradient(90deg, #dc2626, #b91c1c);
          color: #fff;
      }

      /* ===== RESPONSIVE TOLL FREE BUTTON ===== */
      .estimate-btn {
          background: linear-gradient(135deg, #b4f000, #8fd400);
          color: #0e2a47;
          padding: 8px 18px;
          border-radius: 30px;
          font-weight: 700;
          font-size: 14px;
          letter-spacing: 0.4px;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          text-decoration: none;
          white-space: nowrap;
          box-shadow: 0 10px 22px rgba(143, 212, 0, 0.45);
          transition: all 0.35s ease;
      }

      .estimate-btn i {
          background: #0e2a47;
          color: #fff;
          padding: 7px;
          border-radius: 50%;
          font-size: 13px;
      }

      /* 🔴 BUTTON HOVER = RED */
      .estimate-btn:hover {
          background: linear-gradient(135deg, #dc2626, #b91c1c);
          color: #fff;
          transform: translateY(-2px);
          box-shadow: 0 14px 30px rgba(220, 38, 38, 0.6);
      }

      .estimate-btn:hover i {
          background: #fff;
          color: #dc2626;
      }

      /* Mobile menu */
      @media (max-width: 991px) {
          .navbar {
              height: auto;
          }

          .navbar-collapse {
              background: #ffffff;
              padding: 15px 20px;
              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          }

          .estimate-btn {
              width: 100%;
              justify-content: center;
              margin-top: 10px;
          }
      }

      /* navbar end */


      /* ===== HERO CAROUSEL ===== */
      .solar-carousel {
          position: relative;
          width: 100%;
          height: 85vh;
          min-height: 300px;
          overflow: hidden;
      }

      .solar-slide {
          position: absolute;
          inset: 0;
          background-size: cover;
          background-position: center;
          opacity: 0;
          transform: scale(1.02);
          transition:
              opacity 1s ease,
              transform 1s ease;
      }

      .solar-slide.active {
          opacity: 1;
          transform: scale(1);
          z-index: 1;
      }

      /* ===== CENTER CONTENT ===== */
      .solar-content {
          position: relative;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          padding: 0 20px;
          color: #fff;
      }

      .solar-content p {
          font-size: 18px;
          max-width: 600px;
          margin-bottom: 28px;
          animation: fadeUp 1.3s ease;
      }

      .solar-hero-btn {
          padding: 9px 33px;
          border-radius: 30px;
          background: linear-gradient(135deg, #04a400, #038a00);
          color: #fff;
          text-decoration: none;
          font-weight: 600;
          box-shadow: 0 10px 26px rgba(4, 164, 0, 0.55);
          transition: 0.3s;
          animation: fadeUp 1.6s ease;
      }

      .solar-hero-btn:hover {
          transform: translateY(-3px);
          box-shadow: 0 16px 38px rgba(4, 164, 0, 0.7);
      }

      /* ===== CONTROLS ===== */
      .solar-btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          background: rgba(255, 255, 255, 0.18);
          border: none;
          color: #fff;
          font-size: 26px;
          padding: 10px 16px;
          cursor: pointer;
          transition: 0.3s;
          z-index: 2;
      }

      .solar-btn:hover {
          background: rgba(255, 255, 255, 0.35);
      }

      .solar-btn.prev {
          left: 15px;
      }

      .solar-btn.next {
          right: 15px;
      }

      /* ===== ANIMATION ===== */
      @keyframes fadeUp {
          from {
              opacity: 0;
              transform: translateY(35px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      /* ===== MOBILE ===== */
      @media (max-width: 768px) {
          .solar-carousel {
              height: 35vh;
          }

          .solar-content p {
              font-size: 12px;
          }
      }

      /* crousel end */

      /* about start */

      .about-section {
          padding: 120px 0;
          background: linear-gradient(180deg,
                  #e6f7ee 0%,
                  #f2fff8 55%,
                  #fdeaea 100%);
      }

      /* HEADING */
      .about-title {
          font-size: 44px;
          font-weight: 700;
          color: #0e2a47;
          line-height: 1.25;
          margin-bottom: 24px;
      }

      .about-small {
          font-size: 14px;
          font-weight: 600;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #dc2626;
          display: inline-block;
          margin-bottom: 6px;
      }

      .highlight {
          color: #79be13;
          position: relative;
      }

      .highlight::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -6px;
          width: 100%;
          height: 7px;
          background: rgba(121, 190, 19, 0.25);
          z-index: -1;
          border-radius: 6px;
      }

      .about-text {
          font-size: 16px;
          line-height: 1.9;
          color: #444;
          margin-bottom: 30px;
      }

      /* ICON GRID */
      .about-icons {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 18px;
          margin-bottom: 35px;
      }

      .about-icon-box {
          background: #fff;
          border-radius: 14px;
          padding: 16px 18px;
          display: flex;
          align-items: center;
          gap: 14px;
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
      }

      .about-icon-box i {
          font-size: 22px;
          color: #79be13;
          background: #f1ffed;
          padding: 14px;
          border-radius: 50%;
      }

      /* BUTTON */
      .about-btn {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 13px 38px;
          border-radius: 40px;
          background: linear-gradient(135deg, #79be13, #5fa50f);
          color: #fff;
          font-weight: 600;
          text-decoration: none;
          box-shadow: 0 14px 35px rgba(121, 190, 19, 0.45);
          transition: 0.3s;
          width: fit-content;
      }

      .about-btn:hover {
          background: linear-gradient(135deg, #dc2626, #b91c1c);
          transform: translateY(-4px);
          color: #fff;
      }

      /* IMAGE */
      .about-image-box {
          border-radius: 26px;
          overflow: hidden;
          box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
      }

      .about-image-box img {
          width: 100%;
          height: auto;
          object-fit: cover;
          transition: transform 0.7s ease;
      }

      .about-image-box:hover img {
          transform: scale(1.12);
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .about-title {
              font-size: 30px;
          }

          .about-icons {
              grid-template-columns: 1fr;
          }

          .about-btn {
              margin-top: 30px;
              align-self: center;
          }
      }

      /* about end */

      /* why us start */
      /* ================= WHY CHOOSE US ================= */
      .why-section {
          padding: 20px 10px;
          background: linear-gradient(180deg,
                  #f0fff4 0%,
                  #e6f7ee 45%,
                  #ffeaea 100%);

      }

      .why-tag {
          display: inline-block;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #dc2626;
          margin-bottom: 10px;
      }

      .why-title {
          font-size: 38px;
          font-weight: 700;
          color: #0e2a47;
          margin-bottom: 16px;
      }

      .why-title span {
          color: #79be13;
      }

      .why-subtitle {
          max-width: 680px;
          margin: auto;
          font-size: 15px;
          color: #555;
          line-height: 1.8;
      }

      /* ===== CARDS ===== */
      .why-card {
          background: #ffffff;
          border-radius: 18px;
          padding: 42px 28px;
          text-align: center;
          height: 100%;
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
          transition: 0.4s ease;
          position: relative;
          overflow: hidden;
      }

      .why-card::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(135deg,
                  rgba(121, 190, 19, 0.12),
                  rgba(220, 38, 38, 0.12));
          opacity: 0;
          transition: 0.4s;
      }

      .why-card i {
          font-size: 40px;
          color: #79be13;
          margin-bottom: 22px;
          transition: 0.4s;
          position: relative;
          z-index: 2;
      }

      .why-card h5 {
          font-size: 18px;
          font-weight: 600;
          color: #0e2a47;
          margin-bottom: 14px;
          position: relative;
          z-index: 2;
      }

      .why-card p {
          font-size: 14.5px;
          color: #555;
          line-height: 1.7;
          position: relative;
          z-index: 2;
      }

      .why-card:hover {
          transform: translateY(-10px);
          box-shadow: 0 24px 55px rgba(121, 190, 19, 0.35);
      }

      .why-card:hover::before {
          opacity: 1;
      }

      .why-card:hover i {
          color: #dc2626;
          transform: scale(1.1);
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .why-title {
              font-size: 28px;
          }
      }

      /* why us end */

      /* service start */
      /* ================= SERVICES SECTION ================= */
      .aark-services {
          position: relative;
          padding: 20px 10px;
          overflow: hidden;
          background:
              radial-gradient(circle at top left,
                  rgba(121, 190, 19, 0.25),
                  transparent 45%),
              radial-gradient(circle at bottom right,
                  rgba(220, 38, 38, 0.25),
                  transparent 45%),
              linear-gradient(180deg, #f1fff5 0%, #e6f9ee 55%, #fff0f0 100%);
      }

      .aark-services-tag {
          font-size: 14px;
          font-weight: 600;
          letter-spacing: 2px;
          color: #dc2626;
          text-transform: uppercase;
          margin-bottom: 10px;
          display: inline-block;
      }

      .aark-services-title {
          font-size: 40px;
          font-weight: 700;
          color: #0e2a47;
      }

      .aark-services-title span {
          color: #79be13;
      }

      .aark-services-text {
          max-width: 680px;
          margin: auto;
          font-size: 15px;
          line-height: 1.8;
          color: #555;
      }

      /* ================= CARD ================= */
      .aark-service-box {
          background: #fff;
          border-radius: 22px;
          overflow: hidden;
          height: 100%;
          box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
          transition: 0.45s;
      }

      .aark-service-box:hover {
          transform: translateY(-12px);
          box-shadow: 0 30px 65px rgba(121, 190, 19, 0.35);
      }

      .aark-service-img {
          position: relative;
          overflow: hidden;
      }

      .aark-service-img img {
          width: 100%;
          height: 220px;
          object-fit: cover;
          transition: 0.6s;
      }

      .aark-service-box:hover .aark-service-img img {
          transform: scale(1.12);
      }

      .aark-service-icon {
          position: absolute;
          top: 15px;
          right: 15px;
          width: 55px;
          height: 55px;
          border-radius: 50%;
          background: linear-gradient(135deg, #79be13, #5fa50f);
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24px;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
          transition: 0.4s;
      }

      .aark-service-box:hover .aark-service-icon {
          background: linear-gradient(135deg, #dc2626, #b91c1c);
          transform: rotate(12deg) scale(1.1);
      }

      .aark-service-content {
          padding: 26px 24px 30px;
          text-align: center;
      }

      .aark-service-content h5 {
          font-size: 18px;
          font-weight: 600;
          color: #0e2a47;
          margin-bottom: 10px;
      }

      .aark-service-content p {
          font-size: 14px;
          color: #555;
          line-height: 1.7;
          margin-bottom: 20px;
      }

      .aark-service-btns {
          display: flex;
          gap: 12px;
          justify-content: center;
      }

      .aark-btn-view {
          padding: 8px 20px;
          border-radius: 25px;
          font-size: 13px;
          font-weight: 600;
          border: 2px solid #79be13;
          color: #79be13;
          text-decoration: none;
          transition: 0.3s;
      }

      .aark-btn-view:hover {
          background: #79be13;
          color: #fff;
      }

      .aark-btn-enquiry {
          padding: 8px 20px;
          border-radius: 25px;
          font-size: 13px;
          font-weight: 600;
          background: linear-gradient(135deg, #dc2626, #b91c1c);
          color: #fff;
          text-decoration: none;
          transition: 0.3s;
      }

      .aark-btn-enquiry:hover {
          transform: translateY(-2px);
          box-shadow: 0 10px 25px rgba(220, 38, 38, 0.45);
      }

      @media (max-width: 768px) {
          .aark-services-title {
              font-size: 28px;
          }

          .aark-service-img img {
              height: 200px;
          }

          .aark-service-btns {
              flex-direction: column;
          }
      }

      /* service end */


      /* banner start */
      /* ================= HERO BANNER ================= */
      .aark-banner {
          position: relative;
          min-height: 100vh;
          display: flex;
          align-items: center;
          overflow: hidden;
          background:
              radial-gradient(circle at top left,
                  rgba(121, 190, 19, 0.35),
                  transparent 40%),
              radial-gradient(circle at bottom right,
                  rgba(220, 38, 38, 0.35),
                  transparent 45%),
              linear-gradient(180deg, #f1fff5 0%, #e6f9ee 55%, #fff0f0 100%);
      }

      .aark-banner::before {
          content: "";
          position: absolute;
          top: -150px;
          left: -150px;
          width: 380px;
          height: 380px;
          background: #79be13;
          opacity: 0.15;
          border-radius: 50%;
      }

      .aark-banner::after {
          content: "";
          position: absolute;
          bottom: -180px;
          right: -180px;
          width: 420px;
          height: 420px;
          background: #dc2626;
          opacity: 0.15;
          border-radius: 50%;
      }

      .aark-banner-content {
          position: relative;
          z-index: 2;
      }

      .aark-banner-tag {
          display: inline-block;
          padding: 6px 18px;
          border-radius: 30px;
          font-size: 13px;
          font-weight: 600;
          background: linear-gradient(135deg, #dc2626, #b91c1c);
          color: #fff;
          margin-bottom: 18px;
      }

      .aark-banner-title {
          font-size: 54px;
          font-weight: 700;
          color: #0e2a47;
          line-height: 1.2;
          margin-bottom: 20px;
      }

      .aark-banner-title span {
          color: #79be13;
          position: relative;
      }

      .aark-banner-title span::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -6px;
          width: 100%;
          height: 8px;
          background: rgba(121, 190, 19, 0.3);
          z-index: -1;
          border-radius: 6px;
      }

      .aark-banner-text {
          max-width: 520px;
          font-size: 16px;
          line-height: 1.9;
          color: #555;
          margin-bottom: 35px;
      }

      .aark-banner-actions {
          display: flex;
          gap: 16px;
          flex-wrap: wrap;
      }

      .aark-btn-main {
          padding: 14px 36px;
          border-radius: 40px;
          background: linear-gradient(135deg, #79be13, #5fa50f);
          color: #fff;
          font-weight: 600;
          text-decoration: none;
          box-shadow: 0 14px 35px rgba(121, 190, 19, 0.45);
          transition: 0.35s;
      }

      .aark-btn-main:hover {
          background: linear-gradient(135deg, #dc2626, #b91c1c);
          transform: translateY(-4px);
          color: #fff;
      }

      .aark-btn-alt {
          padding: 14px 36px;
          border-radius: 40px;
          border: 2px solid #79be13;
          color: #79be13;
          font-weight: 600;
          text-decoration: none;
          transition: 0.35s;
      }

      .aark-btn-alt:hover {
          background: #79be13;
          color: #fff;
          transform: translateY(-4px);
      }

      /* IMAGE */
      .aark-banner-image img {
          width: 100%;
          max-width: 520px;
          border-radius: 30px;
          box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);
          transition: 0.6s;
      }

      .aark-banner-image:hover img {
          transform: scale(1.06);
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .aark-banner {
              text-align: center;
              padding: 80px 10px;
          }

          .aark-banner-title {
              font-size: 34px;
          }

          .aark-banner-text {
              margin: auto auto 30px;
          }

          .aark-banner-actions {
              justify-content: center;
              flex-direction: column;
          }
      }

      /* banner end */

      /* footer start */
      /* ================= FOOTER ================= */
      .aark-footer {
          position: relative;
          background:
              radial-gradient(circle at top left,
                  rgba(121, 190, 19, 0.25),
                  transparent 40%),
              radial-gradient(circle at bottom right,
                  rgba(220, 38, 38, 0.18),
                  transparent 45%),
              linear-gradient(180deg, #f1fff5 0%, #e6f9ee 60%, #ffffff 100%);
          color: #0e2a47;
          padding: 90px 0 0;
          overflow: hidden;
          border-top: 1px solid rgba(0, 0, 0, 0.05);
      }

      .aark-footer::before {
          content: "";
          position: absolute;
          top: -120px;
          left: -120px;
          width: 300px;
          height: 300px;
          background: #79be13;
          opacity: 0.12;
          border-radius: 50%;
      }

      .aark-footer::after {
          content: "";
          position: absolute;
          bottom: -140px;
          right: -140px;
          width: 340px;
          height: 340px;
          background: #dc2626;
          opacity: 0.1;
          border-radius: 50%;
      }

      .footer-box {
          position: relative;
          z-index: 2;
      }

      /* LOGO */
      .footer-logo img {
          height: 62px;
          margin-bottom: 18px;
      }

      .footer-about {
          font-size: 14px;
          line-height: 1.9;
          color: #445b6e;
          margin-bottom: 22px;
      }

      /* SOCIAL ICONS */
      .footer-social a {
          width: 42px;
          height: 42px;
          border-radius: 50%;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          margin-right: 10px;
          background: linear-gradient(135deg, #79be13, #5fa50f);
          color: #fff;
          font-size: 16px;
          transition: 0.35s;
          box-shadow: 0 10px 22px rgba(121, 190, 19, 0.35);
          text-decoration: none;
      }

      .footer-social a:hover {
          background: linear-gradient(135deg, #dc2626, #b91c1c);
          transform: translateY(-4px) scale(1.05);
          box-shadow: 0 14px 28px rgba(220, 38, 38, 0.45);
      }

      /* TITLES */
      .footer-title {
          font-size: 18px;
          font-weight: 600;
          color: #0e2a47;
          margin-bottom: 22px;
          position: relative;
      }

      .footer-title::after {
          content: "";
          width: 48px;
          height: 3px;
          background: linear-gradient(90deg, #79be13, #dc2626);
          display: block;
          margin-top: 8px;
          border-radius: 10px;
      }

      /* LINKS */
      .footer-links {
          padding: 0;
      }

      .footer-links li {
          list-style: none;
          margin-bottom: 12px;
      }

      .footer-links li a {
          color: #445b6e;
          font-size: 14px;
          text-decoration: none;
          position: relative;
          transition: 0.35s;
      }

      .footer-links li a::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -4px;
          width: 0;
          height: 2px;
          background: #79be13;
          transition: 0.35s;
      }

      .footer-links li a:hover {
          color: #79be13;
      }

      .footer-links li a:hover::after {
          width: 100%;
      }

      /* CONTACT */
      .footer-contact {
          padding: 0;
      }

      .footer-contact li {
          list-style: none;
          display: flex;
          gap: 12px;
          margin-bottom: 16px;
          font-size: 14px;
          color: #445b6e;
      }

      .footer-contact i {
          color: #79be13;
          font-size: 16px;
          margin-top: 3px;
      }

      /* BOTTOM BAR */
      .footer-bottom {
          margin-top: 70px;
          padding: 18px 0;
          text-align: center;
          font-size: 14px;
          background: #e6f9ee;
          border-top: 1px solid rgba(0, 0, 0, 0.05);
          color: #445b6e;
      }

      .footer-bottom span {
          color: #79be13;
          font-weight: 600;
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .aark-footer {
              text-align: center;
          }

          .footer-contact li {
              justify-content: center;
          }

          .footer-social {
              justify-content: center;
          }
      }

      /* footer end */

      /* breadcrumb start */

      /* breadcrumb start */
      .contact-banner {
          position: relative;
          background: url("images/cr2.avif") center/cover no-repeat;
          height: 230px;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          animation: fadeIn 1s ease forwards;
      }

      .banner-overlay {
          width: 100%;
          height: 100%;
          background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          color: #fff;
          animation: fadeIn 1.2s ease forwards;
      }

      .banner-overlay h1 {
          font-family: "Playfair Display", serif;
          font-size: 48px;
          margin: 10px 0;
          letter-spacing: 1px;
      }

      .breadcrumb {
          font-size: 16px;
          margin-bottom: 10px;
          font-weight: 500;
      }

      .breadcrumb a,
      .breadcrumb span {
          color: #fff;
          text-decoration: none;
      }

      .breadcrumb a:hover {
          color: #fff;
      }

      /* breadcrumb end */
      /* breadcrumb end */

      /* about start */
      /* ===== WHY CHOOSE US ===== */
      .energy-why-section {
          padding: 20px 10px;
          background: linear-gradient(180deg,
                  #f0fff4 0%,
                  #e6f7ee 45%,
                  #ffeaea 100%);
      }

      .energy-why-tag {
          display: inline-block;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #dc2626;
          margin-bottom: 10px;
      }

      .energy-why-title {
          font-size: 38px;
          font-weight: 700;
          color: #0e2a47;
          margin-bottom: 16px;
      }

      .energy-why-title span {
          color: #79be13;
      }

      .energy-why-subtitle {
          max-width: 680px;
          margin: auto;
          font-size: 15px;
          color: #555;
          line-height: 1.8;
      }

      /* ===== CARDS ===== */
      .energy-why-card {
          background: #ffffff;
          border-radius: 18px;
          padding: 42px 28px;
          text-align: center;
          height: 100%;
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
          transition: 0.4s ease;
          position: relative;
          overflow: hidden;
      }

      .energy-why-card::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(135deg,
                  rgba(121, 190, 19, 0.12),
                  rgba(220, 38, 38, 0.12));
          opacity: 0;
          transition: 0.4s;
      }

      .energy-why-card i {
          font-size: 40px;
          color: #79be13;
          margin-bottom: 22px;
          transition: 0.4s;
          position: relative;
          z-index: 2;
      }

      .energy-why-card h5 {
          font-size: 18px;
          font-weight: 600;
          color: #0e2a47;
          margin-bottom: 14px;
          position: relative;
          z-index: 2;
      }

      .energy-why-card p {
          font-size: 14.5px;
          color: #555;
          line-height: 1.7;
          position: relative;
          z-index: 2;
      }

      .energy-why-card:hover {
          transform: translateY(-10px);
          box-shadow: 0 24px 55px rgba(121, 190, 19, 0.35);
      }

      .energy-why-card:hover::before {
          opacity: 1;
      }

      .energy-why-card:hover i {
          color: #dc2626;
          transform: scale(1.1);
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .energy-why-title {
              font-size: 28px;
          }
      }

      /* ===== GOVERNMENT SCHEME / TRUST ===== */
      .energy-govt-section {
          padding: 20px 10px;
          background: linear-gradient(180deg,
                  #ffffff 0%,
                  #f0fff4 50%,
                  #ffffff 100%);
      }

      .energy-govt-tag {
          display: inline-block;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 2px;
          text-transform: uppercase;
          color: #dc2626;
          margin-bottom: 10px;
      }

      .energy-govt-title {
          font-size: 36px;
          font-weight: 700;
          color: #0e2a47;
          margin-bottom: 16px;
      }

      .energy-govt-title span {
          color: #79be13;
      }

      .energy-govt-text {
          font-size: 15px;
          color: #555;
          line-height: 1.8;
          margin-bottom: 20px;
          max-width: 520px;
      }

      /* LIST */
      .energy-govt-list {
          list-style: none;
          padding: 0;
      }

      .energy-govt-list li {
          font-size: 14.5px;
          color: #0e2a47;
          margin-bottom: 10px;
          display: flex;
          align-items: center;
          gap: 10px;
      }

      .energy-govt-list i {
          color: #79be13;
      }

      /* TRUST BOX */
      .energy-govt-box {
          background: #ffffff;
          border-radius: 20px;
          padding: 40px 35px;
          box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
      }

      .energy-govt-box h4 {
          font-size: 22px;
          font-weight: 700;
          color: #0e2a47;
          margin-bottom: 12px;
      }

      .energy-govt-box p {
          font-size: 14.5px;
          color: #555;
          line-height: 1.7;
          margin-bottom: 25px;
      }

      /* POINTS */
      .energy-govt-points {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 18px;
      }

      .govt-point {
          display: flex;
          align-items: center;
          gap: 10px;
          font-size: 14.5px;
          font-weight: 500;
          color: #0e2a47;
      }

      .govt-point i {
          color: #dc2626;
          font-size: 18px;
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .energy-govt-title {
              font-size: 28px;
          }

          .energy-govt-points {
              grid-template-columns: 1fr;
          }
      }



      /* about end */

      /* contact us start */
      /* ================= CONTACT SECTION ================= */

      .contact-section {
          padding: 90px 0;
          background: #f8fdf9;
          font-family: "Poppins", sans-serif;
      }

      /* HEADING */
      .contact-heading span {
          color: #dc2626;
          font-weight: 600;
          letter-spacing: 2px;
          font-size: 13px;
      }

      .contact-heading h2 {
          font-size: 38px;
          font-weight: 700;
          color: #0e2a47;
          margin: 12px 0;
      }

      .contact-heading p {
          max-width: 620px;
          margin: auto;
          color: #555;
          font-size: 15px;
      }

      /* WRAPPER */
      .contact-wrapper {
          margin-top: 60px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 40px;
          align-items: stretch;
      }

      /* MAP */
      .contact-map {
          border-radius: 22px;
          overflow: hidden;
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
      }

      .contact-map iframe {
          width: 100%;
          height: 100%;
          min-height: 420px;
          border: 0;
      }

      /* FORM */
      .contact-form {
          background: #fff;
          padding: 45px;
          border-radius: 22px;
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
      }

      .contact-form h5 {
          font-size: 24px;
          font-weight: 700;
          color: #0e2a47;
          margin-bottom: 25px;
      }

      /* INPUT GROUP */
      .input-group {
          position: relative;
          margin-bottom: 18px;
      }

      .input-group i {
          position: absolute;
          left: 15px;
          top: 50%;
          transform: translateY(-50%);
          color: #79be13;
      }

      .input-group input,
      .input-group textarea {
          width: 100%;
          padding: 12px 15px 12px 45px;
          border-radius: 10px;
          border: 1px solid #ddd;
          font-size: 14px;
      }

      .input-group textarea {
          min-height: 120px;
          resize: none;
      }

      .input-group input:focus,
      .input-group textarea:focus {
          border-color: #79be13;
          outline: none;
          box-shadow: 0 0 0 2px rgba(121, 190, 19, 0.2);
      }

      /* BUTTON */
      .send-btn {
          background: linear-gradient(135deg, #79be13, #5fa50f);
          color: #fff;
          padding: 12px 36px;
          border: none;
          border-radius: 30px;
          font-weight: 600;
          transition: 0.3s;
      }

      .send-btn:hover {
          background: linear-gradient(135deg, #dc2626, #b91c1c);
          transform: translateY(-2px);
      }

      /* INFO ROW */
      .info-row {
          margin-top: 70px;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 30px;
      }

      .info-card {
          background: #fff;
          padding: 35px 25px;
          text-align: center;
          border-radius: 18px;
          box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
          transition: 0.3s;
      }

      .info-card i {
          font-size: 34px;
          color: #79be13;
          margin-bottom: 15px;
      }

      .info-card h6 {
          font-size: 17px;
          font-weight: 600;
          color: #0e2a47;
          margin-bottom: 8px;
      }

      .info-card p {
          font-size: 14px;
          color: #555;
          margin: 0;
      }

      .info-card:hover {
          transform: translateY(-8px);
          box-shadow: 0 18px 45px rgba(121, 190, 19, 0.35);
      }

      /* RESPONSIVE */
      @media (max-width: 992px) {
          .contact-wrapper {
              grid-template-columns: 1fr;
          }
      }

      @media (max-width: 576px) {
          .contact-heading h2 {
              font-size: 28px;
          }

          .contact-form {
              padding: 30px;
          }

          .info-row {
              grid-template-columns: 1fr;
          }
      }

      /* contact us end */

      /* fixed button start */
      /* ================= FLOATING LEFT BUTTONS ================= */

      .floating-actions-left {
          position: fixed;
          left: 20px;
          bottom: 20px;
          display: flex;
          flex-direction: column;
          gap: 14px;
          z-index: 9999;
      }

      /* COMMON */
      .float-btn {
          width: 56px;
          height: 56px;
          border-radius: 50px;
          display: flex;
          align-items: center;
          gap: 10px;
          padding: 0 18px;
          color: #fff;
          font-size: 20px;
          text-decoration: none;
          overflow: hidden;
          white-space: nowrap;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
          transition: 0.35s ease;
          position: relative;
      }

      /* ICON */
      .float-btn i {
          min-width: 20px;
      }

      /* TEXT */
      .float-btn span {
          font-size: 14px;
          font-weight: 600;
          opacity: 0;
          transform: translateX(-10px);
          transition: 0.35s;
      }

      /* HOVER */
      .float-btn:hover {
          width: 170px;
      }

      .float-btn:hover span {
          opacity: 1;
          transform: translateX(0);
      }

      /* WHATSAPP */
      .whatsapp-btn {
          background: linear-gradient(135deg, #25d366, #1ebe57);
      }

      .whatsapp-btn::before {
          content: "";
          position: absolute;
          inset: -6px;
          border-radius: 50px;
          background: rgba(37, 211, 102, 0.4);
          animation: pulse 2s infinite;
          z-index: -1;
      }

      /* CALL */
      .call-btn {
          background: linear-gradient(135deg, #dc2626, #b91c1c);
      }

      .call-btn::before {
          content: "";
          position: absolute;
          inset: -6px;
          border-radius: 50px;
          background: rgba(220, 38, 38, 0.4);
          animation: pulse 2s infinite;
          z-index: -1;
      }

      /* PULSE */
      @keyframes pulse {
          0% {
              transform: scale(1);
              opacity: 0.6;
          }

          70% {
              transform: scale(1.2);
              opacity: 0;
          }

          100% {
              transform: scale(1);
              opacity: 0;
          }
      }

      /* fixed button end */

      /* product page start */
      /* ================= PRODUCT DETAIL SECTION ================= */

      .product-detail-section {
          padding: 30px 0;
          background: linear-gradient(180deg,
                  #f0fff4 0%,
                  #eafff3 45%,
                  #fff1f1 100%);
      }

      /* IMAGE */
      .product-image-box {
          border-radius: 22px;
          overflow: hidden;
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
      }

      .product-image-box img {
          width: 100%;
          transition: 0.5s;
      }

      .product-image-box:hover img {
          transform: scale(1.05);
      }

      /* CONTENT */
      .product-content .product-tag {
          display: inline-block;
          font-size: 13px;
          letter-spacing: 2px;
          font-weight: 600;
          color: #dc2626;
          margin-bottom: 10px;
      }

      .product-content h2 {
          font-size: 38px;
          font-weight: 700;
          color: #0e2a47;
          margin-bottom: 15px;
      }

      .product-content p {
          font-size: 15px;
          color: #555;
          line-height: 1.8;
          margin-bottom: 20px;
      }

      /* POINTS */
      .product-points {
          list-style: none;
          padding: 0;
          margin-bottom: 30px;
      }

      .product-points li {
          display: flex;
          gap: 10px;
          margin-bottom: 12px;
          font-size: 14.5px;
          color: #333;
      }

      .product-points i {
          color: #79be13;
      }

      /* BUTTON */
      .product-btn {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          background: #25d366;
          color: #fff;
          padding: 12px 30px;
          border-radius: 30px;
          text-decoration: none;
          font-weight: 600;
          transition: 0.3s;
      }

      .product-btn:hover {
          background: #1ebe57;
          transform: translateY(-2px);
      }

      /* RESPONSIVE */
      @media(max-width:768px) {
          .product-content h2 {
              font-size: 28px;
          }
      }

      /* ================= PRODUCT EXTRA SECTION ================= */

      .product-extra-section {
          padding: 30px 0;
          background: linear-gradient(180deg,
                  #f0fff4 0%,
                  #eafff3 45%,
                  #fff1f1 100%);
          text-align: center;
      }

      /* HEADING */
      .extra-tag {
          color: #dc2626;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 2px;
      }

      .extra-title {
          font-size: 36px;
          font-weight: 700;
          color: #0e2a47;
          margin: 12px 0;
      }

      .extra-subtitle {
          max-width: 600px;
          margin: auto;
          font-size: 15px;
          color: #555;
      }

      /* BENEFIT CARDS */
      .extra-card {
          background: #fff;
          padding: 35px 25px;
          border-radius: 18px;
          box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
          transition: 0.3s;
      }

      .extra-card i {
          font-size: 34px;
          color: #79be13;
          margin-bottom: 15px;
      }

      .extra-card h5 {
          font-weight: 600;
          color: #0e2a47;
      }

      .extra-card p {
          font-size: 14px;
          color: #555;
      }

      .extra-card:hover {
          transform: translateY(-8px);
          box-shadow: 0 18px 45px rgba(121, 190, 19, 0.35);
      }

      /* PROCESS */
      .process-card {
          background: #fff;
          padding: 30px 20px;
          border-radius: 16px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      }

      .process-card span {
          display: inline-block;
          width: 45px;
          height: 45px;
          line-height: 45px;
          border-radius: 50%;
          background: #79be13;
          color: #fff;
          font-weight: 600;
          margin-bottom: 10px;
      }

      .process-card h6 {
          font-size: 16px;
          font-weight: 600;
          color: #0e2a47;
      }

      .process-card p {
          font-size: 13.5px;
          color: #555;
      }

      /* RESPONSIVE */
      @media(max-width:768px) {
          .extra-title {
              font-size: 28px;
          }
      }

      /* ================= FAQ + CTA SECTION ================= */
      /* ================= FAQ + CTA SECTION ================= */

      .product-faq-cta {
          padding: 20px 0;
          background: linear-gradient(180deg,
                  #f0fff4 0%,
                  #eafff3 45%,
                  #fff1f1 100%);
      }

      /* FAQ TITLE */
      .faq-title {
          font-size: 38px;
          font-weight: 700;
          color: #0e2a47;
          margin-bottom: 35px;
          position: relative;
      }

      .faq-title::after {
          content: "";
          width: 70px;
          height: 4px;
          background: #79be13;
          display: block;
          margin-top: 10px;
          border-radius: 10px;
      }

      /* FAQ ITEM */
      .faq-item {
          background: #ffffff;
          padding: 24px 26px;
          border-radius: 16px;
          margin-bottom: 18px;
          border-left: 5px solid #79be13;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
          transition: 0.35s;
          position: relative;
      }

      .faq-item::before {
          content: "\f059";
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          position: absolute;
          right: 20px;
          top: 22px;
          color: #79be13;
          font-size: 18px;
      }

      .faq-item h5 {
          font-size: 17px;
          font-weight: 600;
          color: #0e2a47;
          margin-bottom: 8px;
      }

      .faq-item p {
          font-size: 14.5px;
          color: #555;
          margin: 0;
      }

      .faq-item:hover {
          transform: translateX(8px);
          border-left-color: #dc2626;
          box-shadow: 0 18px 40px rgba(121, 190, 19, 0.35);
      }

      /* CTA BOX */
      .cta-box {
          background: linear-gradient(135deg, #79be13, #5fa50f);
          padding: 55px 45px;
          border-radius: 26px;
          color: #fff;
          box-shadow: 0 25px 55px rgba(121, 190, 19, 0.55);
          position: relative;
          overflow: hidden;
      }

      .cta-box::after {
          content: "";
          position: absolute;
          top: -40px;
          right: -40px;
          width: 140px;
          height: 140px;
          background: rgba(255, 255, 255, 0.2);
          border-radius: 50%;
      }

      .cta-box h3 {
          font-size: 30px;
          font-weight: 700;
          margin-bottom: 15px;
      }

      .cta-box p {
          font-size: 15.5px;
          margin-bottom: 32px;
          line-height: 1.7;
      }

      /* CTA BUTTON */
      .cta-btn {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          background: #dc2626;
          color: #fff;
          padding: 14px 38px;
          border-radius: 35px;
          text-decoration: none;
          font-weight: 600;
          transition: 0.35s;
          box-shadow: 0 10px 25px rgba(220, 38, 38, 0.45);
      }

      .cta-btn i {
          font-size: 16px;
      }

      .cta-btn:hover {
          background: #b91c1c;
          transform: translateY(-3px);
          box-shadow: 0 16px 35px rgba(220, 38, 38, 0.6);
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .faq-title {
              font-size: 28px;
          }

          .cta-box {
              margin-top: 35px;
          }
      }

      /* product page end */