/* ========================================
ERP & CRM PAGE CSS
======================================== */

/* HERO SECTION */

.erp-hero-section{

    padding:
    140px 0 110px;

    background:
    linear-gradient(
        135deg,
        #f5f8ff,
        #edf3ff
    );

    overflow:hidden;
}

.erp-hero-content{

    padding-right:30px;
}

.erp-hero-label{

    display:inline-block;

    padding:12px 22px;

    border-radius:100px;

    background:
    rgba(109,40,217,.08);

    color:#6d28d9;

    font-size:13px;
    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:25px;
}

.erp-hero-content h1{

    font-size:72px;

    line-height:1.05;

    font-weight:800;

    color:#071c38;

    margin-bottom:28px;
}

.erp-hero-content p{

    font-size:20px;

    line-height:1.9;

    color:#6b7787;

    margin-bottom:35px;
}

.erp-btn-group{

    display:flex;
    gap:18px;

    flex-wrap:wrap;
}

.erp-btn-primary,
.erp-btn-secondary{

    height:58px;

    padding:0 34px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    border-radius:16px;

    font-size:16px;
    font-weight:700;

    text-decoration:none;

    transition:.35s ease;
}

.erp-btn-primary{

    background:
    linear-gradient(
        135deg,
        #6d28d9,
        #8b5cf6
    );

    color:#fff;

    box-shadow:
    0 18px 45px rgba(109,40,217,.22);
}

.erp-btn-primary:hover{

    transform:
    translateY(-5px);
}

.erp-btn-secondary{

    background:#fff;

    color:#071c38;

    border:
    1px solid #dbe3ef;
}

.erp-hero-image{

    text-align:center;
}

.erp-hero-image img{

    width:100%;
    max-width:680px;

    animation:
    erpFloat 5s ease-in-out infinite;

    filter:
    drop-shadow(0 25px 55px rgba(0,0,0,.12));
}

@keyframes erpFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0);
    }
}

/* SECTION TITLE */

.erp-section-title{

    text-align:center;

    margin-bottom:70px;
}

.erp-section-title span{

    display:inline-block;

    padding:10px 20px;

    border-radius:100px;

    background:
    rgba(109,40,217,.08);

    color:#6d28d9;

    font-size:13px;
    font-weight:700;

    margin-bottom:20px;
}

.erp-section-title h2{

    font-size:52px;

    line-height:1.2;

    font-weight:800;

    color:#071c38;

    margin-bottom:20px;
}

.erp-section-title p{

    font-size:18px;

    color:#738091;
}

/* FEATURES */

.erp-features-section{

    padding:110px 0;
}

.erp-feature-card{

    background:#fff;

    padding:42px 35px;

    border-radius:30px;

    height:100%;

    transition:.35s ease;

    box-shadow:
    0 18px 50px rgba(0,0,0,.04);
}

.erp-feature-card:hover{

    transform:
    translateY(-8px);

    box-shadow:
    0 30px 65px rgba(0,0,0,.08);
}

.erp-feature-card i{

    width:74px;
    height:74px;

    border-radius:22px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #6d28d9,
        #8b5cf6
    );

    color:#fff;

    font-size:28px;

    margin-bottom:25px;
}

.erp-feature-card h4{

    font-size:26px;

    font-weight:700;

    color:#071c38;

    margin-bottom:18px;
}

.erp-feature-card p{

    font-size:16px;

    line-height:1.8;

    color:#6f7d8d;
}

/* DASHBOARD */

.erp-dashboard-section{

    padding:110px 0;

    background:#f8fbff;
}

.erp-dashboard-image{

    text-align:center;
}

.erp-dashboard-image img{

    width:100%;
    max-width:650px;
}

.erp-dashboard-content{

    padding-left:40px;
}

.erp-dashboard-content span{

    color:#6d28d9;

    font-size:14px;
    font-weight:700;

    letter-spacing:.6px;
}

.erp-dashboard-content h2{

    font-size:58px;

    line-height:1.12;

    font-weight:800;

    color:#071c38;

    margin:
    20px 0 28px;
}

.erp-dashboard-content p{

    font-size:18px;

    line-height:1.9;

    color:#6f7d8d;

    margin-bottom:30px;
}

.erp-dashboard-content ul{

    list-style:none;

    padding:0;
}

.erp-dashboard-content li{

    position:relative;

    padding-left:32px;

    margin-bottom:18px;

    font-size:17px;
    font-weight:600;

    color:#071c38;
}

.erp-dashboard-content li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#6d28d9;

    font-weight:700;
}

/* CTA */
/* ========================================
ERP CTA SECTION
======================================== */

.erp-cta-section{

    padding:
    100px 0 120px;
}

.erp-cta-box{

    background:
    linear-gradient(
        135deg,
        #071225 0%,
        #0f1d3d 50%,
        #142850 100%
    );

    border-radius:42px;

    text-align:center;

    padding:100px 40px;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 30px 80px rgba(7,18,37,.18);
}

/* glow effect */

.erp-cta-box::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    background:
    radial-gradient(
        rgba(139,92,246,.28),
        transparent 70%
    );

    top:-180px;
    right:-120px;

    border-radius:50%;
}

/* heading */

.erp-cta-box h2{

    font-size:64px;

    line-height:1.1;

    font-weight:800;

    color:#ffffff;

    margin-bottom:24px;

    position:relative;

    z-index:2;
}

/* paragraph */

.erp-cta-box p{

    font-size:22px;

    line-height:1.8;

    color:#d8e3f2;

    max-width:850px;

    margin:
    0 auto 40px;

    position:relative;

    z-index:2;
}

/* button */

.erp-cta-box .erp-btn-primary{

    position:relative;

    z-index:2;

    background:
    linear-gradient(
        135deg,
        #7c3aed,
        #a855f7
    );

    border:none;

    box-shadow:
    0 18px 45px rgba(124,58,237,.35);
}

.erp-cta-box .erp-btn-primary:hover{

    transform:
    translateY(-5px);

    box-shadow:
    0 24px 55px rgba(124,58,237,.45);
}

/* MOBILE */



@media(max-width:991px){

    .erp-hero-section{

        padding:
        120px 0 80px;
    }

    .erp-hero-content{

        padding-right:0;

        text-align:center;

        margin-bottom:50px;
    }

    .erp-hero-content h1{

        font-size:42px;
    }

    .erp-hero-content p{

        font-size:17px;
    }

    .erp-btn-group{

        justify-content:center;
    }

    .erp-section-title h2{

        font-size:34px;
    }

    .erp-dashboard-content{

        padding-left:0;

        margin-top:50px;
    }

    .erp-dashboard-content h2{

        font-size:38px;
    }

    .erp-cta-box{

        padding:60px 25px;
    }

    .erp-cta-box h2{

        font-size:38px;
    }

    .erp-cta-box p{

        font-size:17px;
    }

}