.elementor-9036 .elementor-element.elementor-element-f367e50{--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-9036 .elementor-element.elementor-element-717c5e1{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9036 .elementor-element.elementor-element-717c5e1:not(.elementor-motion-effects-element-type-background), .elementor-9036 .elementor-element.elementor-element-717c5e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #3984C63D 0%, #3984C600 100%);}.elementor-9036 .elementor-element.elementor-element-883fe7d{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9036 .elementor-element.elementor-element-883fe7d:not(.elementor-motion-effects-element-type-background), .elementor-9036 .elementor-element.elementor-element-883fe7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #3984C63D 0%, #3984C600 100%);}body.elementor-page-9036:not(.elementor-motion-effects-element-type-background), body.elementor-page-9036 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-9036 .elementor-element.elementor-element-717c5e1{--content-width:1550px;}.elementor-9036 .elementor-element.elementor-element-883fe7d{--content-width:1320px;}}@media(max-width:1366px){.elementor-9036 .elementor-element.elementor-element-717c5e1{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-9036 .elementor-element.elementor-element-883fe7d{--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-9036 .elementor-element.elementor-element-717c5e1{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9036 .elementor-element.elementor-element-883fe7d{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-d80f764 */:root {
        --hero-bg-dark: #002266;
        --hero-bg-gradient: linear-gradient(135deg, #001f5c 0%, #003399 100%);
        --hero-text-white: #ffffff;
        --hero-text-translucent: rgba(255, 255, 255, 0.9);
        --hero-accent-green: #22c55e;
        --hero-accent-blue: #2563eb;
        --hero-card-bg: #ffffff;
        --hero-border-light: #e2e8f0;
        --hero-radius: 24px;
        --hero-radius-sm: 14px;
        --hero-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        --hero-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }

      .mfg-hero {
        background: var(--hero-bg-gradient);
        position: relative;
        overflow: hidden;
        color: var(--hero-text-white);
      }

      /* Industrial Robotic Arm Graphic Background Overlay Element */
      .mfg-hero::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 60%;
        height: 100%;
        background-image: url("https://images.unsplash.com/photo-1616401784845-180882ba9ba8?auto=format&fit=crop&q=80&w=1200");
        background-size: cover;
        background-position: center left;
        mix-blend-mode: overlay;
        opacity: 0.25;
        pointer-events: none;
        z-index: 1;
      }

      /* Main Structural Layout Grid */
      .mfg-hero .mfg-hero__container {
        max-width: 1440px;
        margin-inline: auto;
        padding: 80px 40px 60px 40px;
        position: relative;
        z-index: 2;
        box-sizing: border-box;
      }

      .mfg-hero .mfg-hero__main-grid {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 48px;
        align-items: center;
        margin-bottom: 60px;
      }

      /* Left Column Copy Elements */
      .mfg-hero .mfg-hero__badge {
        background-color: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: var(--hero-text-white);
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        padding: 6px 14px;
        border-radius: 30px;
        display: inline-block;
        margin-bottom: 20px;
      }

      .mfg-hero .mfg-hero__title {
        font-size: 46px;
        font-weight: 700;
        line-height: 1.2;
        margin-top: 0;
        margin-bottom: 18px;
        letter-spacing: -0.02em;
      }

      .mfg-hero .mfg-hero__subtitle {
        font-size: 20px;
        font-weight: 600;
        color: #93c5fd;
        margin-top: 0;
        margin-bottom: 24px;
        line-height: 1.4;
      }

      .mfg-hero .mfg-hero__description {
        font-size: 16px;
        line-height: 1.6;
        color: var(--hero-text-translucent);
        margin-top: 0;
        margin-bottom: 36px;
      }

      /* Interactive Action Buttons Row System */
      .mfg-hero .mfg-hero__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
      }

      .mfg-hero .mfg-hero__button {
        background-color: #ffffff;
        color: var(--hero-bg-dark);
        border: 1px solid transparent;
        border-radius: var(--hero-radius-sm);
        padding: 14px 22px;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        transition: var(--hero-transition);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        text-decoration: none;
      }

      .mfg-hero .mfg-hero__button:hover {
        background-color: #f1f5f9;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
      }

      .mfg-hero .mfg-hero__btn-icon {
        color: var(--hero-accent-blue);
        font-size: 14px;
      }

      /* Right Column Dashboard KPI Metrics Matrix Box */
      .mfg-hero .mfg-hero__dashboard-panel {
        background-color: var(--hero-card-bg);
        border-radius: var(--hero-radius);
        padding: 30px;
        box-shadow: var(--hero-shadow);
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

      .mfg-hero .mfg-hero__panel-header {
        font-size: 14px;
        font-weight: 700;
        color: #64748b;
        margin-top: 0;
        margin-bottom: 4px;
        text-transform: uppercase;
        letter-spacing: 0.02em;
      }

      .mfg-hero .mfg-hero__kpi-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
      }

      .mfg-hero .mfg-hero__kpi-card {
        background-color: #f8fafc;
        border: 1px solid var(--hero-border-light);
        border-radius: var(--hero-radius-sm);
        padding: 18px 20px;
        display: flex;
        flex-direction: column;
        position: relative;
      }

      .mfg-hero .mfg-hero__kpi-label {
        font-size: 12px;
        font-weight: 600;
        color: #64748b;
        margin-bottom: 8px;
      }

      .mfg-hero .mfg-hero__kpi-value-row {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }

      .mfg-hero .mfg-hero__kpi-num {
        font-size: 24px;
        font-weight: 700;
        color: #0f172a;
      }

      .mfg-hero .mfg-hero__kpi-trend {
        font-size: 12px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 4px;
      }

      .mfg-hero .mfg-hero__kpi-trend--up {
        color: var(--hero-accent-green);
      }

      .mfg-hero .mfg-hero__kpi-trend--down {
        color: #ef4444;
      }

      /* Specialized Radial Graphic Component for OEE */
      .mfg-hero .mfg-hero__radial-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
      }

      .mfg-hero .mfg-hero__radial-graphic {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: conic-gradient(var(--hero-accent-green) 78%, #e2e8f0 0);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }

      .mfg-hero .mfg-hero__radial-graphic::after {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        background-color: #f8fafc;
        border-radius: 50%;
      }

      /* Specialized Pie Semi Ring Component for Delivery */
      .mfg-hero .mfg-hero__semi-ring {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: conic-gradient(var(--hero-accent-blue) 95%, #e2e8f0 0);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }

      .mfg-hero .mfg-hero__semi-ring::after {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        background-color: #f8fafc;
        border-radius: 50%;
      }

      /* Bottom Value Proposition Highlights Bar Horizontal Alignment */
      .mfg-hero .mfg-hero__footer-highlights {
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        padding-top: 36px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
      }

      .mfg-hero .mfg-hero__highlight-item {
        display: flex;
        align-items: flex-start;
        gap: 14px;
      }

      .mfg-hero .mfg-hero__highlight-icon-box {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #ffffff;
        flex-shrink: 0;
      }

      .mfg-hero .mfg-hero__highlight-text-block {
        display: flex;
        flex-direction: column;
        gap: 3px;
      }

      .mfg-hero .mfg-hero__highlight-title {
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
      }

      .mfg-hero .mfg-hero__highlight-desc {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.3;
      }

      /* Responsive Matrix System Breakpoints */
      @media (max-width: 1200px) {
        .mfg-hero .mfg-hero__main-grid {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .mfg-hero .mfg-hero__footer-highlights {
          grid-template-columns: repeat(3, 1fr);
          gap: 28px 20px;
        }
      }

      @media (max-width: 768px) {
        .mfg-hero .mfg-hero__container {
          padding: 60px 20px 40px 20px;
        }
        .mfg-hero .mfg-hero__title {
          font-size: 32px;
        }
        .mfg-hero .mfg-hero__subtitle {
          font-size: 18px;
        }
        .mfg-hero .mfg-hero__footer-highlights {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (max-width: 520px) {
        .mfg-hero .mfg-hero__kpi-grid {
          grid-template-columns: 1fr;
        }
        .mfg-hero .mfg-hero__footer-highlights {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .mfg-hero .mfg-hero__button {
          width: 100%;
          /*justify-content: center;*/
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .mfg-hero .mfg-hero__button {
          transition: none;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4b8be0 */:root {
        --mfg-bg: #f4f7fc;
        --mfg-card-bg: #ffffff;
        --mfg-primary: #003399;
        --mfg-text-dark: #1a202c;
        --mfg-text-muted: #4a5568;
        --mfg-accent-blue: #0b4fca;
        --mfg-border-color: #e2e8f0;
        --mfg-radius: 16px;
        --mfg-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
        --mfg-transition: all 0.3s ease;
      }

      body {
        margin: 0;
        padding: 0;
        background-color: var(--mfg-bg);
        font-family: "Inter", sans-serif;
        -webkit-font-smoothing: antialiased;
      }

      /* Namespace Root */
      .mfg-section {
        max-width: 1440px;
        margin-inline: auto;
        padding: 40px 20px;
        box-sizing: border-box;
      }

      .mfg-section .mfg-section__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        align-items: stretch;
      }

      .mfg-section .mfg-section__card {
        background-color: var(--mfg-card-bg);
        border: 1px solid var(--mfg-border-color);
        border-radius: var(--mfg-radius);
        padding: 40px 32px;
        box-shadow: var(--mfg-shadow);
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        transition: var(--mfg-transition);
      }

      .mfg-section .mfg-section__card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(11, 79, 202, 0.08);
      }

      .mfg-section .mfg-section__title {
        font-size: 24px;
        font-weight: 700;
        color: var(--mfg-primary);
        line-height: 1.3;
        margin-top: 0;
        margin-bottom: 20px;
      }

      .mfg-section .mfg-section__description {
        font-size: 15px;
        color: var(--mfg-text-muted);
        line-height: 1.6;
        margin-top: 0;
        margin-bottom: 20px;
      }

      /* Column 1 Specifics */
      .mfg-section .mfg-section__challenge-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px 16px;
        margin-bottom: 24px;
      }

      .mfg-section .mfg-section__challenge-item {
        display: flex;
        align-items: baseline;
        gap: 8px;
        font-size: 15px;
        font-weight: 500;
        color: var(--mfg-text-dark);
      }

      .mfg-section .mfg-section__challenge-icon {
        color: var(--mfg-accent-blue);
        font-size: 14px;
      }

      .mfg-section .mfg-section__footer-text {
        font-size: 15px;
        color: var(--mfg-text-muted);
        line-height: 1.5;
        margin-bottom: 40px;
      }

      .mfg-section .mfg-section__illustration-container {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 0 20px;
        box-sizing: border-box;
      }

      .mfg-section .mfg-section__image {
        width: 100%;
        max-height: 100px;
        object-fit: contain;
        opacity: 0.85;
      }

      /* Column 2 Specifics */
      .mfg-section .mfg-section__capsule-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px 12px;
        margin-bottom: 32px;
      }

      .mfg-section .mfg-section__capsule {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
      }

      .mfg-section .mfg-section__capsule-icon-wrapper {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background-color: #f0f4ff;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--mfg-accent-blue);
        font-size: 18px;
        transition: var(--mfg-transition);
      }

      .mfg-section .mfg-section__capsule:hover .mfg-section__capsule-icon-wrapper {
        background-color: var(--mfg-accent-blue);
        color: #ffffff;
        transform: scale(1.05);
      }

      .mfg-section .mfg-section__capsule-label {
        font-size: 15px;
        font-weight: 600;
        color: var(--mfg-text-dark);
        line-height: 1.3;
      }

      .mfg-section .mfg-section__bottom-text {
        font-size: 15px;
        color: var(--mfg-text-muted);
        line-height: 1.6;
        margin-top: auto;
      }

      /* Column 3 Specifics */
      .mfg-section .mfg-section__feature-list {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 24px;
      }

      .mfg-section .mfg-section__feature-item {
        display: flex;
        gap: 16px;
        align-items: flex-start;
      }

      .mfg-section .mfg-section__feature-icon {
        font-size: 20px;
        color: var(--mfg-accent-blue);
        margin-top: 2px;
      }

      .mfg-section .mfg-section__feature-content {
        display: flex;
        flex-direction: column;
        gap: 4px;
      }

      .mfg-section .mfg-section__feature-title {
        font-size: 16px;
        font-weight: 700;
        color: var(--mfg-text-dark);
        margin: 0;
      }

      .mfg-section .mfg-section__feature-desc {
        font-size: 15px;
        color: var(--mfg-text-muted);
        line-height: 1.4;
        margin: 0;
      }

      .mfg-section .mfg-section__sub-title {
        font-size: 14px;
        font-weight: 700;
        color: var(--mfg-primary);
        margin-top: 12px;
        margin-bottom: 4px;
      }

      .mfg-section .mfg-section__suitability-label {
        font-size: 16px;
        color: var(--mfg-text-muted);
        margin-bottom: 12px;
      }

      .mfg-section .mfg-section__suitability-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 12px;
      }

      .mfg-section .mfg-section__suitability-item {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        font-weight: 500;
        color: var(--mfg-text-dark);
      }

      .mfg-section .mfg-section__check-icon {
        color: #10b981;
        font-size: 12px;
      }

      /* Responsive Breakpoints */
      @media (max-width: 1150px) {
        .mfg-section .mfg-section__grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .mfg-section .mfg-section__card--full-tablet {
          grid-column: span 2;
        }
      }

      @media (max-width: 768px) {
        .mfg-section {
          padding: 24px 16px;
        }
        .mfg-section .mfg-section__grid {
          grid-template-columns: 1fr;
        }
        .mfg-section .mfg-section__card--full-tablet {
          grid-column: span 1;
        }
        .mfg-section .mfg-section__card {
          padding: 32px 24px;
        }
        .mfg-section .mfg-section__challenge-list {
          grid-template-columns: 1fr;
        }
        .mfg-section .mfg-section__capsule-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .mfg-section .mfg-section__card,
        .mfg-section .mfg-section__capsule-icon-wrapper {
          transition: none;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3801490 */:root {
        --erp-bg: #f8fafc;
        --erp-card-bg: #ffffff;
        --erp-primary-dark: #003399;
        --erp-text-main: #1e293b;
        --erp-text-muted: #64748b;
        --erp-blue-accent: #0b4fca;
        --erp-border: #e2e8f0;
        --erp-radius: 20px;
        --erp-radius-sm: 20px;
        --erp-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
        --erp-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }

      body {
        margin: 0;
        padding: 0;
        background-color: var(--erp-bg);
        font-family: "Inter", sans-serif;
        -webkit-font-smoothing: antialiased;
      }

      /* Namespace Scope */
      .erp-solution {
        max-width: 1440px;
        margin-inline: auto;
        padding: 60px 24px;
        box-sizing: border-box;
      }

      .erp-solution .erp-solution__section-title {
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        color: var(--erp-primary-dark);
        margin-top: 0;
        margin-bottom: 40px;
      }

      .erp-solution .erp-solution__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        align-items: stretch;
      }

      .erp-solution .erp-solution__card {
        background-color: var(--erp-card-bg);
        border: 1px solid var(--erp-border);
        border-radius: var(--erp-radius);
        padding: 32px 24px;
        box-shadow: var(--erp-shadow);
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        transition: var(--erp-transition);
      }

      .erp-solution .erp-solution__card:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 30px rgba(11, 79, 202, 0.06);
        border-color: #cbd5e1;
      }

      .erp-solution .erp-solution__header {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 16px;
      }

      .erp-solution .erp-solution__icon-box {
        width: 44px;
        height: 44px;
        background-color: var(--erp-primary-dark);
        color: #ffffff;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        flex-shrink: 0;
      }

      .erp-solution .erp-solution__card-title {
        font-size: 20px;
        font-weight: 700;
        color: var(--erp-primary-dark);
        line-height: 1.3;
        margin: 0;
      }

      .erp-solution .erp-solution__description {
        font-size: 15px;
        color: var(--erp-text-muted);
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 20px;
      }

      /* Checkmark Features List */
      .erp-solution .erp-solution__features-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 24px;
      }

      .erp-solution .erp-solution__feature-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 15px;
        font-weight: 500;
        color: var(--erp-text-main);
        line-height: 1.4;
      }

      .erp-solution .erp-solution__check-icon {
        color: var(--erp-blue-accent);
        font-size: 12px;
        margin-top: 3px;
      }

      /* Status Pills Specifics (Card 3) */
      .erp-solution .erp-solution__status-label {
        font-size: 13px;
        font-weight: 700;
        color: var(--erp-primary-dark);
        margin-top: 0;
        margin-bottom: 12px;
      }

      .erp-solution .erp-solution__status-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 24px;
      }

      .erp-solution .erp-solution__pill {
        font-size: 12px;
        font-weight: 500;
        color: var(--erp-blue-accent);
        background-color: transparent;
        border: 1px solid #bfdbfe;
        padding: 6px 14px;
        border-radius: var(--erp-radius-sm);
        white-space: nowrap;
      }

      /* Benefits Area */
      .erp-solution .erp-solution__benefits-title {
        font-size: 13px;
        font-weight: 700;
        color: var(--erp-blue-accent);
        margin-top: auto;
        margin-bottom: 12px;
      }

      .erp-solution .erp-solution__benefits-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 90px; /* Leave explicit room for absolute illustrations */
      }

      .erp-solution .erp-solution__benefit-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 15px;
        font-weight: 500;
        color: var(--erp-text-main);
        line-height: 1.4;
      }

      .erp-solution .erp-solution__benefit-icon {
        color: var(--erp-blue-accent);
        font-size: 13px;
        margin-top: 2px;
      }

      /* Bottom Illustrations */
      .erp-solution .erp-solution__illustration {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 85%;
        max-height: 80px;
        object-fit: contain;
        pointer-events: none;
      }

      /* Responsive Breakpoints */
      @media (max-width: 1200px) {
        .erp-solution .erp-solution__grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 24px;
        }
      }

      @media (max-width: 680px) {
        .erp-solution {
          padding: 40px 16px;
        }
        .erp-solution .erp-solution__section-title {
          font-size: 24px;
          margin-bottom: 28px;
        }
        .erp-solution .erp-solution__grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .erp-solution .erp-solution__card {
          padding: 28px 20px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .erp-solution .erp-solution__card {
          transition: none;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee9f30 */:root {
        --ai-bg-main: #003399;
        --ai-text-white: #ffffff;
        --ai-text-translucent: rgba(255, 255, 255, 0.85);
        --ai-border-translucent: rgba(255, 255, 255, 0.15);
        --ai-radius-lg: 24px;
        --ai-transition-speed: 0.3s;
      }

      body {
        margin: 0;
        padding: 0;
        background-color: #f4f7fc;
        font-family: "Inter", sans-serif;
        -webkit-font-smoothing: antialiased;
      }

      /* Unique Component Namespace Container */
      .ai-module {
        max-width: 1440px;
        margin-inline: auto;
        padding: 40px 20px;
        box-sizing: border-box;
      }

      /* Banner Container Blueprint */
      .ai-module .ai-module__banner {
        background-color: var(--ai-bg-main);
        border-radius: var(--ai-radius-lg);
        padding: 50px 40px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 51, 153, 0.15);
      }

      /* Decorative Abstract Background Pattern Element mimicking brain overlay */
      .ai-module .ai-module__banner::after {
        content: "";
        position: absolute;
        top: 10px;
        right: 10px;
        width: 180px;
        height: 180px;
        background-image: url("https://images.unsplash.com/photo-1617791160505-6f006e121980?auto=format&fit=crop&q=80&w=300");
        background-size: cover;
        mix-blend-mode: screen;
        opacity: 0.12;
        border-radius: 50%;
        pointer-events: none;
      }

      /* Header Information Styles */
      .ai-module .ai-module__header {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 50px auto;
      }

      .ai-module .ai-module__main-title {
        font-size: 28px;
        font-weight: 700;
        color: var(--ai-text-white);
        margin: 0 0 8px 0;
        letter-spacing: -0.02em;
      }

      .ai-module .ai-module__subtitle {
        font-size: 20px;
        font-weight: 600;
        color: var(--ai-text-white);
        margin: 0 0 14px 0;
      }

      .ai-module .ai-module__lead-description {
        font-size: 15px;
        line-height: 1.6;
        color: var(--ai-text-translucent);
        margin: 0;
      }

      /* 5-Column Grid Matrix Layout */
      .ai-module .ai-module__columns-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
        position: relative;
      }

      .ai-module .ai-module__col {
        display: flex;
        flex-direction: column;
        position: relative;
        padding-right: 12px;
        transition: transform var(--ai-transition-speed) ease;
      }

      /* Subtle interactive micro-movements */
      .ai-module .ai-module__col:hover {
        transform: translateY(-3px);
      }

      /* Column Dividers */
      .ai-module .ai-module__col:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -5px;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: var(--ai-border-translucent);
      }

      /* Feature Header Block */
      .ai-module .ai-module__feature-header {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 18px;
      }

      .ai-module .ai-module__icon {
        font-size: 28px;
        color: var(--ai-text-white);
        flex-shrink: 0;
      }

      .ai-module .ai-module__feature-title {
        font-size: 19px;
        font-weight: 700;
        color: var(--ai-text-white);
        line-height: 1.3;
        margin: 0;
      }

      /* Paragraph Content */
      .ai-module .ai-module__text {
        font-size: 14px;
        line-height: 1.5;
        color: var(--ai-text-translucent);
        margin-top: 0;
        margin-bottom: 16px;
      }

      /* Section Lists Labels */
      .ai-module .ai-module__list-label {
        font-size: 12.5px;
        font-weight: 700;
        color: var(--ai-text-white);
        margin-top: 4px;
        margin-bottom: 10px;
      }

      /* Custom Structured Internal Lists */
      .ai-module .ai-module__list {
        display: flex;
        flex-direction: column;
        gap: 9px;
        margin: 0;
        padding: 0;
      }

      .ai-module .ai-module__list-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        font-size: 15px;
        color: var(--ai-text-translucent);
        line-height: 1.4;
      }

      .ai-module .ai-module__check {
        color: var(--ai-text-white);
        font-size: 11px;
        margin-top: 3px;
        opacity: 0.9;
      }

      /* Responsive Mechanics Rules */
      @media (max-width: 1200px) {
        .ai-module .ai-module__columns-grid {
          grid-template-columns: repeat(3, 1fr);
          gap: 32px 24px;
        }
        .ai-module .ai-module__col:not(:last-child)::after {
          display: none;
        }
      }

      @media (max-width: 768px) {
        .ai-module .ai-module__columns-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .ai-module .ai-module__banner {
          padding: 40px 24px;
        }
        .ai-module .ai-module__main-title {
          font-size: 22px;
        }
        .ai-module .ai-module__subtitle {
          font-size: 16px;
        }
      }

      @media (max-width: 480px) {
        .ai-module .ai-module__columns-grid {
          grid-template-columns: 1fr;
          gap: 36px;
        }
        .ai-module .ai-module__col {
          padding-right: 0;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .ai-module .ai-module__col {
          transition: none;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-036b244 */:root {
        --mfg-panel-bg: #f8fafc;
        --mfg-card-bg: #ffffff;
        --mfg-primary-dark: #003399;
        --mfg-text-main: #1e293b;
        --mfg-text-muted: #64748b;
        --mfg-accent-blue: #0b4fca;
        --mfg-border: #e2e8f0;
        --mfg-radius: 20px;
        --mfg-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
        --mfg-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }

      body {
        margin: 0;
        padding: 0;
        background-color: var(--mfg-panel-bg);
        font-family: "Inter", sans-serif;
        -webkit-font-smoothing: antialiased;
      }

      /* Scoped Container Namespace */
      .mfg-modules {
        max-width: 1440px;
        margin-inline: auto;
        padding: 40px 24px;
        box-sizing: border-box;
      }

      .mfg-modules .mfg-modules__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        align-items: stretch;
      }

      .mfg-modules .mfg-modules__card {
        background-color: var(--mfg-card-bg);
        border: 1px solid var(--mfg-border);
        border-radius: var(--mfg-radius);
        padding: 24px 18px;
        box-shadow: var(--mfg-shadow);
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        transition: var(--mfg-transition);
      }

      .mfg-modules .mfg-modules__card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 25px rgba(11, 79, 202, 0.05);
        border-color: #cbd5e1;
      }

      /* Card Header Typography */
      .mfg-modules .mfg-modules__title {
        font-size: 18px;
        font-weight: 700;
        color: var(--mfg-primary-dark);
        text-align: center;
        line-height: 1.3;
        margin-top: 0;
        margin-bottom: 20px;
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      /* Media / Layout Structures inside cards */
      .mfg-modules .mfg-modules__content-row {
        display: flex;
        gap: 12px;
        margin-bottom: 20px;
        align-items: flex-start;
      }

      .mfg-modules .mfg-modules__image-wrapper {
        width: 150px;
        height: 110px;
        border-radius: 8px;
        overflow: hidden;
        flex-shrink: 0;
      }

      .mfg-modules .mfg-modules__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* Standard Features List Layout */
      .mfg-modules .mfg-modules__list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-grow: 1;
      }

      .mfg-modules .mfg-modules__list-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        font-size: 15px;
        font-weight: 500;
        color: var(--mfg-text-main);
        line-height: 1.3;
      }

      .mfg-modules .mfg-modules__icon-check {
        color: var(--mfg-accent-blue);
        font-size: 14px;
        margin-top: 2px;
      }

      /* Benefits Footers */
      .mfg-modules .mfg-modules__benefits-box {
        margin-top: auto;
        border-top: 1px dashed var(--mfg-border);
        padding-top: 14px;
      }

      .mfg-modules .mfg-modules__benefits-label {
        font-size: 16px;
        font-weight: 700;
        color: var(--mfg-accent-blue);
        margin-top: 0;
        display: block;
        margin-bottom: 14px;
      }

      /* Methodology List Variant (Card 5) */
      .mfg-modules .mfg-modules__methodology-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 10px;
      }

      .mfg-modules .mfg-modules__methodology-item {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        font-weight: 600;
        color: var(--mfg-text-main);
      }

      .mfg-modules .mfg-modules__step-number {
        width: 24px;
        height: 24px;
        border: 1px solid var(--mfg-accent-blue);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 700;
        color: var(--mfg-accent-blue);
        flex-shrink: 0;
      }

      /* Vertical Full Image Side panel (Card 6) */
      .mfg-modules .mfg-modules__panel-row {
        display: flex;
        gap: 14px;
        height: 100%;
      }

      .mfg-modules .mfg-modules__side-banner {
        width: 150px;
        border-radius: 10px;
        overflow: hidden;
        flex-shrink: 0;
        height: calc(100% - 10px);
      }

      .mfg-modules .mfg-modules__side-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      /* Responsive Breakpoints Matrix */
      @media (max-width: 1300px) {
        .mfg-modules .mfg-modules__grid {
          grid-template-columns: repeat(3, 1fr);
          gap: 20px;
        }
      }

      @media (max-width: 900px) {
        .mfg-modules .mfg-modules__grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (max-width: 550px) {
        .mfg-modules {
          padding: 24px 16px;
        }
        .mfg-modules .mfg-modules__grid {
          grid-template-columns: 1fr;
          gap: 16px;
        }
        .mfg-modules .mfg-modules__title {
          min-height: auto;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .mfg-modules .mfg-modules__card {
          transition: none;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d8745d */:root {
        --syn-bg: #f8fafc;
        --syn-card-white: #ffffff;
        --syn-blue-dark: #003399;
        --syn-blue-accent: #0b4fca;
        --syn-text-dark: #1e293b;
        --syn-text-muted: #64748b;
        --syn-border: #e2e8f0;
        --syn-radius: 20px;
        --syn-radius-sm: 12px;
        --syn-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
        --syn-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }

      body {
        margin: 0;
        padding: 0;
        background-color: var(--syn-bg);
        font-family: "Inter", sans-serif;
        -webkit-font-smoothing: antialiased;
      }

      /* Scoped Container Namespace */
      .syn-overview {
        max-width: 1440px;
        margin-inline: auto;
        padding: 50px 24px;
        box-sizing: border-box;
      }

      .syn-overview .syn-overview__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        align-items: stretch;
      }

      /* Card Structural Engineering */
      .syn-overview .syn-overview__card {
        background-color: var(--syn-card-white);
        border: 1px solid var(--syn-border);
        border-radius: var(--syn-radius);
        padding: 36px 30px;
        box-shadow: var(--syn-shadow);
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        transition: var(--syn-transition);
      }

      .syn-overview .syn-overview__card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(11, 79, 202, 0.06);
      }

      /* Dark Variant CTA Specifics */
      .syn-overview .syn-overview__card--dark {
        background-color: var(--syn-blue-dark);
        border-color: var(--syn-blue-dark);
      }

      .syn-overview .syn-overview__card--dark::after {
        content: "";
        position: absolute;
        right: -20px;
        bottom: -20px;
        width: 180px;
        height: 180px;
        background-image: url("https://images.unsplash.com/photo-1617791160505-6f006e121980?auto=format&fit=crop&q=80&w=300");
        background-size: cover;
        mix-blend-mode: screen;
        opacity: 0.15;
        pointer-events: none;
        border-radius: 50%;
      }

      /* Typography Hierarchy Structure */
      .syn-overview .syn-overview__title {
        font-size: 22px;
        font-weight: 700;
        color: var(--syn-blue-dark);
        line-height: 1.3;
        margin-top: 0;
        margin-bottom: 30px;
      }

      .syn-overview .syn-overview__title--white {
        color: #ffffff;
        margin-bottom: 16px;
      }

      .syn-overview .syn-overview__desc--white {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 28px;
      }

      /* Metrics Matrix - Card 1 */
      .syn-overview .syn-overview__metrics-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        padding-bottom: 24px;
        border-bottom: 1px solid var(--syn-border);
        margin-bottom: 24px;
        text-align: center;
      }

      .syn-overview .syn-overview__metrics-row--bottom {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
      }

      .syn-overview .syn-overview__metric-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
      }

      .syn-overview .syn-overview__metric-icon {
        font-size: 20px;
        color: var(--syn-blue-accent);
      }

      .syn-overview .syn-overview__metric-number {
        font-size: 16px;
        font-weight: 700;
        color: var(--syn-blue-dark);
      }

      .syn-overview .syn-overview__metric-label {
        font-size: 14px;
        color: var(--syn-text-muted);
        line-height: 1.3;
        font-weight: 500;
      }

      /* Benefits Grid Matrix - Card 2 */
      .syn-overview .syn-overview__benefits-columns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 20px;
        margin-bottom: 30px;
      }

      .syn-overview .syn-overview__benefit-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        font-size: 15px;
        font-weight: 500;
        color: var(--syn-text-dark);
        line-height: 1.4;
      }

      .syn-overview .syn-overview__check-icon {
        color: var(--syn-blue-accent);
        font-size: 13px;
        margin-top: 2px;
      }

      /* Graphical Stats Inline Illustration vector fallback alternative placement */
      .syn-overview .syn-overview__illustration-box {
        margin-top: auto;
        width: 100%;
        height: 60px;
        display: flex;
        align-items: flex-end;
        gap: 8px;
        padding-left: 10px;
      }

      .syn-overview .syn-overview__bar {
        flex-grow: 1;
        background-color: #eff6ff;
        border-radius: 4px 4px 0 0;
        transition: height var(--syn-transition);
      }

      .syn-overview .syn-overview__card:hover .syn-overview__bar {
        background-color: #dbeafe;
      }

      /* Interactive Buttons Systems - Card 3 */
      .syn-overview .syn-overview__actions {
        display: flex;
        flex-direction: column;
        gap: 12px;
        position: relative;
        z-index: 2;
      }

      .syn-overview .syn-overview__button {
        background-color: #ffffff;
        border: 1px solid transparent;
        border-radius: var(--syn-radius-sm);
        padding: 14px 20px;
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--syn-blue-dark);
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        transition: var(--syn-transition);
        cursor: pointer;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      }

      .syn-overview .syn-overview__button:hover {
        background-color: #f8fafc;
        transform: translateX(4px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
      }

      .syn-overview .syn-overview__btn-icon {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #f0f4ff;
        color: var(--syn-blue-accent);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        flex-shrink: 0;
      }

      /* Responsive Architecture Grid */
      @media (max-width: 1100px) {
        .syn-overview .syn-overview__grid {
          grid-template-columns: 1fr;
          gap: 24px;
        }
        .syn-overview .syn-overview__title {
          margin-bottom: 20px;
        }
      }

      @media (max-width: 600px) {
        .syn-overview {
          padding: 30px 16px;
        }
        .syn-overview .syn-overview__card {
          padding: 28px 20px;
        }
        .syn-overview .syn-overview__metrics-row {
          grid-template-columns: repeat(2, 1fr);
          gap: 20px 12px;
        }
        .syn-overview .syn-overview__benefits-columns {
          grid-template-columns: 1fr;
          gap: 14px;
        }
        .syn-overview .syn-overview__title{
            text-align: center;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .syn-overview .syn-overview__card,
        .syn-overview .syn-overview__button,
        .syn-overview .syn-overview__bar {
          transition: none;
          transform: none !important;
        }
      }/* End custom CSS */