.elementor-17711 .elementor-element.elementor-element-97bae22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17711 .elementor-element.elementor-element-17c5df7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17711 .elementor-element.elementor-element-db656fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-17711 .elementor-element.elementor-element-17c5df7{--content-width:1440px;}.elementor-17711 .elementor-element.elementor-element-db656fd{--content-width:1440px;}}/* Start custom CSS for html, class: .elementor-element-6a46552 */.sol-erp-hero {
        --sol-primary: #004795;
        --sol-bg-gradient: radial-gradient(circle at 80% 20%, #4c1d95 0%, #1e1b4b 45%, #0f172a 100%);
        --sol-text-white: #ffffff;
        --sol-text-muted: #cbd5e1;
        --sol-text-dark: #1e293b;
        --sol-text-secondary: #64748b;
        --sol-card-bg: #ffffff;
        --sol-sidebar-bg: #0f172a;
        --sol-accent-green: #22c55e;
        --sol-accent-orange: #f97316;
        --sol-accent-blue: #3b82f6;
        --sol-border-color: #f1f5f9;
        --sol-font-family: "Inter", sans-serif;

        font-family: var(--sol-font-family);
        background: var(--sol-bg-gradient);
        position: relative;
        overflow: hidden;
        padding: 80px 20px;
        min-height: 640px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
      }

      .sol-erp-hero * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      .sol-erp-hero .sol-container {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.1fr 1.3fr;
        gap: 40px;
        align-items: center;
        position: relative;
        z-index: 2;
      }

      /* Right Side Background Image Overlay decoration simulating the cityscape & panels */
      .sol-erp-hero .sol-bg-decoration {
        position: absolute;
        right: 0;
        top: 0;
        width: 35%;
        height: 100%;
        background: url("https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=800&q=80") center right/cover no-repeat;
        opacity: 0.25;
        z-index: 1;
        pointer-events: none;
        mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
        -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
      }

      /* Left Content Elements */
      .sol-erp-hero .sol-content-left {
        display: flex;
        flex-direction: column;
        color: var(--sol-text-white);
        animation: solFadeUp 0.8s ease-out;
      }

      .sol-erp-hero .sol-title {
        font-size: 44px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 24px;
        letter-spacing: -0.5px;
      }

      .sol-erp-hero .sol-subtitle {
        font-size: 18px;
        font-weight: 600;
        color: var(--sol-text-white);
        margin-bottom: 20px;
        line-height: 1.4;
      }

      .sol-erp-hero .sol-description {
        font-size: 15px;
        line-height: 1.6;
        color: var(--sol-text-muted);
        margin-bottom: 20px;
      }

      .sol-erp-hero .sol-subtext {
        font-size: 14px;
        line-height: 1.5;
        color: var(--sol-text-muted);
        margin-bottom: 36px;
      }

      .sol-erp-hero .sol-cta-group {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
      }

      .sol-erp-hero .sol-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 14px 28px;
        font-size: 15px;
        font-weight: 600;
        border-radius: 8px;
        text-decoration: none;
        transition: all 0.3s ease;
        cursor: pointer;
        border: none;
      }

      .sol-erp-hero .sol-btn-white {
        background-color: var(--sol-text-white);
        color: var(--sol-primary);
      }

      .sol-erp-hero .sol-btn-white:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        background-color: #f8fafc;
      }

      .sol-erp-hero .sol-btn-outline {
        background-color: transparent;
        color: var(--sol-text-white);
        border: 1.5px solid var(--sol-text-white);
      }

      .sol-erp-hero .sol-btn-outline:hover {
        transform: translateY(-2px);
        background-color: rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      }

      /* Right Dashboard UI Simulation */
      .sol-erp-hero .sol-dashboard-wrapper {
        position: relative;
        z-index: 3;
        animation: solFadeUp 1s ease-out;
      }

      .sol-erp-hero .sol-dashboard-mock {
        background: #f8fafc;
        border-radius: 12px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
        /* display: grid; */
        /* grid-template-columns: 80px 1fr; */
        overflow: hidden;
        /* aspect-ratio: 16 / 9.5; */
        /* min-height: 460px; */
        border: 1px solid rgba(255, 255, 255, 0.1);
      }

      .sol-dashboard-mock img {
        max-width: 100%;
        height: auto;
        display: block;
      }

      /* Animations */
      @keyframes solFadeUp {
        from {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* Responsiveness Media Queries */
      @media (max-width: 1280px) {
        .sol-erp-hero .sol-title {
          font-size: 38px;
        }
        .sol-erp-hero .sol-container {
          padding: 0 32px;
        }
      }

      @media (max-width: 1024px) {
        .sol-erp-hero {
          padding: 60px 0;
        }
        .sol-erp-hero .sol-container {
          grid-template-columns: 1fr;
          gap: 48px;
          text-align: center;
        }
        .sol-erp-hero .sol-cta-group {
          justify-content: center;
        }
        .sol-erp-hero .sol-bg-decoration {
          width: 100%;
          opacity: 0.15;
        }
        .sol-erp-hero .sol-bar-label {
          width: 60px;
        }
      }

      @media (max-width: 768px) {
        .sol-erp-hero .sol-title {
          font-size: 32px;
        }
        .sol-erp-hero .sol-subtitle {
          font-size: 16px;
        }
        .sol-erp-hero .sol-kpi-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .sol-erp-hero .sol-charts-grid {
          grid-template-columns: 1fr;
        }
        .sol-erp-hero .sol-dashboard-mock {
          grid-template-columns: 60px 1fr;
          aspect-ratio: auto;
        }
      }

      @media (max-width: 480px) {
        .sol-erp-hero .sol-title {
          font-size: 26px;
        }
        .sol-erp-hero .sol-cta-group {
          flex-direction: column;
          width: 100%;
        }
        .sol-erp-hero .sol-btn {
          width: 100%;
        }
        .sol-erp-hero .sol-kpi-grid {
          grid-template-columns: 1fr;
        }
        .sol-erp-hero .sol-dashboard-mock {
          grid-template-columns: 1fr;
        }
        .sol-erp-hero .sol-db-sidebar {
          display: none; /* Hide sidebar layout items for strict mobile density */
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .sol-erp-hero,
        .sol-erp-hero *,
        .sol-erp-hero .sol-btn {
          animation: none !important;
          transition: none !important;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aabd161 */.solar-erp-section {
        --solar-bg: #f9fbfd;
        --solar-card-bg: #ffffff;
        --solar-primary-blue: #0a3d7a;
        --solar-secondary-blue: #1e5aa3;
        --solar-accent-blue: #3b82f6;
        --solar-text-dark: #2d3748;
        --solar-text-muted: #4a5568;
        --solar-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
        --solar-border-radius: 12px;
        --solar-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        font-family: "Inter", sans-serif;
        background-color: var(--solar-bg);
        padding: 20px 20px 15px 20px;
        margin: 0;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.6;
        color: var(--solar-text-dark);
      }

      .solar-erp-section * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      .solar-erp-section .solar-container {
        width: 100%;
        max-width: 1440px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: center;
      }

      /* --- Left Column Card --- */
      .solar-erp-section .solar-card-left {
        background-color: transparent;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        animation: solarFadeUp 0.6s ease-out forwards;
      }

      /* --- Right Column Card --- */
      .solar-erp-section .solar-card-right {
        background-color: var(--solar-card-bg);
        border-radius: var(--solar-border-radius);
        box-shadow: var(--solar-shadow);
        padding: 50px 45px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 1px solid rgba(0, 0, 0, 0.02);
        animation: solarFadeUp 0.8s ease-out forwards;
        transition: var(--solar-transition);
      }

      .solar-erp-section .solar-card-right:hover {
        transform: translateY(-4px);
        box-shadow: 0 15px 35px rgba(10, 61, 122, 0.06);
      }

      /* --- Typography --- */
      .solar-erp-section .solar-heading {
        font-size: 32px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        line-height: 1.25;
        margin-bottom: 20px;
        letter-spacing: -0.02em;
      }

      .solar-erp-section .solar-paragraph {
        font-size: 15px;
        color: var(--solar-text-muted);
        margin-bottom: 20px;
        line-height: 1.65;
      }

      .solar-erp-section .solar-link {
        color: var(--solar-accent-blue);
        text-decoration: none;
        font-weight: 600;
        border-bottom: 2px solid transparent;
        transition: var(--solar-transition);
      }

      .solar-erp-section .solar-link:hover {
        border-bottom-color: var(--solar-accent-blue);
      }

      /* --- Features List (Left Card) --- */
      .solar-erp-section .solar-features-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 24px;
        margin-top: 15px;
        margin-bottom: 30px;
      }

      .solar-erp-section .solar-feature-item {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        font-weight: 500;
        color: var(--solar-text-dark);
        transition: var(--solar-transition);
      }

      .solar-erp-section .solar-feature-item:hover {
        transform: translateX(3px);
      }

      .solar-erp-section .solar-feature-item i {
        color: var(--solar-secondary-blue);
        font-size: 16px;
        flex-shrink: 0;
      }

      /* --- Capabilities Grid (Right Card) --- */
      .solar-erp-section .solar-capabilities-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px 20px;
        margin-top: 35px;
        margin-bottom: 35px;
      }

      .solar-erp-section .solar-capability-box {
        display: flex;
        align-items: center;
        gap: 15px;
        transition: var(--solar-transition);
      }

      .solar-erp-section .solar-capability-box:hover .solar-icon-wrapper {
        background-color: var(--solar-primary-blue);
        color: #ffffff;
        transform: rotate(5deg) scale(1.05);
      }

      .solar-erp-section .solar-icon-wrapper {
        width: 48px;
        height: 48px;
        background-color: rgba(30, 90, 163, 0.06);
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--solar-secondary-blue);
        font-size: 20px;
        flex-shrink: 0;
        transition: var(--solar-transition);
      }

      .solar-erp-section .solar-capability-text {
        font-size: 14px;
        font-weight: 600;
        color: var(--solar-primary-blue);
        line-height: 1.3;
      }

      /* --- Animations --- */
      @keyframes solarFadeUp {
        from {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* --- Responsive Breakpoints --- */
      @media (max-width: 1280px) {
        .solar-erp-section .solar-heading {
          font-size: 28px;
        }
        .solar-erp-section .solar-card-right {
          padding: 40px 35px;
        }
      }

      @media (max-width: 1024px) {
        .solar-erp-section .solar-container {
          gap: 30px;
        }
        .solar-erp-section .solar-heading {
          font-size: 26px;
        }
        .solar-erp-section .solar-capabilities-grid {
          gap: 25px 15px;
        }
      }

      @media (max-width: 768px) {
        .solar-erp-section {
          padding: 60px 20px;
        }
        .solar-erp-section .solar-container {
          grid-template-columns: 1fr;
          gap: 50px;
        }
        .solar-erp-section .solar-card-left {
          padding: 0;
        }
        .solar-erp-section .solar-card-right {
          padding: 40px 30px;
        }
      }

      @media (max-width: 480px) {
        .solar-erp-section {
          padding: 40px 15px;
        }
        .solar-erp-section .solar-features-grid,
        .solar-erp-section .solar-capabilities-grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .solar-erp-section .solar-heading {
          font-size: 24px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .solar-erp-section,
        .solar-erp-section .solar-card-right,
        .solar-erp-section .solar-feature-item,
        .solar-erp-section .solar-capability-box,
        .solar-erp-section .solar-icon-wrapper,
        .solar-erp-section .solar-link {
          animation: none !important;
          transition: none !important;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1786ad0 */.solar-management-grid {
        --bg-color: #f8fba7;
        --bg-real: #f9fbfd;
        --card-bg: #ffffff;
        --text-main: #0a3d7a;
        --text-body: #4a5568;
        --text-dark: #2d3748;
        --accent-blue: #1e5aa3;
        --border-color: #e2e8f0;
        --radius: 16px;
        --shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        font-family: "Inter", sans-serif;
        background-color: var(--bg-real);
        padding: 20px 20px 15px 20px;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .solar-management-grid * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      .solar-management-grid .solar-main-title {
        font-size: 32px;
        font-weight: 700;
        color: var(--text-main);
        text-align: center;
        margin-bottom: 15px;
        letter-spacing: -0.02em;
      }

      .solar-management-grid .solar-grid-container {
        width: 100%;
        max-width: 1440px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
      }

      .solar-management-grid .solar-card {
        background-color: var(--card-bg);
        border: 1px solid var(--border-color);
        border-radius: var(--radius);
        padding: 30px 10px;
        box-shadow: var(--shadow);
        display: flex;
        flex-direction: column;
        transition: var(--transition);
        position: relative;
      }

      .solar-management-grid .solar-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(10, 61, 122, 0.08);
        border-color: rgba(30, 90, 163, 0.2);
      }

      .solar-management-grid .solar-card-header {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 24px;
      }

      .solar-management-grid .solar-icon-box {
        width: 40px;
        height: 40px;
        background-color: var(--text-main);
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 16px;
        flex-shrink: 0;
        transition: var(--transition);
      }

      .solar-management-grid .solar-card:hover .solar-icon-box {
        background-color: var(--accent-blue);
        transform: scale(1.05);
      }

      .solar-management-grid .solar-card-title {
        font-size: 18px;
        font-weight: 700;
        color: var(--text-main);
        line-height: 1.3;
      }

      .solar-management-grid .solar-features-list {
        list-style: none;
        margin-bottom: 24px;
        flex-grow: 1;
      }

      .solar-management-grid .solar-features-list li {
        font-size: 15px;
        color: var(--text-body);
        position: relative;
        padding-left: 12px;
        margin-bottom: 8px;
        line-height: 1.4;
      }

      .solar-management-grid .solar-features-list li::before {
        content: "•";
        position: absolute;
        left: 0;
        color: var(--text-body);
      }

      .solar-management-grid .solar-benefits-title {
        font-size: 16px;
        font-weight: 700;
        color: var(--accent-blue);
        margin-bottom: 12px;
        text-transform: capitalize;
      }

      .solar-management-grid .solar-benefits-list {
        list-style: none;
      }

      .solar-management-grid .solar-benefits-list li {
        font-size: 14px;
        color: var(--text-dark);
        font-weight: 500;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 8px;
        line-height: 1.4;
      }

      .solar-management-grid .solar-benefits-list li i {
        color: var(--text-dark);
        font-size: 11px;
        margin-top: 3px;
        flex-shrink: 0;
      }

      /* --- Responsive Breakpoints --- */
      @media (max-width: 1280px) {
        .solar-management-grid .solar-grid-container {
          grid-template-columns: repeat(3, 1fr);
          gap: 20px;
        }
      }

      @media (max-width: 992px) {
        .solar-management-grid .solar-grid-container {
          grid-template-columns: repeat(2, 1fr);
        }
        .solar-management-grid .solar-main-title {
          font-size: 28px;
          margin-bottom: 40px;
        }
      }

      @media (max-width: 600px) {
        .solar-management-grid {
          padding: 50px 15px;
        }
        .solar-management-grid .solar-grid-container {
          grid-template-columns: 1fr;
          gap: 16px;
        }
        .solar-management-grid .solar-main-title {
          font-size: 24px;
          margin-bottom: 30px;
        }
        .solar-management-grid .solar-card {
          padding: 24px 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .solar-management-grid .solar-card,
        .solar-management-grid .solar-icon-box {
          transition: none !important;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dec158e */.solar-ai-capabilities {
        --solar-bg: #f9fbfd;
        --solar-card-bg: #ffffff;
        --solar-primary-blue: #0a3d7a;
        --solar-secondary-blue: #1e5aa3;
        --solar-text-body: #4a5568;
        --solar-border-color: #e2e8f0;
        --solar-border-radius: 16px;
        --solar-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
        --solar-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        font-family: "Inter", sans-serif;
        background-color: var(--solar-bg);
        padding: 20px 20px 10px 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
      }

      .solar-ai-capabilities * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      .solar-ai-capabilities .solar-main-title {
        font-size: 26px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        text-align: center;
        margin-bottom: 15px;
        letter-spacing: -0.02em;
      }

      .solar-ai-capabilities .solar-outer-container {
        width: 100%;
        max-width: 1440px;
        background-color: var(--solar-card-bg);
        border: 1px solid var(--solar-border-color);
        border-radius: var(--solar-border-radius);
        box-shadow: var(--solar-shadow);
        padding: 40px 30px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        position: relative;
      }

      /* --- Individual Columns --- */
      .solar-ai-capabilities .solar-feature-column {
        padding: 10px 25px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        position: relative;
        transition: var(--solar-transition);
      }

      /* Border dividers between columns */
      .solar-ai-capabilities .solar-feature-column:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: #e2e8f0;
      }

      .solar-ai-capabilities .solar-feature-column:hover {
        transform: translateY(-4px);
      }

      /* --- Header Row with Icon & Title --- */
      .solar-ai-capabilities .solar-header-group {
        display: flex;
        align-items: flex-start;
        gap: 15px;
      }

      .solar-ai-capabilities .solar-icon-box {
        font-size: 28px;
        color: var(--solar-secondary-blue);
        flex-shrink: 0;
        margin-top: 2px;
        transition: var(--solar-transition);
      }

      .solar-ai-capabilities .solar-feature-column:hover .solar-icon-box {
        transform: scale(1.1);
        color: var(--solar-primary-blue);
      }

      .solar-ai-capabilities .solar-title-group {
        display: flex;
        flex-direction: column;
        gap: 4px;
      }

      .solar-ai-capabilities .solar-col-title {
        font-size: 20px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        line-height: 1.3;
        margin-bottom: 8px;
      }

      .solar-ai-capabilities .solar-col-subtitle {
        font-size: 16px;
        font-weight: 600;
        color: var(--solar-secondary-blue);
        line-height: 1.4;
        margin-bottom: 8px;
      }

      /* --- Description Segment --- */
      .solar-ai-capabilities .solar-description {
        font-size: 14px;
        color: var(--solar-text-body);
        line-height: 1.6;
        font-weight: 400;
      }

      /* --- Responsive Design Breakpoints --- */
      @media (max-width: 1200px) {
        .solar-ai-capabilities .solar-outer-container {
          grid-template-columns: repeat(2, 1fr);
          gap: 40px 0;
          padding: 40px 20px;
        }
        .solar-ai-capabilities .solar-feature-column:nth-child(2)::after {
          display: none;
        }
      }

      @media (max-width: 768px) {
        .solar-ai-capabilities .solar-main-title {
          font-size: 22px;
          margin-bottom: 30px;
        }
        .solar-ai-capabilities .solar-outer-container {
          grid-template-columns: 1fr;
          gap: 35px 0;
          padding: 35px 15px;
        }
        .solar-ai-capabilities .solar-feature-column {
          padding: 10px 10px;
        }
        .solar-ai-capabilities .solar-feature-column:not(:last-child)::after {
          display: none;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .solar-ai-capabilities .solar-feature-column,
        .solar-ai-capabilities .solar-icon-box {
          transition: none !important;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c76a6c */.solar-details-section {
        --solar-bg-light: #f9fbfd;
        --solar-card-bg: #ffffff;
        --solar-primary-blue: #0a3d7a;
        --solar-secondary-blue: #1e5aa3;
        --solar-text-body: #4a5568;
        --solar-text-dark: #2d3748;
        --solar-border-color: #e2e8f0;
        --solar-radius: 16px;
        --solar-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
        --solar-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        font-family: "Inter", sans-serif;
        background-color: var(--solar-bg-light);
        padding: 10px 20px 15px 20px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
      }

      .solar-details-section * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      .solar-details-section .solar-layout-container {
        width: 100%;
        max-width: 1440px;
        display: grid;
        grid-template-columns: 1.1fr 1.1fr 1.4fr;
        gap: 24px;
        align-items: stretch;
      }

      /* --- Common Panel Structure --- */
      .solar-details-section .solar-info-panel {
        background-color: var(--solar-card-bg);
        border: 1px solid var(--solar-border-color);
        border-radius: var(--solar-radius);
        box-shadow: var(--solar-shadow);
        padding: 40px 32px;
        display: flex;
        flex-direction: column;
        transition: var(--solar-transition);
      }

      .solar-details-section .solar-info-panel:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 25px rgba(10, 61, 122, 0.05);
      }

      .solar-details-section .solar-panel-title {
        font-size: 22px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        margin-bottom: 32px;
        line-height: 1.3;
        letter-spacing: -0.01em;
      }

      /* --- Panel 1: Target Users Style --- */
      .solar-details-section .solar-users-list {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

      .solar-details-section .solar-user-item {
        display: flex;
        align-items: center;
        gap: 16px;
        font-size: 16px;
        font-weight: 600;
        color: var(--solar-secondary-blue);
        transition: var(--solar-transition);
      }

      .solar-details-section .solar-user-item:hover {
        transform: translateX(4px);
        color: var(--solar-primary-blue);
      }

      .solar-details-section .solar-user-item i {
        font-size: 18px;
        color: var(--solar-secondary-blue);
        width: 24px;
        text-align: center;
        flex-shrink: 0;
      }

      /* --- Panel 2: Regional Compliance Support Style --- */
      .solar-details-section .solar-region-block {
        margin-bottom: 32px;
      }

      .solar-details-section .solar-region-block:last-child {
        margin-bottom: 0;
      }

      .solar-details-section .solar-region-header {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 18px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        margin-bottom: 16px;
      }

      .solar-details-section .solar-flag-icon {
        font-size: 18px;
        flex-shrink: 0;
      }

      .solar-details-section .solar-compliance-list {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-left: 30px;
      }

      .solar-details-section .solar-compliance-list li {
        font-size: 16px;
        color: var(--solar-text-body);
        font-weight: 500;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        line-height: 1.4;
      }

      .solar-details-section .solar-compliance-list li i {
        font-size: 12px;
        color: var(--solar-text-dark);
        margin-top: 3px;
        flex-shrink: 0;
      }

      /* --- Panel 3: Solar Modules System Style --- */
      .solar-details-section .solar-modules-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

      .solar-details-section .solar-module-row {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        transition: var(--solar-transition);
      }

      .solar-details-section .solar-module-row:hover .solar-mod-icon {
        transform: scale(1.1);
        color: var(--solar-primary-blue);
      }

      .solar-details-section .solar-mod-icon {
        font-size: 20px;
        color: var(--solar-secondary-blue);
        width: 24px;
        text-align: center;
        margin-top: 2px;
        flex-shrink: 0;
        transition: var(--solar-transition);
      }

      .solar-details-section .solar-mod-content {
        display: flex;
        flex-direction: column;
        gap: 2px;
      }

      .solar-details-section .solar-mod-title {
        font-size: 18px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        line-height: 1.3;
      }

      .solar-details-section .solar-mod-desc {
        font-size: 14px;
        color: var(--solar-text-body);
        line-height: 1.4;
      }

      /* --- Responsive Queries Hierarchy --- */
      @media (max-width: 1200px) {
        .solar-details-section .solar-layout-container {
          grid-template-columns: repeat(2, 1fr);
          gap: 24px;
        }
        .solar-details-section .solar-info-panel:nth-child(3) {
          grid-column: span 2;
        }
        .solar-details-section .solar-modules-container {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 24px;
        }
      }

      @media (max-width: 992px) {
        .solar-details-section .solar-info-panel {
          padding: 35px 24px;
        }
        .solar-details-section .solar-panel-title {
          font-size: 18px;
          margin-bottom: 24px;
        }
      }

      @media (max-width: 768px) {
        .solar-details-section .solar-layout-container {
          grid-template-columns: 1fr;
        }
        .solar-details-section .solar-info-panel:nth-child(3) {
          grid-column: span 1;
        }
        .solar-details-section .solar-modules-container {
          grid-template-columns: 1fr;
          gap: 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .solar-details-section .solar-info-panel,
        .solar-details-section .solar-user-item,
        .solar-details-section .solar-mod-icon {
          transition: none !important;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-909b196 */.solar-segments-section {
        --solar-bg: #f9fbfd;
        --solar-card-bg: #ffffff;
        --solar-primary-blue: #0a3d7a;
        --solar-secondary-blue: #1e5aa3;
        --solar-text-dark: #2d3748;
        --solar-border-color: #e2e8f0;
        --solar-radius: 16px;
        --solar-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
        --solar-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        font-family: "Inter", sans-serif;
        background-color: var(--solar-bg);
        padding: 20px 20px 15px 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
      }

      .solar-segments-section * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      .solar-segments-section .solar-main-title {
        font-size: 24px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        text-align: center;
        margin-bottom: 15px;
        letter-spacing: -0.02em;
      }

      /* --- Outer Segments Box Wrapper --- */
      .solar-segments-section .solar-outer-box {
        width: 100%;
        max-width: 1440px;
        background-color: var(--solar-card-bg);
        border: 1px solid var(--solar-border-color);
        border-radius: var(--solar-radius);
        box-shadow: var(--solar-shadow);
        padding: 30px 15px;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        align-items: center;
      }

      /* --- Individual Segments Item Columns --- */
      .solar-segments-section .solar-segment-column {
        padding: 10px 20px;
        display: flex;
        align-items: center;
        gap: 14px;
        position: relative;
        transition: var(--solar-transition);
      }

      /* Border dividers between columns */
      .solar-segments-section .solar-segment-column:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 20%;
        height: 100%;
        width: 1px;
        background-color: #e2e8f0;
      }

      .solar-segments-section .solar-segment-column:hover {
        transform: translateY(-3px);
      }

      .solar-segments-section .solar-icon-container {
        font-size: 42px;
        color: var(--solar-secondary-blue);
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: var(--solar-transition);
      }

      .solar-segments-section .solar-segment-column:hover .solar-icon-container {
        color: var(--solar-primary-blue);
        transform: scale(1.08);
      }

      .solar-segments-section .solar-text-container {
        display: flex;
        flex-direction: column;
        gap: 2px;
      }

      .solar-segments-section .solar-segment-top-text {
        font-size: 15px;
        font-weight: 500;
        color: var(--solar-text-dark);
        line-height: 1.2;
      }

      .solar-segments-section .solar-segment-bold-text {
        font-size: 18px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        line-height: 1.2;
      }

      /* --- Responsive Design Hierarchy --- */
      @media (max-width: 1200px) {
        .solar-segments-section .solar-outer-box {
          grid-template-columns: repeat(3, 1fr);
          gap: 24px 0;
          padding: 35px 20px;
        }
        .solar-segments-section .solar-segment-column:nth-child(3)::after,
        .solar-segments-section .solar-segment-column:nth-child(6)::after {
          display: none;
        }
      }

      @media (max-width: 768px) {
        .solar-segments-section .solar-main-title {
          font-size: 21px;
          margin-bottom: 25px;
        }
        .solar-segments-section .solar-outer-box {
          grid-template-columns: repeat(2, 1fr);
          gap: 20px 0;
          padding: 30px 10px;
        }
        .solar-segments-section .solar-segment-column:nth-child(2)::after,
        .solar-segments-section .solar-segment-column:nth-child(4)::after,
        .solar-segments-section .solar-segment-column:nth-child(6)::after {
          display: none;
        }
        .solar-segments-section .solar-segment-column:not(:last-child)::after {
          right: 0;
        }
      }

      @media (max-width: 480px) {
        .solar-segments-section .solar-outer-box {
          grid-template-columns: 1fr;
          gap: 16px 0;
          padding: 25px 10px;
        }
        .solar-segments-section .solar-segment-column {
          padding: 12px 15px;
        }
        .solar-segments-section .solar-segment-column:not(:last-child)::after {
          display: none;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .solar-segments-section .solar-segment-column,
        .solar-segments-section .solar-icon-container {
          transition: none !important;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-706291b */.solar-benefits-strip-section {
        --solar-bg: #f9fbfd;
        --solar-card-bg: #ffffff;
        --solar-primary-blue: #0a3d7a;
        --solar-secondary-blue: #1e5aa3;
        --solar-text-dark: #2d3748;
        --solar-border-color: #e2e8f0;
        --solar-radius: 16px;
        --solar-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
        --solar-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        font-family: "Inter", sans-serif;
        background-color: var(--solar-bg);
        padding: 20px 20px 15px 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
      }

      .solar-benefits-strip-section * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      .solar-benefits-strip-section .solar-main-title {
        font-size: 24px;
        font-weight: 700;
        color: var(--solar-primary-blue);
        text-align: center;
        margin-bottom: 15px;
        letter-spacing: -0.02em;
      }

      /* --- Outer Benefits Ribbon Box --- */
      .solar-benefits-strip-section .solar-outer-box {
        width: 100%;
        max-width: 1440px;
        background-color: var(--solar-card-bg);
        border: 1px solid var(--solar-border-color);
        border-radius: var(--solar-radius);
        box-shadow: var(--solar-shadow);
        padding: 30px 10px;
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        align-items: stretch;
      }

      /* --- Individual Benefit Block Columns --- */
      .solar-benefits-strip-section .solar-benefit-column {
        padding: 10px 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
        position: relative;
        text-align: center;
        transition: var(--solar-transition);
      }

      /* Border dividers between columns */
      .solar-benefits-strip-section .solar-benefit-column:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 15%;
        height: 70%;
        width: 1px;
        background-color: #e2e8f0;
      }

      .solar-benefits-strip-section .solar-benefit-column:hover {
        transform: translateY(-4px);
      }

      .solar-benefits-strip-section .solar-icon-container {
        font-size: 30px;
        color: var(--solar-secondary-blue);
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: var(--solar-transition);
      }

      .solar-benefits-strip-section .solar-benefit-column:hover .solar-icon-container {
        color: var(--solar-primary-blue);
        transform: scale(1.1);
      }

      .solar-benefits-strip-section .solar-benefit-text {
        font-size: 16px;
        font-weight: 600;
        color: var(--solar-primary-blue);
        line-height: 1.35;
        word-wrap: break-word;
      }

      /* --- Responsive Design Hierarchy --- */
      @media (max-width: 1200px) {
        .solar-benefits-strip-section .solar-outer-box {
          grid-template-columns: repeat(5, 1fr);
          gap: 24px 0;
          padding: 35px 20px;
        }
        .solar-benefits-strip-section .solar-benefit-column:nth-child(5)::after,
        .solar-benefits-strip-section .solar-benefit-column:nth-child(10)::after {
          display: none;
        }
      }

      @media (max-width: 768px) {
        .solar-benefits-strip-section .solar-main-title {
          font-size: 21px;
          margin-bottom: 25px;
        }
        .solar-benefits-strip-section .solar-outer-box {
          grid-template-columns: repeat(2, 1fr);
          gap: 20px 0;
          padding: 30px 10px;
        }
        .solar-benefits-strip-section .solar-benefit-column:nth-child(2n)::after {
          display: none;
        }
      }

      @media (max-width: 480px) {
        .solar-benefits-strip-section .solar-outer-box {
          grid-template-columns: 1fr;
          gap: 16px 0;
          padding: 25px 10px;
        }
        .solar-benefits-strip-section .solar-benefit-column {
          padding: 12px 15px;
        }
        .solar-benefits-strip-section .solar-benefit-column:not(:last-child)::after {
          display: none;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .solar-benefits-strip-section .solar-benefit-column,
        .solar-benefits-strip-section .solar-icon-container {
          transition: none !important;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-658dd14 */.synconics-solar-footer-section {
        --solar-blue-dark: #004b93;
        --solar-blue-light: #005cb8;
        --solar-text-white: #ffffff;
        --solar-text-muted: rgba(255, 255, 255, 0.85);
        --solar-accent-yellow: #ffb800;
        --solar-radius: 16px;
        --solar-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        font-family: "Inter", sans-serif;
        background-color: #f9fbfd;
        padding: 60px 20px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
      }

      .synconics-solar-footer-section * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      /* --- Outer Integrated Layout Canvas --- */
      .synconics-solar-footer-section .solar-footer-canvas {
        width: 100%;
        max-width: 1440px;
        background: linear-gradient(135deg, var(--solar-blue-dark) 0%, var(--solar-blue-light) 100%);
        border-radius: var(--solar-radius);
        display: grid;
        grid-template-columns: 1.1fr 1.3fr 1.1fr;
        overflow: hidden;
        box-shadow: 0 15px 35px rgba(0, 75, 147, 0.15);
        position: relative;
      }

      /* --- Common Column Configurations --- */
      .synconics-solar-footer-section .solar-footer-col {
        padding: 50px 40px;
        display: flex;
        flex-direction: column;
        position: relative;
      }

      /* Subtle vertical split border rules */
      .synconics-solar-footer-section .solar-footer-col:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 15%;
        height: 70%;
        width: 1px;
        background-color: rgba(255, 255, 255, 0.15);
      }

      /* --- Typography Components --- */
      .synconics-solar-footer-section .solar-col-title {
        color: var(--solar-text-white);
        font-size: 22px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 24px;
        letter-spacing: -0.02em;
      }

      .synconics-solar-footer-section .solar-col-paragraph {
        color: var(--solar-text-muted);
        font-size: 14px;
        line-height: 1.6;
        font-weight: 400;
      }

      /* --- Column 1 Specifics: Why Choose Synconics --- */
      .synconics-solar-footer-section .solar-bullets-matrix {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 24px 0;
      }

      .synconics-solar-footer-section .solar-matrix-item {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--solar-text-white);
        font-size: 15px;
        font-weight: 500;
      }

      .synconics-solar-footer-section .solar-matrix-item i {
        color: var(--solar-text-white);
        font-size: 12px;
        flex-shrink: 0;
      }

      /* --- Column 2 Specifics: Methodology Pipeline --- */
      .synconics-solar-footer-section .solar-methodology-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .synconics-solar-footer-section .solar-method-row {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        transition: var(--solar-transition);
      }

      .synconics-solar-footer-section .solar-method-row:hover {
        transform: translateX(4px);
      }

      .synconics-solar-footer-section .solar-badge-icon {
        width: 32px;
        height: 32px;
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--solar-text-white);
        font-size: 13px;
        font-weight: 600;
        flex-shrink: 0;
        transition: var(--solar-transition);
      }

      .synconics-solar-footer-section .solar-method-row:hover .solar-badge-icon {
        background-color: var(--solar-text-white);
        color: var(--solar-blue-dark);
        transform: scale(1.05);
      }

      .synconics-solar-footer-section .solar-method-content {
        display: flex;
        flex-direction: column;
        gap: 2px;
      }

      .synconics-solar-footer-section .solar-method-heading {
        color: var(--solar-text-white);
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
      }

      .synconics-solar-footer-section .solar-method-desc {
        color: rgba(255, 255, 255, 0.75);
        font-size: 14px;
        line-height: 1.4;
      }

      /* --- Column 3 Specifics: Future-Ready CTA Context --- */
      .synconics-solar-footer-section .solar-cta-column {
        background:
          linear-gradient(to bottom, rgba(0, 75, 147, 0.4), rgba(0, 92, 184, 0.4)),
          url("https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=600&q=80") no-repeat center center;
        background-size: cover;
        justify-content: center;
        align-items: center;
      }

      .synconics-solar-footer-section .solar-demo-btn {
        background-color: var(--solar-text-white);
        color: var(--solar-blue-dark);
        border: none;
        padding: 14px 28px;
        font-size: 14px;
        font-weight: 700;
        border-radius: 30px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        transition: var(--solar-transition);
        text-decoration: none;
        margin-top: 24px;
      }

      .synconics-solar-footer-section .solar-demo-btn:hover {
        background-color: #f1f5f9;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        color: var(--solar-blue-light);
      }

      .synconics-solar-footer-section .solar-demo-btn i {
        font-size: 14px;
      }

      /* --- Responsive Structural Adaptations --- */
      @media (max-width: 1200px) {
        .synconics-solar-footer-section .solar-footer-canvas {
          grid-template-columns: 1fr 1.2fr;
        }
        .synconics-solar-footer-section .solar-footer-col:nth-child(1)::after {
          display: none;
        }
        .synconics-solar-footer-section .solar-cta-column {
          grid-column: span 2;
          min-height: 260px;
          flex-direction: row;
          align-items: center;
          gap: 30px;
        }
        .synconics-solar-footer-section .solar-demo-btn {
          margin-top: 0;
          flex-shrink: 0;
        }
      }

      @media (max-width: 992px) {
        .synconics-solar-footer-section .solar-footer-col {
          padding: 40px 30px;
        }
        .synconics-solar-footer-section .solar-col-title {
          font-size: 20px;
        }
      }

      @media (max-width: 768px) {
        .synconics-solar-footer-section .solar-footer-canvas {
          grid-template-columns: 1fr;
        }
        .synconics-solar-footer-section .solar-footer-col::after {
          display: none !important;
        }
        .synconics-solar-footer-section .solar-cta-column {
          grid-column: span 1;
          flex-direction: column;
          align-items: flex-start;
          gap: 20px;
        }
        .synconics-solar-footer-section .solar-demo-btn {
          width: 100%;
          justify-content: center;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .synconics-solar-footer-section .solar-method-row,
        .synconics-solar-footer-section .solar-badge-icon,
        .synconics-solar-footer-section .solar-demo-btn {
          transition: none !important;
          transform: none !important;
        }
      }/* End custom CSS */