{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/index.css"],"sourcesContent":["/* Fonts moved to _app.jsx for better server-side loading */\r\n\r\n:root {\r\n  --color-primary: #54b248;\r\n  --color-primary-dark: #429037;\r\n  --color-black: #0d0d0d;\r\n  --color-white: #ffffff;\r\n  --color-text: #1a1a1a;\r\n  --font-heading: 'Poppins', sans-serif;\r\n  --font-body: 'Lexend Deca', sans-serif;\r\n\r\n  /* Typography Scale - Professional / Corporate Standards */\r\n  --font-size-h1: clamp(32px, 5vw, 48px);\r\n  --font-size-h2: clamp(24px, 4vw, 36px);\r\n  --font-size-body: clamp(16px, 2vw, 20px);\r\n  --font-size-nav: clamp(16px, 1.5vw, 18px);\r\n  --font-size-caption: clamp(12px, 1vw, 14px);\r\n}\r\n\r\nhtml,\r\nbody {\r\n  margin: 0;\r\n  font-family: var(--font-body);\r\n  font-size: var(--font-size-body);\r\n  background-color: var(--color-black);\r\n  color: var(--color-white);\r\n  -webkit-font-smoothing: antialiased;\r\n  line-height: 1.6;\r\n  overflow-x: clip;\r\n  /* clip is safer for sticky than hidden */\r\n  min-width: 500px;\r\n}\r\n\r\n#root,\r\n.app-container {\r\n  overflow-x: visible;\r\n  /* Required for sticky children */\r\n  width: 100%;\r\n}\r\n\r\n.main-container {\r\n  overflow-x: clip;\r\n  /* clip prevents scroll without breaking sticky */\r\n  width: 100%;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  font-family: var(--font-heading);\r\n  margin-top: 0;\r\n}\r\n\r\nh1 {\r\n  font-size: var(--font-size-h1);\r\n  font-family: var(--font-heading);\r\n}\r\n\r\nh2 {\r\n  font-size: var(--font-size-h2);\r\n  font-family: var(--font-heading);\r\n}\r\n\r\nh3 {\r\n  font-size: 20px;\r\n  /* Aligned for H3 */\r\n  font-family: var(--font-heading);\r\n}\r\n\r\np,\r\nli {\r\n  font-family: var(--font-body);\r\n}\r\n\r\n.text-primary {\r\n  color: var(--color-primary);\r\n}\r\n\r\n.app-container {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n/* Navbar */\r\n.navbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 20px 60px;\r\n  background-color: var(--color-black);\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1000;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.logo-container {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.logo-text {\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.nav-links {\r\n  display: flex;\r\n  gap: 30px;\r\n  margin-left: auto;\r\n  /* Push links to the right */\r\n  margin-right: 30px;\r\n  /* Space between links and Contact button */\r\n}\r\n\r\n.nav-links a.nav-link {\r\n  color: var(--color-white);\r\n  text-decoration: none;\r\n  font-size: var(--font-size-nav);\r\n  font-family: var(--font-heading);\r\n  font-weight: 500;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.nav-links a.nav-link:hover {\r\n  color: var(--color-primary);\r\n}\r\n\r\n/* Navigation Dropdowns */\r\n.nav-item {\r\n  position: relative;\r\n}\r\n\r\n.dropdown-icon {\r\n  transition: transform 0.3s;\r\n}\r\n\r\n.nav-item:hover .dropdown-icon {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.dropdown-menu {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  background-color: rgba(20, 20, 20, 0.95);\r\n  /* Dark matching theme */\r\n  backdrop-filter: blur(10px);\r\n  /* Glassmorphism effect */\r\n  min-width: 230px;\r\n  border-radius: 6px;\r\n  border-top: 3px solid var(--color-primary);\r\n  /* Green accent line */\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);\r\n  /* Stronger dark shadow */\r\n  padding: 8px 0;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transform: translateY(15px);\r\n  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  /* Smooth bouncy reveal */\r\n  z-index: 100;\r\n}\r\n\r\n.nav-item:hover .dropdown-menu {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  transform: translateY(10px);\r\n  /* Leave a small gap from nav */\r\n}\r\n\r\n.dropdown-menu a.dropdown-link {\r\n  color: #cccccc;\r\n  padding: 14px 22px;\r\n  display: block;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  text-decoration: none;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n  /* Faint separator */\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.dropdown-menu a.dropdown-link:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.dropdown-menu a.dropdown-link:hover {\r\n  background-color: rgba(84, 178, 72, 0.1);\r\n  /* Subtle green transparent hover */\r\n  color: var(--color-primary);\r\n  padding-left: 28px;\r\n  /* Slightly more indent */\r\n}\r\n\r\n/* Mobile Menu Icon */\r\n.mobile-menu-icon {\r\n  display: none;\r\n  cursor: pointer;\r\n  z-index: 1000;\r\n}\r\n\r\n.hamburger {\r\n  width: 25px;\r\n  height: 18px;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n}\r\n\r\n.hamburger span {\r\n  display: block;\r\n  height: 2px;\r\n  width: 100%;\r\n  background-color: white;\r\n  border-radius: 2px;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.hamburger.active span:nth-child(1) {\r\n  transform: translateY(8px) rotate(45deg);\r\n}\r\n\r\n.hamburger.active span:nth-child(2) {\r\n  opacity: 0;\r\n}\r\n\r\n.hamburger.active span:nth-child(3) {\r\n  transform: translateY(-8px) rotate(-45deg);\r\n}\r\n\r\n.desktop-only {\r\n  display: block;\r\n}\r\n\r\n.btn-contact {\r\n  background-color: var(--color-primary);\r\n  color: var(--color-white);\r\n  border: none;\r\n  padding: 10px 28px;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  font-size: var(--font-size-nav);\r\n  cursor: pointer;\r\n  font-family: var(--font-heading);\r\n  text-decoration: none;\r\n  display: inline-block;\r\n  transition: transform 0.2s, background-color 0.3s, color 0.3s;\r\n}\r\n\r\n.btn-contact:hover {\r\n  background-color: var(--color-white);\r\n  color: var(--color-primary);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n/* Hero Section */\r\n.hero {\r\n  position: relative;\r\n  height: 65vh;\r\n  min-height: 500px;\r\n  background-color: #222;\r\n  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/img/hero/banner.png');\r\n  background-size: cover;\r\n  background-position: center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.hero-slider-btn {\r\n  position: absolute;\r\n  top: 45%;\r\n  transform: translateY(-50%);\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  border: 1.5px solid rgba(255, 255, 255, 0.8);\r\n  background: transparent;\r\n  color: var(--color-white);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  z-index: 10;\r\n}\r\n\r\n.hero-slider-btn:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-color: var(--color-white);\r\n}\r\n\r\n.hero-slider-btn.left {\r\n  left: 40px;\r\n}\r\n\r\n.hero-slider-btn.right {\r\n  right: 40px;\r\n}\r\n\r\n.hero-content {\r\n  text-align: center;\r\n  z-index: 5;\r\n  padding: 0 20px;\r\n  transform: translateY(-40px);\r\n}\r\n\r\n.hero h1 {\r\n  font-size: var(--font-size-h1);\r\n  font-weight: 700;\r\n  margin: 0 0 25px 0;\r\n  line-height: 1.25;\r\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.hero-btn {\r\n  background-color: #eaf6e5;\r\n  /* Very pale green matching the image */\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: 700;\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-heading);\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.hero-btn:hover {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n}\r\n\r\n.cursor-blink {\r\n  animation: blink 1s step-end infinite;\r\n  display: inline-block;\r\n  margin-left: 2px;\r\n  font-weight: 400;\r\n  color: inherit;\r\n}\r\n\r\n@keyframes blink {\r\n\r\n  from,\r\n  to {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n/* Final Perfection - 1000% Match Achieved */\r\n.floating-form-wrapper {\r\n  position: relative;\r\n  z-index: 20;\r\n  margin-top: -90px;\r\n  padding: 0 40px;\r\n  max-width: 1600px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n/* \r\n  PREVIOUS DESIGN REPLACED BY CLEAN RECONSTRUCTION\r\n  (Older styles for Green Bar, side-curves, and molecule are saved here in history)\r\n*/\r\n\r\n.floating-form-wrapper {\r\n  position: relative;\r\n  z-index: 20;\r\n  margin-top: -50px;\r\n  margin-bottom: 50px;\r\n  width: 90%;\r\n  max-width: 1600px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  padding: 0;\r\n}\r\n\r\n.floating-form {\r\n  background-color: #ffffff;\r\n  min-height: 160px;\r\n  border-radius: 40px;\r\n  /* Matching the side curve radius */\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 60px 100px;\r\n  /* Vertically centered the form content by equalizing padding */\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n  border: none;\r\n  /* Removed borders to fix overlap with curves */\r\n}\r\n\r\n/* NEW Perspective Grid with MORE DENSE boxes */\r\n.floating-form::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -180px;\r\n  left: -20%;\r\n  width: 140%;\r\n  height: 600px;\r\n  background-size: 58.5px 13px;\r\n  /* Width increased by another 50% as requested */\r\n  background-image:\r\n    linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),\r\n    linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);\r\n  transform: perspective(800px) rotateX(72deg);\r\n  transform-origin: center top;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.form-inner-container {\r\n  position: relative;\r\n  z-index: 100;\r\n  width: 100%;\r\n  max-width: 1500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.form-header {\r\n  margin-bottom: 25px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 8px;\r\n}\r\n\r\n.form-title {\r\n  color: #54b248;\r\n  margin: 0;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n}\r\n\r\n.form-subtitle {\r\n  color: #000000;\r\n  margin: 0;\r\n  font-size: var(--font-size-caption);\r\n  font-weight: 700;\r\n}\r\n\r\n.form-inputs {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px 15px;\r\n  align-items: flex-end;\r\n  width: 100%;\r\n}\r\n\r\n.input-group {\r\n  width: 100%;\r\n}\r\n\r\n.form-input {\r\n  width: 100%;\r\n  padding: 12px 15px;\r\n  border: 1.5px solid #54b248;\r\n  border-radius: 50px;\r\n  background: #ffffff;\r\n  color: #000;\r\n  font-size: var(--font-size-caption);\r\n  font-weight: 700;\r\n  text-align: center;\r\n  outline: none;\r\n  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.form-input:focus {\r\n  box-shadow: 0px 4px 20px rgba(84, 178, 72, 0.2);\r\n  border-color: #3e8e35;\r\n}\r\n\r\n.form-input::placeholder {\r\n  color: #888;\r\n}\r\n\r\n.captcha-and-submit-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  justify-content: flex-end;\r\n  grid-column: span 1;\r\n}\r\n\r\n.captcha-label {\r\n  position: absolute;\r\n  top: -24px;\r\n  left: 15px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #000;\r\n  white-space: nowrap;\r\n}\r\n\r\n.actions-row {\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n\r\n.captcha-input {\r\n  flex: 0.4;\r\n  min-width: 80px;\r\n}\r\n\r\n.form-submit {\r\n  flex: 0.6;\r\n}\r\n\r\n.status-msg {\r\n  position: absolute;\r\n  bottom: -45px;\r\n  left: 0;\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n.form-footer-inline {\r\n  position: absolute;\r\n  bottom: -22px;\r\n  right: 0;\r\n  font-size: 11px;\r\n  color: #000;\r\n  margin: 0;\r\n  white-space: nowrap;\r\n  font-weight: 600;\r\n}\r\n\r\n.form-footer-inline a {\r\n  color: #54b248;\r\n  text-decoration: none;\r\n}\r\n\r\n\r\n.form-submit {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n  border: none;\r\n  padding: 12px 30px;\r\n  border-radius: 50px;\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  box-shadow: 0px 4px 15px rgba(84, 178, 72, 0.4);\r\n  /* Colored shadow for submit */\r\n  width: 100%;\r\n}\r\n\r\n.side-curve {\r\n  position: absolute;\r\n  top: -8px;\r\n  bottom: -8px;\r\n  width: 100px;\r\n  /* Further reduced to ensure no overhang on rounded corners */\r\n  background-size: 100% 100%;\r\n  background-repeat: no-repeat;\r\n  pointer-events: none;\r\n  z-index: 5;\r\n}\r\n\r\n.left-curve {\r\n  left: -5px;\r\n  /* Moved slightly to the left as requested */\r\n  background-image: url('/img/form/left-curve.png');\r\n  background-position: left center;\r\n}\r\n\r\n.right-curve {\r\n  right: 0;\r\n  background-image: url('/img/form/right-curve.png');\r\n  background-position: right center;\r\n}\r\n\r\n.form-pattern-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 350px;\r\n  /* Increased width to make the molecules bigger */\r\n  height: 100%;\r\n  background-image: url('/img/form/molecule.png');\r\n  background-size: contain;\r\n  /* Stretches properly to make it appear larger */\r\n  background-repeat: no-repeat;\r\n  background-position: right center;\r\n  z-index: 6;\r\n  /* Displaying right above the right curve or inside container */\r\n  /* opacity: 0.6; adjust if it is too dark/faint */\r\n  pointer-events: none;\r\n}\r\n\r\n.floating-form::after {\r\n  display: none;\r\n}\r\n\r\n/* Responsive Navbar Updates */\r\n@media (max-width: 1024px) {\r\n  .nav-links {\r\n    display: none;\r\n    position: absolute;\r\n    top: 80px;\r\n    left: 0;\r\n    width: 100%;\r\n    background-color: #1a1a1a;\r\n    flex-direction: column;\r\n    padding: 0;\r\n    gap: 0;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    z-index: 900;\r\n  }\r\n\r\n  .nav-links.mobile-active {\r\n    display: flex;\r\n  }\r\n\r\n  .nav-item {\r\n    width: 100%;\r\n  }\r\n\r\n  .nav-links a.nav-link {\r\n    padding: 18px 30px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .dropdown-menu {\r\n    position: static;\r\n    box-shadow: none;\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: none;\r\n    background-color: rgba(255, 255, 255, 0.03);\r\n    border-radius: 0;\r\n    display: none;\r\n    padding: 0;\r\n  }\r\n\r\n  .nav-item:hover .dropdown-menu {\r\n    display: block;\r\n  }\r\n\r\n  .dropdown-menu a.dropdown-link {\r\n    color: #cccccc;\r\n    padding: 15px 50px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.02);\r\n  }\r\n\r\n  .dropdown-menu a.dropdown-link:hover {\r\n    background-color: rgba(255, 255, 255, 0.06);\r\n    color: #ffffff;\r\n    padding-left: 55px;\r\n  }\r\n\r\n  .mobile-menu-icon {\r\n    display: block;\r\n  }\r\n\r\n  .desktop-only {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\r\n/* Clients Section */\r\n.clients-section {\r\n  padding: 50px 40px;\r\n  text-align: center;\r\n}\r\n\r\n.clients-section h2 {\r\n  font-size: 42px;\r\n  /* Increased for prominence */\r\n  font-weight: 700;\r\n  margin: 0 0 50px 0;\r\n}\r\n\r\n.clients-logos-marquee {\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.clients-logos-track {\r\n  display: flex;\r\n  gap: 30px;\r\n  width: max-content;\r\n  animation: scrollMarquee 20s linear infinite;\r\n}\r\n\r\n.clients-logos-track:hover {\r\n  animation-play-state: paused;\r\n}\r\n\r\n.slider-marquee {\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n  position: relative;\r\n  padding: 10px 0 30px 0;\r\n}\r\n\r\n.slider-track {\r\n  display: flex;\r\n  gap: 30px;\r\n  width: max-content;\r\n  animation: scrollMarquee 25s linear infinite;\r\n}\r\n\r\n/* Projects Section Styles moved to ProjectsSection.css for modularity */\r\n\r\n.slider-track:hover {\r\n  animation-play-state: paused;\r\n}\r\n\r\n@keyframes scrollMarquee {\r\n  0% {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  100% {\r\n    transform: translateX(calc(-50% - 15px));\r\n  }\r\n}\r\n\r\n.client-logo {\r\n  flex: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform 0.3s;\r\n}\r\n\r\n.client-logo img {\r\n  height: 65px;\r\n  /* Directly size the original image which has its own background */\r\n  width: auto;\r\n  object-fit: contain;\r\n  border-radius: 4px;\r\n  /* Slight rounding for pure aesthetic */\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1400px) {\r\n  .form-inputs {\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .form-input,\r\n  .form-submit {\r\n    min-width: calc(25% - 12px);\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .nav-links {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n  .form-input,\r\n  .form-submit {\r\n    min-width: calc(33.333% - 12px);\r\n  }\r\n\r\n  .hero h1 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .client-logo {\r\n    min-width: 140px;\r\n  }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n\r\n  .form-input,\r\n  .form-submit {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .navbar {\r\n    padding: 15px 20px;\r\n  }\r\n\r\n  .floating-form-wrapper {\r\n    padding: 0 20px;\r\n  }\r\n}\r\n\r\n/* About Section */\r\n.about-section {\r\n  display: flex;\r\n  align-items: stretch;\r\n  gap: 60px;\r\n  padding: 50px 40px;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.about-text {\r\n  flex: 1.1;\r\n  font-size: var(--font-size-body);\r\n  line-height: 1.7;\r\n  color: #eeeeee;\r\n  font-weight: 400;\r\n  padding-right: 30px;\r\n}\r\n\r\n.about-title {\r\n  font-size: 42px;\r\n  /* Increased for prominence */\r\n  font-weight: 700;\r\n  margin: 0 0 25px 0;\r\n  line-height: 1.25;\r\n  color: #ffffff;\r\n}\r\n\r\n.about-text p {\r\n  margin-bottom: 25px;\r\n  font-size: 18px;\r\n  /* Improved readability */\r\n  line-height: 1.6;\r\n}\r\n\r\n.about-image-wrapper {\r\n  flex: 1;\r\n  width: 100%;\r\n  max-width: 680px;\r\n  position: relative;\r\n  border-radius: 12px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  margin-left: auto;\r\n  overflow: hidden;\r\n  height: auto;\r\n  /* Allow it to stretch */\r\n}\r\n\r\n/* Comparison Slider */\r\n.comparison-slider {\r\n  flex: 1;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  cursor: ew-resize;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n  background-color: #1a1a1a;\r\n  /* Backup in case of containment sizing */\r\n}\r\n\r\n.comparison-image {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  pointer-events: none;\r\n}\r\n\r\n.comparison-handle {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 2px;\r\n  background-color: transparent;\r\n  /* Invisible line or white line */\r\n  transform: translateX(-50%);\r\n  pointer-events: none;\r\n  z-index: 10;\r\n}\r\n\r\n.comparison-handle-button {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 44px;\r\n  height: 44px;\r\n  background-color: var(--color-primary);\r\n  border: 4px solid #ffffff;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n/* Services Section */\r\n.services-section {\r\n  padding: 50px 40px;\r\n  background-color: #0d0d0d;\r\n}\r\n\r\n.services-header {\r\n  text-align: center;\r\n  max-width: 800px;\r\n  margin: 0 auto 50px auto;\r\n}\r\n\r\n.services-title {\r\n  font-size: 42px;\r\n  /* Increased for prominence */\r\n  font-weight: 700;\r\n  margin: 0 0 15px 0;\r\n}\r\n\r\n.services-subtitle {\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  color: #bbbbbb;\r\n  font-weight: 500;\r\n}\r\n\r\n.services-grid {\r\n  display: flex;\r\n  gap: 30px;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.service-card {\r\n  flex: 1;\r\n  min-width: 300px;\r\n  background-color: var(--color-white);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.service-card-header {\r\n  background-color: var(--color-primary);\r\n  color: var(--color-white);\r\n  padding: 20px;\r\n  text-align: center;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n}\r\n\r\n.service-card-body {\r\n  padding: 30px 25px 25px;\r\n  text-align: center;\r\n  color: var(--color-text);\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.service-card-desc {\r\n  font-size: var(--font-size-caption);\r\n  line-height: 1.7;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n  color: #444;\r\n}\r\n\r\n.service-btn {\r\n  background-color: var(--color-primary);\r\n  color: var(--color-white);\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 50px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-family: var(--font-heading);\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.service-btn:hover {\r\n  background-color: var(--color-primary-dark);\r\n}\r\n\r\n.service-card-img-wrapper {\r\n  background-color: var(--color-white);\r\n  padding: 0 4px 4px 4px;\r\n}\r\n\r\n.service-card-img {\r\n  width: 100%;\r\n  height: 200px;\r\n  object-fit: cover;\r\n  border-radius: 0 0 12px 12px;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .services-grid {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* Discussion Section */\r\n.discussion-section {\r\n  padding: 60px 40px 40px 40px;\r\n  background-color: #000000;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n}\r\n\r\n.discussion-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-image: url('/img/discussionsection/discussion-banner.png');\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  opacity: 0.06;\r\n  /* Decreased opacity as requested */\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.discussion-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: radial-gradient(circle at center, transparent 0%, #0d0d0d 80%);\r\n  pointer-events: none;\r\n}\r\n\r\n.discussion-content {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.discussion-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin: 0 0 20px 0;\r\n  color: var(--color-white);\r\n  line-height: 48px;\r\n}\r\n\r\n.discussion-subtitle {\r\n  font-family: var(--font-heading);\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  max-width: 950px;\r\n  margin: 0 auto 40px auto;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n}\r\n\r\n.discussion-btn {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n  border: none;\r\n  padding: 16px 36px;\r\n  border-radius: 60px;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-family: var(--font-heading);\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.discussion-btn:hover {\r\n  transform: translateY(-5px) scale(1.02);\r\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n  background-color: #ffffff;\r\n  color: #54b248;\r\n}\r\n\r\n.btn-arrow {\r\n  color: #ffffff;\r\n  transition: transform 0.3s;\r\n}\r\n\r\n.discussion-btn:hover .btn-arrow {\r\n  transform: translate(3px, -3px);\r\n  color: #54b248;\r\n}\r\n\r\n/* Projects Section */\r\n.projects-section {\r\n  padding: 50px 40px;\r\n  background-color: var(--color-black);\r\n}\r\n\r\n.projects-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 1400px;\r\n  width: 100%;\r\n  margin: 0 auto 50px auto;\r\n  padding: 0;\r\n}\r\n\r\n.projects-title {\r\n  font-size: var(--font-size-h2);\r\n  font-weight: 700;\r\n  margin: 0;\r\n  color: #fff;\r\n}\r\n\r\n.projects-title .text-primary {\r\n  color: #54b248;\r\n}\r\n\r\n.projects-view-all {\r\n  background-color: #54b248;\r\n  color: #fff;\r\n  border: none;\r\n  padding: 8px 18px;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: var(--font-heading);\r\n  transition: all 0.3s;\r\n}\r\n\r\n.projects-view-all:hover {\r\n  background-color: var(--color-primary-dark);\r\n}\r\n\r\n.projects-section-footer {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 40px;\r\n}\r\n\r\n.projects-grid {\r\n  display: flex;\r\n  gap: 30px;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  overflow-x: auto;\r\n  padding-bottom: 20px;\r\n  scroll-behavior: smooth;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.projects-grid::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .projects-grid {\r\n    flex-direction: column !important;\r\n    /* Stack cards vertically */\r\n    overflow-x: hidden !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 30px;\r\n  }\r\n\r\n  .project-card {\r\n    flex: 0 0 100% !important;\r\n    /* Cards take full width */\r\n    width: 100% !important;\r\n    min-width: unset !important;\r\n  }\r\n}\r\n\r\n.project-card {\r\n  flex: 0 0 calc(33.333% - 20px);\r\n  min-width: 340px;\r\n  background-color: transparent;\r\n  border-radius: 6px;\r\n  border: 1px solid rgba(255, 255, 255, 0.4);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: visible;\r\n  /* Allow the pill to stick out */\r\n  margin-bottom: 20px;\r\n  /* Space for protruding pill */\r\n}\r\n\r\n.project-card-img {\r\n  height: 320px;\r\n  /* Reverted to original height to prevent image zoom */\r\n  width: 100%;\r\n  background-size: 110%;\r\n  background-position: center;\r\n  border-radius: 8px;\r\n}\r\n\r\n.project-card-footer {\r\n  position: absolute;\r\n  bottom: 0px;\r\n  left: 50%;\r\n  transform: translate(-50%, 50%);\r\n  background-color: #eaf6e5;\r\n  color: #54b248;\r\n  border: 1.5px solid #a8dfbc;\r\n  padding: 8px 18px;\r\n  text-align: center;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  border-radius: 6px;\r\n  white-space: nowrap;\r\n  z-index: 2;\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .projects-header {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .discussion-title {\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n/* Testimonials Section */\r\n.testimonials-section {\r\n  padding: 30px 40px;\r\n  background-color: var(--color-black);\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.testimonials-header {\r\n  text-align: center;\r\n  max-width: 900px;\r\n  margin: 0 auto 40px auto;\r\n}\r\n\r\n.testimonials-title {\r\n  font-size: 42px;\r\n  /* Increased for prominence */\r\n  font-weight: 700;\r\n  margin: 0 0 15px 0;\r\n  color: var(--color-white);\r\n  line-height: 42px;\r\n}\r\n\r\n.testimonials-subtitle {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  margin: 0;\r\n  line-height: 1.6;\r\n}\r\n\r\n.testimonial-card {\r\n  background-color: var(--color-white);\r\n  border-radius: 8px;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  padding: 5px;\r\n  gap: 30px;\r\n  align-items: center;\r\n  position: relative;\r\n  min-height: 380px;\r\n}\r\n\r\n.testimonial-image-col {\r\n  flex: 0 0 320px;\r\n  /* Square layout as requested */\r\n  height: 320px;\r\n  aspect-ratio: 1 / 1;\r\n  border: 1.5px solid var(--color-primary);\r\n  border-radius: 12px;\r\n  background-color: #000;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.testimonial-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.testimonial-icon-yt {\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 10px;\r\n  width: 28px;\r\n  height: 28px;\r\n  background-color: var(--color-white);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ff0000;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  z-index: 10;\r\n  transition: transform 0.2s, box-shadow 0.2s;\r\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.testimonial-icon-yt:hover {\r\n  transform: scale(1.15);\r\n  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.testimonial-content-col {\r\n  flex: 1;\r\n  padding: 30px 40px 30px 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n}\r\n\r\n.testimonial-quote-icon {\r\n  font-size: 70px;\r\n  color: #a5d398;\r\n  font-family: serif;\r\n  line-height: 0.8;\r\n  margin-bottom: 5px;\r\n  font-weight: 900;\r\n}\r\n\r\n.testimonial-text {\r\n  font-size: 25px;\r\n  color: var(--color-text);\r\n  margin: 0 0 65px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n.testimonial-author-name {\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  margin: 0 0 5px 0;\r\n  color: #000;\r\n  line-height: 24px;\r\n}\r\n\r\n.testimonial-author-title {\r\n  font-size: 16px;\r\n  color: #000000;\r\n  margin: 0;\r\n}\r\n\r\n.testimonial-controls {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  right: 40px;\r\n  display: flex;\r\n  gap: 10px;\r\n  z-index: 10;\r\n}\r\n\r\n.testimonial-control {\r\n  width: 34px;\r\n  height: 34px;\r\n  background-color: var(--color-primary);\r\n  color: var(--color-white);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: opacity 0.2s;\r\n}\r\n\r\n.testimonial-control:hover {\r\n  opacity: 0.8;\r\n}\r\n\r\n#root {\r\n  width: 100%;\r\n  padding: 0;\r\n  /* Clear boilerplate padding */\r\n  text-align: initial;\r\n  /* Clear boilerplate text-align */\r\n}\r\n\r\n.testimonials-footer {\r\n  max-width: 1400px;\r\n  margin: 15px auto 0 auto;\r\n  text-align: right;\r\n}\r\n\r\n.testimonials-link {\r\n  color: var(--color-primary);\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.testimonials-link:hover {\r\n  color: var(--color-primary-dark);\r\n}\r\n\r\n/* Map Section */\r\n.usa-map-section {\r\n  padding: 30px 40px;\r\n  background-color: var(--color-black);\r\n}\r\n\r\n.usa-map-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.usa-map-title {\r\n  font-size: 42px;\r\n  /* Increased for prominence */\r\n  font-weight: 700;\r\n  margin: 0 0 15px 0;\r\n  color: var(--color-white);\r\n  line-height: 42px;\r\n}\r\n\r\n.usa-map-subtitle {\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n  color: #ffffff;\r\n  font-weight: 500;\r\n  max-width: 850px;\r\n  margin: 0 auto 30px auto;\r\n  text-align: center;\r\n}\r\n\r\n\r\n.usa-map-content {\r\n  display: flex;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  align-items: center;\r\n  justify-content: center;\r\n  /* Centering the columns */\r\n  gap: 80px;\r\n  /* Spacing between map and list */\r\n}\r\n\r\n.usa-map-image-col {\r\n  flex: 0 1 auto;\r\n  /* Allow shrinking but center naturally */\r\n}\r\n\r\n.usa-map-image {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.usa-map-list-col {\r\n  flex: 0 1 auto;\r\n  display: flex;\r\n  gap: 30px;\r\n}\r\n\r\n.usa-map-column {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.usa-map-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--color-white);\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  cursor: pointer;\r\n  width: fit-content;\r\n  /* Reduced width to fit text only */\r\n}\r\n\r\n.usa-map-item:hover {\r\n  color: var(--color-primary);\r\n  transform: translateX(5px);\r\n}\r\n\r\n.item-check {\r\n  background-color: var(--color-white);\r\n  color: var(--color-black);\r\n  border-radius: 50%;\r\n  width: 23px;\r\n  height: 23px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.item-check svg {\r\n  stroke-width: 4px;\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .usa-map-content {\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  .usa-map-list-col {\r\n    width: 100% !important;\r\n    max-width: 800px;\r\n    margin: 30px auto 0;\r\n    justify-content: center;\r\n  }\r\n\r\n  .contact-left {\r\n    min-width: 300px;\r\n    flex: 0.8 !important;\r\n  }\r\n\r\n  .contact-right {\r\n    flex: 1.2 !important;\r\n  }\r\n\r\n  .contact-inner {\r\n    flex-direction: row !important;\r\n    /* Keep side-by-side on iPad */\r\n    padding: 0 40px !important;\r\n    gap: 40px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 850px) {\r\n  .contact-inner {\r\n    flex-direction: column !important;\r\n    /* Stack only for smaller tablets */\r\n  }\r\n\r\n  .contact-left,\r\n  .contact-right {\r\n    width: 100% !important;\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n    position: static !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .testimonial-card {\r\n    flex-direction: column;\r\n    max-width: 450px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .testimonial-image-col {\r\n    flex: auto;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 1 / 1;\r\n  }\r\n\r\n  .usa-map-content {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .usa-map-list-col {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n/* Optimize Section */\r\n.optimize-wrapper {\r\n  background-color: var(--color-black);\r\n  padding: 50px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.optimize-inner {\r\n  display: flex;\r\n  align-items: stretch;\r\n  max-width: 1400px;\r\n  /* Aligned to 1400px standard */\r\n  margin: 0 auto;\r\n  gap: 40px;\r\n}\r\n\r\n.optimize-left {\r\n  background-color: #eaf6e5;\r\n  padding: 60px 60px 60px 35px;\r\n  border-radius: 0 450px 450px 0;\r\n  flex: 1.8;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.optimize-title {\r\n  color: #54b248;\r\n  font-family: var(--font-heading);\r\n  font-size: 40px;\r\n  font-weight: 700;\r\n  /* BOLD REMOVED */\r\n  margin-bottom: 10px;\r\n  line-height: 50px;\r\n  max-width: 1000px;\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.optimize-text {\r\n  color: #1a1a1a;\r\n  font-size: 18px;\r\n  font-family: var(--font-body);\r\n  max-width: 1000px;\r\n  margin-bottom: 30px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n}\r\n\r\n.optimize-btn {\r\n  background-color: #54b248;\r\n  color: var(--color-white);\r\n  border: none;\r\n  padding: 14px 35px;\r\n  border-radius: 50px;\r\n  font-size: var(--font-size-body);\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: var(--font-heading);\r\n  transition: transform 0.2s, background-color 0.2s;\r\n  width: fit-content;\r\n}\r\n\r\n/* Optimize Section Responsive */\r\n@media (max-width: 1100px) {\r\n  .optimize-inner {\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    padding: 0 40px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .optimize-left {\r\n    padding: 60px 40px;\r\n    border-radius: 12px !important;\r\n    text-align: center;\r\n    align-items: center;\r\n    width: 100% !important;\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .optimize-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .optimize-text {\r\n    font-size: 16px;\r\n    padding: 0 15px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .optimize-title {\r\n    font-size: 26px;\r\n  }\r\n}\r\n\r\n\r\n.optimize-btn:hover {\r\n  background-color: #46a13b;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.optimize-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n  /* Reduced gap to match image */\r\n  flex: 1.2;\r\n  padding: 0px;\r\n  justify-content: center;\r\n  z-index: 1;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .optimize-right {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n    gap: 15px;\r\n    padding: 0 !important;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .nda-pill {\r\n    border-radius: 12px !important;\r\n    /* Rectangle as requested */\r\n    min-width: unset !important;\r\n    width: 100% !important;\r\n    padding: 15px 15px !important;\r\n    font-size: 15px !important;\r\n    white-space: normal !important;\r\n    box-sizing: border-box !important;\r\n    justify-content: flex-start !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  .optimize-right {\r\n    grid-template-columns: 1fr !important;\r\n    padding: 0 15px !important;\r\n  }\r\n}\r\n\r\n.nda-pill {\r\n  background-color: #eaf6e5;\r\n  border-radius: 60px;\r\n  padding: 15px 35px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-weight: 600;\r\n  /* BOLD REMOVED */\r\n  font-size: 24px;\r\n  font-family: var(--font-heading);\r\n  color: #000;\r\n  min-width: 380px;\r\n  width: fit-content;\r\n  border: 1px solid rgba(84, 178, 72, 0.1);\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n  transition: all 0.3s ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.nda-pill:hover {\r\n  transform: translateX(10px) scale(1.02);\r\n}\r\n\r\n.pill-offset-40 {\r\n  margin-left: 40px;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .pill-offset-40,\r\n  .pill-offset-0 {\r\n    margin-left: 0 !important;\r\n  }\r\n}\r\n\r\n.pill-offset-0 {\r\n  margin-left: 0;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .nda-pill {\r\n    margin: 0 !important;\r\n    /* Reset margin and remove offset */\r\n    min-width: unset;\r\n    width: 100%;\r\n    /* Full width as requested */\r\n    border-radius: 12px;\r\n    /* Rectangular with border radius */\r\n    font-size: 15px;\r\n    padding: 12px 20px;\r\n    white-space: normal;\r\n    gap: 12px;\r\n    box-sizing: border-box;\r\n    text-align: left;\r\n    /* Alignment can be adjusted to center if preferred, but usually full width looks good with icons left */\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .nda-pill:hover {\r\n    transform: none;\r\n    /* No hover effect on mobile */\r\n  }\r\n}\r\n\r\n.nda-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  flex-shrink: 0;\r\n}\r\n\r\n/* Onboarding Section */\r\n.onboarding-section {\r\n  padding: 50px 0;\r\n  background-color: #000;\r\n  background: radial-gradient(ellipse at 25% 50%, rgba(84, 178, 72, 0.15) 0%, rgba(0, 0, 0, 1) 50%);\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n  width: 100%;\r\n}\r\n\r\n.onboarding-container {\r\n  max-width: 1400px;\r\n  width: 100%;\r\n  display: flex !important;\r\n  gap: 80px;\r\n  align-items: flex-start;\r\n  padding: 0 40px;\r\n  margin: 0 auto;\r\n  overflow: visible !important;\r\n}\r\n\r\n.onboarding-left {\r\n  flex: 1;\r\n  position: relative;\r\n  align-self: stretch;\r\n  /* CRITICAL: Must be full height of container */\r\n}\r\n\r\n.onboarding-sticky-wrapper {\r\n  position: sticky;\r\n  top: 120px;\r\n  padding-bottom: 50px;\r\n  height: fit-content;\r\n  /* Only sticks if it's shorter than the parent */\r\n}\r\n\r\n.onboarding-title {\r\n  font-size: 42px;\r\n  color: var(--color-white);\r\n  margin-bottom: 25px;\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.onboarding-text {\r\n  color: #ffffff;\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n  margin-bottom: 50px;\r\n  max-width: 550px;\r\n  font-family: var(--font-body);\r\n}\r\n\r\n.onboarding-cta {\r\n  background-color: #54b248;\r\n  color: #fff;\r\n  border: none;\r\n  padding: 15px 35px;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.onboarding-cta:hover {\r\n  background-color: #459a39;\r\n}\r\n\r\n.onboarding-right {\r\n  flex: 1;\r\n}\r\n\r\n/* Timeline */\r\n.timeline-list {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.timeline-list::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 30px;\r\n  bottom: 120px;\r\n  left: 31px;\r\n  /* Center aligned with the 64px icon */\r\n  width: 1px;\r\n  border-left: 2px dashed rgb(255, 255, 255);\r\n  /* White dashed line */\r\n  z-index: 1;\r\n}\r\n\r\n.timeline-item {\r\n  display: flex;\r\n  gap: 40px;\r\n  position: relative;\r\n  padding: 15px 0;\r\n}\r\n\r\n.timeline-icon-wrapper {\r\n  width: 64px;\r\n  height: 64px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 2;\r\n  flex-shrink: 0;\r\n  padding: 0;\r\n}\r\n\r\n.timeline-icon-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  /* If icons are dark, making them white: filter: brightness(0) invert(1); */\r\n}\r\n\r\n.timeline-content {\r\n  flex: 1;\r\n  padding-top: 2px;\r\n}\r\n\r\n.timeline-step {\r\n  color: #54b248;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  margin: 0 0 5px 0;\r\n}\r\n\r\n.timeline-title {\r\n  color: #ffffff;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  margin: 0 0 8px 0;\r\n  line-height: 16px;\r\n}\r\n\r\n.timeline-desc {\r\n  color: #eeeeee;\r\n  font-size: 16px;\r\n  line-height: 20px;\r\n  margin: 0;\r\n  font-weight: 500;\r\n  max-width: 600px;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .optimize-inner {\r\n    padding: 0 15px;\r\n    gap: 15px;\r\n  }\r\n\r\n  .optimize-left {\r\n    border-radius: 0 100px 100px 0;\r\n    padding: 25px 25px 25px 25px;\r\n  }\r\n\r\n  .optimize-title {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .optimize-text {\r\n    font-size: 10px;\r\n    max-width: 300px;\r\n  }\r\n\r\n  .optimize-right {\r\n    padding-right: 15px;\r\n  }\r\n\r\n  .nda-pill {\r\n    padding: 8px 15px;\r\n    font-size: 11px;\r\n    gap: 10px;\r\n  }\r\n\r\n  .nda-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .onboarding-section {\r\n    padding-top: 80px;\r\n    padding-bottom: 50px;\r\n  }\r\n\r\n  .onboarding-container {\r\n    flex-direction: column;\r\n    gap: 60px;\r\n  }\r\n\r\n  .onboarding-left,\r\n  .onboarding-sticky-wrapper {\r\n    position: static;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n/* Softwares Section */\r\n.softwares-section {\r\n  padding: 50px 0;\r\n  background-color: #050505;\r\n  text-align: center;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n  width: 100%;\r\n}\r\n\r\n.softwares-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.softwares-title {\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  color: var(--color-white);\r\n}\r\n\r\n.softwares-subtitle {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  margin: 0 auto 40px auto;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  max-width: 900px;\r\n}\r\n\r\n.softwares-grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  justify-content: center;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.software-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 185px;\r\n  height: 80px;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n.software-tag:hover {\r\n  transform: translateY(-8px);\r\n  filter: drop-shadow(5px 5px 0px var(--color-primary));\r\n}\r\n\r\n.software-tag img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n.software-name {\r\n  text-align: left;\r\n}\r\n\r\n.software-name-top {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  color: #666;\r\n  margin: 0 0 2px 0;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.software-name-bottom {\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #000;\r\n  margin: 0;\r\n  line-height: 1.2;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n  .softwares-grid {\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .softwares-section {\r\n    padding: 40px 20px;\r\n  }\r\n\r\n  .softwares-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .softwares-subtitle {\r\n    font-size: 16px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .software-tag {\r\n    width: 140px;\r\n    height: 100px;\r\n  }\r\n\r\n  .softwares-grid {\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .software-tag {\r\n    width: 120px;\r\n    height: 80px;\r\n  }\r\n}\r\n\r\n/* Awards Section */\r\n.awards-section {\r\n  padding: 40px 0;\r\n  text-align: center;\r\n  width: 100%;\r\n}\r\n\r\n.awards-title {\r\n  font-size: 42px;\r\n  /* Increased for prominence */\r\n  font-weight: 700;\r\n  margin: 0 0 15px 0;\r\n  color: var(--color-white);\r\n  line-height: 42px;\r\n}\r\n\r\n.awards-subtitle {\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  color: #ffffff;\r\n  margin: 0 auto 40px auto;\r\n  line-height: 1.6;\r\n  max-width: 800px;\r\n\r\n}\r\n\r\n.awards-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.awards-grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 15px;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.award-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  cursor: pointer;\r\n  padding: 10px;\r\n}\r\n\r\n.award-tag:hover {\r\n  transform: translateY(-8px);\r\n  filter: drop-shadow(5px 5px 0px var(--color-primary));\r\n}\r\n\r\n.award-logo {\r\n  height: 60px;\r\n  width: auto;\r\n  object-fit: contain;\r\n  display: block;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .awards-section {\r\n    padding: 40px 20px;\r\n  }\r\n\r\n  .awards-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .awards-subtitle {\r\n    font-size: 16px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .award-logo {\r\n    height: 60px;\r\n  }\r\n\r\n  .awards-grid {\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .award-logo {\r\n    height: 45px;\r\n  }\r\n\r\n  .awards-grid {\r\n    gap: 15px;\r\n  }\r\n}\r\n\r\n/* FAQ Section */\r\n.faq-section {\r\n  padding: 50px 40px;\r\n  background: radial-gradient(circle at 50% 50%, rgba(84, 178, 72, 0.15) 0%, #000000 80%), #000000;\r\n}\r\n\r\n.faq-title {\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  color: var(--color-white);\r\n  max-width: 1400px;\r\n  margin: 0 auto 30px auto;\r\n  text-align: left;\r\n  line-height: 42px;\r\n}\r\n\r\n.faq-subtitle {\r\n  font-size: 18px;\r\n  max-width: 1400px;\r\n  margin: 0 auto 40px auto;\r\n  text-align: center;\r\n  color: #ffffff;\r\n  opacity: 0.8;\r\n  line-height: 1.6;\r\n}\r\n\r\n/* Service-Specific Targeted FAQ Alignment */\r\n.bim-service-page .faq-title,\r\n.as-built-drawing-page .faq-title,\r\n.point-cloud-bim-page .faq-title,\r\n.mep-bim-services-page .faq-title {\r\n  text-align: left !important;\r\n  margin-bottom: 5px !important;\r\n}\r\n\r\n.bim-service-page .faq-subtitle,\r\n.as-built-drawing-page .faq-subtitle,\r\n.point-cloud-bim-page .faq-subtitle,\r\n.mep-bim-services-page .faq-subtitle {\r\n  text-align: left !important;\r\n  margin-bottom: 40px !important;\r\n}\r\n\r\n.faq-list {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.faq-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 0;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.4);\r\n  cursor: pointer;\r\n}\r\n\r\n.faq-question-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 10px 0px 0px 0px;\r\n}\r\n\r\n.faq-question {\r\n  font-family: var(--font-heading) !important;\r\n  /* Switch to Montserrat for mockup match */\r\n  font-size: 18px;\r\n  /* Standard clean size */\r\n  font-weight: 500;\r\n  /* Bold as per image */\r\n  color: var(--color-white);\r\n  padding-right: 20px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.faq-icon {\r\n  color: var(--color-white);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.faq-item.active .faq-icon {\r\n  transform: rotate(45deg);\r\n  /* Turns + into x or rotates appropriately */\r\n}\r\n\r\n/* Accordion Animation Logic */\r\n.faq-answer-wrapper {\r\n  display: grid;\r\n  grid-template-rows: 0fr;\r\n  transition: all 0.3s ease-out;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n}\r\n\r\n.faq-item.active .faq-answer-wrapper {\r\n  grid-template-rows: 1fr;\r\n  opacity: 1;\r\n  visibility: visible;\r\n  padding-top: 10px;\r\n  /* Slight gap from question when open */\r\n}\r\n\r\n.faq-answer {\r\n  min-height: 0;\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  color: #bbb;\r\n  padding-bottom: 15px;\r\n}\r\n\r\n.faq-footer {\r\n  text-align: center;\r\n  margin-top: 40px;\r\n}\r\n\r\n.faq-footer-text {\r\n  font-size: var(--font-size-body);\r\n  font-weight: 700;\r\n  color: var(--color-white);\r\n  margin: 0 0 15px 0;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.faq-btn {\r\n  background-color: var(--color-primary);\r\n  color: var(--color-white);\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: var(--font-heading);\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.faq-btn:hover {\r\n  background-color: var(--color-primary-dark);\r\n}\r\n\r\n/* Blogs Section */\r\n.blogs-section {\r\n  padding: 50px 40px;\r\n  background-color: #060606;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.blogs-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  max-width: 1400px;\r\n  margin: 0 auto 50px auto;\r\n}\r\n\r\n.blogs-title {\r\n  font-size: 42px;\r\n  /* Increased for prominence */\r\n  font-weight: 700;\r\n  color: var(--color-white);\r\n  margin: 0 0 15px 0;\r\n  font-family: var(--font-heading);\r\n  line-height: 42px;\r\n}\r\n\r\n.blogs-subtitle {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  margin: 0;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n.blogs-header-btn {\r\n  background-color: var(--color-primary);\r\n  color: var(--color-white);\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: var(--font-heading);\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.blogs-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n  gap: 30px;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.blog-card {\r\n  flex: 1;\r\n  background-color: var(--color-white);\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.blog-card-img {\r\n  width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background-color: var(--color-white);\r\n  line-height: 0;\r\n}\r\n\r\n.blog-card-img img {\r\n  width: 100%;\r\n  height: 220px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.blog-img-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 60%;\r\n}\r\n\r\n.blog-img-title {\r\n  color: var(--color-white);\r\n  font-size: var(--font-size-body);\r\n  font-weight: 700;\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.3;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.blog-img-subtitle {\r\n  color: #ff3399;\r\n  font-size: var(--font-size-caption);\r\n  font-weight: 700;\r\n  margin: 0;\r\n  line-height: 1.4;\r\n}\r\n\r\n.blog-robot-img {\r\n  position: absolute;\r\n  right: -20px;\r\n  bottom: 0;\r\n  height: 95%;\r\n  object-fit: contain;\r\n  z-index: 1;\r\n}\r\n\r\n.blog-card-content {\r\n  padding: 20px 25px;\r\n}\r\n\r\n.blog-date {\r\n  color: #000000;\r\n  margin: 0 0 8px;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n}\r\n\r\n.blog-title {\r\n  font-size: 17px;\r\n  color: var(--color-primary);\r\n  font-weight: 600;\r\n  margin: 0 0 8px 0;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.blog-desc {\r\n  color: #000;\r\n  margin: 0;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n}\r\n\r\n/* Contact Section */\r\n.contact-section {\r\n  padding: 50px 40px;\r\n  background-color: #000;\r\n}\r\n\r\n.contact-inner {\r\n  display: flex;\r\n  gap: 40px;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.contact-inner::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 10%;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(84, 178, 72, 0.15) 0%, transparent 70%);\r\n  transform: translateY(-50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.contact-left {\r\n  flex: 0.8;\r\n  position: sticky;\r\n  top: 100px;\r\n}\r\n\r\n.contact-title {\r\n  margin: 0 0 25px 0;\r\n  line-height: 1.1;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.contact-title .text-primary {\r\n  color: var(--color-primary);\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  display: block;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.contact-title .text-white {\r\n  color: var(--color-white);\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  display: block;\r\n}\r\n\r\n.contact-subtitle {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  margin: 0 0 30px 0;\r\n  line-height: 1.4;\r\n  max-width: 550px;\r\n  font-weight: 500;\r\n}\r\n\r\n.contact-stats {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  position: relative;\r\n  row-gap: 40px;\r\n  column-gap: 40px;\r\n}\r\n\r\n.contact-stats-vertical-line {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 40%;\r\n  width: 1px;\r\n  background: linear-gradient(to bottom, rgba(84, 178, 72, 0) 0%, rgba(84, 178, 72, 1) 25%, rgba(84, 178, 72, 0) 40%, rgba(84, 178, 72, 0) 60%, rgba(84, 178, 72, 1) 75%, rgba(84, 178, 72, 0) 100%);\r\n  box-shadow: 0 0 10px 1px rgba(84, 178, 72, 0.4);\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.contact-stats-horizontal-line {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 0;\r\n  right: 20%;\r\n  height: 1px;\r\n  background: linear-gradient(to right, rgba(84, 178, 72, 0) 0%, rgba(84, 178, 72, 1) 25%, rgba(84, 178, 72, 0) 40%, rgba(84, 178, 72, 0) 60%, rgba(84, 178, 72, 1) 75%, rgba(84, 178, 72, 0) 100%);\r\n  box-shadow: 0 0 10px 1px rgba(84, 178, 72, 0.4);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.contact-stat {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding: 15px 0;\r\n}\r\n\r\n\r\n/* ============================================\r\n   Contact Section\r\n   ============================================ */\r\n\r\n\r\n.contact-stat-icon {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.contact-stat-value {\r\n  font-size: 26px;\r\n  font-weight: 500;\r\n  color: var(--color-white);\r\n  margin: 0;\r\n  font-family: var(--font-heading);\r\n  line-height: 28px;\r\n}\r\n\r\n.contact-stat-label {\r\n  font-size: 16px;\r\n  color: #ffffff;\r\n  font-weight: 500;\r\n  margin: 0;\r\n  line-height: 18px;\r\n}\r\n\r\n.contact-right {\r\n  flex: 1.2;\r\n}\r\n\r\n.contact-form-wrapper {\r\n  background-color: var(--color-white);\r\n  padding: 40px 50px;\r\n  border-radius: 2px;\r\n  border: 4px solid var(--color-primary);\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.contact-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.form-row {\r\n  display: flex;\r\n  gap: 20px;\r\n}\r\n\r\n.form-group {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.form-group label {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #111;\r\n}\r\n\r\n.contact-form input,\r\n.contact-form select,\r\n.contact-form textarea {\r\n  width: 100%;\r\n  padding: 14px 15px;\r\n  border: 1px solid rgba(84, 178, 72, 0.4);\r\n  border-radius: 2px;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  background: var(--color-white);\r\n  color: #111;\r\n  outline: none;\r\n  transition: border-color 0.2s;\r\n  box-sizing: border-box;\r\n  display: block;\r\n}\r\n\r\n.contact-form input::placeholder,\r\n.contact-form textarea::placeholder {\r\n  color: #aaa;\r\n}\r\n\r\n.contact-form input:focus,\r\n.contact-form select:focus,\r\n.contact-form textarea:focus {\r\n  border-color: var(--color-primary);\r\n}\r\n\r\n.contact-form textarea {\r\n  min-height: 140px;\r\n  resize: vertical;\r\n}\r\n\r\n.select-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.select-wrapper select {\r\n  appearance: none;\r\n  cursor: pointer;\r\n  color: #aaa;\r\n}\r\n\r\n.select-icon {\r\n  position: absolute;\r\n  right: 15px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.form-footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 15px;\r\n}\r\n\r\n.checkbox-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  cursor: pointer;\r\n}\r\n\r\n.custom-checkbox {\r\n  width: 30px;\r\n  height: 30px;\r\n  border: 1px solid rgba(84, 178, 72, 0.6);\r\n  border-radius: 2px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.terms-text {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: #111;\r\n  line-height: 18px;\r\n}\r\n\r\n.contact-submit {\r\n  background-color: var(--color-primary);\r\n  color: var(--color-white);\r\n  border: none;\r\n  padding: 12px 28px;\r\n  border-radius: 20px;\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: var(--font-heading);\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.contact-submit:hover {\r\n  background-color: var(--color-primary-dark);\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .blogs-header {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .blogs-grid {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .contact-inner {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .form-row {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n/* Footer Section */\r\n.footer-section {\r\n  background-color: var(--color-black);\r\n  border-top: 1px solid rgba(84, 178, 72, 0.4);\r\n  padding: 60px 40px 0;\r\n}\r\n\r\n.footer-container {\r\n  max-width: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.footer-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 40px;\r\n  padding-bottom: 50px;\r\n  border-bottom: 1px solid rgba(84, 178, 72, 0.4);\r\n}\r\n\r\n.footer-brand {\r\n  flex: 0 0 320px;\r\n  padding-right: 20px;\r\n}\r\n\r\n.footer-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.footer-logo-text {\r\n  font-size: var(--font-size-h2);\r\n  font-weight: 700;\r\n  color: var(--color-white);\r\n  letter-spacing: 0.5px;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.footer-desc {\r\n  font-size: 22px;\r\n  color: #eeeeee;\r\n  line-height: 26px;\r\n  margin: 0;\r\n  font-weight: 500;\r\n}\r\n\r\n.footer-links-wrapper {\r\n  display: flex;\r\n  gap: 60px;\r\n  flex: 1;\r\n  justify-content: space-between;\r\n}\r\n\r\n.footer-links-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n}\r\n\r\n.footer-col-title {\r\n  color: var(--color-white);\r\n  font-size: 26px;\r\n  font-weight: 600;\r\n  margin: 0 0 10px 0;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.footer-link {\r\n  color: #cccccc;\r\n  text-decoration: none;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  transition: color 0.2s;\r\n  line-height: 18px;\r\n}\r\n\r\n.footer-link:hover {\r\n  color: var(--color-primary);\r\n}\r\n\r\n.footer-bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 25px 0;\r\n}\r\n\r\n.footer-copyright {\r\n  color: #eeeeee;\r\n  font-size: var(--font-size-caption);\r\n  font-weight: 500;\r\n  margin: 0;\r\n}\r\n\r\n.footer-socials {\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n\r\n.social-icon {\r\n  width: 28px;\r\n  height: 28px;\r\n  border-radius: 50%;\r\n  background-color: var(--color-primary);\r\n  color: #000;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-decoration: none;\r\n  transition: background-color 0.2s, transform 0.2s;\r\n}\r\n\r\n.social-icon:hover {\r\n  background-color: var(--color-white);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .footer-top {\r\n    padding: 0 40px;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n    /* Prevent out of screen */\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .footer-brand {\r\n    flex: 0 0 100%;\r\n    /* Take full width on top for better space */\r\n    margin-bottom: 20px;\r\n    padding-right: 0;\r\n  }\r\n\r\n  .footer-links-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .footer-top {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .footer-links-wrapper {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .footer-bottom {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-brand {\r\n    padding-right: 0;\r\n    flex: auto;\r\n  }\r\n}\r\n\r\n/* =========================================\r\n   COMPREHENSIVE RESPONSIVE STYLING\r\n========================================= */\r\n\r\n@media (max-width: 1400px) {\r\n  .navbar {\r\n    padding: 20px 40px;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-size: var(--font-size-h1);\r\n  }\r\n\r\n  .contact-inner {\r\n    gap: 40px;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .stats-grid,\r\n  .industries-grid {\r\n    padding: 0 30px;\r\n  }\r\n\r\n  .footer-container {\r\n    padding: 0 30px;\r\n  }\r\n\r\n  .usa-map-content {\r\n    gap: 30px;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .services-grid {\r\n    padding: 0 20px;\r\n  }\r\n}\r\n\r\n/* Stacking handled at 1100px above for Contact Section */\r\n\r\n@media (max-width: 992px) {\r\n  .navbar {\r\n    padding: 15px 30px;\r\n  }\r\n\r\n  .nav-links {\r\n    display: none;\r\n  }\r\n\r\n  .hero {\r\n    align-items: flex-start;\r\n    padding-top: 100px;\r\n    height: auto;\r\n    min-height: 500px;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-size: var(--font-size-h1);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .floating-form-wrapper {\r\n    margin-top: -30px;\r\n  }\r\n\r\n  .form-inputs {\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .form-input {\r\n    flex: 0 0 calc(33.333% - 10px);\r\n  }\r\n\r\n  .form-submit {\r\n    flex: 0 0 calc(33.333% - 10px);\r\n  }\r\n\r\n  .project-card {\r\n    flex: 0 0 auto;\r\n    width: 340px;\r\n  }\r\n\r\n  .usa-map-content {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .usa-map-list-col {\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .optimize-inner {\r\n    padding: 0 20px;\r\n    gap: 20px;\r\n  }\r\n\r\n  .optimize-left {\r\n    border-radius: 12px;\r\n    padding: 30px 20px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100% !important;\r\n    box-sizing: border-box;\r\n    margin: 0 !important;\r\n    flex: none;\r\n    /* Prevents overflow behavior */\r\n  }\r\n\r\n  .optimize-title {\r\n    font-size: var(--font-size-h2);\r\n  }\r\n\r\n  .optimize-text {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .optimize-right {\r\n    padding: 0;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .nda-pill {\r\n    width: 100% !important;\r\n    border-radius: 12px;\r\n    padding: 12px 20px;\r\n    font-size: 14px;\r\n    margin: 0 !important;\r\n    max-width: none;\r\n    justify-content: flex-start;\r\n    display: flex;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .nda-pill:hover {\r\n    transform: none;\r\n  }\r\n\r\n  /* Contact Section Stacking handled at line 1600 area */\r\n  .contact-stats {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    max-width: 500px;\r\n    margin: 40px auto 0;\r\n  }\r\n\r\n  .contact-stats-vertical-line {\r\n    left: 45% !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .contact-stats-horizontal-line {\r\n    left: 0 !important;\r\n    right: 5% !important;\r\n    top: 50% !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .contact-right {\r\n    padding: 30px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  .footer-top {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-links-wrapper {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .footer-bottom {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-brand {\r\n    flex: auto;\r\n    padding-right: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .onboarding-container {\r\n    flex-direction: column;\r\n    gap: 40px;\r\n    padding: 0 15px !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .onboarding-text {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .onboarding-title {\r\n    font-size: 26px !important;\r\n  }\r\n\r\n  .onboarding-left {\r\n    text-align: center;\r\n  }\r\n\r\n  .onboarding-title {\r\n    font-size: var(--font-size-h2);\r\n  }\r\n\r\n  .onboarding-text {\r\n    font-size: 15px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .navbar {\r\n    padding: 15px 20px;\r\n  }\r\n\r\n  .btn-contact {\r\n    padding: 8px 16px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .logo-container img {\r\n    height: 32px !important;\r\n  }\r\n\r\n  .hero {\r\n    padding-top: 80px;\r\n  }\r\n\r\n  .hero-slider-btn {\r\n    display: none;\r\n  }\r\n\r\n  .clients-section,\r\n  .services-section,\r\n  .projects-section,\r\n  .discussion-section,\r\n  .testimonials-section,\r\n  .usa-map-section,\r\n  .industries-section,\r\n  .cta-section,\r\n  .softwares-section,\r\n  .awards-section,\r\n  .faq-section,\r\n  .blogs-section,\r\n  .contact-section {\r\n    padding: 40px 20px;\r\n  }\r\n\r\n  .clients-logos {\r\n    gap: 10px;\r\n  }\r\n\r\n  .client-logo {\r\n    min-width: 120px;\r\n    padding: 10px;\r\n    height: 60px;\r\n  }\r\n\r\n  .discussion-title {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .projects-header {\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .projects-title {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .testimonial-card {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .testimonial-image-col {\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 1 / 1;\r\n    flex: none;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .testimonial-content-col {\r\n    padding: 20px;\r\n  }\r\n\r\n  .testimonial-quote-icon {\r\n    font-size: 50px;\r\n  }\r\n\r\n  .testimonial-controls {\r\n    position: relative;\r\n    right: auto;\r\n    bottom: auto;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .stat-card {\r\n    min-width: calc(50% - 10px);\r\n    max-width: 250px;\r\n  }\r\n\r\n  .industries-grid {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .industry-card {\r\n    flex: 0 0 100%;\r\n    width: 100%;\r\n    max-width: 360px;\r\n    min-width: auto;\r\n  }\r\n\r\n  .softwares-section {\r\n    padding: 40px 0 !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .softwares-title {\r\n    font-size: 24px !important;\r\n    padding: 0 20px;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .softwares-subtitle {\r\n    margin-bottom: 30px;\r\n    font-size: 14px;\r\n    padding: 0 20px;\r\n    max-width: 100% !important;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .softwares-grid {\r\n    padding: 0 15px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 15px;\r\n  }\r\n\r\n  .software-tag {\r\n    flex: 0 0 calc(50% - 8px);\r\n    width: calc(50% - 8px);\r\n    min-width: unset;\r\n    justify-content: center;\r\n    padding: 10px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .blogs-grid {\r\n    display: flex !important;\r\n    gap: 20px !important;\r\n    width: 100% !important;\r\n    max-width: 1400px;\r\n  }\r\n\r\n  /* Tablets (iPad) - Keep 3 Columns as requested before */\r\n  @media (min-width: 851px) {\r\n    .blogs-grid {\r\n      flex-direction: row !important;\r\n      justify-content: space-between !important;\r\n    }\r\n\r\n    .blog-card {\r\n      width: 31% !important;\r\n      flex: none !important;\r\n    }\r\n  }\r\n\r\n  /* Small Tablets & Mobile - Stack Vertically */\r\n  @media (max-width: 850px) {\r\n    .blogs-grid {\r\n      flex-direction: column !important;\r\n      gap: 30px !important;\r\n      align-items: center !important;\r\n    }\r\n\r\n    .blog-card {\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      flex: none !important;\r\n      min-width: unset !important;\r\n    }\r\n  }\r\n\r\n  .blog-card-img {\r\n    height: 220px;\r\n  }\r\n\r\n  .awards-section {\r\n    padding: 40px 0 !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .contact-title {\r\n    font-size: var(--font-size-h2);\r\n  }\r\n\r\n  .contact-right {\r\n    padding: 20px 0px;\r\n  }\r\n\r\n  .awards-title {\r\n    font-size: 26px !important;\r\n    padding: 0 15px;\r\n    box-sizing: border-box;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .awards-subtitle {\r\n    font-size: 14px;\r\n    padding: 0 15px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .contact-stats {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n    max-width: 850px;\r\n    /* Aligned with form width */\r\n    margin: 40px auto 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero h1 {\r\n    font-size: 24px;\r\n    white-space: normal !important;\r\n    word-break: break-word;\r\n  }\r\n\r\n  .services-title {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .optimize-inner {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .optimize-left {\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    padding: 30px 20px;\r\n    width: 100% !important;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .optimize-title {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .optimize-text {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .optimize-right {\r\n    padding-right: 0;\r\n    align-items: center;\r\n  }\r\n\r\n  .nda-pill {\r\n    width: 100%;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .contact-right {\r\n    padding: 20px 0px;\r\n  }\r\n\r\n  .form-row {\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .footer-links-wrapper {\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-col-title {\r\n    font-size: var(--font-size-body);\r\n  }\r\n\r\n  .footer-links-col {\r\n    align-items: center;\r\n  }\r\n\r\n  .footer-logo {\r\n    justify-content: center;\r\n  }\r\n\r\n  .footer-bottom {\r\n    padding: 30px 0;\r\n  }\r\n\r\n  .awards-grid {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .award-logo-box {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n/* Responsive updates for About Section Slider Image */\r\n@media (max-width: 1024px) {\r\n  .about-section {\r\n    flex-direction: column !important;\r\n    text-align: center !important;\r\n    padding: 60px 20px !important;\r\n    gap: 40px !important;\r\n  }\r\n\r\n  .about-text {\r\n    padding-right: 0 !important;\r\n    flex: 1 !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .about-text p {\r\n    text-align: center !important;\r\n  }\r\n\r\n  .about-title {\r\n    text-align: center !important;\r\n  }\r\n\r\n  .about-image-wrapper {\r\n    width: 100% !important;\r\n    min-width: unset !important;\r\n    max-width: 680px !important;\r\n    height: auto !important;\r\n    margin: 0 auto !important;\r\n    flex: none !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .about-image-wrapper {\r\n    height: auto !important;\r\n  }\r\n\r\n  .about-title {\r\n    font-size: 26px !important;\r\n  }\r\n\r\n  .discussion-title {\r\n    font-size: 24px !important;\r\n    line-height: 1.4 !important;\r\n  }\r\n\r\n  .discussion-subtitle {\r\n    font-size: 16px !important;\r\n  }\r\n}\r\n\r\n/* Video Modal Styles - Testimonials */\r\n.video-modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background-color: rgba(0, 0, 0, 0.85);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 10000;\r\n  opacity: 0;\r\n  animation: fadeInModal 0.3s forwards ease-in-out;\r\n}\r\n\r\n@keyframes fadeInModal {\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.video-modal-content {\r\n  position: relative;\r\n  width: 90%;\r\n  max-width: 900px;\r\n  background: #000;\r\n  border-radius: 12px;\r\n  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.5);\r\n  transform: scale(0.95);\r\n  animation: scaleUpModal 0.3s forwards ease-out;\r\n}\r\n\r\n@keyframes scaleUpModal {\r\n  to {\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n.video-modal-close {\r\n  position: absolute;\r\n  top: -40px;\r\n  right: 0;\r\n  background: transparent;\r\n  color: #fff;\r\n  border: none;\r\n  font-size: 36px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  opacity: 0.8;\r\n  transition: opacity 0.2s;\r\n  z-index: 100;\r\n}\r\n\r\n.video-modal-close:hover {\r\n  opacity: 1;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .video-modal-close {\r\n    top: -35px;\r\n    right: 5px;\r\n  }\r\n}\r\n\r\n.video-modal-iframe-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  padding-bottom: 56.25%;\r\n  /* 16:9 Aspect Ratio */\r\n  height: 0;\r\n  overflow: hidden;\r\n  border-radius: 12px;\r\n}\r\n\r\n.video-modal-iframe-wrapper iframe {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n/* ============================================================ \r\n   CRITICAL MOBILE FIXES (Solves the \"Black Void\" & Spacing)\r\n   ============================================================ */\r\n@media (max-width: 768px) {\r\n\r\n  /* Reset global padding for mobile */\r\n  .navbar {\r\n    padding: 12px 15px !important;\r\n  }\r\n\r\n  .hero-content {\r\n    padding: 0 15px !important;\r\n  }\r\n\r\n  .clients-section,\r\n  .about-section,\r\n  .services-section,\r\n  .pricing-section,\r\n  .projects-section,\r\n  .new-projects-section,\r\n  .testimonials-section,\r\n  .usa-map-section,\r\n  .cta-section,\r\n  .awards-section,\r\n  .faq-section,\r\n  .blogs-section,\r\n  .contact-section,\r\n  .softwares-section {\r\n    padding: 40px 15px !important;\r\n  }\r\n\r\n  /* Fix overflowing long words in FAQ questions */\r\n  .faq-question {\r\n    font-size: 16px !important;\r\n    word-break: break-word !important;\r\n    hyphens: auto;\r\n    padding-right: 15px;\r\n  }\r\n\r\n  /* Force 100% width on all major containers */\r\n  .faq-container,\r\n  .blogs-header,\r\n  .blogs-grid,\r\n  .contact-inner,\r\n  .industries-header,\r\n  .values-grid,\r\n  .new-projects-center-container,\r\n  .about-content,\r\n  .services-grid,\r\n  .testimonial-card,\r\n  .usa-map-content {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n  }\r\n\r\n  /* Fix Blog Grid stacking */\r\n  .blogs-grid {\r\n    flex-direction: column !important;\r\n    gap: 20px !important;\r\n  }\r\n\r\n  /* Ensure the body doesn't allow any horizontal push */\r\n  body,\r\n  html {\r\n    overflow-x: hidden !important;\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n}"],"names":[],"mappings":"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"}}]
}