@tailwind base;
@tailwind components;
@tailwind utilities;


body{
    background-color: #000000 !important;
}
.debugger{
    border: 2px solid green;
}

.custom-bg{
    background-color: #ffffff !important;
}



.custom-font{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    
}

.custom-text{
    color: #000000 !important;
}

.custom-text:hover{
    color: gray !important;
}

/* Button with outline effect */
.outline-btn {
    border: 2px solid #3B82F6; /* Border color for outline */
    color: #3B82F6; /* Text color for the outline */
    transition: all 0.3s ease;
  }
  
  .outline-btn:hover {
    background-color: #3B82F6; /* Blue background on hover */
    color: white; /* White text on hover */
  }

  
  .card-hover:hover {
    border-color: #3B82F6; /* Tailwind's blue-500 color */
  }

  .zoom-image:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
  }

  .whatsapp-icon-container {
    z-index: 9999 !important; 
    bottom: 60px; 
    right: 32px; 
}
  @keyframes bounceHighlight {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.animate-bounceHighlight {
    animation: bounceHighlight 1.5s ease-in-out infinite, highlightText 2s ease-in-out infinite;
}

@keyframes highlightText {
    0%, 100% {
        background-position: 100% 50%;
    }
    50% {
        background-position: 0 50%;
    }
}