.digital-premium-section{
    position:relative;
    overflow:hidden;
    background:#ffffff;
    padding:32px 0;
    font-family:'Google Sans',Arial,sans-serif;
}

.digital-premium-section *{
    box-sizing:border-box;
}

.dp-wave{
    position:absolute;
    left:-5%;
    width:110%;
    height:150px;
    border-radius:50%;
    pointer-events:none;
    opacity:.45;
}

.dp-wave-one{
    top:-100px;
    background:linear-gradient(90deg,
        rgba(17,100,255,.10),
        rgba(0,181,147,.12),
        rgba(255,170,48,.08));
    animation:dpWaveMove 9s ease-in-out infinite alternate;
}

.dp-wave-two{
    bottom:-115px;
    background:linear-gradient(90deg,
        rgba(255,170,48,.10),
        rgba(17,100,255,.08),
        rgba(0,181,147,.10));
    animation:dpWaveMove 12s ease-in-out infinite alternate-reverse;
}

.dp-bubble{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(26,105,255,.12);
    pointer-events:none;
    animation:dpFloat 7s ease-in-out infinite;
}

.dp-bubble-one{
    width:46px;
    height:46px;
    left:3%;
    top:20%;
}

.dp-bubble-two{
    width:22px;
    height:22px;
    left:48%;
    bottom:13%;
    animation-delay:-2s;
}

.dp-bubble-three{
    width:68px;
    height:68px;
    right:3%;
    top:12%;
    border-color:rgba(0,175,118,.14);
    animation-delay:-4s;
}

.dp-ring{
    position:absolute;
    width:120px;
    height:120px;
    border:18px solid rgba(32,105,255,.035);
    border-radius:50%;
    right:35%;
    top:-25px;
    animation:dpRing 13s linear infinite;
}

.dp-main-row{
    position:relative;
    z-index:5;
}

.dp-column{
    display:flex;
}

.dp-left-card,
.dp-right-card{
    width:100%;
    position:relative;
    overflow:hidden;
    min-height:330px;
}

.dp-left-card{
    color:#ffffff;
    padding:28px;
    background:
        radial-gradient(circle at 85% 18%,rgba(255,255,255,.17),transparent 27%),
        radial-gradient(circle at 10% 100%,rgba(0,255,190,.13),transparent 34%),
        linear-gradient(120deg,#1261f2 0%,#087cca 38%,#059b91 68%,#05aa50 100%);
    border:1px solid rgba(0,94,220,.10);
    box-shadow:0 16px 38px rgba(28,93,178,.13);
}

.dp-left-card:before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border:28px solid rgba(255,255,255,.05);
    border-radius:50%;
    right:-70px;
    bottom:-90px;
}

.dp-left-card:after{
    content:"";
    position:absolute;
    width:150px;
    height:1px;
    background:rgba(255,255,255,.30);
    right:20px;
    top:42px;
    transform:rotate(-35deg);
}

.dp-left-inner{
    position:relative;
    z-index:3;
}

.dp-brand-row{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:20px;
}

.dp-logo-box{
    width:55px;
    height:55px;
    min-width:55px;
    background:#ffffff;
    border:4px solid rgba(255,255,255,.28);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1765ed;
    font-size:24px;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
}

.dp-mini-label{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1.7px;
    font-weight:700;
    opacity:.82;
}

.dp-brand-title{
    font-size:17px;
    font-weight:700;
    line-height:1.15;
}

.dp-left-title{
    font-size:29px;
    line-height:1.15;
    font-weight:700;
    margin:0 0 10px;
}

.dp-left-desc{
    font-size:14.5px;
    line-height:1.7;
    margin-bottom:19px;
    max-width:560px;
    color:rgba(255,255,255,.91);
}

.dp-feature-line{
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,.45),rgba(255,255,255,.05));
    margin:15px 0;
}

.dp-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px 18px;
}

.dp-feature{
    display:flex;
    align-items:flex-start;
    gap:9px;
    font-size:13px;
    font-weight:600;
}

.dp-feature i{
    width:24px;
    height:24px;
    min-width:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.42);
    font-size:10px;
    background:rgba(255,255,255,.09);
}

.dp-stats{
    margin-top:20px;
    display:flex;
    align-items:center;
    gap:0;
    border-top:1px solid rgba(255,255,255,.20);
    padding-top:18px;
}

.dp-stat{
    flex:1;
}

.dp-stat + .dp-stat{
    border-left:1px solid rgba(255,255,255,.24);
    padding-left:18px;
    margin-left:18px;
}

.dp-stat strong{
    display:block;
    font-size:19px;
    font-weight:700;
}

.dp-stat span{
    font-size:11px;
    color:rgba(255,255,255,.78);
}

.dp-right-card{
    padding:29px 31px;
    background:
        radial-gradient(circle at 90% 15%,rgba(18,101,244,.055),transparent 30%),
        linear-gradient(135deg,#ffffff,#fafcff);
    border:1px solid #e3e7ee;
    box-shadow:0 15px 34px rgba(46,56,74,.08);
}

.dp-corner-lines{
    position:absolute;
    width:110px;
    height:110px;
    right:-30px;
    top:-30px;
    border:1px solid rgba(24,100,244,.10);
    transform:rotate(45deg);
}

.dp-right-inner{
    position:relative;
    z-index:4;
}

.dp-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.5px;
    color:#1765f5;
    margin-bottom:12px;
}

.dp-eyebrow:before{
    content:"";
    width:31px;
    height:2px;
    background:#1765f5;
}

.dp-right-title{
    color:#101522;
    font-size:27px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:10px;
}

.dp-right-desc{
    color:#606979;
    font-size:14.5px;
    line-height:1.7;
    margin-bottom:19px;
}

.dp-service-box{
    border:1px solid #e5e9f1;
    background:#ffffff;
    padding:13px 14px;
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:9px;
    transition:.3s;
}

.dp-service-box:hover{
    transform:translateX(5px);
    border-color:#b9cef8;
    box-shadow:0 9px 22px rgba(23,101,245,.08);
}

.dp-service-icon{
    width:38px;
    height:38px;
    min-width:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eef4ff;
    color:#1765f5;
    font-size:15px;
    border-left:3px solid #1765f5;
}

.dp-service-box:nth-child(2) .dp-service-icon{
    color:#059968;
    background:#ebfaf4;
    border-color:#059968;
}

.dp-service-box:nth-child(3) .dp-service-icon{
    color:#e58300;
    background:#fff7e8;
    border-color:#e58300;
}

.dp-service-text strong{
    display:block;
    color:#171c27;
    font-size:13.5px;
    margin-bottom:2px;
}

.dp-service-text span{
    display:block;
    color:#7a8290;
    font-size:11.5px;
}

.dp-action-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.dp-btn-primary,
.dp-btn-outline{
    min-height:44px;
    padding:11px 20px;
    border-radius:0 !important;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:.3s;
}

.dp-btn-primary{
    background:#1765f5;
    color:#ffffff;
    border:1px solid #1765f5;
}

.dp-btn-primary:hover{
    background:#0c50d1;
    color:#fff;
}

.dp-btn-outline{
    background:#ffffff;
    color:#1765f5;
    border:1px solid #1765f5;
}

.dp-btn-outline:hover{
    background:#1765f5;
    color:#ffffff;
}

.dp-bottom-note{
    display:flex;
    flex-wrap:wrap;
    gap:7px 15px;
    margin-top:15px;
    padding-top:14px;
    border-top:1px dashed #d8dee8;
}

.dp-bottom-note span{
    color:#727b89;
    font-size:11px;
}

.dp-bottom-note i{
    color:#08a06d;
    margin-right:4px;
}

@keyframes dpFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-18px)}
}

@keyframes dpWaveMove{
    0%{transform:translateX(-2%) scaleX(1)}
    100%{transform:translateX(2%) scaleX(1.05)}
}

@keyframes dpRing{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}

@media(max-width:991.98px){
    .dp-left-card,
    .dp-right-card{
        min-height:auto;
    }
}

@media(max-width:575.98px){
    .digital-premium-section{
        padding:20px 0;
    }

    .dp-left-card,
    .dp-right-card{
        padding:22px 18px;
    }

    .dp-left-title{
        font-size:24px;
    }

    .dp-right-title{
        font-size:23px;
    }

    .dp-feature-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    .dp-stats{
        align-items:flex-start;
    }

    .dp-stat + .dp-stat{
        padding-left:12px;
        margin-left:12px;
    }

    .dp-action-row{
        display:grid;
        grid-template-columns:1fr;
    }

    .dp-btn-primary,
    .dp-btn-outline{
        width:100%;
    }
}