/* Service Icon Styles */
:root {
    --whatsapp-color: #25D366;
    --telegram-color: #0088cc;
    --facebook-color: #1877F2;
    --instagram-color: #E1306C;
    --line-color: #00c300;
    --imessage-color: #34C759;
    --linkedin-color: #0077B5;
    --snapchat-color: #FFFC00;
    --twitter-color: #1DA1F2;
    --vk-color: #4C75A3;
    --tiktok-color: #000000;
    --pinterest-color: #BD081C;
    --skype-color: #00AFF0;
    --messenger-color: #0084FF;
    --signal-color: #3A76F0;
    --rcs-color: #0063D1;
    --amazon-color: #FF9900;
    --paypal-color: #003087;
    --shopify-color: #7AB55C;
    --binance-color: #F0B90B;
    --htx-color: #E03C31;
    --bybit-color: #FFAD01;
    --gate-color: #2354E6;
    --coinbase-color: #0052FF;
    --zalo-color: #0068FF;
    --viber-color: #7360f2;
}

/* Service Icon Base Styles */
.service-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 28px;
    color: white;
    transition: all 0.3s ease;
}

/* Messenger Apps Icons */
.service-icon.whatsapp {
    background-color: var(--whatsapp-color);
}

.service-icon.telegram {
    background-color: var(--telegram-color);
}

.service-icon.line {
    background-color: var(--line-color);
}

.service-icon.imessage {
    background-color: var(--imessage-color);
}

.service-icon.viber {
    background-color: var(--viber-color);
}

.service-icon.zalo {
    background-color: var(--zalo-color);
}

.service-icon.signal {
    background-color: var(--signal-color);
}

.service-icon.rcs {
    background-color: var(--rcs-color);
}

.service-icon.messenger {
    background-color: var(--messenger-color);
}

.service-icon.skype {
    background-color: var(--skype-color);
}

/* Social Network Icons */
.service-icon.facebook {
    background-color: var(--facebook-color);
}

.service-icon.instagram {
    background-color: var(--instagram-color);
}

.service-icon.linkedin {
    background-color: var(--linkedin-color);
}

.service-icon.snapchat {
    background-color: var(--snapchat-color);
    color: black;
}

.service-icon.twitter {
    background-color: var(--twitter-color);
}

.service-icon.vk {
    background-color: var(--vk-color);
}

.service-icon.tiktok {
    background-color: var(--tiktok-color);
}

.service-icon.pinterest {
    background-color: var(--pinterest-color);
}

/* E-commerce Platform Icons */
.service-icon.amazon {
    background-color: var(--amazon-color);
}

.service-icon.paypal {
    background-color: var(--paypal-color);
}

.service-icon.shopify {
    background-color: var(--shopify-color);
}

/* Cryptocurrency Exchange Icons */
.service-icon.binance {
    background-color: var(--binance-color);
    color: black;
}

.service-icon.htx {
    background-color: var(--htx-color);
}

.service-icon.bybit {
    background-color: var(--bybit-color);
    color: black;
}

.service-icon.gate {
    background-color: var(--gate-color);
}

.service-icon.coinbase {
    background-color: var(--coinbase-color);
}

/* Hover Effects */
.service-card:hover .service-icon {
    transform: scale(1.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}