.ecom-web-development-page{
    color:#10233d;
    background:#f8fbff
}
.ecom-hero-content{
    position:relative;
    z-index:2
}
.service-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:9px 15px;
    border-radius:100px;
    background:#eaf7ff;
    color:#168ed0;
    font-size:14px;
    font-weight:800;
    letter-spacing:.2px
}
.ecom-web-development-page h1{
    margin:20px 0;
    line-height:1.08;
    letter-spacing:-2.8px;
    font-weight:800
}
.ecom-web-development-page h1 em{
    display:block;
    color:#15aaff;
    font-style:normal
}
.ecom-hero-content>p{
    max-width:590px;
    color:#607087;
    font-size:18px;
    line-height:1.75
}
.service-button{
    display:inline-flex;
    gap:12px;
    align-items:center;
    margin-top:26px;
    padding:16px 23px;
    border-radius:12px;
    background:#102e55;
    color:#fff;
    text-decoration:none;
    font-weight:800;
    box-shadow:0 15px 25px rgba(16,46,85,.2);
    transition:.25s
}
.service-button:hover{
    background:#15aaff;
    color:#fff;
    transform:translateY(-3px)
}
.text-link{
    margin-left:20px;
    color:#102e55;
    font-weight:800;
    text-decoration:none
}
.proof-row{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:34px;
    font-size:14px;
    color:#6d7c90
}
.proof-row span{
    padding-right:20px;
    border-right:1px solid #dce6ef
}
.proof-row strong{
    display:block;
    color:#142947;
}
.service-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(5px);
    opacity:.7
}
.orb-one{
    width:280px;
    height:280px;
    right:5%;
    top:-130px;
    background:#d7f4ff
}
.orb-two{
    width:190px;
    height:190px;
    left:44%;
    bottom:-80px;
    background:#e5f9d9
}
.section-heading{
    max-width:650px;
    margin-bottom:45px;
    text-align:center;
}
.section-heading>span,.ecom-web-development-band span{
    color:#159ee8;
    font-size:13px;
    font-weight:900;
    letter-spacing:1.1px;
    text-transform:uppercase
}
.section-heading h2{
    margin:12px 0;
    font-size:clamp(1.8rem, 3.2vw, 2.5rem);
    letter-spacing:-1.8px
}
.section-heading p{
    color:#687990;
    font-size:17px;
    line-height:1.7
}
.feature-grid article{
    padding:30px 25px;
    border:1px solid #e0eaf4;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 30px #1234560a;
    transition:.25s
}
.feature-grid article:hover{
    transform:translateY(-7px);
    border-color:#a7ddf9
}
.feature-grid i{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:14px;
    background:#e6f7ff;
    color:#159ee8;
    font-size:20px
}
.feature-grid h3{
    font-size:20px;
    margin:22px 0 9px
}
.feature-grid p{
    color:#65758a;
    line-height:1.65;
    margin:0
}
.browser-top{
    display:flex;
    align-items:center;
    gap:6px;
    height:27px
}
.browser-top span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ffb6a4
}
.browser-top b{
    margin-left:10px;
    color:#789;
    font-size:10px
}
.store-card{
    padding:30px;
    background:linear-gradient(135deg,#fdf3e6,#e9faff);
    border-radius:12px
}
.store-card small{
    color:#db7e42;
    font-weight:900;
    letter-spacing:1px;
}
.store-card h3{
    max-width:180px;
    margin:14px 0;
    color:#172847;
    font-size:30px
}
.product-shapes{
    display:flex;
    gap:11px;
    margin:27px 0
}
.product-shapes i{
    width:58px;
    height:75px;
    border-radius:30px 30px 12px 12px;
    background:#f5a272
}
.product-shapes i:nth-child(2){
    background:#b4d6e8
}
.product-shapes i:nth-child(3){
    background:#b4d6a0
}
.store-card button{
    border:0;
    border-radius:8px;
    padding:10px 14px;
    background:#172847;
    color:#fff;
    font-weight:700
}
.sales-chip{
    position:absolute;
    right:-30px;
    bottom:24px;
    display:flex;
    gap:10px;
    align-items:center;
    padding:13px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 12px 35px #16345929
}
.sales-chip i{
    color:#4bc75d;
    font-size:22px
}
.sales-chip b,.sales-chip small{
    display:block;
    font-size:12px
}
.sales-chip small{
    color:#718096
}
.ecom-web-development-page{
    color:#10233d;
    background:#f8fbff
}
.ecom-web-development-shell{
    width:min(1160px,92%);
    margin:auto
}
.ecom-web-development-hero{
    position:relative;
    overflow:hidden;
    padding:115px 0 100px;
    background:#fff
}
.ecom-web-development-layout{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center
}


.ecommerce-gif{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
}
.ecom-web-development-section{
    padding:110px 0
}
.ecom-web-development-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px
}

.ecom-web-development-band{
    padding:70px 0;
    background:#102e55;
    color:#fff
}
.ecom-web-development-band h2{
    max-width:650px;
    font-size:37px;
    line-height:1.15;
    margin:10px 0 24px
}
.ecom-web-development-band a{
    color:#fff;
    font-weight:800;
    text-decoration:none
}
@media(max-width:900px){
    .ecom-web-development-layout{
        grid-template-columns:1fr;
        gap:50px
    }
    .ecom-web-development-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .ecom-web-development-showcase{
        max-width:440px;
        margin:auto
    }
    .ecom-web-development-hero,.ecom-web-development-section{
        padding:85px 0
    }
}
@media(max-width:570px){
    .ecom-web-development-grid{
        grid-template-columns:1fr
    }
    .ecom-web-development-band h2{
        font-size:29px
    }
    }
.ecom-solution-navigator{
    padding:100px 0;
    background:#eff9ff
}
.ecom-solution-tabs{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:24px;
    justify-content:center;
}
.ecom-solution-tab{
    padding:13px 17px;
    border:1px solid #cfe2ef;
    border-radius:10px;
    background:#fff;
    color:#42556e;
    font:700 14px Outfit,sans-serif;
    cursor:pointer
}
.ecom-solution-tab i{
    margin-right:7px;
    color:#159ee8
}
.ecom-solution-tab.is-active{
    border-color:#102e55;
    background:#102e55;
    color:#fff
}
.ecom-solution-stage{
    display:grid;
    grid-template-columns:1fr .8fr;
    gap:35px;
    padding:40px;
    border-radius:22px;
    background:#fff;
    box-shadow:0 16px 42px #12345612
}
.ecom-solution-copy{
    display:none;
    padding:50px;
}
.ecom-solution-copy.is-active{
    display:block;
    animation:ecomFade .3s ease
}
.ecom-solution-copy>span{
    color:#159ee8;
    font-weight:900;
    font-size:13px
}
.ecom-solution-copy h3{
    margin:14px 0;
    font:800 30px/1.17 Sora,sans-serif
}
.ecom-solution-copy p{
    color:#607087;
    font-size:17px;
    line-height:1.7
}
.ecom-solution-copy ul{
    display:grid;
    gap:10px;
    padding:0;
    list-style:none;
    font-weight:700;
    color:#334964
}
.ecom-solution-copy li:before{
    content:'✓';
    margin-right:9px;
    color:#28a542
}


.ecom-solution-visual{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px;
    border-radius:18px;
    overflow:hidden;
    min-height:380px;
}

.ecom-solution-visual img{
    width:100%;
    max-width:480px;
    height:auto;
    object-fit:contain;
    border-radius:12px;
    display:block;
}


.ecom-growth-journey{
    padding:100px 0
}
.ecom-growth-journey .centered{
    text-align:center;
    margin:0 auto 45px
}
.ecom-journey-track{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.ecom-journey-track article{
    text-align:center;
    padding:22px
}
.ecom-journey-track i{
    display:grid;
    place-items:center;
    width:65px;
    height:65px;
    margin:auto;
    border-radius:50%;
    background:#e4f5ff;
    color:#159ee8;
    font-size:22px;
    transition:.25s
}
.ecom-journey-track article:hover i{
    transform:translateY(-7px);
    background:#159ee8;
    color:#fff
}
.ecom-journey-track h3{
    margin:16px 0 7px;
    font-size:20px
}
.ecom-journey-track p{
    margin:0;
    color:#6b7b90;
    line-height:1.6;
    font-size:14px
}
@keyframes ecomFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
    .ecom-solution-stage{
        grid-template-columns:1fr
    }
    .ecom-journey-track{
        grid-template-columns:repeat(2,1fr)
    }
    }
    @media(max-width:570px){
        .ecom-solution-navigator,.ecom-growth-journey{
            padding:70px 0
        }
        .ecom-solution-stage{
            padding:25px
        }
        .ecom-solution-copy h3{
            font-size:25px
        }
        .ecom-journey-track{
            grid-template-columns:1fr
        }
    }
.ecom-lead-capture{
    padding:70px 0;
    background:radial-gradient(circle at top right, #0d47a1, #1e293b);
    color:#fff;
}
.ecom-lead-capture-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}
.ecom-lead-copy>span{
    font-size:13px;
    font-weight:900;
    letter-spacing:1px;
    color:#fff;
}
.ecom-faq-heading>span{
    color:#15aaff;
}
.ecom-lead-copy h2{
    margin:12px 0;
    font:700 clamp(28px,3vw,42px)/1.18 Sora,sans-serif;
    color:#fff;

}
.ecom-lead-copy p,.ecom-lead-copy li{
    color:#ffffffaa;line-height:1.7
}
.ecom-lead-copy ul{
    padding:0;list-style:none
}
.ecom-lead-copy li{
    margin:13px 0
}
.ecom-lead-copy li i{
    margin-right:9px;
    color:#7ee58a
}
.ecom-lead-form{
    padding:30px;
    background:#fff;
    border-radius:18px;
    color:#10233d;
    box-shadow:0 20px 45px #0003
}
.ecom-lead-form h3{
    margin:0 0 5px;
    font-size:23px
}
.ecom-lead-form>p{
    margin:0 0 22px;
    color:#687990;
    font-size:14px
}
.ecom-lead-form label{
    display:block;
    margin-bottom:14px;
    color:#34475f;
    font-size:12px;
    font-weight:800
}

    .ecom-lead-form input,.ecom-lead-form select{
        width:100%;
        margin-top:6px;
        padding:11px 12px;
        border:1px solid #d9e3ed;
        border-radius:7px;
        color:#526174;
        font:400 14px Outfit,sans-serif
    }
    .ecom-form-row{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:12px
    }
    .ecom-lead-form button{
        width:100%;
        padding:13px;
        border:0;
        border-radius:8px;
        background:linear-gradient(100deg,#159ee8,#18b980);
        color:#fff;
        font-weight:800;
        cursor:pointer
    }
    .ecom-page-faq{
        padding:95px 0;
        background:#fff
    }
    .ecom-faq-heading{
        text-align:center;
        margin-bottom:40px
    }
    .ecom-faq-heading h2{
        margin:9px 0;
        font:700 34px Sora,sans-serif;
        color:#10233d
    }
    .ecom-faq-heading p{
        margin:0;
        color:#697b91
    }
    .ecom-bootstrap-faq{
        max-width:800px;
        margin:auto
    }
    .ecom-bootstrap-faq .accordion-item{
        overflow:hidden;
        margin-bottom:12px;
        border:1px solid #e1e8ef;
        border-radius:10px
    }
    .ecom-bootstrap-faq .accordion-button{
        padding:19px 21px;
        color:#10233d;
        font-weight:800;
        box-shadow:none
    }
    .ecom-bootstrap-faq .accordion-button:not(.collapsed){
        background:#eff9ff;color:#159ee8
    }
    .ecom-bootstrap-faq .accordion-body{
        color:#64758a;
        line-height:1.7
    }
    @media(max-width:900px){
        .ecom-lead-capture-grid{
            grid-template-columns:1fr;
            gap:35px
        }
    }
    @media(max-width:570px){
        .ecom-lead-capture,.ecom-page-faq{
            padding:65px 0
        }
        .ecom-form-row{
            grid-template-columns:1fr
        }
        .ecom-lead-form{
            padding:24px
        }
        .ecom-faq-heading h2{
            font-size:28px
        }
    }
.ecom-web-development-hero{
    background:linear-gradient(135deg,#fff 0%,#eef9ff 58%,#f4ffec 100%)
}
.ecom-web-development-page h1 em,.ecom-solution-copy>span{
    color:#15aaff
}
.ecom-web-development-page .service-button,.ecom-lead-form button{
    background:linear-gradient(135deg,#15aaff,#4ad348)
}


.ecom-solution-tab.is-active{
    background:linear-gradient(135deg,#15aaff,#4ad348);
    border-color:#15aaff
}
.ecom-journey-track article:nth-child(2) i{
    color:#fa494a;
    background:#fff1f1
}
.ecom-journey-track article:nth-child(3) i{
    color:#fdc733;
    background:#fff9df
}
.ecom-journey-track article:nth-child(4) i{
    color:#4ad348;
    background:#effbed
}
.ecom-web-development-hero{
    background:linear-gradient(135deg,#15aaff,#15aaffcc)!important
}
.ecom-web-development-page .service-button,.ecom-lead-form button,.ecom-solution-tab.is-active{
    background:linear-gradient(135deg,#15aaff,#15aaffcc)!important
}
.ecom-web-development-grid article:nth-child(1),.ecom-journey-track article:nth-child(1){
    background:linear-gradient(135deg,#15aaff,#15aaffcc);
    color:#fff
}
.ecom-web-development-grid article:nth-child(2),.ecom-journey-track article:nth-child(2){
    background:linear-gradient(135deg,#fa494a,#fa494acc);
    color:#fff
}
.ecom-web-development-grid article:nth-child(3),.ecom-journey-track article:nth-child(3){
    background:linear-gradient(135deg,#fdc733,#fdc733cc);
    color:#10233d
}
    .ecom-web-development-grid article:nth-child(4),.ecom-journey-track article:nth-child(4){
        background:linear-gradient(135deg,#4ad348,#4ad348cc);
        color:#fff
    }
    .ecom-web-development-grid article h3,.ecom-journey-track article h3,.ecom-journey-track article p{
        color:inherit
    }
    .ecom-web-development-grid article i,.ecom-journey-track article i{
        background:#fff;
        color:#5f6d85;
    }
.ecom-web-development-grid article,.ecom-journey-track article{
    position:relative;
    overflow:hidden;
    background:#fff!important;
    color:#10233d!important;
    border:1px solid #e2edf5;
    border-top:3px solid var(--card-accent)!important;
    box-shadow:0 10px 30px rgba(16,35,61,.06)
}
.ecom-web-development-grid article:before,.ecom-journey-track article:before{
    content:'';
    position:absolute;
    width:120px;
    height:120px;
    right:-48px;
    top:-58px;
    border-radius:50%;
    background:var(--card-accent);
    opacity:.12
}
.ecom-web-development-grid article:nth-child(1),.ecom-journey-track article:nth-child(1){
    --card-accent:#15aaff
}
.ecom-web-development-grid article:nth-child(2),.ecom-journey-track article:nth-child(2){
    --card-accent:#fa494a
}
.ecom-web-development-grid article:nth-child(3),.ecom-journey-track article:nth-child(3){
    --card-accent:#fdc733
}
.ecom-web-development-grid article:nth-child(4),.ecom-journey-track article:nth-child(4){
    --card-accent:#4ad348
}
.ecom-web-development-grid article h3,.ecom-journey-track article h3,.ecom-journey-track article p{
    position:relative;
   
}
.ecom-web-development-grid article i,.ecom-journey-track article i{
    position:relative;
    color:var(--card-accent)!important;
    background:#fff!important
}
.ecom-web-development-hero{
    background:#fff!important
}
.ecom-web-development-page .service-button{
    background:#15aaff;
}

@media (max-width: 768px) {
    .ecom-solution-copy {
        padding: 0;
    }
}