/* Viettel Floating Contact Mobile Clean v1.6.0 */
#vfmc-contact {
    display: none !important;
}

@media screen and (max-width: 767px) {
    #vfmc-contact {
        position: fixed !important;
        left: 10px !important;
        bottom: 18px !important;
        z-index: 2147483000 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        width: 76px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
        line-height: 1 !important;
    }

    #vfmc-contact,
    #vfmc-contact *,
    #vfmc-contact *::before,
    #vfmc-contact *::after {
        box-sizing: border-box !important;
    }

    #vfmc-contact .vfmc-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: 76px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    #vfmc-contact .vfmc-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        box-shadow: 0 4px 13px rgba(0,0,0,.18) !important;
    }

    #vfmc-contact .vfmc-zalo-icon {
        background: transparent !important;
    }

    #vfmc-contact .vfmc-zalo-icon img {
        display: block !important;
        width: 44px !important;
        height: 44px !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
    }

    #vfmc-contact .vfmc-call-icon {
        background: #10b441 !important;
    }

    #vfmc-contact .vfmc-call-icon svg {
        display: block !important;
        width: 25px !important;
        height: 25px !important;
        margin: 0 !important;
        padding: 0 !important;
        fill: #fff !important;
    }

    #vfmc-contact .vfmc-call-icon path {
        fill: #fff !important;
    }

    #vfmc-contact .vfmc-label {
        display: block !important;
        width: 76px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: center !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
        font-size: 13px !important;
        font-style: normal !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        text-transform: none !important;
        text-shadow: 0 1px 2px rgba(255,255,255,.95) !important;
    }

    #vfmc-contact .vfmc-zalo-label {
        color: #087cf0 !important;
    }

    #vfmc-contact .vfmc-call-label {
        color: #10a83d !important;
    }
}