.recruitment-hero-div {
  margin-top: 6rem !important;
}
.recruitment-highlighted-heading {
  color: #ff5956;
}

.recruitment-hero-div h1 {
  color: #462b34;
  font-family: var(--pri);
  font-size: 3rem;
  font-weight: 800 !important;
  line-height: 3rem;
}

.services-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.services-icons {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-icons img {
  width: 70px;
}
.services-div:hover {
  background-color: #8f8f8f !important;
  color: white;
}

.section-container {
  padding: 1rem 2rem;
}
.illustration {
  max-width: 100%;
}
.section-title {
  font-size: 2rem;
  font-weight: 700;
}
.section-subtitle {
  font-size: 1rem;
  color: #666;
  margin-bottom: 2rem;
}
.feature-box {
  background-color: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: 0.3s all ease-in-out;
}
.feature-box:hover {
  box-shadow: 3px 3px 3px 0px #0000004a;
}
.feature-icon {
  font-size: 2rem;
  color: #b23a48;
}
.feature-number {
  color: #f44336;
  font-weight: bold;
  margin-right: 0.5rem;
}
.feature-title {
  font-weight: 700;
}
.scroll-top {
  position: fixed;
  right: 20px;
  bottom: 30px;
  background-color: #3e2a32;
  color: white;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.scroll-top:hover {
  background-color: #5a3e4a;
}

.expertise-card {
  transition: all 0.3s ease;
  height: 100%;
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%) !important;
}
.expertise-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1);
}
.expertise-icon {
  transition: all 0.3s ease;
}
.expertise-card:hover .expertise-icon {
  transform: scale(1.1);
}
.icon-bg {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
.divider {
  width: 80px;
  height: 4px;
  background-color: #6366f1;
  margin: 0 auto 1rem;
}
.btn-primary {
  background-color: #6366f1;
  border-color: #6366f1;
}
.btn-primary:hover {
  background-color: #4f46e5;
  border-color: #4f46e5;
  transform: scale(1.05);
}
   .category-card {
      transition: all 0.3s ease;
    }

    .category-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .job-item {
      transition: all 0.3s ease;
    }

    .job-item:hover {
      background-color: #f0f9ff;
      transform: scale(1.02);
    }

    .bg-rose {
      background-color: #e11d48 !important;
    }

    .bg-amber {
      background-color: #f59e0b !important;
    }

    .gradient-banner {
      background: linear-gradient(to right, #2563eb, #4f46e5);
    }