{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/service/ServiceHiring.css"],"sourcesContent":["/* ServiceHiring Section - Final Horizontal Design */\r\n.service-hiring {\r\n  padding: 50px 0 !important;\r\n  background-color: #000000;\r\n  color: #ffffff;\r\n  text-align: center;\r\n}\r\n\r\n.hiring-content {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.hiring-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  max-width: 1000px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.hiring-title span {\r\n  color: #54b248;\r\n}\r\n\r\n.hiring-subtitle {\r\n  font-family: var(--font-body);\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  max-width: 950px;\r\n  margin: 0 auto 30px auto;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n.hiring-btn {\r\n  background-color: #eaf6e5;\r\n  color: #54b248;\r\n  padding: 18px 45px;\r\n  border-radius: 60px;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  border: none;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  transition: 0.3s;\r\n}\r\n\r\n.hiring-btn:hover {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n}\r\n\r\n/* Horizontal Line Design */\r\n.hiring-timeline-container {\r\n  margin-top: 50px !important;\r\n  /* Reduced from 100px */\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.hiring-timeline-wrapper {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 0 80px;\r\n}\r\n\r\n/* Base White Line */\r\n.hiring-timeline-line-base {\r\n  position: absolute;\r\n  top: 98px;\r\n  /* New center based on 25px label + 60/2 + extra margin */\r\n  left: 40px;\r\n  right: 195px;\r\n  height: 2px;\r\n  background-color: white;\r\n  z-index: 1;\r\n}\r\n\r\n/* Active Green Progress Line */\r\n.hiring-timeline-line-active {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 50%;\r\n  /* Progress goes through first icon */\r\n  background-color: #54b248;\r\n  z-index: 2;\r\n  box-shadow: 0 0 10px rgba(84, 178, 72, 0.4);\r\n}\r\n\r\n.hiring-step {\r\n  flex: 1;\r\n  position: relative;\r\n  z-index: 3;\r\n  /* Above lines */\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.step-label {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  margin-bottom: 25px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.step-icon-wrapper {\r\n  width: 60px;\r\n  height: 60px;\r\n  background-color: #54b248;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 30px;\r\n  border: 0px solid #000;\r\n}\r\n\r\n.step-icon-wrapper img {\r\n  width: 30px;\r\n  height: 30px;\r\n  filter: brightness(0) invert(1);\r\n}\r\n\r\n.step-info {\r\n  text-align: center;\r\n  max-width: 400px;\r\n}\r\n\r\n.step-title {\r\n  font-size: 26px;\r\n  font-weight: 500;\r\n  color: #ffffff;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.step-desc {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n/* Mockup Nav Arrows at edges */\r\n.timeline-nav-icon {\r\n  position: absolute;\r\n  top: 98px;\r\n  transform: translateY(-50%);\r\n  color: #ffffff;\r\n  z-index: 4;\r\n}\r\n\r\n.nav-left {\r\n  left: 0;\r\n}\r\n\r\n.nav-right {\r\n  right: 0;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n  .hiring-content {\r\n    max-width: 1000px;\r\n    padding: 0 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .hiring-timeline-line-base {\r\n    display: none;\r\n  }\r\n\r\n  .hiring-timeline-wrapper {\r\n    flex-direction: column;\r\n    gap: 10px !important;\r\n    /* Reduced from 80px */\r\n    align-items: center;\r\n    padding: 0;\r\n  }\r\n\r\n  .timeline-nav-icon {\r\n    display: none;\r\n  }\r\n\r\n  .step-info {\r\n    max-width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hiring-content {\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .hiring-title {\r\n    font-size: 28px !important;\r\n  }\r\n\r\n  .hiring-subtitle {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .hiring-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n    padding: 16px 30px;\r\n  }\r\n\r\n  .step-title {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .step-desc {\r\n    font-size: 14px;\r\n    max-width: 100%;\r\n  }\r\n}"],"names":[],"mappings":"AACA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;AAeA;;;;;AAMA;;;;;;AAOA;;;;;;;;AASA;;;;;;;;;;AAYA;;;;;;;;;;;AAYA;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;;;;AAQA;;;;;;;;AAQA;;;;AAIA;;;;AAIA;EACE;;;;;;AAMF;EACE;;;;EAIA;;;;;;;EAQA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;EAIA"}}]
}