{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/service/ServiceArchitecture.css"],"sourcesContent":[".service-architecture {\r\n  padding: 50px 20px;\r\n  background-color: #000000;\r\n  text-align: center;\r\n  font-family: var(--font-body, 'Lexend Deca', sans-serif);\r\n}\r\n\r\n.architecture-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.architecture-header {\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.architecture-header h2 {\r\n  font-family: var(--font-heading);\r\n  font-size: 42px;\r\n  color: #ffffff;\r\n  margin-bottom: 20px;\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n.architecture-header h2 span {\r\n  color: #54b248;\r\n}\r\n\r\n.architecture-header p {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n.architecture-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.architecture-card {\r\n  background-color: #ffffff;\r\n  padding: 40px 30px;\r\n  border-radius: 12px;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  /* Fixed typo */\r\n  text-align: center;\r\n}\r\n\r\n.architecture-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 10px 40px rgba(84, 178, 72, 0.2);\r\n}\r\n\r\n.card-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.arch-custom-icon {\r\n  width: 200%;\r\n  height: 120%;\r\n  object-fit: contain;\r\n}\r\n\r\n.architecture-card h3 {\r\n  font-family: var(--font-heading);\r\n  font-size: 26px;\r\n  color: #54b248;\r\n  margin-bottom: 12px;\r\n  font-weight: 600;\r\n}\r\n\r\n.architecture-card p {\r\n  font-size: 18px;\r\n  font-family: var(--font-body);\r\n  color: #333333;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n/* Responsive Styles */\r\n@media (max-width: 1100px) {\r\n  .architecture-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .service-architecture {\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .architecture-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .architecture-header h2 {\r\n    font-size: 28px;\r\n  }\r\n}"],"names":[],"mappings":"AAAA;;;;;;;AAOA;;;;;AAKA;;;;AAIA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;;;;;AAYA;;;;;AAKA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;AASA;EACE;;;;;AAKF;EACE;;;;EAIA;;;;;EAKA"}}]
}