.banner.hero .e-commerce h1{
color: #fff;
}



        .feature-bar{
            border-radius: 16px;
            padding: 22px 25px;
            background: rgba(255,255,255,0.10);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border: 1px solid rgba(255,255,255,0.25);
            box-shadow:inset 0 0 25px rgba(255,255,255,0.25),
        0 0 20px rgba(0,255,255,0.25);
        margin-top: -26px;
        }

        .feature-item{
            display:flex;
            align-items:center;
            gap:14px;
            color:#fff;
            height:100%;
        }

        .feature-icon{
            width:52px;
            height:52px;
            border-radius:50%;
            border:1px solid rgba(255,255,255,0.35);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:24px;
            color:#fff;
            flex-shrink:0;
            background: rgba(255,255,255,0.08);
            
        }

        .feature-icon i {
    width: 45px;
    height: 45px;
    background: #fff;
    color: #001363;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 25px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
}

       .banner.hero .feature-item h5{
            font-size:18px;
            font-weight:700;
            margin-bottom:4px;
            line-height:1.2;
        }

        .banner.hero .feature-item p{
            margin:0;
            font-size:15px;
            color:rgba(255,255,255,0.82);
            line-height:1.4;
        }
       

        @media(max-width:991px){
            .feature-item{
                margin-bottom:25px;
            }

            .feature-item h5{
                font-size:20px;
            }
        }

        @media(max-width:576px){
            .feature-bar{
                padding:20px;
            }

            .feature-item{
                align-items:flex-start;
            }

            .feature-icon{
                width:48px;
                height:48px;
                font-size:22px;
            }

            .feature-item h5{
                font-size:18px;
            }

            .feature-item p{
                font-size:14px;
            }
        }


         .mobile-slider-section{
      position:relative;
      padding:80px 0;
      overflow:hidden;
      background:#f6f9fc;
    }

    /* Background Shape */
    .mobile-slider-section::before{
      content:'';
      position:absolute;
      left:-100px;
      bottom:-120px;
      width:500px;
      height:500px;
      background:linear-gradient(45deg,#cde9ff,#ffffff);
      border-radius:50%;
      opacity:.8;
    }

    .mobile-slider-section::after{
      content:'';
      position:absolute;
      right:-150px;
      top:-150px;
      width:500px;
      height:500px;
      background:linear-gradient(45deg,#d8e9ff,#ffffff);
      border-radius:50%;
      opacity:.8;
    }

    .mobile-slider{
      position:relative;
      z-index:2;
    }

    .phone-item{
      transition:all .5s ease;
      transform:scale(.82);
      opacity:.65;
    }

    .phone-item img{
      width:100%;
      max-width:240px;
      margin:auto;
      display:block;
      border-radius:35px;
      filter:drop-shadow(0 15px 25px rgba(0,0,0,0.18));
    }

    /* Active Center */
    .owl-item.center .phone-item{
      transform:scale(1.18);
      opacity:1;
      z-index:99;
      position:relative;
    }

    .owl-item.center .phone-item img{
      filter:drop-shadow(0 20px 40px rgba(0,0,0,0.35));
    }

    /* Hide dots */
    .owl-dots{
      margin-top:40px !important;
    }

    .owl-theme .owl-dots .owl-dot span{
      width:12px;
      height:12px;
      background:#c7c7c7;
      transition:.3s;
    }

    .owl-theme .owl-dots .owl-dot.active span{
      width:35px;
      border-radius:30px;
      background:#7b61ff;
    }

    @media(max-width:991px){

      .owl-item.center .phone-item{
        transform:scale(1);
      }

      .phone-item{
        transform:scale(.9);
      }

      .phone-item img{
        max-width:200px;
      }
    }

    @media(max-width:576px){

      .phone-item img{
        max-width:170px;
      }

      .mobile-slider-section{
        padding:60px 0;
      }
    }

    .app_screens{
        background-position: top center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }
    .benefit-content h5{
        font-size: 25px;
    }

     .counter-wrapper{
      background:linear-gradient(90deg,#6f3df4,#5b2ff5);
      border-radius:14px;
      padding:22px 15px;
      overflow:hidden;
    }

    .counter-box{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:15px;
      color:#fff;
      padding:0 25px;
      height:100%;

      /* Animation */
      opacity:0;
      transform:translateY(40px);
      animation:fadeUp .8s ease forwards;
    }

    /* Delay */
    .counter-box.delay-1{
      animation-delay:.2s;
    }

    .counter-box.delay-2{
      animation-delay:.4s;
    }

    .counter-box.delay-3{
      animation-delay:.6s;
    }

    /* Divider */
    .counter-box::after{
      content:'';
      position:absolute;
      right:0;
      top:50%;
      transform:translateY(-50%);
      width:1px;
      height:40px;
      background:rgba(255,255,255,0.25);
    }

    .counter-box.last::after{
      display:none;
    }

    .counter-icon{
      font-size:42px;
      line-height:1;
      color:#fff;
    }

    .counter-content h2{
      font-size:42px;
      font-weight:700;
      margin-bottom:2px;
      line-height:1;
    }

    .counter-content p{
      margin:0;
      font-size:14px;
      color:rgba(255,255,255,0.85);
    }

    /* Animation Keyframes */
    @keyframes fadeUp{

      from{
        opacity:0;
        transform:translateY(40px);
      }

      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    @media(max-width:991px){

      .counter-box{
        justify-content:flex-start;
        padding:20px 10px;
      }

      .counter-box::after{
        display:none;
      }
    }

    @media(max-width:576px){

      .counter-icon{
        font-size:32px;
      }

      .counter-content h2{
        font-size:28px;
      }

      .counter-content p{
        font-size:13px;
      }
    }