@import url(../main.css);

 .hero-overlay {
background: linear-gradient(
  to right, 
  rgba(0, 0, 0, 0.5),
  rgba(255, 107, 0, 0.5) 
  
);
 }

 .main-font{
    font-weight: 800;
 }

 .job-card,
 .success-card,
 .testimonial-card,
 .gallery-item {
     transition: all 0.3s ease;
 }

 .job-card:hover,
 .success-card:hover,
 .testimonial-card:hover,
 .gallery-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }

 .success-card .bio {
     opacity: 0;
     transition: all 0.3s ease;
     height: 0;
 }

 .success-card:hover .bio {
     opacity: 1;
     height: auto;
 }

 .fade-in {
     animation: fadeIn 0.5s ease-in;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 .whatsapp-btn {
     animation: pulse 2s infinite;
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.7);
     }

     70% {
         box-shadow: 0 0 0 15px rgba(255, 107, 0, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(255, 107, 0, 0);
     }
 }

 /* Mobile menu */
 .mobile-menu {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease-out;
 }

 .mobile-menu.open {
     max-height: 500px;
 }