{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/service/ServiceCloud.css"],"sourcesContent":["/* ServiceCloud Section - Modular CSS */\r\n.service-cloud {\r\n  position: relative;\r\n  height: 65vh;\r\n  min-height: 580px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  overflow: hidden;\r\n  padding: 0 20px !important;\r\n}\r\n\r\n.service-cloud-bg {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  z-index: 1;\r\n  transition: transform 10s ease;\r\n}\r\n\r\n.service-cloud:hover .service-cloud-bg {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.service-cloud-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1400px;\r\n  padding: 0 20px;\r\n  transform: translateY(-40px);\r\n}\r\n\r\n.service-cloud-overline {\r\n  font-size: 16px;\r\n  letter-spacing: 2.5px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin-bottom: 12px;\r\n  text-transform: uppercase;\r\n  display: block;\r\n  font-family: var(--font-heading);\r\n  animation: fadeInDown 0.8s ease-out;\r\n}\r\n\r\n.service-cloud-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 42px;\r\n  line-height: 1.15;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 35px 0;\r\n  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);\r\n  animation: fadeInUp 0.8s ease-out 0.2s both;\r\n}\r\n\r\n.service-cloud-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 45px auto;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n  animation: fadeInUp 0.8s ease-out 0.4s both;\r\n}\r\n\r\n.service-cloud-btn-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  animation: fadeInUp 0.8s ease-out 0.6s both;\r\n}\r\n\r\n.service-cloud-btn {\r\n  background-color: #eaf6e5;\r\n  color: #54b248;\r\n  border: 1.5px solid #54b248;\r\n  padding: 12px 28px;\r\n  border-radius: 50px;\r\n  font-weight: 500;\r\n  font-size: var(--font-size-body);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: var(--font-body);\r\n  transition: all 0.2s;\r\n  box-shadow: 0 4px 15px rgba(84, 178, 72, 0.15);\r\n}\r\n\r\n.service-cloud-btn:hover {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.service-cloud-btn svg {\r\n  transition: transform 0.3s;\r\n}\r\n\r\n.service-cloud-btn:hover svg {\r\n  transform: translate(4px, -4px);\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-30px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .service-cloud {\r\n    height: auto;\r\n    min-height: 450px;\r\n    padding: 60px 0 !important;\r\n  }\r\n\r\n  .service-cloud-content {\r\n    transform: translateY(-40px);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .service-cloud-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .service-cloud-subtitle {\r\n    font-size: 16px;\r\n    margin-bottom: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .service-cloud-title {\r\n    font-size: 26px;\r\n  }\r\n}"],"names":[],"mappings":"AACA;;;;;;;;;;;;AAYA;;;;;;;;;;AAaA;;;;AAIA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;;;;;;AAWA;;;;;;;;;;;AAWA;;;;;;AAMA;;;;;;;;;;;;;;;;;AAiBA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;;;;;;;;AAYA;;;;;;;;;;;;AAYA;EACE;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;;;AAMF;EACE"}}]
}