.ecom-hero{
    /* padding:180px 0 120px; */
    background:linear-gradient(to bottom right,#f8fbff,#eef4ff);
}

.ecom-hero-content h1{
    font-size:68px;
    line-height:1.1;
    font-weight:800;
    color:#0a2540;
    margin-bottom:25px;
}

.ecom-hero-content p{
    font-size:20px;
    line-height:1.8;
    color:#6b7280;
    margin-bottom:35px;
}

.ecom-label{
    display:inline-block;
    padding:10px 18px;
    border-radius:100px;
    background:#ede9fe;
    color:#6d28d9;
    font-size:13px;
    font-weight:700;
    margin-bottom:25px;
    letter-spacing:1px;
}

.ecom-btn-group{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.ecom-btn-primary,
.ecom-btn-secondary{
    padding:16px 34px;
    border-radius:14px;
    font-weight:700;
    transition:.3s;
    display:inline-block;
}

.ecom-btn-primary{
    background:#6d28d9;
    color:#fff;
}

.ecom-btn-primary:hover{
    transform:translateY(-4px);
    color:#fff;
}

.ecom-btn-secondary{
    background:#fff;
    border:1px solid #ddd;
    color:#111827;
}

.ecom-btn-secondary:hover{
    transform:translateY(-4px);
}

.ecom-hero-image img{
    max-width:620px;
    margin:auto;
}

.ecom-business,
.ecom-process{
    background:#fff;
}

.ecom-section-title{
    text-align:center;
    margin-bottom:60px;
}

.ecom-section-title h2{
    font-size:48px;
    font-weight:800;
    color:#0a2540;
    margin-bottom:20px;
}

.ecom-section-title p{
    font-size:18px;
    color:#6b7280;
}

.ecom-business-card,
.ecom-feature-card,
.ecom-process-card{
    background:#fff;
    padding:40px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
    height:100%;
}

.ecom-feature-card{
    background:#f8fbff;
}

.ecom-business-card:hover,
.ecom-feature-card:hover,
.ecom-process-card:hover{
    transform:translateY(-8px);
}

.ecom-business-card i,
.ecom-feature-card i{
    font-size:42px;
    color:#6d28d9;
    margin-bottom:25px;
}

.ecom-business-card h4,
.ecom-feature-card h4{
    font-size:24px;
    font-weight:700;
    color:#0a2540;
    margin-bottom:15px;
}

.ecom-feature-card p{
    color:#6b7280;
    line-height:1.8;
}

.ecom-dashboard{
    background:#f8fbff;
}

.ecom-dashboard-content h2{
    font-size:54px;
    font-weight:800;
    color:#0a2540;
    margin-bottom:25px;
}

.ecom-dashboard-content p{
    font-size:18px;
    line-height:1.8;
    color:#6b7280;
    margin-bottom:30px;
}

.ecom-dashboard-content ul{
    padding:0;
    margin:0;
    list-style:none;
}

.ecom-dashboard-content ul li{
    margin-bottom:16px;
    font-size:18px;
    font-weight:600;
    color:#0a2540;
}

.ecom-dashboard-content ul li:before{
    content:'✓';
    color:#6d28d9;
    margin-right:12px;
}

.ecom-process-card span{
    font-size:52px;
    font-weight:800;
    color:#6d28d9;
    display:block;
    margin-bottom:20px;
}

.ecom-process-card h4{
    font-size:24px;
    font-weight:700;
    color:#0a2540;
}

.ecom-cta{
    background:linear-gradient(to right,#6d28d9,#7c3aed);
    text-align:center;
}

.ecom-cta-content h2{
    font-size:56px;
    font-weight:800;
    color:#fff;
    margin-bottom:20px;
}

.ecom-cta-content p{
    font-size:20px;
    color:rgba(255,255,255,.9);
    margin-bottom:40px;
}

.ecom-cta .ecom-btn-secondary{
    background:#fff;
}

@media(max-width:991px){

    .ecom-hero{
        padding-top:150px;
    }

    .ecom-hero-content h1,
    .ecom-dashboard-content h2,
    .ecom-section-title h2,
    .ecom-cta-content h2{
        font-size:42px;
    }

    .ecom-hero-content{
        margin-bottom:60px;
    }

}


/* remove default content top spacing only for ecommerce page */

.ecom-page #content{
    padding-top: 0 !important;
}

/* hero section spacing */

.ecom-page .ecom-hero{
    padding: 30px 0 80px;
    background: linear-gradient(to bottom right,#f8fbff,#eef4ff);
}




/* dashboard showcase section */

.ecom-dashboard{
    padding:100px 0;
    background:#f8fbff;
    overflow:hidden;
}

.ecom-dashboard-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
    flex-wrap:wrap;
}

/* LEFT IMAGE */

.ecom-dashboard-image{
    flex:1 1 55%;
}

.ecom-dashboard-image img{
    width:100%;
    max-width:850px;
    height:auto;
    display:block;
    border-radius:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

/* RIGHT CONTENT */

.ecom-dashboard-content{
    flex:1 1 40%;
    position:relative;
    z-index:2;
}

.ecom-dashboard-label{
    display:inline-block;
    padding:10px 20px;
    border-radius:100px;
    background:#ede9fe;
    color:#6d28d9;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:25px;
}

.ecom-dashboard-content h2{
    font-size:64px;
    line-height:1.1;
    font-weight:800;
    color:#0a2540;
    margin-bottom:25px;
}

.ecom-dashboard-content p{
    font-size:22px;
    line-height:1.8;
    color:#6b7280;
    margin-bottom:35px;
}

.ecom-dashboard-list{
    padding:0;
    margin:0;
    list-style:none;
}

.ecom-dashboard-list li{
    margin-bottom:18px;
    font-size:22px;
    font-weight:600;
    color:#0a2540;
}

.ecom-dashboard-list li i{
    color:#6d28d9;
    margin-right:12px;
}

/* responsive */

@media(max-width:991px){

    .ecom-dashboard-wrapper{
        flex-direction:column;
        gap:50px;
    }

    .ecom-dashboard-image,
    .ecom-dashboard-content{
        flex:1 1 100%;
    }

    .ecom-dashboard-content h2{
        font-size:42px;
    }

    .ecom-dashboard-content p,
    .ecom-dashboard-list li{
        font-size:18px;
    }

}


/* MOBILE HERO LAYOUT */

@media(max-width:991px){

    /* HERO SECTION */

    .ecom-hero{
        padding:20px 0 50px;
    }

    .ecom-hero .row{
        display:flex;
        flex-direction:column-reverse;
    }

    /* IMAGE */

    .ecom-hero-image{
        text-align:center;
        margin-bottom:35px;
    }

    .ecom-hero-image img{
        width:100%;
        max-width:380px;
        margin:auto;
        display:block;
    }

    /* CONTENT */

    .ecom-hero-content{
        text-align:left;
        padding:0 8px;
    }

    .ecom-label{
        font-size:12px;
        padding:10px 18px;
        margin-bottom:22px;
    }

    .ecom-hero-content h1{
        font-size:56px;
        line-height:1.05;
        letter-spacing:-2px;
        margin-bottom:20px;
    }

    .ecom-hero-content p{
        font-size:18px;
        line-height:1.8;
        color:#667085;
        margin-bottom:28px;
    }

    /* BUTTONS */

    .ecom-btn-group{
        display:flex;
        flex-wrap:nowrap;
        gap:14px;
        width:100%;
    }

    .ecom-btn-primary,
    .ecom-btn-secondary{
        flex:1;
        text-align:center;
        padding:15px 12px;
        font-size:16px;
        border-radius:16px;
        font-weight:700;
    }

    .ecom-btn-primary{
        box-shadow:0 12px 30px rgba(109,40,217,.25);
    }

    .ecom-btn-secondary{
        background:#fff;
        border:1px solid #e5e7eb;
    }

}