/* ============================================================
   ERP TEMPLATE - ALL SECTIONS CSS
   ============================================================ */

:root {
    --erp-primary: #2563EB;
    --erp-primary-dark: #1d4ed8;
    --erp-accent: #f97316;
    --erp-dark-bg: #0f172a;
    --erp-dark-card: #1e293b;
    --erp-text-light: #f1f5f9;
    --erp-text-muted: #94a3b8;
    --erp-white: #ffffff;
    --erp-border: #e2e8f0;
    --erp-purple: #7c3aed;
}

/* ============================================================
   SECTION 1: ERP HERO
   ============================================================ */
.erp-hero-section{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;position:relative;padding:130px 0 60px;}
.erp-hero-section::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:rgb(0 0 0 / 75%);}
.erp-hero-section .container{z-index:2;position:relative;}
.erp-hero-content h1{font-size:50px;color:#fff;font-weight:400;line-height:120%;margin-top:8px;margin-bottom:20px;}
.erp-hero-subheading{font-size:20px;color:#f1f1f1;font-weight:400;line-height:150%;margin-top:20px;margin-bottom:20px;}
.erp-hero-list-item{display:flex;align-items:center;margin-bottom:8px;color:#fff;font-weight:500;line-height:150%; gap: 12px;}
.erp-hero-list-icon {
    width: 100%;
    height: 46px;
    background: #0e2b5c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 46px;
    border-radius: 50px;
}
.erp-hero-list-icon img {
    height: 34px;
    object-fit: contain;
}
.erp-hero-list-text {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Rubik';
}
.erp-hero-btn a{display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;margin-top:20px;padding:0 50px;border-radius:50px;text-transform:capitalize;letter-spacing:.5px;background:linear-gradient(135deg,var(--accent-color),#2563eb);border:2px solid transparent;color:#fff;position:relative;overflow:hidden;z-index:1;transition:all .3s ease;height:50px;}
.erp-hero-btn a::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateX(-100%);transition:transform .4s ease;z-index:-1;}
.erp-hero-btn a:hover::before{transform:translateX(0);}
.erp-hero-btn a:hover{box-shadow:0 8px 25px rgba(59,130,246,.4);border-color:#204abf;color:#fff!important;}
.page-template-erp-template .artificial-intelligence-page-form .form-heading{font-size:24px;color:#317fe8;font-weight:500;text-align:center;}
.page-template-erp-template .artificial-intelligence-page-form .row label span{display:block;margin-top:5px;}
.page-template-erp-template .artificial-intelligence-page-form input,.page-template-erp-template .artificial-intelligence-page-form select{height:46px;}
.page-template-erp-template .artificial-intelligence-page-form #contactformsubmit{display:flex;height:50px;border:none!important;align-items:center;justify-content:center;}
.page-template-erp-template .contact.artificial-intelligence-page-form{padding-bottom:2%;}
.page-template-erp-template .comman-bottom-form .contact.artificial-intelligence-page-form{border-radius:30px 25px 20px 20px;border-left:4px solid #317fe8;}
.page-template-erp-template .comman-bottom-form input.wpcf7-form-control.has-spinner.wpcf7-submit.primary{width:100%;}

/* ============================================================
   SECTION 2: OUR MODULES
   ============================================================ */
.erp-modules-section{padding:50px 0;background:var(--erp-white);}
.erp-section-header{margin-bottom:36px;}
.erp-section-header h2{font-size:36px;font-weight:500;color:#1e293b;margin-bottom:14px;}
.erp-section-header h2 span{color:#2561e7;}
.erp-section-subtitle{font-size:18px;font-weight:400;color:#444;font-family:Rubik;line-height:150%;}
.erp-module-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all 0.3s ease;}
.erp-module-box:hover{border-color:#2561e7;background:#faf5ff;transform:translateY(-4px);box-shadow:0 8px 24px rgba(124,58,237,0.12);}
.erp-module-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ede9fe;border-radius:10px;transition:background 0.3s;}
.erp-module-box:hover .erp-module-icon{background:linear-gradient(135deg,#2563eb,#1e40af)!important;}
.erp-module-icon img{width:50px;height:50px;object-fit:contain;transition:filter 0.3s;}
.erp-module-box:hover .erp-module-icon img{filter:brightness(0) invert(1);}
.erp-module-title{font-size:13px;font-weight:600;color:#334155;line-height:1.3;}

/* ============================================================
   SECTION 3: ERP INTEGRATION SOLUTIONS
   ============================================================ */
.erp-integration-section{padding:50px 0;background:var(--erp-dark-bg);}
.erp-integration-section i.bi.bi-check-circle-fill.text-primary{color:#3d8f40!important;}
.erp-integration-section .erp-section-header h2{color:var(--erp-white);}
.erp-integration-section .erp-section-subtitle{color:#f5f5f5!important;}
.erp-integration-row{align-items:flex-start;margin-top:40px;}
.erp-integration-nav{position:relative;display:flex;flex-direction:column;gap:0;padding-left:20px;}
.erp-nav-track{position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(255,255,255,0.1);border-radius:3px;}
.erp-nav-progress{position:absolute;left:0;top:0;width:3px;height:0%;background:var(--erp-primary);border-radius:3px;transition:height 0.4s cubic-bezier(0.4,0,0.2,1),top 0.4s cubic-bezier(0.4,0,0.2,1);}
.erp-tab-nav-item{display:flex;align-items:center;gap:14px;padding:8px!important;border-radius:8px;cursor:pointer;transition:background 0.25s ease,border-color 0.25s ease;position:relative;border-left:3px solid transparent;margin-left:-3px;}
h3.text-white.erp_integration_heading{font-size:21px;}
.erp-tab-nav-item:hover{background:rgba(37,99,235,0.1);border-left-color:rgba(37,99,235,0.4);}
.erp-tab-nav-item.active{background:rgba(37,99,235,0.15);border-left-color:var(--erp-primary);}
.erp-tab-nav-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,0.06);flex-shrink:0;transition:background 0.25s ease;}
.erp-tab-nav-item:hover .erp-tab-nav-icon,.erp-tab-nav-item.active .erp-tab-nav-icon{background:linear-gradient(135deg,#2563eb,#1e40af)!important;color:#cbd5e1;}
.erp-tab-nav-icon img{width:22px;height:22px;object-fit:contain;transition:filter 0.25s ease;}
.erp-tab-nav-item:hover .erp-tab-nav-icon img,.erp-tab-nav-item.active .erp-tab-nav-icon img{filter:brightness(0) invert(1)!important;}
.erp-tab-nav-title{font-size:15px;font-weight:600;color:#fff!important;transition:color 0.25s ease;line-height:1.2;}
.erp-tab-nav-item:hover .erp-tab-nav-title,.erp-tab-nav-item.active .erp-tab-nav-title{color:var(--erp-white);}
.erp-integration-content{position:relative;}
.erp-tab-pane{display:none;opacity:0;transform:translateY(10px);}
.erp-tab-pane.active{display:block;animation:erpFadeUp 0.35s ease forwards;}
@keyframes erpFadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.erp-tab-inner{background:var(--erp-dark-card);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:36px 32px;}
.erp-tab-col-main h3{font-size:20px;font-weight:700;color:var(--erp-white);margin-bottom:14px;}
.erp-tab-col-main p{color:#94a3b8;font-size:14px;line-height:1.8;margin-bottom:0;}
.erp-keypoints-title{font-size:15px;font-weight:700;color:var(--erp-text-light);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.08);}
.erp-keypoints-list{display:flex;flex-direction:column;gap:12px;}
.erp-keypoints-list li{font-size:14px;font-weight:600;color:#e2e8f0;line-height:1.4;}
.erp-check-icon svg{display:block;}
@media(max-width:767px){
    .erp-integration-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-left:0;padding-bottom:4px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
    .erp-integration-nav::-webkit-scrollbar{display:none;}
    .erp-nav-track,.erp-nav-progress{display:none;}
    .erp-tab-nav-item{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 14px;border-left:none;border-bottom:3px solid transparent;border-radius:8px;min-width:100px;flex-shrink:0;margin-left:0;}
    .erp-tab-nav-item:hover,.erp-tab-nav-item.active{border-left:none;border-bottom:3px solid var(--erp-primary);}
    .erp-tab-inner{padding:24px 18px;}
    .erp-hero-list-icon {
    height: 40px;
    max-width: 40px;
}
.erp-hero-list-icon img {
    height: 28px;
    object-fit: contain;
}
.erp-hero-list-text {
    font-size: 13px;
}
}
@media(min-width:768px) and (max-width:991px){.erp-tab-inner{padding:28px 24px;}}

/* ============================================================
   SECTION 4: ERP IMAGE CONTENT BOX
   ============================================================ */
.erp-image-content-box-section{padding:55px 0 50px;position:relative;}
.erp-image-content-box-section:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;height:450px;background:linear-gradient(145deg,#004a91 0,#002254 50%,#002254 100%);}
.bottom-section-bb-development-company,.erp-icb-top{z-index:1;position:relative;}
.erp-image-content-box-section .container.section-title{margin-bottom:30px;}
.erp-image-content-box-section .container.section-title h2{color:#fff;}
.erp-image-content-box-section .erp-icb-section-desc p{color:#d5d5d5;font-size:18px;}
.erp-image-content-box-section .erp-icb-item{width: 100%;border-radius:15px;box-shadow:2px 2px 15px rgba(0,0,0,.04),-2px -2px 15px 1px rgba(0,0,0,.04);}
.erp-image-content-box-section .erp-icb-content-box{border:1px solid #e0e0e0;border-radius:20px;transition:.3s;min-height:100%;position:relative;padding:40px;background-color:#fff;}
.erp-image-content-box-section .erp-icb-content-box:before{content:"";position:absolute;top:0;left:-5px;bottom:0;height:100px;width:10px;background-color:#5f83c0db;margin-bottom:auto;margin-top:auto;border-radius:20px;}
.erp-icb-box-desc{font-size:16px;font-weight:400;color:#444444;font-family:Rubik;line-height:150%;}
.erp-icb-bottom h4{font-size:22px;}
.erp-icb-image-box{height:100%;}
.erp-icb-image-box img{height:100%;object-fit:cover;width:100%;border-radius:20px;}

.erp-emd-section {
    background: #000;
    padding: 60px 0;
    position: relative;
}
.erp-emd-heading {
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 10px;
}
.erp-emd-subtitle {
    font-size: 16px;
    color: rgba(255,255,255,0.8);
}
.erp-emd-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.erp-emd-btn-outline:hover {
    background: rgba(255,255,255,0.1);
    border-color: #fff;
    color: #fff;
    text-decoration: none;
}
.erp-emd-layout {
    display: flex;
    align-items: flex-start;
    gap: 0;
    width: 100%;
}
.erp-emd-col-image {
    width: 25%;
    flex-shrink: 0;
    min-height: 1px;
}
.erp-emd-col-tabs {
    flex: 1;
    min-width: 0;
}
.erp-emd-col-content {
    width: 33%;
    flex-shrink: 0;
    min-height: 1px;
}
.erp-emd-sticky-image {
    padding-right: 20px;
}
.erp-emd-img-slide { display: none; }
.erp-emd-img-slide.active {
    display: block;
    animation: emdFade 0.4s ease forwards;
}
.erp-emd-img-slide img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}
.erp-emd-tabs-col {
    border-left: 1px solid rgba(255,255,255,0.28);
    border-right: 1px solid rgba(255,255,255,0.28);
    padding: 0 30px;
}
.erp-emd-tab-item {
    font-size: 22px;
    font-weight: 600;
    color: rgba(255,255,255,0.5);
    padding: 28px 0;
    cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,0.28);
    transition: color 0.35s ease;
    line-height: 1.2;
    user-select: none;
}
.erp-emd-tab-item:last-child { border-bottom: none; }
.erp-emd-tab-item:hover { color: rgba(255,255,255,0.7); }
.erp-emd-tab-item.active { color: #fff; }
.erp-emd-sticky-content {
    padding-left: 20px;
}
.erp-emd-content-pane { display: none; }
.erp-emd-content-pane.active {
    display: block;
    animation: emdFade 0.4s ease forwards;
}
.erp-emd-content-text {
    font-size: 15px;
    color: rgba(255,255,255,0.85);
    line-height: 1.8;
}
.erp-emd-content-text p {
    color: rgba(255,255,255,0.85);
    margin-bottom: 0;
}
@keyframes emdFade {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 991px) {
    .erp-emd-layout {
        flex-direction: column;
    }
    .erp-emd-col-image {
        display: block !important;
        width: 100%;
        order: 2;
        margin-bottom: 0;
    }
    .erp-emd-col-content {
        width: 100%;
        order: 3;
        margin-top: 0;
    }
    .erp-emd-col-tabs {
        width: 100%;
        order: 1;
        margin-top: 20px;
    }
    .erp-emd-sticky-image,
    .erp-emd-sticky-content {
        position: relative !important;
        top: auto !important;
        width: auto !important;
        left: auto !important;
        padding: 0 !important;
    }
    .erp-emd-img-slide img {
        height: 220px;
    }
    .erp-emd-tabs-col {
        border: none;
        border-top: 1px solid rgba(255,255,255,0.28);
        padding: 0;
    }
}
@media (max-width: 767px) {
    .erp-emd-section { padding: 50px 0; }
    .erp-emd-heading { font-size: 26px; }
    .erp-emd-tab-item { font-size: 18px; padding: 18px 0; }
}
.page-template-erp-template .other-technologies-work-on {
    padding: 50px 0;
}
.page-template-erp-template  .container.section-title {
    text-align: center;
    margin-bottom: 20px;
}
.page-template-erp-template  .other-technologies-work-on .nav-tabs {
    border-bottom: none;
    margin-bottom: 12px;
    justify-content: center;
}
.page-template-erp-template  .other-technologies-work-on .nav-tabs .nav-link:hover {
    transition: 0.6s all;
    color: #fff;
    background: linear-gradient(135deg, var(--accent-color), #2563eb) !important;
}
.page-template-erp-template  .brand-logo-slider {
    display: none !important;
}
section.erp-cta-section {
    background: linear-gradient(145deg, #1a6dbd 0, #0b3066 50% 50%, #002254 100%);
    margin: 40px 0px;
}
/* ============================================================
   RESPONSIVE - GLOBAL
   ============================================================ */
@media (max-width: 767px) {
    .erp-hero-content h1{font-size:26px;}
    .erp-section-header h2{font-size:26px;}
    .erp-hero-section{padding:60px 0;}
    .erp-modules-section,.erp-integration-section{padding:45px 0;}
    .erp-icb-top .section-title h2{font-size:26px;}
}
/* ============================================================
   SECTION: ERP CRM INTEGRATION LIST IMAGE
   ============================================================ */
 
.erp-crm-section {
    padding: 50px 0;
    background: #fff;
}

.erp-crm-section-header h2 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.25;
}
.erp-crm-section-header h2 span {
    color: var(--erp-primary, #2563EB);
}
.erp-crm-section-subtitle {
font-size: 18px;
    font-weight: 400;
    color: #627792;
    font-family: Rubik;
    line-height: 150%;
}
.erp-crm-section-subtitle p {
    margin-bottom: 0;
    font-size: 17px;
    color: #64748b;
}
 
/* Row Layout */
.erp-crm-row {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 30px 0;
    border-bottom: 1px solid #f1f5f9;
}
.erp-crm-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.erp-crm-row:first-child {
    padding-top: 0;
}
 
/* Reverse — even rows (0-indexed: row 2, 4...) */
.erp-crm-row--reverse {
    flex-direction: row-reverse;
}
 
/* Columns */
.erp-crm-col {
    flex: 1;
    min-width: 0;
}
.erp-crm-col-image {
    flex: 0 0 44%;
    max-width: 44%;
}
 
/* Image */
.erp-crm-image-wrap {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(37, 99, 235, 0.1);
    position: relative;
}
.erp-crm-image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    border: 1px solid rgba(37,99,235,0.08);
    pointer-events: none;
    z-index: 1;
}
.erp-crm-img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
    border-radius: 20px;
    transition: transform 0.5s ease;
}
.erp-crm-image-wrap:hover .erp-crm-img {
    transform: scale(1.03);
}
 
/* Feature List */
.erp-crm-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
 
.erp-crm-list-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 16px 20px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e8edf5;
    transition: all 0.3s ease;
}
.erp-crm-list-item:hover {
    background: #fff;
    border-color: rgba(37, 99, 235, 0.25);
    box-shadow: 0 8px 30px rgba(37, 99, 235, 0.08);
    transform: translateX(4px);
}
.erp-crm-row--reverse .erp-crm-list-item:hover {
    transform: translateX(-4px);
}
 
/* Icon */
.erp-crm-list-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--accent-color), #2563eb);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.erp-crm-list-item:hover .erp-crm-list-icon {
    background: linear-gradient(135deg, #2563eb, #1e40af);
}
.erp-crm-list-icon img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    transition: filter 0.3s ease;
}
.erp-crm-list-item:hover .erp-crm-list-icon img {
    filter: brightness(0) invert(1);
}
 
/* List Body */
.erp-crm-list-body {
    flex: 1;
    min-width: 0;
}
.erp-crm-list-title {
    font-size: 17px;
    font-weight: 500;
    color: #1e293b;
    margin-bottom: 6px;
    line-height: 1.3;
}
.erp-crm-list-content {
    font-size: 15px;
    color: #64748b;
    line-height: 1.7;
    margin: 0;
}
.erp-crm-list-content p {
    margin-bottom: 0;
    font-size: 15px;
    color: #64748b;
    line-height: 1.7;
}
 
/* ============================================================
   RESPONSIVE
   ============================================================ */
   @media (max-width: 1024px) {
.erp-hero-content h1 {
    font-size: 40px;
    margin-bottom: 16px;
}
.erp-hero-subheading {
    font-size: 18px;
}
.erp-section-subtitle {
    font-size: 16px;
}
.erp-module-icon img {
    width: 46px;
    height: 46px;
}
.erp-section-header h2 {
    font-size: 32px;
}
.erp-integration-nav {
    padding-left: 12px;
}
h3.text-white.erp_integration_heading {
    font-size: 20px;
}
.erp-image-content-box-section {
    padding: 50px 0 50px;
}
.erp-image-content-box-section .erp-icb-section-desc p,.erp-crm-section-subtitle p ,.service-item.position-relative p, .services_content {
    font-size: 16px;
}
.erp-icb-bottom h4 {
    font-size: 20px;
}
.erp-image-content-box-section .erp-icb-content-box {
    padding: 30px;
}
.erp-emd-section {
    padding: 50px 0;
}
.erp-emd-heading,.erp-crm-section-header h2,section.erp_industry_models-section h2 {
    font-size: 32px;
}
.erp-emd-img-slide img {
    height: 240px;
}
.erp-crm-section {
    padding: 40px 0;
}
section.erp_industry_models-section.py-5 {
    padding: 40px 0px !important;
}
.bb_industry_model-box.border {
    padding: 40px 40px !important;
    font-size: 16px;
}
   }
@media (max-width: 991px) {
    .erp-crm-row,
    .erp-crm-row--reverse {
        flex-direction: column;
        gap: 36px;
        padding: 40px 0;
    }
    .erp-crm-col-image {
        flex: unset;
        max-width: 100%;
        width: 100%;
        order: -1; /* Image always on top on mobile */
    }
    .erp-crm-img {
        height: 280px;
    }
    .erp-hero-section {
    padding: 90px 0 50px;
}
    .erp-hero-content h1 {
        font-size: 34px;
        margin-bottom: 10px;
    }
    .erp-hero-subheading {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .erp-hero-btn {
    margin-top: 0 !important;
    margin-bottom: 20px;
}
.erp-modules-section,.erp-integration-section,.erp-image-content-box-section {
    padding: 40px 0;
}
    .erp-section-header h2 {
        font-size: 28px;
        margin-bottom: 8px;
    }
    .erp-section-header {
        margin-bottom: 20px;
    }
    span.erp-tab-nav-title {
    font-size: 14px !important;
}
    h3.text-white.erp_integration_heading {
        font-size: 18px;
    }
    .erp-integration-section p.text-white.fs-7 {
    font-size: 15px !important;
}
.erp-icb-box-desc {
    font-size: 15px;
}
    .erp-icb-bottom h4 {
        font-size: 18px;
    }
    .erp-emd-btn-outline {
    padding: 10px 12px;
    font-size: 13px;
}
    .erp-emd-heading, .erp-crm-section-header h2, section.erp_industry_models-section h2 {
        font-size: 28px;
    }
    .erp-emd-tab-item {
    font-size: 18px;
    padding: 14px 0;
}
.erp-emd-img-slide img {
        height: 260px;
        margin-bottom: 20px;
    }
    .erp-crm-row, .erp-crm-row--reverse {
        padding: 24px 0;
    }
    .container.section-title h2 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .erp-crm-section {
        padding: 40px 0;
    }
    .erp-crm-section-header h2 {
        font-size: 26px;
    }
    .erp-crm-section-header {
        margin-bottom: 36px;
    }
    .erp-crm-list-item {
        padding: 16px 18px;
    }
    .erp-crm-list-title {
        font-size: 15px;
    }
    .erp-crm-img {
        height: 220px;
    }
    .erp-hero-content h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }
        .erp-hero-subheading {
        font-size: 16px;
    }
    .erp-hero-btn a {
    font-size: 15px;
    margin-top: 15px;
    padding: 0 30px;
    height: 46px;
}
.page-template-erp-template .artificial-intelligence-page-form .form-heading {
    font-size: 20px;
}
.erp-hero-section {
        padding: 80px 0 40px;
    }
        .erp-section-header h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .erp-module-title {
    font-size: 14px;
}
.erp-modules-section{
    padding-bottom: 20px;
}
.erp-integration-nav {
        margin-bottom: 8px;
    }
    h3.text-white.erp_integration_heading {
        font-size: 17px;
    }
    .erp-integration-section p.text-white.fs-7 {
        font-size: 14px !important;
    }
    .container.section-title h2 {
        font-size: 24px;
    }
        .erp-image-content-box-section .erp-icb-content-box {
        padding: 24px;
    }
    .erp-emd-section {
        padding: 40px 0;
    }
    .erp-emd-heading, .erp-crm-section-header h2, section.erp_industry_models-section h2 {
        font-size: 24px;
    }
    .erp-emd-tab-item {
    color: rgba(255, 255, 255, 0.6);
}
.erp-emd-img-slide img {
        height: 230px;
    }
        .erp-crm-section-header {
        margin-bottom: 10px;
    }
    .erp-crm-list-icon img{
    width: 32px;
    height: 32px;
}
.erp-crm-list-content p {
    font-size: 14px;
    line-height: 1.4;
}
.bb_industry_model-box.border {
        padding: 16px 16px !important;
        font-size: 15px;
    }
    .bb_industry_model-box.border.p-3.h-100.d-flex.flex-column.align-items-center.justify-content-center img {
    height: 50px;
    width: 50px;
    margin-bottom: 12px !important;
}
.page-template-erp-template .other-technologies-work-on {
    padding: 36px 0;
}
.page-template-erp-template  .other-technologies-work-on .nav-tabs .nav-link {
    font-size: 15px;
}
}
/* ============================================================
   ERP CASE STUDY SLIDER (Ported from block-builder.css)
   ============================================================ */
.erp-case-study-slider { 
    padding: 50px 0;    
    background: linear-gradient(95deg, #1b172c, #121823, #172430); 
}

.erp-case-study-slider .container {
    padding: 0 !important;
    overflow: visible;
}

/* Slider */
.erp-case-slider .slick-list {
    padding-left: 0 !important;
}

.erp-case-slider .slick-slide {
    padding: 20px;
    opacity: 1;
    transition: opacity 0.4s, transform 0.4s;
    margin: 5px;
}

/* Slide Card */
.erp-case-slide {
    border-radius: 24px;
    color: #fff;
    position: relative;
}
.erp-case-slide::after {
    content: "";
    background-image: url("https://www.aleaitsolutions.com/wp-content/uploads/2026/03/portfolioShape.png");
    width: 570px;
    height: 500px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 0;
}

.erp-case-content { position: relative; z-index: 1; }

/* Title */
.erp-case-slide h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #fff;
    text-transform: capitalize;
}

.erp-case-small {
    font-size: 15px;
    opacity: 0.85;
    margin-bottom: 20px;
}

/* Headings */
.erp-case-slide h4 {
    font-size: 22px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 4px;
    color: #fff;
    text-transform: capitalize;
}

.erp-case-slide p {
    font-size: 16px;
    line-height: 1.7;
    opacity: 1;
    color: #fff;
    z-index: 1;
    margin-bottom: 12px !important;
}

/* Results grid */
.erp-case-results {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 10px;
}

.erp-result-item strong {
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 4px;
    color: #fff;
}

.erp-result-item p {
    font-size: 14px;
    opacity: 0.85;
    margin: 0;
    color: #fff;
}

/* Button */
.erp-case-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    transition: .3s;
    background: linear-gradient(45deg, #1954b2, #2ea0bb);
    border: none;
    font-weight: 600;
    color: #fff;
    padding: 8px 12px 8px 24px;
    border-radius: 100px;
    position: relative;
    flex-shrink: 0;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    z-index: 9;
    text-transform: capitalize;
}
.erp-case-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(42, 125, 225, 0.4);
    color: #fff !important;
}

.erp-btn-arrow {
    background: rgb(255 255 255);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #1d63b4;
}

/* Image area */
.erp-case-img-wrap {
    position: relative;
    z-index: 1;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.erp-case-img-wrap img {
    height: 465px;
    width: 100%;
    object-fit: contain;
}

/* Logo top right */
.erp-case-logo {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 80px;
    height: 80px;
    object-fit: contain;
    background: #fff;
    border-radius: 14px;
    padding: 6px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.erp-case-mockup {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
    position: relative;
    z-index: 1;
}

/* Arrows - neeche center */
.erp-case-arrows {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 30px;
}

.case-prev, .case-next {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    box-shadow: 0 5px 15px rgba(42, 125, 225, 0.4);
    max-width: 40px !important;
    padding: 0;
    color: #fff;
    background: linear-gradient(45deg, #1954b2, #2ea0bb);
}

.case-slide-buton.desktop-none {
    display: none !important;
}

/* Mobile */
@media (max-width: 991px) {
    .erp-case-content .mobile-none {
        display: none !important;
    }
    .case-slide-buton.desktop-none {
        display: block !important;
        text-align: center;
    }
    .erp-case-btn {
        margin-top: 20px;
    }
    .erp-case-slide { padding: 30px; }
    .erp-case-slide h3 { font-size: 24px; }
    .erp-case-slide p { font-size: 16px; }
    .erp-case-slide h4 { font-size: 18px; }
    .erp-case-logo { width: 50px; height: 50px; top: 20px; right: 20px; }
    .erp-case-slide::after {
        width: 100%;
        height: 430px;
    }
    .case-slider-main-content {
        padding-right: 60px;
    }
}
@media (max-width: 767px) {
.erp-case-img-wrap img {
    height: auto;
}
}
/* ============================================================
   SECTION: ERP COUNTER SECTION
   ============================================================ */
   section.erp-counter-section{
    background: #2563eb; /* Vibrant blue from screenshot */
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 15px 35px rgba(37, 99, 235, 0.2);
    padding: 25px 0px;
   }
.erp-counter-row {

    position: relative;
    z-index: 1;
}

.erp-counter-item {
    transition: transform 0.3s ease;
}

.erp-counter-item:hover {
    transform: translateX(-5px);
}

.erp-counter-icon img {
    height: 50px;
    width: auto;
    filter: brightness(0) invert(1);
    margin-bottom: 5px;
}

.erp-counter-number {
    font-family: inherit;
    line-height: 1;
    letter-spacing: -1px;
}

.erp-counter-label p {
    font-weight: 400;
    letter-spacing: 0.6px;
    opacity: 1;
    font-size: 16px;
    font-family: 'Rubik';
}

/* ============================================================
   SECTION: ERP CTA SECTION
   ============================================================ */
.erp-cta-content {
    position: relative;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    padding: 50px;
    background: linear-gradient(to left, #eaecc6, #588ccd);
}


.erp-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #2563eb, #1e40af);
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);
}

.erp-cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(37, 99, 235, 0.5);
    filter: brightness(1.1);
}

.erp-btn-arrow {
    background: rgb(255 255 255);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.3s ease;
}

.erp-cta-btn:hover .erp-btn-arrow {
    background: rgba(255, 255, 255, 0.3);
    transform: translateX(5px);
}

.erp-cta-mockup {
    filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.5));
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
        position: absolute;
    right: 0;
    bottom: -50px;
    height: 350px;
}


@media (max-width: 991px) {
    .erp-cta-content {
        text-align: center;
        padding: 20px 20px !important;
    }
    .erp-cta-btn-wrap {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }
    .erp-cta-mockup {
        all: unset;
        max-height: 300px;
        position: relative;
    }
    .erp-cta-content .row{
        flex-direction: column-reverse;
    }
    .erp-cta-content h2 {
    font-size: 24px;
    text-align: left;
}
.erp-cta-content h4 {
    text-align: left;
    font-size: 18px;
}
}

@media (max-width: 767px) {
    .erp-counter-number {
        font-size: 32px !important;
    }
    .erp-cta-btn {
        padding: 7px 18px;
        font-size: 15px;
    }
    section.erp-cta-section {
    margin: 25px 0px;
    padding: 40px 0px !important;
}
}
/* ============================================================
   SECTION: ERP INDUSTRY MODELS - MODERN REDESIGN
   ============================================================ */
.erp-industry-models-main {
    background: #f8fafc;
}

.erp-industry-card {
    position: relative;
    height: 320px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.erp-industry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.erp-card-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.erp-industry-card:hover .erp-card-bg {
    transform: scale(1.1);
}

.erp-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.9) 100%);
    z-index: 2;
    transition: all 0.4s ease;
}

.erp-industry-card:hover .erp-card-overlay {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.95) 100%);
}

.erp-card-body {
    position: absolute;
    inset: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 3;
    transition: all 0.4s ease;
}

.erp-card-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    transition: all 0.4s ease;
    transform: translateY(0);
}

.erp-card-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(30px);
}

.erp-industry-card:hover .erp-card-content {
    max-height: 320px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 6px;
}

.erp-industry-card:hover .erp-card-title {
    color: #fff; /* white highlight on hover */
}

.erp-card-desc {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14.5px;
    line-height: 1.5;
    margin-bottom: 21px;
}

.erp-card-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: #ffffff;
    transition: all 0.3s ease;
    text-decoration: none !important;
    font-size: 20px;
    margin-left: auto;
}

.erp-card-arrow:hover {
    background: linear-gradient(135deg, var(--accent-color), #2563eb) !important;
    border-color: #0d6efd;
    color: #ffffff !important;
    transform: rotate(-45deg);
}

/* Load More Button Styling */
.erp-load-more-btn {
    padding: 14px 45px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--accent-color), #2563eb) !important;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 17px;
    transition: all 0.4s ease;
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3);
    cursor: pointer;
}

.erp-load-more-btn:hover {
    background: #1e40af;
    transform: translateY(-3px);
    box-shadow: 0 20px 25px -5px rgba(37, 99, 235, 0.4);
}

@media (max-width: 991px) {
    .erp-card-title { font-size: 22px; }
    .erp-load-more-btn {
    padding: 8px 32px;
    font-size: 16px;
    height: 40px;
}
}
/* ===== ERP Testimonial Section ===== */
.erp-testimonial-section {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);
    background: linear-gradient(145deg, #004a91 0, #020d1c 50%, #002254 100%);
    
    position: relative;
    overflow: hidden;
}

.erp-testimonial-section::before {
    content: '';
    position: absolute;
    top: -80px; right: -80px;
    width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(99,102,241,0.15) 0%, transparent 70%);
    pointer-events: none;
}

.erp-testimonial-section::after {
    content: '';
    position: absolute;
    bottom: -60px; left: -60px;
    width: 280px; height: 280px;
    background: radial-gradient(circle, rgba(168,85,247,0.1) 0%, transparent 70%);
    pointer-events: none;
}

/* ===== Swiper overflow fix for half preview ===== */
.erp-testimonial-swiper {
    overflow: visible !important;
    padding-bottom: 20px;
}

.erp-testimonial-section .swiper-container-wrap {
    overflow: hidden;
}

/* ===== Equal height slides ===== */
.erp-testimonial-swiper .swiper-wrapper {
    align-items: stretch;
}

.erp-testimonial-swiper .swiper-slide {
    height: auto;
}

/* ===== Card ===== */
.erp-testimonial-card {
    background: rgb(0 0 0 / 5%);
    border: 0.5px solid rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    padding: 32px 28px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.4s ease;
    opacity: 0.9;
    transform: scale(0.97);
}

/* Center mode active card */
.erp-testimonial-swiper .swiper-slide-active .erp-testimonial-card,
.erp-testimonial-swiper .swiper-slide-next .erp-testimonial-card {
    opacity: 1;
    transform: scale(1);
    border-color: rgba(99, 102, 241, 0.35);
    background: rgba(255, 255, 255, 0.07);
    background: #0c3f97;
}

/* Decorative quote */
.erp-testimonial-card::before {
    content: '\201C';
    position: absolute;
    top: 12px; right: 20px;
    font-size: 92px;
    color: #0069d1;
    font-family: Georgia, serif;
    line-height: 1;
    pointer-events: none;
}

.erp-testi-quote { display: none; }

/* ===== Tag ===== */
.erp-testi-tag {
    display: inline-flex;
    border: 0.5px solid rgba(99, 102, 241, 0.4);
    color: #a5b4fc;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 16px;
    width: fit-content !important;
}

/* ===== Stars ===== */
.erp-testi-rating {
    display: flex;
    gap: 4px;
    margin-bottom: 18px;
}

.erp-testi-rating .bi-star-fill {
    font-size: 14px;
    color: #334155;
}

.erp-testi-rating .bi-star-fill.active {
    color: #f59e0b;
}

/* ===== Message — flex-grow pushes footer down ===== */
.erp-testi-message {
    font-size: 14px;
    color: #cbd5e1;
    line-height: 1.78;
    font-style: italic;
    flex-grow: 1;
    margin-bottom: 24px;
}

/* ===== Footer always at bottom ===== */
.erp-testi-footer {
    margin-top: auto;
    padding-top: 18px;
    border-top: 0.5px solid rgba(255, 255, 255, 0.08);
}

.erp-testi-client {
    display: flex;
    align-items: center;
    gap: 12px;
}

.erp-testi-img { flex-shrink: 0; }

.erp-testi-img img {
    width: 48px; height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(99, 102, 241, 0.4);
}

.erp-testi-avatar {
    width: 48px; height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.erp-testi-info h5 {
    font-size: 14px;
    font-weight: 600;
}

.erp-testi-info small { font-size: 11px; }

/* ===== Controls ===== */
.erp-testi-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 36px;
    position: relative;
    z-index: 2;
}

.erp-testi-prev,
.erp-testi-next {
    position: static !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    border: 0.5px solid rgba(255,255,255,0.15) !important;
    background: rgba(255,255,255,0.05) !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    color: #94a3b8 !important;
    flex-shrink: 0;
}

.erp-testi-prev:hover,
.erp-testi-next:hover {
    background: rgba(99,102,241,0.3) !important;
    border-color: rgba(99,102,241,0.5) !important;
    color: #a5b4fc !important;
    transform: scale(1.06);
}

.erp-testi-prev::after,
.erp-testi-next::after {
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* ===== Pagination Dots ===== */
.erp-testi-pagination {
    position: static !important;
    width: auto !important;
}

.erp-testi-pagination .swiper-pagination-bullet {
    width: 7px; height: 7px;
    border-radius: 4px;
    background: rgba(255,255,255,0.2);
    opacity: 1;
    transition: all 0.3s ease;
    margin: 0 4px !important;
}

.erp-testi-pagination .swiper-pagination-bullet-active {
    width: 22px;
    background: #6366f1;
}
section#erpFeaturesSection h2 {
    font-size: 36px;
}
section#erpFeaturesSection {
    padding: 50px 0px 50px;
}
section#erpFeaturesSection .rs-header {
    margin-bottom: 28px;
}