.custom-icon {
    width: 64px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.3s ease;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15));
}

.hero-icons .custom-icon {
    width: 80px;
    height: 80px;
    animation: iconFloat 3s ease-in-out infinite;
}

.hero-icons .hero-icon:nth-child(2) .custom-icon {
    animation-delay: 0.5s;
}

.hero-icons .hero-icon:nth-child(3) .custom-icon {
    animation-delay: 1s;
}

.contact-hero-icon .custom-icon {
    width: 80px;
    height: 80px;
    animation: iconFloat 3s ease-in-out infinite;
}

.contact-info-icon .custom-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 12px;
}

@keyframes iconFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.custom-icon:hover {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .custom-icon { width: 48px; height: 48px; }
    .hero-icons .custom-icon { width: 64px; height: 64px; }
    .contact-hero-icon .custom-icon { width: 64px; height: 64px; }
    .contact-info-icon .custom-icon { width: 44px; height: 44px; }
}