.career-bg{

  background-image: url('../../public/assets/career-bg.png');
  background-size: cover;
  background-position: center;

}


.career-container{
  font-family: poppins, sans-serif;
}
.contact-gradient{
 background: linear-gradient(to right, #6B28F1, #A642F1, #D050E3);
   -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for future compatibility */
  color: transparent;

}
  .job-card{
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  

.career-check {
  appearance: none;
  -webkit-appearance: none;
  width: 22px; /* Recommended standard size */
  height: 22px; /* Square aspect ratio works better */
  border: 2px solid #606261;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  flex-shrink: 0; /* Prevents checkbox from shrinking */
}

.career-check:checked::after {
  content: "✓";
  font-size: 14px;
  color: #606261;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.slick-slider {
  
  overflow: hidden; 
}


/* Ensure slides stay in a row */
.slick-track {
  display: flex !important;

  
}

.error-message {
  color: #ff0000;
  font-size: 14px;

  padding-left: 15px;
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

.my-clamp-job{
   display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.Toastify__progress-bar {
  background: #4440DB !important;
}

.Toastify__toast-icon svg {
  fill: #4440DB !important;
}
.Toastify__toast-theme--light .Toastify__progress-bar--error{
  background-color: #4440DB !important;
  box-shadow: none !important;
}

@media (max-width: 480px) {
  .Toastify__toast {
    font-size: 14px;
    padding: 10px;
      max-width: 85vw;         /* reduce width on mobile */
    min-height: 48px; 
  }

  .Toastify__toast-icon svg {
    width: 16px;
    height: 16px;
  }

   .captcha-wrapper {
    transform: scale(0.78);     /* Adjust size for smaller screens */
  }
  
}