.mobile-call-btn,
.mobile-social-links a {
    display: flex;
    color: #fff !important;
    transition: .3s;
    text-decoration: none !important
}

.mobile-call-btn {
    align-items: center;
    background: linear-gradient(135deg, #28a745 0, #20c997 100%);
    padding: 6px 12px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 13px;
    box-shadow: 0 2px 8px rgba(40, 167, 69, .4);
    animation: 2s infinite pulse-call
}

.mobile-call-btn:focus,
.mobile-call-btn:hover {
    background: linear-gradient(135deg, #218838 0, #1aa179 100%);
    color: #fff !important;
    transform: scale(1.02)
}

.mobile-call-btn i {
    margin-right: 6px;
    font-size: 14px;
    animation: 1.5s ease-in-out infinite ring
}

.mobile-call-btn span {
    white-space: nowrap
}

@keyframes pulse-call {

    0%,
    100% {
        box-shadow: 0 2px 8px rgba(40, 167, 69, .4)
    }

    50% {
        box-shadow: 0 4px 16px rgba(40, 167, 69, .6)
    }
}

@keyframes ring {

    0%,
    100%,
    50% {
        transform: rotate(0)
    }

    10%,
    30% {
        transform: rotate(-10deg)
    }

    20%,
    40% {
        transform: rotate(10deg)
    }
}

.mobile-social-links {
    gap: 8px
}

.mobile-social-links a {
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #1ea7dc;
    font-size: 12px
}

.mobile-social-links a:hover {
    transform: scale(1.1);
    background: #166ab5
}

.mobile-social-links a.x-icon {
    font-weight: 700;
    font-size: 11px
}

@media (max-width:767.98px) {
    #topbar {
        height: auto !important;
        min-height: 44px;
        padding: 6px 0
    }

    .mobile-topbar-contact {
        width: 100%;
        justify-content: center !important;
        gap: 15px
    }

    #topbar.topbar-scrolled {
        top: 0 !important
    }

    #header.header-scrolled {
        top: 44px !important
    }
}

@media (max-width:374px) {
    .mobile-call-btn {
        font-size: 11px;
        padding: 5px 10px
    }

    .mobile-call-btn i {
        font-size: 12px
    }

    .mobile-social-links a {
        width: 24px;
        height: 24px;
        font-size: 10px
    }

    .mobile-social-links {
        gap: 5px
    }
}