.hero-call-box{
    display:inline-flex;
    align-items:center;
    gap:14px;
    margin-top:20px;
    padding:14px 24px;
    background:rgba(255,255,255,0.95);
    border-radius:60px;
    box-shadow:0 8px 30px rgba(0,0,0,0.15);
    backdrop-filter:blur(6px);

    /* FIXES */
    min-height:64px;
    box-sizing:border-box;
    will-change:transform, box-shadow;
    transform:translateZ(0);

    animation:pulseCall 2.5s ease-in-out infinite;
}

.call-label{
    font-size:16px;
    font-weight:600;
    color:#222;
    letter-spacing:0.3px;
    line-height:1;
}

.hero-call-number{
    font-size:22px;
    font-weight:700;
    color:#0d9488;
    text-decoration:none !important;
    line-height:1;
    display:inline-block;
}

.hero-call-number:hover{
    color:#0f766e;
}

/* SMOOTH PULSE WITHOUT HEIGHT GLITCH */
@keyframes pulseCall{

    0%{
        transform:scale(1);
        box-shadow:0 8px 30px rgba(0,0,0,0.15);
    }

    50%{
        transform:scale(1.02);
        box-shadow:0 12px 36px rgba(13,148,136,0.25);
    }

    100%{
        transform:scale(1);
        box-shadow:0 8px 30px rgba(0,0,0,0.15);
    }

}

@media(max-width:767px){

    .hero-call-box{
        padding:12px 18px;
        gap:10px;
        flex-direction:column;
        border-radius:20px;
        min-height:auto;
    }

    .call-label{
        font-size:14px;
    }

    .hero-call-number{
        font-size:20px;
    }

}