#loader {
    position: relative; 
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -102px 0 0 -60px;
    border: 16px solid rgba(212, 175, 55, 0.15);
    border-radius: 50%;
    border-top: 16px solid #0f7b57;
    border-right: 16px solid #D4AF37;
    -webkit-animation: spin 1.4s linear infinite;
    animation: spin 1.4s linear infinite;
    box-shadow: 0 0 20px 4px rgba(15, 123, 87, 0.35), 0 0 40px 8px rgba(212, 175, 55, 0.25);
   }
   
   #loader img {
    margin: 5px;
    width: 90%;
    height:90%;
    object-fit:contain;
    -webkit-animation: spin-reverse 1.4s linear infinite, glow-pulse 1.8s ease-in-out infinite;
    animation: spin-reverse 1.4s linear infinite, glow-pulse 1.8s ease-in-out infinite;
   }


@-webkit-keyframes spin{
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@-webkit-keyframes spin-reverse {
    0% { -webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@keyframes spin-reverse {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}

@keyframes glow-pulse {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.5)); }
    50% { filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.9)); }
}