.glance{
    position:relative;
    min-height:50vh;
    padding-top:50px;
    padding-bottom:50px;
    overflow:hidden;
    background:linear-gradient(180deg,#f5f8fd 0%,#ffffff 45%,#eef4fb 100%);
}

.glance-container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 60px;
    display:grid;
    grid-template-columns:400px 1fr;
    align-items:center;
    gap:60px;
}

.glance-left{
    position:sticky;
    top:110px;
}

.glance-tag{
    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    border-radius:50px;
    background:#174EA6;
    color:#fff;
    font-size:.78rem;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:18px;
    box-shadow:0 10px 24px rgba(23,78,166,.22);
}

.glance-left h2{
    font-size:3.5rem;
    line-height:1;
    font-weight:800;
    color:#174EA6;
    margin-bottom:20px;
}

.glance-left h2 span{
    display:block;
    color:#2E7D32;
}

.glance-left p{
    font-size:.96rem;
    line-height:1.8;
    color:#64748b;
    max-width:360px;
    margin-bottom:32px;
}

.glance-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    background:#174EA6;
    color:#fff;
    text-decoration:none;
    border-radius:60px;
    font-size:.9rem;
    font-weight:600;
    transition:.35s;
    box-shadow:0 16px 34px rgba(23,78,166,.22);
}

.glance-btn:hover{
    background:#123D82;
    transform:translateY(-4px);
}

.glance-right{
    position:relative;
}

.glance-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    overflow:hidden;
}

.glance-item{
    position:relative;
    padding:24px 16px;
    text-align:center;
    opacity:0;
    transform:translateY(50px) scale(.9);
    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.22,1,.36,1),
        background .35s;
}

.glance-item.show{
    opacity:1;
    transform:translateY(0) scale(1);
}

.glance-item::before{
    content:"";
    position:absolute;
    top:18%;
    right:0;
    width:1px;
    height:64%;
    background:rgba(23,78,166,.18);
}

.glance-item:nth-child(3)::before,
.glance-item:nth-child(6)::before{
    display:none;
}

.glance-item:nth-child(-n+3)::after{
    content:"";
    position:absolute;
    left:10%;
    bottom:0;
    width:80%;
    height:1px;
    background:rgba(23,78,166,.18);
}

.glance-item:hover{
    background:rgba(23,78,166,.04);
}

.glance-icon{
    width:60px;
    height:60px;
    margin:0 auto 12px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#174EA6,#2E64B3);
    color:#fff;
    font-size:1.4rem;
    box-shadow:0 12px 24px rgba(23,78,166,.22);
}

.glance-title{
    font-size:.72rem;
    font-weight:700;
    color:#174EA6;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:6px;
}

.glance-value{
    font-size:1.4rem;
    font-weight:800;
    color:#0f172a;
    line-height:1.2;
    margin-bottom:6px;
}

.glance-desc{
    font-size:.76rem;
    color:#64748b;
    line-height:1.45;
}

@media(max-width:1200px){

    .glance{
        min-height:auto;
        padding:90px 0;
    }

    .glance-container{
        grid-template-columns:1fr;
        gap:55px;
    }

    .glance-left{
        position:relative;
        top:auto;
        text-align:center;
    }

    .glance-left p{
        margin:0 auto 35px;
    }

}

@media(max-width:991px){

    .glance{
        padding:80px 0;
    }

    .glance-container{
        padding:0 30px;
    }

    .glance-left h2{
        font-size:3rem;
    }

    .glance-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .glance-item{
        padding:24px 16px;
    }

    .glance-item:nth-child(even)::before{
        display:none;
    }

    .glance-item:nth-child(odd)::before{
        display:block;
    }

    .glance-item:nth-child(-n+4)::after{
        content:"";
        position:absolute;
        left:10%;
        bottom:0;
        width:80%;
        height:1px;
        background:rgba(23,78,166,.18);
    }

    .glance-item:nth-child(5)::after,
    .glance-item:nth-child(6)::after{
        display:none;
    }

    .glance-icon{
        width:58px;
        height:58px;
        font-size:1.3rem;
    }

    .glance-title{
        font-size:.72rem;
    }

    .glance-value{
        font-size:1.3rem;
    }

    .glance-desc{
        font-size:.76rem;
    }

}

@media(max-width:576px){

    .glance{
        padding:70px 0;
    }

    .glance-container{
        padding:0 20px;
    }

    .glance-left h2{
        font-size:2.4rem;
    }

    .glance-left p{
        font-size:.9rem;
    }

    .glance-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .glance-item{
        padding:18px 10px;
    }

    .glance-item:nth-child(even)::before{
        display:none;
    }

    .glance-item:nth-child(odd)::before{
        display:block;
    }

    .glance-item:nth-child(-n+4)::after{
        content:"";
        position:absolute;
        left:10%;
        bottom:0;
        width:80%;
        height:1px;
        background:rgba(23,78,166,.18);
    }

    .glance-item:nth-child(5)::after,
    .glance-item:nth-child(6)::after{
        display:none;
    }

    .glance-icon{
        width:48px;
        height:48px;
        margin:0 auto 8px;
        font-size:1.1rem;
    }

    .glance-title{
        font-size:.62rem;
    }

    .glance-value{
        font-size:1rem;
    }

    .glance-desc{
        font-size:.66rem;
        line-height:1.3;
    }

}