:root
    {
        --blue:#253982;
        --orange:#e39422;
    }

.top-service-section 
    {
        padding:80px 0;
        background:linear-gradient(#fff,#f6f8ff);
    }

.top-service-section .badge1
    {
        background:#eef2ff;
        color:var(--blue);
        padding:10px 18px;
        border-radius:40px
    }

.top-service-section h2
    {
        font-size:56px;
        font-weight:800;
        color:var(--blue);
    } 
h2 span
    {
        color:var(--orange)
    }

.top-service-section .cardx
    {
        background:#fff;
        border-radius:24px;
        box-shadow:0 10px 30px rgba(0,0,0,.08);
        padding:30px;
        height:100%;
        position:relative;
        overflow:hidden;
    }

.top-service-section .cardx:after
    {
        content:'';
        position:absolute;
        left:0;
        bottom:0;
        height:5px;
        width:100%;
        background:var(--blue);
    }

.top-service-section .orange:after
    {
        background:var(--orange)
    }

.top-service-section .ic
    {
        width:70px;
        height:70px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        font-size:40px;
        background:var(--blue)
    }

.top-service-section .orange .ic
    {
        background:var(--orange)
    }

.top-service-section .num
    {
        position:absolute;
        right:20px;
        top:20px;
        font-size:40px;
        font-weight:700;
        opacity:.15;
    }

.top-service-section .tag
    {
        display:inline-block;
        padding:6px 12px;
        border-radius:20px;
        background:#eef2ff;
        color:var(--blue);
        font-size:12px;
        font-weight:700;
    }

.top-service-section .orange .tag
    {
        background:#fff3e3;
        color:var(--orange)
    }

.top-service-section .feature
    {
        background:linear-gradient(135deg,var(--blue),#1a285f);
        border-radius:24px;
        color:#fff;
    }