{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/service/ServiceOurMapBim.css"],"sourcesContent":[".mep-modeling-services {\n  padding: 60px 40px;\n  background-color: #000000; /* Matching overall project dark theme */\n  text-align: center;\n}\n\n.modeling-container {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n.modeling-header {\n  margin-bottom: 50px;\n}\n\n.modeling-title {\n  font-size: 42px;\n  font-weight: 700;\n  color: #ffffff;\n  font-family: var(--font-heading, 'Lexend Deca', sans-serif);\n  line-height: 1.25;\n}\n\n.modeling-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 40px 30px;\n}\n\n.modeling-card-wrapper {\n  position: relative;\n  z-index: 1;\n}\n\n.modeling-card {\n  background-color: #ffffff;\n  border-radius: 12px;\n  overflow: hidden;\n  position: relative;\n  z-index: 2;\n  height: 100%;\n}\n\n.card-img-box {\n  width: 100%;\n  height: 250px;\n  background-color: #e0e0e0;\n  overflow: hidden;\n}\n\n.card-img-box img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.card-content {\n  background-color: #e8f5e9; /* Very light green background like in image */\n  padding: 20px;\n  text-align: left;\n}\n\n.card-content h3 {\n  font-size: 22px;\n  font-weight: 700;\n  color: #000000;\n  margin-bottom: 8px;\n  font-family: var(--font-heading, 'Lexend Deca', sans-serif);\n}\n\n.title-underline {\n  width: 40px;\n  height: 3px;\n  background-color: var(--color-primary, #54b248);\n  border-radius: 2px;\n}\n\n/* Stacked depth effect from image */\n.card-shadow-bg {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  width: 100%;\n  height: 100%;\n  background-color: #43a047; /* Darker green background layer */\n  border-radius: 12px;\n  z-index: 0;\n}\n\n/* Hover effect */\n.modeling-card-wrapper:hover .modeling-card {\n  transform: translate(-3px, -3px);\n  transition: transform 0.3s ease;\n}\n\n.modeling-card-wrapper:hover .card-shadow-bg {\n  transform: translate(3px, 3px);\n  transition: transform 0.3s ease;\n}\n\n@media (max-width: 1100px) {\n  .modeling-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n}\n\n@media (max-width: 768px) {\n  .mep-modeling-services {\n    padding: 60px 20px;\n  }\n\n  .modeling-title {\n    font-size: 32px;\n  }\n\n  .modeling-header {\n    margin-bottom: 40px;\n  }\n\n  .modeling-grid {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  .card-img-box {\n    height: 200px;\n  }\n\n  .card-content h3 {\n    font-size: 20px;\n  }\n\n  .card-shadow-bg {\n    top: 8px;\n    left: 8px;\n  }\n}\n\n@media (max-width: 480px) {\n  .modeling-title {\n    font-size: 26px;\n    line-height: 1.3;\n  }\n\n  .card-img-box {\n    height: 180px;\n  }\n\n  .mep-modeling-services {\n    padding: 40px 15px;\n  }\n}\n"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;;;AAQA;;;;;;AAMA;;;;;AAKA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;AAQA;;;;;;;;;;;AAYA;;;;;AAKA;;;;;AAKA;EACE;;;;;;AAMF;EACE;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;;AAMF;EACE;;;;;EAKA;;;;EAIA"}}]
}