/* ==========================
FOOTER CSS STARTS HERE
========================== */

.f-icon-box.active {
        background-color: var(--e-global-color-primary);
        border-radius: 15px;
        cursor: pointer;
        transform: translateY(-6px);
    }
    
    
.f-icon-box:hover {
        background-color: var(--e-global-color-primary);
        border-radius: 15px;
        cursor: pointer;
        transform: translateY(-6px) rotate(3deg);;
    }
    
      
.f-icon-box.active *{
        color: var(--e-global-color-text) !important;
    }
    
    
.f-icon-box:hover *{
        color: var(--e-global-color-text) !important;
    }

.f-wp-img { /* footer wp img */
   animation: wa-scaleImage 2s infinite ease-in-out; 
}


@keyframes wa-scaleImage {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}