{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/service/Development.css"],"sourcesContent":[".development-section {\r\n  background-color: var(--color-black);\r\n  padding: 50px 40px;\r\n  color: #fff;\r\n  text-align: center;\r\n}\r\n\r\n.lod-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.section-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin-bottom: 25px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.section-subtitle {\r\n  font-size: 18px;\r\n  max-width: 1100px;\r\n  margin: 0 auto 60px;\r\n  color: #ffffff;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n.lod-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, 1fr);\r\n  gap: 30px;\r\n  margin-top: 50px;\r\n  max-width: 1400px;\r\n  margin-left: 105px;\r\n  margin-right: -105px;\r\n}\r\n\r\n.lod-card {\r\n  background-color: #383838;\r\n  border-radius: 8px;\r\n  padding: 15px 10px;\r\n  transition: all 0.3s ease;\r\n  cursor: default;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  border: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.lod-card:hover {\r\n  background-color: #454545;\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.lod-image-box {\r\n  width: 80px;\r\n  height: 80px;\r\n  background-color: transparent;\r\n  margin-bottom: 15px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n/* Base style for placeholder in case images are missing */\r\n.lod-placeholder-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  background-color: rgba(255, 255, 255, 0.1);\r\n  border-radius: 4px;\r\n  position: absolute;\r\n  z-index: 1;\r\n}\r\n\r\n.lod-image-box img {\r\n  width: 95%;\r\n  height: 105%;\r\n  object-fit: contain;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.lod-info h3 {\r\n  font-size: 18px;\r\n  margin: 0 0 10px 0;\r\n  color: #fff;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.lod-info span {\r\n  font-size: 14px;\r\n  color: #ffffff;\r\n  font-weight: 500;\r\n  display: block;\r\n  font-family: var(--font-body);\r\n}\r\n\r\n/* Responsiveness */\r\n@media (max-width: 1200px) {\r\n  .lod-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n    padding: 0 20px;\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  .lod-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .development-section {\r\n    padding: 80px 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .lod-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    max-width: 100%;\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n  }\r\n\r\n  .section-title {\r\n    font-size: 28px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .section-subtitle {\r\n    font-size: 14px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .development-section {\r\n    padding: 40px 20px;\r\n  }\r\n\r\n  .lod-image-box {\r\n    width: 70px;\r\n    height: 70px;\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"AAAA;;;;;;;AAOA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;;AAUA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;;;;;;;;;AAaA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;AASA;EACE;;;;;;;;;AASF;EACE;;;;EAIA;;;;;AAKF;EACE;;;;;;;;EAQA;;;;;EAKA;;;;;EAKA;;;;EAIA"}}]
}