{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/service/ServiceChoose.css"],"sourcesContent":[".service-choose-section {\r\n  padding: 50px 0;\r\n  background-color: #000000;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.service-choose-container {\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  padding: 0 40px;\r\n}\r\n\r\n.service-choose-header {\r\n  text-align: center;\r\n  margin-bottom: 40px;\r\n  width: 100%;\r\n}\r\n\r\n.service-choose-title {\r\n  font-size: 42px;\r\n  font-family: var(--font-heading);\r\n  color: #ffffff;\r\n  margin-bottom: 25px;\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n.service-choose-title span {\r\n  color: #54b248;\r\n}\r\n\r\n.service-choose-subtitle {\r\n  font-size: 18px;\r\n  font-family: var(--font-body);\r\n  color: #ffffff;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n.service-choose-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.choose-card {\r\n  background-color: #ffffff;\r\n  border-radius: 12px;\r\n  padding: 25px 30px;\r\n  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  text-align: left;\r\n  min-height: 220px;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n  border: none;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n/* Right Line Effect */\r\n.choose-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  width: 6px;\r\n  height: 100%;\r\n  background-color: #54b248;\r\n  opacity: 0;\r\n  transition: opacity 0.2s ease;\r\n  z-index: 5;\r\n}\r\n\r\n/* Bottom Line Effect - Right to Left */\r\n.choose-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 0;\r\n  height: 6px;\r\n  background-color: #54b248;\r\n  transition: width 0.4s ease;\r\n  z-index: 5;\r\n}\r\n\r\n.choose-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.choose-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.choose-card:hover::after {\r\n  width: 100%;\r\n}\r\n\r\n.choose-icon-box {\r\n  width: 60px;\r\n  height: 60px;\r\n  background-color: transparent;\r\n  /* Changed to transparent for clean icon feel */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 15px;\r\n  color: #54b248;\r\n}\r\n\r\n.choose-custom-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  /* Ensuring icons are perfectly green as requested / design match */\r\n  filter: brightness(0) saturate(100%) invert(60%) sepia(35%) saturate(1000%) hue-rotate(65deg) brightness(85%) contrast(85%);\r\n}\r\n\r\n.choose-card h3 {\r\n  font-size: 26px;\r\n  font-family: var(--font-heading);\r\n  color: #54b248;\r\n  margin-bottom: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n}\r\n\r\n.choose-card p {\r\n  font-size: 18px;\r\n  font-family: var(--font-body);\r\n  color: #000000;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n  font-weight: 500;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1200px) {\r\n  .service-choose-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .service-choose-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .choose-card {\r\n    padding: 30px 20px;\r\n    min-height: auto;\r\n  }\r\n\r\n  .service-choose-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .service-choose-section {\r\n    padding: 40px 0;\r\n  }\r\n}\r\n"],"names":[],"mappings":"AAAA;;;;;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;AAUA;;;;;;AAMA;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAYA;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;AAUA;EACE;;;;;;AAMF;EACE;;;;;EAKA;;;;;EAKA;;;;EAIA"}}]
}